.main-image-container{position:relative;border-radius:12px;overflow:hidden;background:#f9f9f9;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:20px;border:1px solid #e9ecef}.main-image-container img{width:100%;height:100%;object-fit:contain;max-height:500px}.thumbnails-container{display:flex;gap:10px;padding:10px 0;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#e0e0e0 transparent}.thumbnails-container::-webkit-scrollbar{height:4px}.thumbnails-container::-webkit-scrollbar-track{background:transparent}.thumbnails-container::-webkit-scrollbar-thumb{background-color:#e0e0e0;border-radius:20px}.thumbnail-btn{flex:0 0 auto;width:80px;height:80px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;padding:3px;cursor:pointer;transition:all .2s ease}.sub-img{padding:2px}.sub-img.active,.sub-img:hover{border-color:var(--primary-color)}.sub-img.active{box-shadow:0 0 0 2px rgba(125,11,167,.1)}.thumbnail-btn img{width:100%;height:100%;object-fit:cover;border-radius:5px}.product-info-card{background:#fff;border-radius:12px;padding:1.5rem;border:1px solid #e9ecef}.product-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #f0f0f0}.product-title{font-size:1.5rem;font-weight:700;color:#222;margin-bottom:.5rem;line-height:1.3}.product-sku{font-size:.875rem;color:#666;margin-bottom:.5rem}.price-section{display:flex;align-items:center;gap:15px;margin-bottom:1rem;flex-wrap:wrap}.product-original-price{font-size:1.125rem;color:#999;text-decoration:line-through}.preorder-badge{display:inline-block;background:linear-gradient(135deg,gold,#ffb300);color:#333;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;margin-bottom:1rem;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.8}to{opacity:1}}.size-guide-btn{height:40px;padding:0 12px;display:flex;align-items:center;gap:6px;background:var(--primary-color);border:2px solid #e0e0e0;border-radius:8px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;margin-top:2px}.size-guide-btn svg{font-size:15px}.size-guide-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:#faf5ff}.size-guide-btn:active{transform:scale(.97)}.variant-section{margin-bottom:8px;padding:15px 0;border-bottom:1px solid #f0f0f0;display:flex;gap:12px}.variant-section-title{height:30px}.color-section-title,.variant-section-title{font-size:.9375rem;font-weight:600;color:#333;margin-bottom:10px;display:flex}.color-section-title{align-items:center}.color-section-title .required-asterisk{color:#dc3545;margin-right:4px}.color-selector-grid{display:flex;flex-wrap:wrap;gap:10px}.color-option-card{width:60px;height:60px;padding:2px;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;background:#fff;transition:all .2s ease;position:relative;overflow:hidden}.color-option-card:hover{border-color:var(--primary-color);transform:translateY(-2px)}.color-option-card.selected{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(125,11,167,.15)}.color-option-card.selected:after{content:"✓";position:absolute;bottom:4px;right:4px;background:var(--primary-color);color:#fff;width:18px;height:18px;border-radius:50%;font-size:12px;display:flex;align-items:center;justify-content:center;font-weight:700;z-index:2}.color-option-card img{width:100%;height:100%;object-fit:cover;border-radius:8px}.size-selector-grid{display:flex;flex-wrap:wrap;gap:8px}.size-option-btn{min-width:60px;padding:8px 12px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;font-weight:600;font-size:.875rem;color:#333;cursor:pointer;transition:all .2s ease;text-align:center;position:relative;display:flex;flex-direction:column;align-items:center;gap:2px}.size-option-btn:hover{border-color:var(--primary-color);background:#faf5ff}.size-option-btn.selected{border-color:var(--primary-color);background:linear-gradient(135deg,#faf5ff,#f3e8ff);color:var(--primary-color);box-shadow:0 0 0 2px rgba(125,11,167,.1)}.size-option-btn.selected:after{content:"✓";position:absolute;top:2px;right:2px;background:var(--primary-color);color:#fff;font-size:10px;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1}.size-price{font-size:.75rem;color:var(--primary-color);font-weight:600}.size-option-btn.disabled{opacity:.5;cursor:not-allowed;text-decoration:line-through;pointer-events:none}.quantity-selector-wrapper{display:flex;align-items:center;gap:15px;margin-bottom:1.5rem}.quantity-controls{display:flex;align-items:center;border:2px solid #e0e0e0;border-radius:8px;overflow:hidden;width:120px}.quantity-btn{width:40px;height:40px;border:none;background:#f8f9fa;color:#333;font-size:1.125rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.quantity-btn:hover:not(:disabled){background:#e9ecef}.quantity-btn:disabled{opacity:.5;cursor:not-allowed}.quantity-display{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;border-left:2px solid #e0e0e0;border-right:2px solid #e0e0e0}.action-buttons-container{display:flex;gap:10px;margin-bottom:1rem;flex-wrap:wrap}.single-prod-action-btn{flex:1 1;min-width:140px;padding:10px 16px;border:none;border-radius:8px;font-weight:600;font-size:.875rem;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;cursor:pointer;white-space:nowrap}.btn-grad{background:linear-gradient(135deg,#9d4edd,#7d0ba7 51%,#5a189a);color:#fff;background-size:200% auto}.btn-grad:hover{background-position:100%;transform:translateY(-1px);box-shadow:0 4px 12px rgba(125,11,167,.3)}.btn-outline{background:#fff;border:2px solid var(--primary-color);color:var(--primary-color)}.btn-outline:hover{background:#faf5ff;transform:translateY(-1px)}.social-buttons-container{display:flex;gap:10px;margin-top:1rem}.social-btn{flex:1 1;padding:10px 16px;border-radius:8px;font-weight:600;font-size:.875rem;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;white-space:nowrap}.social-btn,.social-btn:hover{color:#fff;text-decoration:none}.social-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.messenger-btn{background:linear-gradient(135deg,#0084ff,#06c)}.whatsapp-btn{background:linear-gradient(135deg,#25d366,#128c7e)}.stock-status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;margin-bottom:1rem}.in-stock{background:#d4edda;color:#155724}.pre-order{background:#fff3cd;color:#856404}.delivery-info{background:#e7f5ff;border-radius:8px;padding:10px 15px;margin-top:1rem;font-size:.875rem;color:#06c;display:flex;align-items:center;gap:8px}@media (max-width:768px){.product-title{font-size:.8rem}.action-btn,.social-btn{min-width:120px;font-size:.8125rem;padding:8px 12px}.size-option-btn{min-width:50px;padding:5px;font-size:.8125rem}.thumbnail-btn{width:60px;height:60px}.main-image-container{padding:15px}.product-info-card{padding:.5rem}.product-gallery-wrapper{flex-direction:row!important;align-items:flex-start;gap:8px}.thumbnails-container{order:-1;width:76px!important;min-width:76px!important;max-width:76px!important;flex-shrink:0!important;overflow-x:hidden!important;overflow-y:auto!important;padding:0!important;gap:6px!important;scrollbar-width:none}.thumbnails-container::-webkit-scrollbar{display:none}.main-image-container{flex:1 1 auto!important;height:340px!important;aspect-ratio:auto!important;padding:10px!important}.size-qty-row{display:flex;flex-direction:row;align-items:center;gap:18px;margin-top:.4rem;margin-bottom:.5rem}.size-qty-row .quantity-controls{display:flex;align-items:center;border:2px solid #e0e0e0;border-radius:8px;overflow:hidden;width:110px;flex-shrink:0}.action-buttons-container{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:8px!important;margin-bottom:.5rem!important}.single-prod-action-btn{flex:1 1!important;min-width:0!important;font-size:.78rem!important;padding:9px 6px!important;white-space:nowrap;gap:5px!important}.social-buttons-container{display:flex!important;flex-direction:row!important;gap:8px!important;margin-top:7px!important}.social-btn{flex:1 1!important;font-size:.78rem!important;padding:9px 6px!important;white-space:nowrap}}@media (max-width:576px){.action-btn,.social-btn{width:100%}.color-selector-grid,.size-selector-grid{justify-content:center}.quantity-selector-wrapper{flex-direction:column;align-items:flex-start}}@media (max-width:480px){.main-image-container{height:280px!important}.single-prod-action-btn{gap:4px!important}.single-prod-action-btn,.social-btn{font-size:.72rem!important;padding:7px 4px!important}}.related-products-section{position:relative;padding-bottom:2rem}.related-products-section .bg-white{position:relative;z-index:2}.related-products-section .stats-badge{background:linear-gradient(135deg,#9d4edd,#7d0ba7);color:#fff;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:500;margin-left:10px;vertical-align:middle}.virtualized-item-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:8px;height:100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.virtualized-empty-state{height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#666;text-align:center}.virtualized-empty-state svg{font-size:3rem;color:#9d4edd;margin-bottom:1rem;opacity:.6}.related-product-card img{will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}@media print{.virtualized-grid-container{height:auto!important;overflow:visible!important}.related-products-section .bg-white{box-shadow:none!important;border:1px solid #ddd!important}}@media (prefers-reduced-motion:reduce){.related-product-card,.virtualized-grid-container{transition:none!important;animation:none!important}.virtualized-item-skeleton{animation:none!important}}@media (prefers-contrast:high){.virtualized-grid-container::-webkit-scrollbar-thumb{background:#000!important}.related-product-card:hover{outline:2px solid #000}}.size-guide-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:9999;display:flex;align-items:center;justify-content:center}.size-guide-content{position:relative;background:#fff;padding:10px;border-radius:8px;max-width:90%;max-height:90%;overflow:auto}.size-guide-close{position:absolute;top:8px;right:8px;border:none;background:#000;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:18px;line-height:1}.thumbnails-container{margin-top:15px;position:relative;padding:10px 35px}.thumbnails-container .slick-slider{width:100%;position:relative}.thumbnails-container .slick-list{margin:0 -5px;overflow:hidden!important}.thumbnails-container .slick-track{display:flex!important;align-items:center}.thumbnails-container .slick-slide{padding:0 5px;height:inherit!important}.thumbnails-container .slick-slide>div{height:100%}.thumbnails-container .thumbnail-btn{width:100%;aspect-ratio:1;border:2px solid #e0e0e0;border-radius:8px;overflow:hidden;background:#fff;cursor:pointer;transition:all .3s ease;padding:0;display:block}.thumbnails-container .thumbnail-btn:hover{border-color:#999;transform:scale(1.05)}.thumbnails-container .thumbnail-btn.active{border-color:#db3340;box-shadow:0 0 0 1px #db3340}.thumbnails-container .thumbnail-btn img{width:100%;height:100%;object-fit:cover;display:block}.thumbnails-container .slick-next,.thumbnails-container .slick-prev{width:30px;height:30px;z-index:10;background:rgba(0,0,0,.5);border-radius:50%;transform:translateY(-50%);top:50%}.thumbnails-container .slick-next:hover,.thumbnails-container .slick-prev:hover{background:rgba(0,0,0,.7)}.thumbnails-container .slick-prev{left:0}.thumbnails-container .slick-next{right:0}.thumbnails-container .slick-disabled{opacity:.3;cursor:not-allowed}.custom-slick-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:30px;height:30px;border-radius:50%;background:rgba(0,0,0,.5);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.custom-slick-arrow:hover{background:rgba(0,0,0,.7);transform:translateY(-50%) scale(1.1)}.custom-slick-arrow.custom-slick-prev{left:-15px}.custom-slick-arrow.custom-slick-next{right:-15px}.custom-slick-arrow svg{font-size:14px}.thumbnails-container .slick-next:before,.thumbnails-container .slick-prev:before{display:none}@media (max-width:768px){.custom-slick-arrow{width:25px;height:25px}.custom-slick-arrow svg{font-size:12px}.custom-slick-arrow.custom-slick-prev{left:-10px}.custom-slick-arrow.custom-slick-next{right:-10px}.thumbnails-container{padding-left:0!important;padding-right:0!important;margin-top:0!important}}.custom-color-tooltip{background-color:#7d0ba7!important;color:#fff!important;font-size:12px;font-weight:500;padding:6px 10px;border-radius:6px;box-shadow:0 6px 18px rgba(0,0,0,.25)}.product-mobile-header{background:#fff;padding:14px 16px;border-radius:12px;box-shadow:0 4px 14px rgba(0,0,0,.08)}