@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Outfit:wght@300;400;500;700&display=swap";:root{--color-bg-primary:#fff;--color-bg-secondary:#f8f6f4;--color-text-primary:#1c1b1a;--color-text-secondary:#6b6865;--color-accent:#b28f79;--color-accent-hover:#9e7d6a;--color-border:#e8e5e1;--color-white:#fff;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:4rem;--spacing-xl:8rem;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 8px 24px #0000000f;--shadow-lg:0 20px 40px #00000014}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--color-bg-primary);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:500;line-height:1.2}a{color:inherit;text-decoration:none;transition:color .3s}button{font-family:var(--font-body);cursor:pointer;background:0 0;border:none;outline:none}.container{max-width:1280px;padding:0 var(--spacing-sm);margin:0 auto}.btn-primary{background-color:var(--color-text-primary);color:var(--color-white);border-radius:var(--radius-sm);justify-content:center;align-items:center;padding:12px 32px;font-size:1rem;font-weight:500;transition:all .3s;display:inline-flex}.btn-primary:hover{background-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-outline{color:var(--color-text-primary);border:1px solid var(--color-text-primary);border-radius:var(--radius-sm);background-color:#0000;padding:12px 32px;font-size:1rem;font-weight:500;transition:all .3s}.btn-outline:hover{background-color:var(--color-bg-secondary)}@keyframes fadeIn{to{opacity:1}}.animate-fade-in{animation:.8s forwards fadeIn}.section-padding{padding:var(--spacing-xl) 0}.auth-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#00000080;justify-content:center;align-items:center;padding:1rem;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.auth-modal{border-radius:var(--radius-sm);background:#fff;width:100%;max-width:420px;animation:.3s cubic-bezier(.34,1.15,.64,1) slideUp;position:relative;overflow:hidden;box-shadow:0 4px 24px #00000026}.auth-close{color:#888;cursor:pointer;z-index:10;background:0 0;border:none;transition:color .2s;position:absolute;top:1rem;right:1.25rem}.auth-close:hover{color:#333}.auth-title{text-align:center;color:#444;font-size:1.15rem;font-weight:600;font-family:var(--font-body);margin:1.75rem 0 1.25rem}.auth-tabs{background:#fff;border-bottom:2px solid #ccc;width:100%;display:flex;position:relative}.auth-tab{text-align:center;color:#777;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:0 0;border:none;flex:1;padding:1rem;font-size:.95rem;font-weight:500;transition:all .3s}.auth-tab.active{color:#fff;background:#106b6b;border-bottom:none;position:relative}.auth-tab.active:after{content:"";z-index:5;border-top:8px solid #106b6b;border-left:8px solid #0000;border-right:8px solid #0000;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.auth-form-container{background:#ebebeb;padding:2rem}.auth-form{flex-direction:column;gap:1rem;display:flex}.auth-row-inputs{gap:1rem;display:flex}.auth-input-field{width:100%;font-family:var(--font-body);color:#333;background:#fff;border:1px solid #ccc;border-radius:8px;outline:none;padding:.8rem 1rem;font-size:.95rem}.auth-input-field::placeholder{color:#a0a0a0}.auth-input-field:focus{border-color:#72aae4;box-shadow:0 0 0 2px #72aae433}.auth-password-wrapper{position:relative}.password-toggle-btn{color:#666;cursor:pointer;background:0 0;border:none;padding:0;display:flex;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.auth-birthdate-wrapper{position:relative}.auth-input-field[type=date]{color:#333}.auth-input-field.empty-date{color:#0000}.date-placeholder{color:#a0a0a0;pointer-events:none;font-size:.95rem;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.auth-hint{color:#555;margin-top:.4rem;margin-left:.25rem;font-size:.8rem}.auth-mobile-wrapper{background:#fff;border:1px solid #ccc;border-radius:8px;display:flex;overflow:hidden}.auth-mobile-wrapper:focus-within{border-color:#72aae4;box-shadow:0 0 0 2px #72aae433}.mobile-prefix{color:#333;background:#f9f9f9;border-right:1px solid #ccc;padding:.8rem;font-size:.95rem}.auth-input-mobile{border-radius:0;box-shadow:none!important;border:none!important;outline:none!important}.auth-gender-wrapper{color:#555;align-items:center;gap:1rem;margin-top:.5rem;margin-bottom:.5rem;font-size:.95rem;display:flex}.gender-radio{cursor:pointer;align-items:center;gap:.4rem;display:flex}.gender-radio input[type=radio]{display:none}.radio-custom{border:2px solid #ccc;border-radius:50%;width:14px;height:14px;display:inline-block;position:relative}.gender-radio input[type=radio]:checked+.radio-custom{background:#e43d2c;border-color:#e43d2c}.gender-radio input[type=radio]:checked+.radio-custom:after{content:"";background:#fff;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.auth-submit-btn{color:#fff;cursor:pointer;text-transform:uppercase;background:#106b6b;border-radius:4px;width:100%;margin-top:.5rem;padding:.9rem;font-size:1rem;font-weight:600;transition:background .2s}.auth-submit-btn:hover{background:#0d5959}.auth-error{color:#b91c1c;text-align:center;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.85rem}.auth-divider{text-align:center;color:#777;align-items:center;margin:1rem 0;font-size:.8rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid #ccc;flex:1}.auth-divider span{padding:0 1rem}.auth-google-btn{cursor:pointer;color:#333;background:#fff;border:1px solid #ccc;border-radius:4px;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:.85rem;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.auth-google-btn:hover{background:#f9f9f9}.user-dropdown-container{align-items:center;display:flex;position:relative}.user-avatar-btn{cursor:pointer;background:0 0;border:none;padding:0}.user-dropdown-menu{border-radius:var(--radius-sm);border:1px solid var(--color-border);z-index:200;background:#fff;width:220px;animation:.2s cubic-bezier(.16,1,.3,1) slideFadeIn;position:absolute;top:120%;right:0;overflow:hidden;box-shadow:0 4px 16px #0000001f}@keyframes slideFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-header{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);padding:1rem}.user-dropdown-name{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.2rem;font-size:.95rem;font-weight:600;overflow:hidden}.user-dropdown-email{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.user-dropdown-body{padding:.5rem 0}.user-dropdown-item{text-align:left;width:100%;font-family:var(--font-body);color:var(--color-text-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.9rem;transition:background .2s;display:flex}.user-dropdown-item:hover{background:var(--color-bg-secondary)}.user-dropdown-item.logout-btn{color:#b91c1c}.user-dropdown-divider{background:var(--color-border);height:1px;margin:.25rem 0}.cart-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9998;background:#0006;animation:.3s fadeIn;position:fixed;inset:0}.cart-sidebar{z-index:9999;background:#fff;flex-direction:column;width:100%;max-width:420px;height:100vh;transition:right .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;right:-450px;box-shadow:-4px 0 24px #0000001a}.cart-sidebar.open{right:0}.cart-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.cart-header h2{font-family:var(--font-heading);font-size:1.25rem;font-weight:500}.cart-close{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;transition:color .2s}.cart-close:hover{color:var(--color-text-primary)}.cart-body{-webkit-overflow-scrolling:touch;flex:1;padding:1.5rem;overflow-y:auto}.cart-empty{text-align:center;color:var(--color-text-secondary);margin-top:3rem}.cart-empty p{margin-bottom:1.5rem}.cart-items-list{flex-direction:column;gap:1.5rem;display:flex}.cart-item{border-bottom:1px solid var(--color-border);gap:1rem;padding-bottom:1.5rem;display:flex;position:relative}.cart-item:last-child{border-bottom:none;padding-bottom:0}.cart-item-img{background:var(--color-bg-secondary);border-radius:var(--radius-sm);width:80px;height:100px;overflow:hidden}.cart-item-img img{object-fit:cover;width:100%;height:100%}.cart-item-details{flex:1}.cart-item-details h4{margin-bottom:.25rem;font-size:.95rem;line-height:1.3}.cart-item-variant{color:var(--color-text-secondary);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.8rem;display:flex}.color-dot{border:1px solid #0000001a;border-radius:50%;width:12px;height:12px;display:inline-block}.cart-item-actions{justify-content:space-between;align-items:center;display:flex}.quantity-controls{border:1px solid var(--color-border);border-radius:var(--radius-sm);align-items:center;display:flex;overflow:hidden}.quantity-controls button{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;padding:.25rem .6rem;font-size:1rem}.quantity-controls button:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.quantity-controls span{padding:0 .5rem;font-size:.9rem;font-weight:500}.cart-item-price{font-size:.95rem;font-weight:600}.cart-item-remove{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:.25rem;transition:color .2s;position:absolute;top:0;right:0}.cart-item-remove:hover{color:#b91c1c}.cart-footer{border-top:1px solid var(--color-border);background:var(--color-bg-primary);padding:1.5rem}.cart-total-row{justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:1.1rem;font-weight:500;display:flex}.cart-shipping-note{color:var(--color-text-secondary);margin-bottom:1.5rem;font-size:.8rem}.cart-checkout-btn{background:var(--color-text-primary);color:#fff;border-radius:var(--radius-sm);width:100%;font-family:var(--font-body);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-size:1rem;font-weight:600;transition:background .2s,transform .2s;display:flex}.cart-checkout-btn:hover{background:var(--color-accent);transform:translateY(-2px)}.checkout-form{flex-direction:column;gap:1.25rem;display:flex}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-group label{color:var(--color-text-secondary);font-size:.85rem;font-weight:500}.form-group input,.form-group textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-body);outline:none;padding:.8rem;font-size:.95rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-text-primary)}.checkout-summary{border-top:1px solid var(--color-border);flex-direction:column;gap:.75rem;margin-top:1rem;padding-top:1.25rem;display:flex}.summary-row{justify-content:space-between;font-size:.95rem;display:flex}.summary-row.total{border-top:1px dashed var(--color-border);padding-top:.5rem;font-size:1.15rem;font-weight:600}.free-text{color:#10b981;font-weight:600}.cart-back-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;width:100%;margin-bottom:.75rem;padding:.8rem;font-size:.95rem;font-weight:500;transition:all .2s}.cart-back-btn:hover{background:var(--color-bg-secondary)}.checkout-success{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1rem;display:flex}.success-icon{color:#10b981}.checkout-success h3{font-size:1.25rem;font-weight:500}.checkout-success p{color:var(--color-text-secondary);font-size:.95rem;line-height:1.5}.mt-4{margin-top:1.5rem}.announcement-bar{z-index:101;background:var(--color-text-primary);color:#fff;text-align:center;letter-spacing:.03em;cursor:pointer;width:100%;padding:8px 1rem;font-size:.8rem;transition:background .3s;position:fixed;top:0;left:0}.announcement-bar:hover{background:#222}.navbar{z-index:100;background:0 0;width:100%;padding:1.5rem 0;transition:all .4s;position:fixed;top:0;left:0}.navbar.has-announcement{top:34px}.navbar-scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);border-bottom:1px solid var(--color-border);background:#fffffff2;padding:1rem 0}.nav-content{justify-content:space-between;align-items:center;display:flex}.nav-left,.nav-right{flex:1;align-items:center;gap:1.5rem;display:flex}.nav-right{justify-content:flex-end}.nav-logo{text-align:center;flex:1}.nav-logo h1{letter-spacing:.2em;color:var(--color-text-primary);cursor:pointer;margin:0;font-size:1.75rem;font-weight:700}.nav-links{gap:2rem;display:none}@media (width>=768px){.nav-links{display:flex}.mobile-menu{display:none!important}}.nav-link{text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;font-weight:500;position:relative}.nav-link:after{content:"";background-color:var(--color-text-primary);width:0;height:1px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-link:hover:after{width:100%}.icon-btn{color:var(--color-text-primary);justify-content:center;align-items:center;transition:color .3s;display:flex}.icon-btn:hover{color:var(--color-accent)}.cart-btn{position:relative}.cart-badge{background:var(--color-accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.65rem;font-weight:600;display:flex;position:absolute;top:-8px;right:-8px}.user-avatar-small{background:var(--color-text-primary);color:#fff;width:24px;height:24px;font-size:.8rem;font-weight:600;font-family:var(--font-body);border-radius:50%;justify-content:center;align-items:center;display:flex}.cart-btn.cart-shake{animation:.5s cubic-bezier(.36,.07,.19,.97) cartShake}@keyframes cartShake{0%{transform:rotate(0)}15%{transform:rotate(15deg)}30%{transform:rotate(-12deg)}45%{transform:rotate(8deg)}60%{transform:rotate(-5deg)}75%{transform:rotate(2deg)}to{transform:rotate(0)}}.floating-actions{z-index:90;flex-direction:column;gap:1rem;display:flex;position:fixed;bottom:2rem;right:2rem}.floating-btn{background-color:var(--color-text-primary);width:56px;height:56px;color:var(--color-white);box-shadow:var(--shadow-md);border-radius:50%;justify-content:center;align-items:center;transition:transform .3s,background-color .3s;display:flex}.floating-btn:hover{background-color:var(--color-accent);transform:translateY(-4px)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0006;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--color-bg-primary);border-radius:var(--radius-md);width:100%;max-width:480px;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.modal-close{color:var(--color-text-secondary);transition:color .3s;position:absolute;top:1.5rem;right:1.5rem}.modal-close:hover{color:var(--color-text-primary)}.modal-body{padding:3rem 2.5rem}.modal-body h3{margin-bottom:.5rem;font-size:1.75rem}.modal-body p{color:var(--color-text-secondary);margin-bottom:2rem;font-size:.95rem}.dummy-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;font-family:var(--font-body);outline:none;margin-bottom:1rem;padding:14px 16px;font-size:1rem;transition:border-color .3s}.dummy-input:focus{border-color:var(--color-text-primary)}.full-width{width:100%;margin-top:1rem}.dummy-status{justify-content:space-between;margin-top:2rem;display:flex;position:relative}.dummy-status:before{content:"";background:var(--color-border);z-index:1;width:100%;height:2px;position:absolute;top:10px;left:0}.status-step{z-index:2;color:var(--color-text-secondary);flex-direction:column;align-items:center;gap:.5rem;font-size:.75rem;font-weight:500;display:flex;position:relative}.status-step:before{content:"";background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:50%;width:20px;height:20px}.status-step.active{color:var(--color-text-primary)}.status-step.active:before{border-color:var(--color-accent);background:var(--color-accent)}.secure-badge{text-align:center;font-weight:500;margin-top:1.5rem!important;margin-bottom:0!important;font-size:.8rem!important}.hero-section{background-color:#1c1b1a;align-items:flex-end;height:100vh;min-height:700px;display:flex;position:relative;overflow:hidden}.hero-background{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.hero-img{object-fit:cover;object-position:center top;width:100%;height:100%}.hero-gradient-overlay{z-index:2;background:linear-gradient(#0000 0%,#1c1b1a66 50%,#1c1b1ad9 100%);width:100%;height:45%;position:absolute;bottom:0;left:0}.hero-content{z-index:3;width:100%;padding-bottom:4rem;position:relative}.hero-bottom-text{max-width:600px}.hero-subtitle{letter-spacing:.25em;color:var(--color-accent);margin-bottom:.75rem;font-size:.85rem;font-weight:600;display:block}.hero-title{color:#fff;text-shadow:0 2px 12px #0000004d;margin-bottom:1.75rem;font-size:4rem;font-weight:300;line-height:1.1}.hero-btn{color:#1c1b1a;background:#fff;border:none;gap:.5rem;padding:14px 36px;font-size:1.05rem}.hero-btn:hover{background:var(--color-accent);color:#fff}.btn-icon{transition:transform .3s}.btn-primary:hover .btn-icon{transform:translate(4px)}@media (width<=768px){.hero-section{height:70vh;min-height:500px}.hero-title{font-size:2.5rem}.hero-content{padding-bottom:2.5rem}.hero-bottom-text{padding:0 .5rem}}.categories-header{text-align:center;margin-bottom:4rem}.section-title{color:var(--color-text-primary);margin-bottom:.5rem;font-size:2.5rem;font-weight:400}.section-subtitle{color:var(--color-text-secondary);font-size:1.1rem}.categories-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.categories-grid--two{grid-template-columns:repeat(2,1fr);gap:2rem;max-width:1100px;margin:0 auto}.category-card{border-radius:var(--radius-md);cursor:pointer;height:580px;box-shadow:var(--shadow-sm);transition:box-shadow .4s,transform .4s;position:relative;overflow:hidden}.category-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.category-image-placeholder{background:linear-gradient(#ece6df,#d5c9c0);justify-content:center;align-items:center;width:100%;height:100%;transition:transform .6s;display:flex}.placeholder-text-small{color:#0000004d;font-family:var(--font-heading);letter-spacing:.1em;border:1px dashed #0003;padding:.5rem 1rem;font-size:.9rem}.category-card:hover .category-image-placeholder{transform:scale(1.05)}.category-image-slider{width:100%;height:100%;transition:transform .6s;position:relative}.category-card:hover .category-image-slider{transform:scale(1.04)}.category-slider-img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity 1s ease-in-out;position:absolute;top:0;left:0}.category-slider-img.active{opacity:1}.category-overlay{color:#fff;background:linear-gradient(#0000 0%,#0a0a0a4d 40%,#0a0a0ad9 100%);flex-direction:column;align-items:flex-start;gap:.4rem;width:100%;padding:2.5rem 2rem 2rem;display:flex;position:absolute;bottom:0;left:0}.category-subtitle-tag{text-transform:uppercase;letter-spacing:.15em;color:#ffffffb3;margin-bottom:.25rem;font-size:.75rem}.category-title{letter-spacing:.02em;margin-bottom:.5rem;font-size:2rem;font-weight:500}.category-link{text-transform:uppercase;letter-spacing:.12em;color:#fff;border-bottom:1px solid #fff6;padding-bottom:2px;font-size:.85rem;font-weight:600;transition:border-color .3s,letter-spacing .3s}.category-card:hover .category-link{letter-spacing:.18em;border-bottom-color:#fff}@media (width<=768px){.categories-grid,.categories-grid--two{grid-template-columns:1fr}.category-card{height:420px}}.product-section{background-color:var(--color-bg-primary)}.product-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2.5rem 1.5rem;display:grid}.product-card{flex-direction:column;display:flex}.product-image-container{aspect-ratio:3/4;border-radius:var(--radius-sm);background-color:#f4f0eb;width:100%;margin-bottom:1rem;position:relative;overflow:hidden}.product-image{object-fit:cover;width:100%;height:100%;transition:opacity .4s,transform .4s;position:absolute;top:0;left:0}.product-image-primary{opacity:1;z-index:2}.product-image-hover{opacity:0;z-index:1}.product-card:hover .product-image-primary{opacity:0}.product-card:hover .product-image-hover{opacity:1;z-index:3}.product-card:hover .product-image{transform:scale(1.03)}.product-image-placeholder{justify-content:center;align-items:center;width:100%;height:100%;transition:transform .4s;display:flex}.product-card:hover .product-image-placeholder{transform:scale(1.03)}.product-actions{z-index:10;background:linear-gradient(#0000,#fffffff2);width:100%;padding:1rem;transition:transform .3s;position:absolute;bottom:0;left:0;transform:translateY(100%)}.product-card:hover .product-actions{transform:translateY(0)}.add-to-cart-btn{background:var(--color-text-primary);color:#fff;border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:.5rem;width:100%;padding:12px;font-weight:500;transition:background-color .3s;display:flex}.add-to-cart-btn:hover{background:var(--color-accent)}.product-info{flex-direction:column;display:flex}.product-category{text-transform:uppercase;color:var(--color-text-secondary);letter-spacing:.05em;margin-bottom:.25rem;font-size:.75rem}.product-title{color:var(--color-text-primary);margin-bottom:.25rem;font-size:1.1rem;font-weight:400}.product-price{color:var(--color-text-primary);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1rem;font-weight:600;display:flex}.original-price{color:var(--color-text-secondary);font-size:.85rem;font-weight:400;text-decoration:line-through}.product-variants{border-top:1px solid var(--color-border);flex-direction:column;gap:.75rem;padding-top:1rem;display:flex}.variant-row{justify-content:space-between;align-items:center;display:flex}.variant-row.size-row{flex-direction:column;align-items:flex-start;gap:.5rem}.size-guide-link:hover{color:var(--color-text-primary)!important}.variant-label{color:var(--color-text-secondary);font-size:.8rem}.color-options,.size-options{gap:.5rem;display:flex}.color-btn{border:1px solid var(--color-border);cursor:pointer;border-radius:50%;width:20px;height:20px;transition:transform .2s,outline .2s;box-shadow:inset 0 2px 4px #0000000d}.color-btn.selected{outline:2px solid var(--color-text-primary);outline-offset:2px}.size-btn{border:1px solid var(--color-border);width:32px;height:32px;color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:#fff;justify-content:center;align-items:center;font-size:.75rem;transition:all .2s;display:flex}.size-btn:hover{border-color:var(--color-text-primary);color:var(--color-text-primary)}.size-btn.selected{background:var(--color-text-primary);color:#fff;border-color:var(--color-text-primary)}.size-btn.size-pulse{border-color:#e43d2c;animation:.6s infinite sizePulse}@keyframes sizePulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.size-popup-bubble{background-color:var(--color-text-primary);color:#fff;border-radius:var(--radius-md);white-space:nowrap;cursor:pointer;z-index:50;padding:.75rem 1.25rem;font-size:.9rem;font-weight:500;animation:.4s cubic-bezier(.34,1.15,.64,1) bubblePop;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000026}.size-popup-bubble:after{content:"";border-style:solid;border-width:8px;border-color:var(--color-text-primary) transparent transparent transparent;position:absolute;top:100%;left:50%;transform:translate(-50%)}@keyframes bubblePop{0%{opacity:0;transform:translate(-50%,15px)scale(.9)}to{opacity:1;transform:translate(-50%)scale(1)}}.cart-toast{background:var(--color-text-primary);color:#fff;font-size:.95rem;font-weight:500;font-family:var(--font-body);z-index:9000;border-radius:100px;align-items:center;gap:.6rem;padding:.85rem 1.75rem;animation:.4s cubic-bezier(.16,1,.3,1) toastIn,.35s 2.1s forwards toastOut;display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0003}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes toastOut{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(20px)}}.discount-badge{-webkit-backdrop-filter:blur(8px);color:#f8f8f8;z-index:10;text-transform:uppercase;letter-spacing:.1em;background:#121212a6;border:1px solid #ffffff26;border-radius:100px;padding:6px 14px;font-size:.7rem;font-weight:500;transition:all .3s;position:absolute;top:12px;right:12px;box-shadow:0 4px 15px #0000001a}.discount-badge:hover{background:#121212d9;transform:translateY(-1px)}.size-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;opacity:0;background-color:#0006;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s forwards fadeIn;display:flex;position:fixed;top:0;left:0}.size-modal-content{border-radius:var(--radius-md);background-color:#fff;width:90%;max-width:500px;max-height:85vh;animation:.3s forwards slideUp;position:relative;overflow-y:auto;transform:translateY(20px);box-shadow:0 10px 40px #00000026}.size-modal-header{border-bottom:1px solid var(--color-border);z-index:10;background-color:#fff;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;display:flex;position:sticky;top:0}.size-modal-header h3{color:var(--color-text-primary);margin:0;font-size:1.25rem;font-weight:500}.close-modal-btn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;transition:color .2s;display:flex}.close-modal-btn:hover{color:var(--color-text-primary)}.size-modal-body{padding:1.5rem}.size-table-wrapper{margin-bottom:1.5rem;overflow-x:auto}.size-table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.size-table th,.size-table td{border-bottom:1px solid var(--color-border);padding:.75rem 1rem}.size-table th{color:var(--color-text-primary);background-color:var(--color-bg-secondary);font-weight:600}.size-table td{color:var(--color-text-secondary)}.size-table tbody tr:last-child td{border-bottom:none}.size-how-to-measure{background:var(--color-bg-secondary);border-radius:var(--radius-sm);margin-top:1.5rem;padding:1rem 1.25rem}.size-how-to-measure h4{color:var(--color-text-primary);margin:0 0 .5rem;font-size:.95rem}.size-how-to-measure p{color:var(--color-text-secondary);margin:0 0 .5rem;font-size:.85rem;line-height:1.5}.size-how-to-measure p:last-child{margin-bottom:0}@keyframes slideUp{to{transform:translateY(0)}}.pdp-section{background-color:var(--color-bg-primary);min-height:100vh;padding-top:120px;padding-bottom:4rem}.pdp-back-btn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;margin-bottom:2rem;padding:0;font-size:.9rem;font-weight:500;transition:color .2s;display:inline-flex}.pdp-back-btn:hover{color:var(--color-text-primary)}.pdp-container{grid-template-columns:1fr;gap:3rem;display:grid}@media (width>=900px){.pdp-container{grid-template-columns:1fr 1fr;gap:4rem}}.pdp-image-col{flex-direction:column;gap:1rem;display:flex;position:relative}.pdp-main-image-wrapper{aspect-ratio:3/4;border-radius:var(--radius-md);background-color:var(--color-bg-secondary);cursor:zoom-in;width:100%;position:relative;overflow:hidden}.pdp-main-image{object-fit:cover;width:100%;height:100%;transition:transform .1s ease-out}.pdp-thumbnails{gap:1rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.pdp-thumbnail{object-fit:cover;border-radius:var(--radius-sm);cursor:pointer;opacity:.6;width:80px;height:100px;transition:opacity .2s}.pdp-thumbnail:hover,.pdp-thumbnail.active{opacity:1}.pdp-details-col{flex-direction:column;display:flex}.pdp-category{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin-bottom:.5rem;font-size:.8rem}.pdp-title{font-family:var(--font-heading);color:var(--color-text-primary);margin-bottom:1rem;font-size:2.2rem}.pdp-price-wrap{align-items:center;gap:.75rem;margin-bottom:2rem;font-size:1.25rem;display:flex}.pdp-discount-badge{color:#fff;background:#1c1b1a;border-radius:20px;padding:4px 10px;font-size:.8rem;font-weight:600}.pdp-description{color:var(--color-text-secondary);margin-bottom:2rem;font-size:1rem;line-height:1.6}.pdp-meta{border-top:1px solid var(--color-border);flex-direction:column;gap:.5rem;margin-bottom:2rem;padding-top:1.5rem;display:flex}.pdp-meta-item{color:var(--color-text-secondary);font-size:.9rem}.pdp-meta-item strong{color:var(--color-text-primary);font-weight:500}.pdp-variants{flex-direction:column;gap:1.5rem;margin-bottom:2rem;display:flex}.pdp-add-to-cart{justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem;font-size:1.1rem;display:flex}.checkout-container{flex-direction:column;gap:3rem;max-width:1200px;min-height:calc(100vh - 80px);margin:80px auto 0;display:flex}@media (width>=900px){.checkout-container{flex-direction:row;align-items:flex-start}}.checkout-main{flex:1.5;padding-right:0}@media (width>=900px){.checkout-main{border-right:1px solid var(--color-border);padding-right:3rem}}.checkout-steps{flex-direction:column;gap:1.5rem;display:flex}.checkout-step{border-bottom:1px solid var(--color-border);padding-bottom:1.5rem;transition:opacity .3s}.checkout-step.disabled{opacity:.5;pointer-events:none}.step-title{font-family:var(--font-heading);margin-bottom:1.5rem;font-size:1.2rem;font-weight:500}.disabled .step-title{color:var(--color-text-secondary)}.step-content{flex-direction:column;gap:1rem;animation:.4s fadeIn;display:flex}.input-row{gap:1rem;display:flex}.checkout-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;font-family:var(--font-body);outline:none;padding:.8rem 1rem;font-size:.95rem;transition:border-color .2s}.checkout-input:focus{border-color:var(--color-text-primary)}.step-summary{background:var(--color-bg-secondary);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-secondary);justify-content:space-between;align-items:center;padding:1rem;font-size:.95rem;transition:background .2s;display:flex}.step-summary:hover{background:#f0f0f0}.step-summary span{color:var(--color-text-primary);font-size:.85rem;text-decoration:underline}.delivery-method-card{border:1px solid var(--color-border);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:1rem;display:flex}.delivery-method-card.selected{border-color:var(--color-text-primary);background-color:var(--color-bg-secondary)}.delivery-info{flex-direction:column;gap:.25rem;display:flex}.delivery-date{color:var(--color-text-secondary);font-size:.85rem}.delivery-price{font-weight:600}.payment-options{flex-direction:column;gap:1rem;display:flex}.payment-label{border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;align-items:flex-start;gap:1rem;padding:1rem;transition:border-color .2s,background .2s;display:flex}.payment-label.selected{border-color:var(--color-text-primary);background-color:var(--color-bg-secondary)}.payment-label input[type=radio]{accent-color:var(--color-text-primary);margin-top:.25rem}.payment-label-content{flex-direction:column;gap:.25rem;display:flex}.payment-label-content span{color:var(--color-text-secondary);font-size:.85rem}.checkout-summary-sidebar{background:var(--color-bg-secondary);border-radius:var(--radius-md);flex:1;padding:2rem;position:sticky;top:100px}.checkout-summary-sidebar h3{font-family:var(--font-heading);margin-bottom:2rem;font-size:1.25rem;font-weight:500}.checkout-items{border-bottom:1px solid var(--color-border);flex-direction:column;gap:1.5rem;max-height:400px;margin-bottom:1.5rem;padding-bottom:1.5rem;display:flex;overflow-y:auto}.checkout-item-compact{align-items:center;gap:1rem;display:flex}.ci-img{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;width:65px;height:80px;position:relative}.ci-img img{object-fit:cover;border-radius:var(--radius-sm);width:100%;height:100%}.ci-qty{background:var(--color-text-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.75rem;display:flex;position:absolute;top:-8px;right:-8px}.ci-details{flex:1}.ci-name{margin-bottom:.25rem;font-size:.95rem;font-weight:500}.ci-variant{color:var(--color-text-secondary);font-size:.85rem}.ci-price{font-size:.95rem;font-weight:600}.checkout-totals{flex-direction:column;gap:.75rem;display:flex}.tot-row{justify-content:space-between;font-size:.95rem;display:flex}.tot-row.grand-total{border-top:1px solid var(--color-border);margin-top:.5rem;padding-top:1rem;font-size:1.25rem;font-weight:600}.checkout-success-view{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:calc(100vh - 80px);animation:.5s fadeIn;display:flex}.checkout-success-view h2{font-family:var(--font-heading);font-size:2rem;font-weight:500}.checkout-success-view p{color:var(--color-text-secondary);font-size:1.1rem}.btn-loading-state{align-items:center;gap:.5rem;display:inline-flex}.btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.payment-wait-note{text-align:center;color:#92702a;border-radius:var(--radius-sm);background:#fef9ec;border:1px solid #f0e1b4;margin-top:.75rem;padding:.65rem 1rem;font-size:.85rem;line-height:1.4}.admin-login-wrapper{background:var(--color-bg-primary);justify-content:center;align-items:center;min-height:100vh;display:flex}.admin-login-box{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);text-align:center;width:100%;max-width:400px;padding:3rem}.admin-login-box h2{font-family:var(--font-heading);margin-bottom:.5rem;font-size:1.8rem;font-weight:500}.admin-login-box p{color:var(--color-text-secondary);margin-bottom:2rem;font-size:.95rem}.admin-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;font-family:var(--font-body);outline:none;margin-bottom:1rem;padding:.85rem 1rem;font-size:1rem;transition:border-color .2s}.admin-input:focus{border-color:var(--color-text-primary)}.admin-error{color:#dc2626;margin-bottom:1rem;font-size:.85rem;display:block}.admin-container{max-width:1100px;min-height:100vh;margin:0 auto;padding:100px 1.5rem 2rem}.admin-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.admin-header h1{font-family:var(--font-heading);font-size:1.8rem;font-weight:500}.admin-header-right{gap:.75rem;display:flex}.admin-refresh-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:#fff;padding:.5rem 1.25rem;font-size:.9rem;transition:background .2s}.admin-refresh-btn:hover{background:var(--color-bg-secondary)}.admin-logout-btn{border-radius:var(--radius-sm);color:#dc2626;cursor:pointer;background:#fff;border:1px solid #dc2626;align-items:center;gap:.35rem;padding:.5rem 1.25rem;font-size:.9rem;transition:all .2s;display:flex}.admin-logout-btn:hover{color:#fff;background:#dc2626}.admin-stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:2.5rem;display:grid}.stat-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);align-items:center;gap:1rem;padding:1.5rem;display:flex}.stat-number{font-size:1.5rem;font-weight:600;display:block}.stat-label{color:var(--color-text-secondary);font-size:.85rem;display:block}.admin-orders-list{flex-direction:column;gap:1rem;display:flex}.admin-order-card{border:1px solid var(--color-border);border-radius:var(--radius-md);transition:box-shadow .2s;overflow:hidden}.admin-order-card:hover{box-shadow:0 4px 16px #0000000f}.admin-order-card.expanded{box-shadow:0 4px 20px #00000014}.order-row-main{cursor:pointer;grid-template-columns:1.2fr 2fr 1fr 1fr 1fr 40px;align-items:center;padding:1.25rem 1.5rem;transition:background .15s;display:grid}.order-row-main:hover{background:var(--color-bg-secondary)}.order-col{flex-direction:column;gap:.2rem;display:flex}.order-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);font-size:.75rem}.order-total{font-weight:600}.order-expand-icon{color:var(--color-text-secondary);justify-content:center;display:flex}.status-badge{text-transform:capitalize;border-radius:20px;padding:.25rem .75rem;font-size:.8rem;font-weight:500;display:inline-block}.badge-paid{color:#065f46;background:#d1fae5}.badge-pending{color:#92400e;background:#fef3c7}.order-details-panel{border-top:1px solid var(--color-border);background:var(--color-bg-secondary);grid-template-columns:1fr 2fr;gap:2rem;padding:1.5rem;animation:.3s fadeIn;display:grid}.detail-section h4{align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.95rem;font-weight:500;display:flex}.detail-section p{color:var(--color-text-secondary);font-size:.9rem;line-height:1.6}.admin-items-table{border-collapse:collapse;width:100%}.admin-items-table th,.admin-items-table td{text-align:left;border-bottom:1px solid var(--color-border);padding:.6rem .75rem;font-size:.9rem}.admin-items-table th{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);font-size:.8rem;font-weight:500}.payment-id-text{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:#fff;padding:.5rem .75rem;font-family:monospace;font-size:.85rem;display:inline-block}.admin-loading{text-align:center;color:var(--color-text-secondary);padding:3rem 0;font-size:1.1rem}@media (width<=768px){.order-row-main{grid-template-columns:1fr 1fr;gap:.75rem}.order-details-panel,.admin-stats{grid-template-columns:1fr}}.orders-container{max-width:1000px;min-height:70vh;margin:0 auto;padding:2rem 1rem}.orders-header{border-bottom:1px solid var(--color-border);margin-bottom:2rem;padding-bottom:1rem}.orders-header h2{font-family:var(--font-heading);color:var(--color-text-primary);font-size:2rem;font-weight:500}.empty-orders{text-align:center;background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px dashed var(--color-border);padding:4rem 2rem}.empty-orders h3{color:var(--color-text-primary);margin-bottom:1rem}.empty-orders button{margin-top:1rem}.orders-list{flex-direction:column;gap:1.5rem;display:flex}.order-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);overflow:hidden}.order-card-header{border-bottom:1px solid var(--color-border);background:#00000005;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.order-meta-group{gap:2rem;display:flex}.order-meta-item{flex-direction:column;gap:.25rem;display:flex}.order-meta-label{text-transform:uppercase;color:var(--color-text-secondary);letter-spacing:.05em;font-size:.75rem;font-weight:600}.order-meta-value{color:var(--color-text-primary);font-size:.95rem;font-weight:500}.order-total{text-align:right}.order-status{text-transform:capitalize;border-radius:100px;padding:.35rem .75rem;font-size:.8rem;font-weight:600}.status-paid,.status-success{color:#03543f;background:#def7ec}.status-pending{color:#723b13;background:#fdf6b2}.order-card-body{padding:1.5rem}.order-items-list{flex-direction:column;gap:1rem;display:flex}.order-item{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding-bottom:1rem;display:flex}.order-item:last-child{border-bottom:none;padding-bottom:0}.order-item-info{align-items:center;gap:1rem;display:flex}.order-item-name{color:var(--color-text-primary);margin-bottom:.25rem;font-weight:500}.order-item-variant{color:var(--color-text-secondary);font-size:.85rem}.order-item-price-qty{text-align:right;font-size:.95rem}.order-shipping-addr{border-top:1px dashed var(--color-border);margin-top:1.5rem;padding-top:1rem}.order-shipping-addr h4{text-transform:uppercase;color:var(--color-text-secondary);letter-spacing:.05em;margin-bottom:.5rem;font-size:.85rem}.order-shipping-addr p{color:var(--color-text-primary);font-size:.9rem;line-height:1.5}.floating-cart-wrapper{z-index:8000;animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards slideUpFloat;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}.floating-cart-btn{background-color:var(--color-text-primary);color:#fff;cursor:pointer;letter-spacing:.02em;border:none;border-radius:50px;align-items:center;gap:12px;padding:14px 32px;font-size:1.05rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 10px 25px #00000040}.floating-cart-btn:hover{transform:scale(1.05);box-shadow:0 15px 35px #0000004d}@keyframes slideUpFloat{0%{opacity:0;transform:translate(-50%,50px)}to{opacity:1;transform:translate(-50%)}}