body,html{margin:0;padding:0;font-family:Poppins,Arial,sans-serif;background:#fff}#desktop-mega-menu-wrapper:has(ul:empty),#desktop-mega-menu-wrapper:not(:has(li)){display:none!important}.detail-topbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px;border-bottom:1px solid #f3f4f6;background:rgba(255,255,255,.9);backdrop-filter:blur(8px)}.detail-top-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid #e5e7eb;border-radius:999px;padding:8px 14px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#111;background:#fff;text-decoration:none}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:10001;display:none}.detail-view-container{background-color:#fff;text-align:left}.detail-product-name{font-family:Poppins,sans-serif;color:#111;font-weight:600;font-size:1.2rem;line-height:1.1;letter-spacing:-.03em}@media (min-width:768px){.detail-product-name{font-size:2rem}}.detail-price-text{color:#ef4444!important;font-size:1.5rem;font-weight:800}.detail-label{font-size:11px;font-weight:500;letter-spacing:normal;color:#9ca3af;margin-bottom:8px;display:block;text-transform:none}.detail-description-text{color:#4b5563;font-size:13.5px;line-height:1.6}.detail-description-text p{margin:0}.detail-accordion{border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}.detail-accordion-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 0;background:0 0;border:none;text-align:left;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.detail-accordion-title{font-size:11px;font-weight:500;color:#111827;letter-spacing:normal}.detail-accordion-arrow{font-size:11px;color:#9ca3af;transition:transform .2s ease}.detail-accordion-arrow.open{transform:rotate(180deg)}.detail-accordion-content{padding:0 0 12px 0}.thumb-grid{display:flex;gap:4px;margin-top:12px}.detail-image-dots{display:none}.thumb-box{width:50px;height:50px;border-radius:10px;overflow:hidden;border:1px solid #f5f5f5;cursor:pointer;transition:.3s}.thumb-box.active{border-color:#1a1a1a;border-width:1.5px}.spec-badge{background:#f9fafb;border:1px solid #f3f4f6;padding:6px 14px;border-radius:12px;font-size:10px;font-weight:700;color:#374151;display:inline-flex;align-items:center;gap:4px;text-transform:uppercase;letter-spacing:.05em}.desc-content.line-clamp-4{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;line-clamp:4}.recommendations-title{font-size:11px;font-weight:500;text-transform:none;letter-spacing:normal;color:#9ca3af;margin-bottom:2rem;border-left:2px solid #000;padding-left:1rem;line-height:1}.related-scroll-wrapper{overflow-x:auto;padding-bottom:1rem;margin:0 -1rem;padding-left:1rem;padding-right:1rem}.related-grid{display:flex;gap:.75rem}@media (min-width:1024px){.related-scroll-wrapper{overflow:visible;margin:0;padding:0}.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}}.detail-badge{padding:6px 14px;border-radius:8px;font-size:11px;font-weight:400;font-family:Poppins,sans-serif;text-transform:capitalize;letter-spacing:.05em;color:#000}.badge-best,.badge-limited,.badge-new,.badge-sale,.badge-trending{background:#ffbf00;color:#fff}.zoom-img-container{position:relative;overflow:hidden;cursor:zoom-in;border-radius:2.5rem;border:1px solid #f5f5f5;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.zoom-img-container img{transition:transform .3s ease-out;transform-origin:center center;width:100%;height:100%;object-fit:cover;transform:scale(1)}@media (max-width:767px){.detail-media-pane .zoom-img-container{margin-left:-8px;margin-right:-8px;border:1px solid rgba(0,0,0,.04);border-radius:1.25rem;box-shadow:0 8px 30px -10px rgba(0,0,0,.08)}.detail-media-pane .thumb-grid{display:none}.detail-media-pane .detail-image-dots{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:12px;margin-bottom:4px}.detail-image-dot{width:7px;height:7px;border-radius:999px;background:#d1d5db;border:none;transition:all .2s ease}.detail-image-dot.active{width:18px;background:#6b7280}#app{padding-left:.75rem!important;padding-right:.75rem!important}.detail-info-pane{padding-left:.25rem;padding-right:.25rem}}#img-full-preview{position:fixed;inset:0;background:rgba(0,0,0,.95);z-index:10000;display:none;align-items:center;justify-content:center;backdrop-filter:blur(10px);cursor:zoom-out}#img-full-preview img{max-width:95vw;max-height:90vh;object-fit:contain;border-radius:12px;box-shadow:0 0 50px rgba(0,0,0,.5)}.close-preview-btn{position:absolute;top:30px;right:30px;width:40px;height:40px;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;z-index:10001;transition:all .3s ease}.close-preview-btn:hover{background:rgba(255,255,255,.2);transform:rotate(90deg)}.color-badge,.size-badge{transition:all .3s cubic-bezier(.4, 0, .2, 1)}.color-badge:hover,.size-badge:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.color-swatch{cursor:pointer;position:relative;border:2px solid #fff!important;box-shadow:0 2px 5px rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.05);transition:all .3s cubic-bezier(.4, 0, .2, 1)}.color-swatch::after{content:'';position:absolute;inset:-5px;border:1.5px solid transparent;border-radius:50%;transition:all .2s ease}.color-swatch.border-black::after{border-color:#000}.color-swatch:hover{transform:scale(1.15);box-shadow:0 5px 15px rgba(0,0,0,.15);z-index:10}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.modern-scrollbar{scrollbar-width:thin;scrollbar-color:#e5e7eb transparent}.modern-scrollbar::-webkit-scrollbar{height:6px;width:6px}.modern-scrollbar::-webkit-scrollbar-track{background:0 0;border-radius:10px}.modern-scrollbar::-webkit-scrollbar-thumb{background-color:#e5e7eb;border-radius:10px}.modern-scrollbar:hover::-webkit-scrollbar-thumb{background-color:#d1d5db}.no-spinners::-webkit-inner-spin-button,.no-spinners::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.no-spinners{-moz-appearance:textfield}#mobile-action-bar{position:fixed;bottom:calc(68px + env(safe-area-inset-bottom));left:0;right:0;background-color:#fff;box-shadow:0 -15px 30px rgba(0,0,0,.06);border-top:1px solid #f0f0f0;z-index:40;padding:14px 16px;display:flex;gap:12px;align-items:center;transition:transform .4s cubic-bezier(.23, 1, .32, 1),opacity .4s ease}#mobile-action-bar.hidden-on-scroll{transform:translateY(140%);opacity:0;pointer-events:none}@media (min-width:768px){#mobile-action-bar{position:relative!important;bottom:auto!important;left:auto!important;right:auto!important;box-shadow:none!important;z-index:auto!important;background:0 0!important;padding:0!important;border:none!important;transform:none!important;opacity:1!important;pointer-events:auto!important;margin-top:2rem!important;margin-bottom:1rem!important}}