.roulette-container{width:100%;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px 20px 30px;position:relative}.roulette-wheel-wrapper{position:relative;width:85%;max-width:450px;aspect-ratio:1 / 1;margin-bottom:30px}.roulette-wheel{width:100%;height:100%;border-radius:50%;position:relative;transition:transform 5s cubic-bezier(.17,.67,.12,.99);box-shadow:0 10px 40px #00000080}.roulette-wheel.spinning{transition:transform 5s cubic-bezier(.17,.67,.12,.99)}.pointer{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:40px solid #FF69B4;z-index:10;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.spin-button{padding:18px 50px;font-size:22px;font-weight:700;color:#fff;background:linear-gradient(135deg,#ff69b4,#7fffd4);border:none;border-radius:50px;cursor:pointer;box-shadow:0 10px 30px #ff69b466;transition:all .3s ease;letter-spacing:1px;position:relative}.spin-button:before{content:"";position:absolute;top:-100%;left:-100%;right:-100%;bottom:-100%}.spin-button:hover:not(.spinning){transform:translateY(-3px);box-shadow:0 15px 40px #ff69b499}.spin-button:active:not(.spinning){transform:translateY(-1px)}.spin-button.spinning{background:linear-gradient(135deg,#ff1493,#00ced1);cursor:pointer;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.result-overlay{position:fixed!important;top:0;left:0;right:0;bottom:0;background:transparent;display:flex;justify-content:center;align-items:center;z-index:99999!important;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.result-card{background:#fff;border-radius:20px;padding:50px;text-align:center;box-shadow:0 20px 60px #0000004d;animation:scaleIn .5s ease}@keyframes scaleIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.result-card h2{font-size:36px;color:#1a1a2e;margin-bottom:30px;animation:bounce .6s ease}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.winner-badge{display:inline-block;padding:30px 60px;border-radius:15px;font-size:48px;font-weight:700;color:#fff;margin-bottom:20px;box-shadow:0 10px 30px #0003;animation:wiggle .5s ease}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.result-card p{font-size:24px;color:#555}.winner-name{font-size:48px;font-weight:700;color:#ff1493;padding:20px 30px;margin:20px 0;background:linear-gradient(135deg,#ffe4e1,#ffb6c1);border-radius:15px;box-shadow:0 5px 15px #ff69b44d}.close-modal-button{margin-top:30px;padding:15px 40px;font-size:18px;font-weight:700;color:#fff;background:linear-gradient(135deg,#ff69b4,#ff1493);border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #ff69b44d}.close-modal-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff69b480}.close-modal-button:active{transform:translateY(0)}@media (max-width: 768px){.roulette-wheel-wrapper{width:85%;margin-bottom:30px}.spin-button{padding:15px 40px;font-size:18px}.result-card{padding:30px;margin:20px}.result-card h2{font-size:28px}.prize-image-container{max-width:250px;height:250px}.prize-image{max-width:280px}.winner-name{font-size:33px;padding:12px 20px}.result-card p{font-size:18px}}@media (max-width: 480px){.pointer{border-left:15px solid transparent;border-right:15px solid transparent;border-top:30px solid #ff4757}.pointer:after{width:20px;height:20px;left:-10px;top:-30px}}.settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:flex-end;z-index:10100;animation:fadeIn .3s ease}.settings-panel{width:100%;max-width:480px;background:linear-gradient(180deg,#ffe4e1,#b2f7ef);height:100%;display:flex;flex-direction:column;box-shadow:-5px 0 20px #0000004d;animation:slideIn .3s ease;color:#333}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:2px solid rgba(255,105,180,.3);background:#ffffff80}.settings-header h2{margin:0;font-size:24px;font-weight:700;color:#ff69b4}.close-button{background:none;border:none;color:#ff69b4;font-size:36px;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.close-button:hover{background:#ff69b433;transform:rotate(90deg)}.settings-content{flex:1;overflow-y:auto;padding:20px}.slot-count-section{background:#ffffffb3;padding:15px;border-radius:12px;margin-bottom:20px;border:2px solid rgba(255,105,180,.3)}.slot-count-section label{display:block;font-size:14px;color:#666;font-weight:500;margin-bottom:8px}.slot-count-input{width:100%;background:#fff;border:2px solid rgba(255,105,180,.3);border-radius:8px;padding:10px;color:#333;font-size:18px;font-weight:700}.slot-count-input:focus{outline:none;border-color:#ff69b4}.prizes-section{margin-bottom:20px}.prizes-section h3{color:#ff69b4;font-size:18px;margin-bottom:15px;font-weight:700}.total-indicator{background:#ffffff1a;padding:15px;border-radius:10px;margin-bottom:20px;display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700}.total-indicator .valid{color:#4ade80}.total-indicator .invalid{color:#ff4757}.normalize-button{margin-left:auto;background:#ff69b4;color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .3s ease}.normalize-button:hover{background:#764ba2;transform:scale(1.05)}.prizes-list{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.prize-item{background:#ffffffb3;padding:15px;border-radius:12px;border:2px solid rgba(255,105,180,.3);transition:all .3s ease}.prize-item:hover{border-color:#ff69b480;background:#ffffffd9}.prize-header{display:flex;gap:10px;align-items:center}.prize-rank{background:linear-gradient(135deg,#ff69b4,#7fffd4);color:#fff;padding:10px 15px;border-radius:8px;font-weight:700;font-size:16px;white-space:nowrap}.prize-name-input{flex:1;background:#fff;border:2px solid rgba(255,105,180,.3);border-radius:8px;padding:10px;color:#333;font-size:16px;font-weight:700}.prize-name-input:focus{outline:none;border-color:#ff69b4}.remove-button{background:#ff475733;border:2px solid rgba(255,71,87,.4);color:#fff;border-radius:8px;padding:10px 15px;cursor:pointer;font-size:18px;transition:all .3s ease}.remove-button:hover:not(:disabled){background:#ff475766;transform:scale(1.1)}.remove-button:disabled{opacity:.3;cursor:not-allowed}.prize-controls{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:10px}.control-group{display:flex;flex-direction:column;gap:8px}.control-group label{font-size:14px;color:#666;font-weight:500}.percentage-input,.color-input{background:#fff;border:2px solid rgba(255,105,180,.3);border-radius:8px;padding:10px;color:#333;font-size:16px}.percentage-input:focus{outline:none;border-color:#ff69b4}.color-input{height:45px;cursor:pointer;padding:5px}.percentage-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.percentage-fill{height:100%;transition:width .3s ease;border-radius:4px}.add-prize-button{width:100%;background:linear-gradient(135deg,#ff69b4,#7fffd4);color:#fff;border:none;padding:15px;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.add-prize-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ff69b466}.slot-config-section{margin-top:30px}.slot-config-section h3{color:#ff69b4;font-size:18px;margin-bottom:15px;font-weight:700}.slot-config-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;max-height:400px;overflow-y:auto;background:#ffffff80;padding:15px;border-radius:12px;border:2px solid rgba(255,105,180,.3)}.slot-config-item{background:#fff;padding:10px;border-radius:8px;display:flex;flex-direction:column;gap:5px;border:2px solid rgba(255,105,180,.2)}.slot-config-item label{font-size:12px;color:#666;font-weight:500}.slot-rank-select{background:#fff;border:2px solid rgba(255,105,180,.3);border-radius:6px;padding:8px;color:#333;font-size:14px;font-weight:700;cursor:pointer}.slot-rank-select:focus{outline:none;border-color:#ff69b4}.spin-duration-section{margin-top:30px}.spin-duration-section label{display:block;color:#ff69b4;font-size:16px;font-weight:700;margin-bottom:10px}.spin-duration-input{width:100%;background:#fff;border:2px solid rgba(255,105,180,.3);border-radius:8px;padding:12px;color:#333;font-size:18px;font-weight:700}.spin-duration-input:focus{outline:none;border-color:#ff69b4}.custom-probability-section{margin-top:30px}.section-header-with-checkbox{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-header-with-checkbox h3{color:#ff69b4;font-size:18px;font-weight:700;margin:0}.checkbox-container{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-container input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#FF69B4}.checkbox-label{font-size:16px;font-weight:600;color:#ff69b4}.probability-list{background:#ffffff80;padding:15px;border-radius:12px;border:2px solid rgba(255,105,180,.3)}.probability-item{display:flex;align-items:center;gap:10px;margin-bottom:10px;background:#fff;padding:10px 15px;border-radius:8px;border:2px solid rgba(255,105,180,.2)}.prob-rank{background:linear-gradient(135deg,#ff69b4,#7fffd4);color:#fff;padding:8px 15px;border-radius:6px;font-weight:700;font-size:14px;white-space:nowrap;min-width:60px;text-align:center}.prob-input{flex:1;background:#fff;border:2px solid rgba(255,105,180,.3);border-radius:6px;padding:8px 12px;color:#333;font-size:16px;font-weight:700;text-align:right}.prob-input:focus{outline:none;border-color:#ff69b4}.prob-unit{font-size:16px;font-weight:700;color:#ff69b4;min-width:25px}.prob-total{margin-top:15px;padding:12px;background:#7fffd433;border:2px solid rgba(127,255,212,.5);border-radius:8px;text-align:center;font-size:16px;font-weight:700;color:#333}.prob-buttons{display:flex;gap:10px;margin-top:10px}.preset-prob-button,.reset-prob-button{flex:1;padding:12px;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease}.preset-prob-button{background:linear-gradient(135deg,#7fffd4,#4ecdc4)}.preset-prob-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #7fffd466}.reset-prob-button{background:linear-gradient(135deg,#ff69b4,#7fffd4)}.reset-prob-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff69b466}.settings-footer{display:flex;gap:10px;padding:20px;border-top:2px solid rgba(255,105,180,.3);background:#ffffff80}.reset-button,.save-button{flex:1;padding:15px;border:none;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.reset-button{background:#ff69b433;color:#ff69b4;border:2px solid #FF69B4}.reset-button:hover{background:#ff69b44d}.save-button{background:linear-gradient(135deg,#7fffd4,#4ade80);color:#fff}.save-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #7fffd466}@media (max-width: 768px){.settings-panel{max-width:100%}.settings-header h2{font-size:20px}.prize-controls{grid-template-columns:1fr}}.settings-content::-webkit-scrollbar{width:8px}.settings-content::-webkit-scrollbar-track{background:#ffffff0d}.settings-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.settings-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.app{width:100%;height:100%;max-width:100vh;max-height:177.78vh;aspect-ratio:9 / 16;position:relative;background:#4d2a6c;overflow:visible;display:flex;flex-direction:column;z-index:1;transition:all .3s ease}.app.vertical-mode{width:fit-content;max-width:90vw;height:auto;max-height:none;aspect-ratio:auto;overflow-y:auto;margin:0 auto}.app:not(.vertical-mode) .gallery-top,.app:not(.vertical-mode) .gallery-bottom{display:none}body:has(.app.vertical-mode) .product-gallery-left,body:has(.app.vertical-mode) .product-gallery-right{display:none!important}.brand-header{width:100%;padding:0 20px;background:#4d2a6c;display:flex;justify-content:center;align-items:center;z-index:100}.brand-logo{max-height:90px;max-width:100%;object-fit:contain}.password-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:20000;animation:fadeIn .3s ease}.password-modal{background:linear-gradient(180deg,#ffe4e1,#b2f7ef);padding:40px;border-radius:20px;border:3px solid rgba(255,105,180,.5);box-shadow:0 10px 40px #ff69b466;min-width:350px;animation:scaleIn .3s ease;text-align:center}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.password-modal h2{color:#ff69b4;margin:0 0 10px;font-size:24px;font-weight:700}.password-modal p{color:#666;margin:0 0 25px;font-size:16px}.password-input{width:100%;padding:15px;border:2px solid rgba(255,105,180,.3);border-radius:10px;font-size:18px;margin-bottom:25px;text-align:center;font-weight:700;letter-spacing:3px;background:#fff;transition:all .3s ease}.password-input:focus{outline:none;border-color:#ff69b4;box-shadow:0 0 10px #ff69b44d}.password-modal-buttons{display:flex;gap:15px}.password-modal-buttons button{flex:1;padding:15px;border:none;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.password-cancel-button{background:#ff69b433;color:#ff69b4;border:2px solid #FF69B4}.password-cancel-button:hover{background:#ff69b44d;transform:translateY(-2px)}.password-submit-button{background:linear-gradient(135deg,#ff69b4,#ff1493);color:#fff;box-shadow:0 4px 15px #ff69b466}.password-submit-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff69b499}.password-submit-button:active,.password-cancel-button:active{transform:translateY(0)}.floating-menu{position:absolute;bottom:20px;right:20px;z-index:10000;display:flex;flex-direction:row;gap:15px;align-items:center}.app.vertical-mode .floating-menu{bottom:590px;top:auto;transform:none;right:20px}.hamburger-button{width:60px;height:60px;background:linear-gradient(135deg,#ff69b4,#ff1493);border:3px solid rgba(255,255,255,.9);border-radius:50%;font-size:28px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 20px #ff69b499;flex-shrink:0;z-index:10001}.hamburger-button:hover{transform:scale(1.1) rotate(90deg);box-shadow:0 6px 30px #ff69b4cc;background:linear-gradient(135deg,#ff1493,#c71585)}.hamburger-button:active{transform:scale(1)}.floating-buttons{display:flex;flex-direction:row;gap:15px;align-items:center;animation:slideInFromRight .3s ease}@keyframes slideInFromRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.floating-button{width:50px;height:50px;border:3px solid rgba(255,255,255,.8);border-radius:50%;font-size:24px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.settings-button{background:#ff69b4f2;box-shadow:0 4px 20px #ff69b480}.settings-button:hover{background:#ff69b4;transform:scale(1.1) rotate(90deg);box-shadow:0 6px 25px #ff69b4b3}.settings-button:active{transform:scale(1) rotate(90deg)}.music-button{background:#7fffd4f2;box-shadow:0 4px 20px #7fffd480}.music-button:hover{background:#7fffd4;transform:scale(1.1);box-shadow:0 6px 25px #7fffd4b3}.music-button:active{transform:scale(1)}.volume-button{position:relative;background:#ffc107f2;box-shadow:0 4px 20px #ffc10780}.volume-button:hover{background:#ffc107;transform:scale(1.1);box-shadow:0 6px 25px #ffc107b3}.volume-button:active{transform:scale(1)}.volume-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:transparent;z-index:9998}.volume-control{position:absolute;bottom:70px;right:0;background:#fffffff2;border:3px solid rgba(255,105,180,.8);border-radius:25px;padding:10px 15px;display:flex;flex-direction:column;gap:5px;width:150px;box-shadow:0 4px 20px #ff69b44d;animation:slideUp .3s ease;z-index:10002}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.volume-label{font-size:14px;font-weight:700;color:#ff69b4;text-align:center}.volume-slider{width:100%;height:6px;border-radius:3px;background:linear-gradient(90deg,#ffb6c1,#ff69b4,#ff1493);outline:none;-webkit-appearance:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#ff69b4;cursor:pointer;box-shadow:0 2px 5px #0003;transition:all .2s ease}.volume-slider::-webkit-slider-thumb:hover{background:#ff1493;transform:scale(1.2)}.volume-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#ff69b4;cursor:pointer;border:none;box-shadow:0 2px 5px #0003;transition:all .2s ease}.volume-slider::-moz-range-thumb:hover{background:#ff1493;transform:scale(1.2)}@media (max-width: 768px){.app{max-width:100vw;max-height:100vh}.brand-header{padding:0 15px}.brand-logo{max-height:60px;max-width:95%}.floating-menu{bottom:15px;right:15px;gap:10px}.hamburger-button{width:55px;height:55px;font-size:24px}.floating-button{width:45px;height:45px;font-size:20px}.volume-control{width:130px;padding:8px 12px}.volume-label{font-size:12px}}.gallery-top,.gallery-bottom{padding:15px 20px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:10px;max-width:800px;margin:0 auto;width:100%}.gallery-top{padding-bottom:10px}.gallery-bottom{padding-top:10px}.gallery-top-left,.gallery-bottom-right{display:flex;flex-direction:column;gap:10px}.gallery-top-right,.gallery-bottom-left{grid-row:1 / 3}.gallery-image-horizontal{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:12px;box-shadow:0 4px 15px #0003;transition:transform .3s ease}.gallery-image-vertical{width:100%;height:100%;object-fit:cover;border-radius:12px;box-shadow:0 4px 15px #0003;transition:transform .3s ease}.gallery-image-horizontal:hover,.gallery-image-vertical:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000004d}.orientation-button{background:#8a2be2f2;box-shadow:0 4px 20px #8a2be280}.orientation-button:hover{background:#8a2be2;transform:scale(1.1) rotate(90deg);box-shadow:0 6px 25px #8a2be2b3}.orientation-button:active{transform:scale(1) rotate(90deg)}.gallery-control-button{background:#4bc0c0f2;box-shadow:0 4px 20px #4bc0c080}.gallery-control-button:hover{background:#4bc0c0;transform:scale(1.1);box-shadow:0 6px 25px #4bc0c0b3}.gallery-control-button:active{transform:scale(1)}.gallery-control-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:transparent;z-index:9998}.gallery-control-panel{position:absolute;bottom:100%;right:0;margin-bottom:10px;background:#fffffffa;border:3px solid rgba(75,192,192,.8);border-radius:20px;padding:15px 20px;display:flex;flex-direction:column;gap:12px;min-width:320px;box-shadow:0 10px 40px #4bc0c066;animation:slideUp .3s ease;z-index:9999}.gallery-control-header{font-size:18px;font-weight:700;color:#4bc0c0;text-align:center;margin-bottom:5px;position:relative;display:flex;align-items:center;justify-content:center}.gallery-control-close{position:absolute;right:0;top:50%;transform:translateY(-50%);background:none;border:none;font-size:24px;color:#4bc0c0;cursor:pointer;padding:5px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.gallery-control-close:hover{background:#4bc0c01a;color:#3aa8a8;transform:translateY(-50%) rotate(90deg)}.gallery-control-close:active{transform:translateY(-50%) rotate(90deg) scale(.9)}.gallery-slider-row{display:flex;align-items:center;gap:10px;transition:opacity .3s ease}.gallery-slider-row.disabled{opacity:.3;pointer-events:none}.gallery-slider-row label{font-size:18px;font-weight:700;color:#333;min-width:30px;text-align:center}.gallery-slider{flex:1;height:6px;border-radius:3px;background:linear-gradient(90deg,#9ee6e6,#4bc0c0,#3aa8a8);outline:none;-webkit-appearance:none;cursor:pointer}.gallery-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#4bc0c0;cursor:pointer;box-shadow:0 2px 5px #0003;transition:all .2s ease}.gallery-slider::-webkit-slider-thumb:hover{background:#3aa8a8;transform:scale(1.2)}.gallery-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#4bc0c0;cursor:pointer;border:none;box-shadow:0 2px 5px #0003;transition:all .2s ease}.gallery-slider::-moz-range-thumb:hover{background:#3aa8a8;transform:scale(1.2)}.gallery-slider:disabled{cursor:not-allowed;opacity:.5}.gallery-scale-value{font-size:14px;font-weight:700;color:#4bc0c0;min-width:45px;text-align:right}.gallery-reset-button{margin-top:5px;padding:10px 20px;background:linear-gradient(135deg,#4bc0c0,#3aa8a8);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 10px #4bc0c04d}.gallery-reset-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #4bc0c080}.gallery-reset-button:active{transform:translateY(0)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;background:#4d2a6c}body:has(.app.vertical-mode){overflow:auto}body:has(.app.vertical-mode) #root{height:auto;min-height:100vh}#root{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:#4d2a6c;position:relative}.product-gallery-left{position:fixed;left:0;top:0;width:calc((100vw - min(100vh * 9 / 16,100vw))/2);height:100vh;display:grid;grid-template-columns:1fr 1.5fr;grid-template-rows:1fr 1.5fr 1fr;gap:12px;padding:10vh 10% 10vh 5%;align-content:center;z-index:0}.product-gallery-left img{width:100%;height:100%;object-fit:cover;border-radius:15px;box-shadow:0 8px 20px #0000001a;transition:transform .3s ease}.product-gallery-left img:hover{transform:scale(1.05)}.product-gallery-left img:nth-child(1){grid-column:1;grid-row:1}.product-gallery-left img:nth-child(2){grid-column:2;grid-row:1 / 3}.product-gallery-left img:nth-child(3){grid-column:1;grid-row:2 / 4}.product-gallery-left img:nth-child(4){grid-column:2;grid-row:3}.product-gallery-right{position:fixed;right:0;top:0;width:calc((100vw - min(100vh * 9 / 16,100vw))/2);height:100vh;display:grid;grid-template-columns:1.5fr 1fr;grid-template-rows:1fr 1.5fr 1fr;gap:12px;padding:10vh 5% 10vh 10%;align-content:center;z-index:0}.product-gallery-right img{width:100%;height:100%;object-fit:cover;border-radius:15px;box-shadow:0 8px 20px #0000001a;transition:transform .3s ease}.product-gallery-right img:hover{transform:scale(1.05)}.product-gallery-right img:nth-child(1){grid-column:1;grid-row:1}.product-gallery-right img:nth-child(2){grid-column:2;grid-row:1 / 3}.product-gallery-right img:nth-child(3){grid-column:1;grid-row:2 / 4}.product-gallery-right img:nth-child(4){grid-column:2;grid-row:3}@media (max-width: 768px){.product-gallery-left,.product-gallery-right{display:none}}