*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--header-h:58px;--header-h-lg:72px;--max-w:1400px;--drawer-max:430px;--accent:#1a1a1a;--accent-2:#333;--bg:#fff;--bg-2:#fafaf8;--bg-3:#f5f4f0;--muted:#888;--muted-2:#bbb;--border:#e8e8e8;--border-2:#d8d5d0;--col-bg:#f0ede8;--card-bg:#fff;--tag-bg:#f0f0ee;--sale:#c0392b;--sale-bg:#fef0f0;--new:#2c7a3a;--new-bg:#f0f7f0;--hot:#c2620a;--hot-bg:#fff7ed;--shadow-sm:0 2px 8px rgba(0,0,0,.06);--shadow-md:0 4px 18px rgba(0,0,0,.09);--shadow-lg:0 8px 40px rgba(0,0,0,.12);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--transition:.3s cubic-bezier(.4,0,.2,1);--transition-bounce:.44s cubic-bezier(.77,0,.175,1)}
[data-theme="dark"]{--accent:#f0ede8;--accent-2:#d8d5d0;--bg:#1a1a1a;--bg-2:#242424;--bg-3:#2a2a2a;--muted:#999;--muted-2:#666;--border:#333;--border-2:#444;--col-bg:#2a2824;--card-bg:#242424;--tag-bg:#333;--sale:#ff6b6b;--sale-bg:#3a1a1a;--new:#6bcf7f;--new-bg:#1a3a24;--hot:#ffb366;--hot-bg:#3a2810;--shadow-sm:0 2px 8px rgba(0,0,0,.3);--shadow-md:0 4px 18px rgba(0,0,0,.4);--shadow-lg:0 8px 40px rgba(0,0,0,.5)}
html{scroll-behavior:smooth}body{font-family:"DM Sans",sans-serif;background:var(--bg-3);color:var(--accent);min-height:100dvh;overflow-x:hidden;transition:background var(--transition),color var(--transition)}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}ul,ol{list-style:none}
.cq-wrapper{container-type:inline-size}
.site-header{position:sticky;top:0;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--border);z-index:1000;transition:box-shadow var(--transition)}.site-header.scrolled{box-shadow:var(--shadow-sm)}
.header-inner{max-width:var(--max-w);margin:0 auto;height:var(--header-h);padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.header-logo{font-family:"Playfair Display",serif;font-size:20px;font-weight:600;letter-spacing:-.3px;color:var(--accent);white-space:nowrap;flex-shrink:0;transition:color var(--transition)}
.header-nav{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;overflow:hidden;position:relative}
.nav-item{padding:8px 14px;font-size:13px;font-weight:500;color:var(--muted);white-space:nowrap;border-radius:var(--radius-sm);transition:color .15s,background .15s;position:relative}
.nav-item:hover,.nav-item.active{color:var(--accent);background:var(--col-bg)}
.nav-item::after{content:"";position:absolute;bottom:2px;left:50%;transform:translateX(-50%) scaleX(0);width:16px;height:2px;background:var(--accent);border-radius:2px;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}
.nav-item.active::after{transform:translateX(-50%) scaleX(1)}
.nav-more{display:none;align-items:center;gap:4px;padding:8px 12px;font-size:13px;font-weight:500;color:var(--accent);background:var(--col-bg);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;flex-shrink:0}
.nav-more svg{width:14px;height:14px}
.header-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}
.icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--accent);transition:background .15s;position:relative}
.icon-btn:hover{background:var(--col-bg)}.icon-btn svg{width:20px;height:20px}
.cart-badge{position:absolute;top:4px;right:4px;width:16px;height:16px;background:var(--accent);color:var(--bg);border-radius:50%;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}
.cart-badge.bump{transform:scale(1.4)}
.theme-toggle{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--accent);transition:background .15s,transform .3s}
.theme-toggle:hover{background:var(--col-bg)}.theme-toggle svg{width:18px;height:18px;transition:transform .5s cubic-bezier(.68,-.55,.27,1.55)}
[data-theme="dark"] .theme-toggle svg{transform:rotate(180deg)}
.hamburger-btn{width:36px;height:36px;display:none;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:var(--radius-sm);flex-shrink:0}
.hamburger-btn span{display:block;width:20px;height:1.5px;background:var(--accent);transition:transform .35s cubic-bezier(.77,0,.175,1),opacity .25s ease,width .35s ease;transform-origin:center}
.drawer-open .hamburger-btn span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.drawer-open .hamburger-btn span:nth-child(2){opacity:0;width:0}.drawer-open .hamburger-btn span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,0);z-index:998;pointer-events:none;transition:background .4s ease}.drawer-open .drawer-overlay{background:rgba(0,0,0,.4);pointer-events:all}
.mob-drawer{position:fixed;bottom:0;left:50%;transform:translateX(-50%) translateY(100%);width:100%;max-width:var(--drawer-max);height:calc(100dvh - var(--header-h));background:var(--bg-2);z-index:999;display:flex;flex-direction:column;transition:transform var(--transition-bounce);overflow:hidden;border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);box-shadow:0 -6px 32px rgba(0,0,0,.12)}.drawer-open .mob-drawer{transform:translateX(-50%) translateY(0)}
.mob-drawer::before{content:"";display:block;flex-shrink:0;width:36px;height:4px;background:var(--border-2);border-radius:99px;margin:10px auto 6px}
.mob-drawer__inner{display:flex;flex:1;overflow:hidden}
.mob-drawer__collections{width:114px;flex-shrink:0;background:var(--col-bg);overflow-y:auto;padding:6px 0;border-right:1px solid var(--border)}.mob-drawer__collections::-webkit-scrollbar{display:none}
.col-item{padding:11px 13px;cursor:pointer;position:relative;transition:background .15s}.col-item:hover{background:rgba(0,0,0,.04)}
.col-item__name{font-size:12px;font-weight:500;color:var(--muted);line-height:1.3;letter-spacing:.1px;transition:color .18s}.col-item__count{font-size:10px;color:var(--muted-2);margin-top:2px;transition:color .18s}
.col-item.active .col-item__name{color:var(--accent);font-weight:600}.col-item.active .col-item__count{color:var(--muted)}
.col-item.active::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;background:var(--accent);border-radius:0 2px 2px 0}
.mob-drawer__products{flex:1;overflow-y:auto;scroll-behavior:smooth}.mob-drawer__products::-webkit-scrollbar{width:3px}.mob-drawer__products::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:99px}
.col-section{display:none;flex-direction:column}.col-section.active{display:flex}
.col-section__head{padding:13px 12px 10px;position:sticky;top:0;background:var(--bg-2);border-bottom:1px solid var(--border);z-index:2;display:flex;align-items:baseline;justify-content:space-between}
.col-section__title{font-family:"Playfair Display",serif;font-size:15px;font-weight:600}.col-section__count{font-size:11px;color:var(--muted)}
.col-section__grid{padding:10px 10px 16px 12px;display:flex;flex-direction:column;gap:9px}
.p-card{display:flex;gap:10px;background:var(--card-bg);border-radius:var(--radius-md);border:1px solid var(--border);padding:10px;transition:box-shadow .18s,transform .18s;cursor:pointer;position:relative}.p-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}
.p-card__img{width:68px;height:68px;border-radius:var(--radius-sm);background:var(--col-bg);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:26px;overflow:hidden}
.p-card__body{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between;padding:1px 0}
.p-card__tag{display:inline-flex;align-items:center;background:var(--tag-bg);color:var(--muted);font-size:9px;font-weight:600;letter-spacing:.7px;text-transform:uppercase;padding:2px 7px;border-radius:99px;margin-bottom:4px;width:fit-content}
.p-card__tag.sale{background:var(--sale-bg);color:var(--sale)}.p-card__tag.new{background:var(--new-bg);color:var(--new)}.p-card__tag.hot{background:var(--hot-bg);color:var(--hot)}
.p-card__name{font-size:13px;font-weight:500;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}
.p-card__desc{font-size:11px;color:var(--muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.p-card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:7px}
.p-card__price{font-size:14px;font-weight:600}.p-card__price s{font-size:11px;font-weight:400;color:var(--muted-2);margin-left:4px}
.p-card__add{width:26px;height:26px;border-radius:50%;background:var(--accent);color:var(--bg);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .15s,background .15s;position:relative;z-index:1}.p-card__add:hover{background:var(--accent-2);transform:scale(1.1)}.p-card__add.adding{animation:addPulse .6s ease}@keyframes addPulse{0%{transform:scale(1)}30%{transform:scale(.85)}50%{transform:scale(1.2)}70%{transform:scale(.95)}100%{transform:scale(1)}}.p-card__add svg{width:13px;height:13px}
.p-card__arrow{position:absolute;top:9px;right:9px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s;color:var(--muted-2)}.p-card:hover .p-card__arrow{opacity:1}.p-card__arrow svg{width:12px;height:12px}
.mob-drawer__footer{padding:10px 14px 22px;border-top:1px solid var(--border);background:var(--bg-2);flex-shrink:0}
.drawer-cta{display:block;width:100%;padding:13px;background:var(--accent);color:var(--bg);border-radius:var(--radius-md);font-size:14px;font-weight:500;text-align:center;letter-spacing:.2px;transition:background .15s;text-decoration:none}.drawer-cta:hover{background:var(--accent-2)}
.cart-drawer{position:fixed;top:0;right:0;width:100%;max-width:420px;height:100dvh;background:var(--bg);z-index:1001;transform:translateX(100%);transition:transform var(--transition-bounce);display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.cart-open .cart-drawer{transform:translateX(0)}
.cart-drawer__header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}
.cart-drawer__title{font-family:"Playfair Display",serif;font-size:18px;font-weight:600}
.cart-drawer__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.cart-drawer__close:hover{background:var(--col-bg)}.cart-drawer__close svg{width:18px;height:18px}
.cart-drawer__body{flex:1;overflow-y:auto;padding:16px 20px}.cart-drawer__body::-webkit-scrollbar{width:4px}.cart-drawer__body::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:99px}
.cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 20px;text-align:center;color:var(--muted)}.cart-empty svg{width:48px;height:48px;opacity:.4}.cart-empty p{font-size:14px}
.cart-item{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--border);animation:slideInRight .4s ease both}@keyframes slideInRight{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.cart-item.removing{animation:slideOutLeft .3s ease forwards}@keyframes slideOutLeft{to{opacity:0;transform:translateX(-20px);height:0;padding:0;margin:0;border:none;overflow:hidden}}
.cart-item__img{width:72px;height:72px;border-radius:var(--radius-sm);background:var(--col-bg);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:28px}
.cart-item__info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between}
.cart-item__name{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cart-item__price{font-size:13px;font-weight:600}.cart-item__price s{font-size:11px;font-weight:400;color:var(--muted-2);margin-left:4px}
.cart-item__actions{display:flex;align-items:center;justify-content:space-between;margin-top:8px}
.qty-control{display:flex;align-items:center;gap:8px;background:var(--bg-2);border-radius:var(--radius-sm);padding:2px}
.qty-control button{width:26px;height:26px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:var(--accent);transition:background .15s}.qty-control button:hover{background:var(--col-bg)}
.qty-control span{font-size:13px;font-weight:500;min-width:20px;text-align:center}
.cart-item__remove{width:28px;height:28px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--muted);transition:color .15s,background .15s}.cart-item__remove:hover{color:var(--sale);background:var(--sale-bg)}.cart-item__remove svg{width:16px;height:16px}
.cart-drawer__footer{padding:16px 20px 24px;border-top:1px solid var(--border);background:var(--bg-2)}
.cart-subtotal{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:14px}.cart-subtotal span:first-child{color:var(--muted)}.cart-subtotal span:last-child{font-size:18px;font-weight:700}
.cart-checkout{display:block;width:100%;padding:14px;background:var(--accent);color:var(--bg);border-radius:var(--radius-md);font-size:14px;font-weight:600;text-align:center;transition:background .15s,transform .15s}.cart-checkout:hover{background:var(--accent-2);transform:translateY(-1px)}.cart-checkout:active{transform:translateY(0)}
.hero{position:relative;overflow:hidden;background:var(--accent);color:var(--bg)}
.hero__bg{position:absolute;inset:0;background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 50%,#1a1a1a 100%);opacity:1}[data-theme="dark"] .hero__bg{background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 50%,#0a0a0a 100%)}
.hero__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:60px 60px}
.hero__content{position:relative;z-index:2;max-width:var(--max-w);margin:0 auto;padding:80px 20px 100px;text-align:center}
.hero__eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.7);padding:6px 14px;border-radius:99px;font-size:11px;font-weight:500;letter-spacing:1px;text-transform:uppercase;margin-bottom:24px}.hero__eyebrow::before{content:"";width:6px;height:6px;background:#6bcf7f;border-radius:50%;animation:pulse 2s ease infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
.hero__title{font-family:"Playfair Display",serif;font-size:clamp(36px,6vw,72px);font-weight:600;line-height:1.1;margin-bottom:16px;letter-spacing:-1px}.hero__title span{display:block;opacity:.5;font-weight:400}
.hero__desc{font-size:clamp(14px,2vw,18px);color:rgba(255,255,255,.55);max-width:520px;margin:0 auto 32px;line-height:1.6}
.hero__cta-group{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:var(--radius-md);font-size:14px;font-weight:500;letter-spacing:.2px;transition:all .2s ease;cursor:pointer}
.btn-primary{background:var(--bg);color:var(--accent)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.2)}
.btn-ghost{background:rgba(255,255,255,.08);color:var(--bg);border:1px solid rgba(255,255,255,.15)}.btn-ghost:hover{background:rgba(255,255,255,.15)}
.marquee{background:var(--bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow:hidden;padding:16px 0}
.marquee__track{display:flex;gap:48px;width:max-content;animation:marquee 30s linear infinite}.marquee:hover .marquee__track{animation-play-state:paused}@keyframes marquee{to{transform:translateX(-50%)}}
.marquee__item{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;color:var(--muted);white-space:nowrap;flex-shrink:0}.marquee__item svg{width:16px;height:16px;opacity:.5}
.section-head{max-width:var(--max-w);margin:0 auto;padding:0 20px;display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px}
.section-head h2{font-family:"Playfair Display",serif;font-size:clamp(22px,3vw,32px);font-weight:600}.section-head p{font-size:13px;color:var(--muted);margin-top:4px}
.section-head a{font-size:13px;font-weight:500;color:var(--accent);display:flex;align-items:center;gap:4px;transition:gap .2s}.section-head a:hover{gap:8px}.section-head a svg{width:14px;height:14px}
.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}
@container (max-width:600px){.product-grid{grid-template-columns:repeat(2,1fr);gap:12px}}
@container (max-width:400px){.product-grid{grid-template-columns:1fr}}
.product-card{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden;transition:box-shadow .25s,transform .25s;position:relative;cursor:pointer}.product-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}
.product-card__img{aspect-ratio:1;background:var(--col-bg);display:flex;align-items:center;justify-content:center;font-size:clamp(48px,8cqw,80px);position:relative;overflow:hidden}.product-card__img::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.05),transparent 40%)}
.product-card__badge{position:absolute;top:12px;left:12px;padding:4px 10px;border-radius:99px;font-size:10px;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.product-card__badge.sale{background:var(--sale-bg);color:var(--sale)}.product-card__badge.new{background:var(--new-bg);color:var(--new)}.product-card__badge.hot{background:var(--hot-bg);color:var(--hot)}
.product-card__quick{position:absolute;bottom:12px;left:50%;transform:translateX(-50%) translateY(10px);padding:10px 20px;background:var(--accent);color:var(--bg);border-radius:var(--radius-sm);font-size:12px;font-weight:500;opacity:0;transition:all .25s ease;white-space:nowrap;box-shadow:var(--shadow-sm)}.product-card:hover .product-card__quick{opacity:1;transform:translateX(-50%) translateY(0)}
.product-card__info{padding:16px}.product-card__name{font-size:14px;font-weight:500;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-card__desc{font-size:12px;color:var(--muted);line-height:1.4;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.product-card__footer{display:flex;align-items:center;justify-content:space-between}.product-card__price{font-size:15px;font-weight:600}.product-card__price s{font-size:12px;font-weight:400;color:var(--muted-2);margin-left:4px}
.product-card__add{width:36px;height:36px;border-radius:50%;background:var(--accent);color:var(--bg);display:flex;align-items:center;justify-content:center;transition:all .2s;position:relative;overflow:hidden}.product-card__add:hover{background:var(--accent-2);transform:scale(1.08)}.product-card__add.adding{pointer-events:none}.product-card__add.adding .add-icon{animation:addSpin .6s ease}@keyframes addSpin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.2)}100%{transform:rotate(360deg) scale(1)}}.product-card__add .add-check{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transform:scale(0);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.product-card__add.added .add-check{transform:scale(1)}.product-card__add.added .add-icon{opacity:0}.product-card__add svg{width:16px;height:16px}
.tiles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}
@container (max-width:500px){.tiles-grid{grid-template-columns:repeat(2,1fr)}}
.tile{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border);padding:24px 20px;cursor:pointer;transition:all .25s;position:relative;overflow:hidden}.tile::before{content:"";position:absolute;inset:0;background:var(--col-bg);opacity:0;transition:opacity .25s}.tile:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--border-2)}.tile:hover::before{opacity:1}.tile>*{position:relative;z-index:1}.tile__emoji{font-size:32px;margin-bottom:12px}.tile__title{font-size:15px;font-weight:600;margin-bottom:2px}.tile__count{font-size:12px;color:var(--muted)}.tile__arrow{position:absolute;top:16px;right:16px;width:28px;height:28px;border-radius:50%;background:var(--bg-2);display:flex;align-items:center;justify-content:center;opacity:0;transform:translateX(-4px);transition:all .2s}.tile:hover .tile__arrow{opacity:1;transform:translateX(0)}.tile__arrow svg{width:12px;height:12px}
.featured-banner{position:relative;border-radius:var(--radius-xl);overflow:hidden;background:var(--accent);color:var(--bg);display:grid;grid-template-columns:1fr 1fr;min-height:400px}
@container (max-width:700px){.featured-banner{grid-template-columns:1fr;min-height:auto}}
.featured-banner__content{padding:48px 40px;display:flex;flex-direction:column;justify-content:center;gap:20px;position:relative;z-index:2}
@container (max-width:700px){.featured-banner__content{padding:32px 24px}}
.featured-banner__tag{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.1);padding:4px 12px;border-radius:99px;font-size:11px;font-weight:500;letter-spacing:.8px;text-transform:uppercase;width:fit-content}
.featured-banner__title{font-family:"Playfair Display",serif;font-size:clamp(24px,3vw,36px);font-weight:600;line-height:1.2}
.featured-banner__desc{font-size:14px;color:rgba(255,255,255,.6);line-height:1.6;max-width:380px}
.featured-banner__img{background:var(--col-bg);display:flex;align-items:center;justify-content:center;font-size:120px;position:relative}
@container (max-width:700px){.featured-banner__img{min-height:200px;font-size:80px}}
.newsletter{background:var(--card-bg);border-radius:var(--radius-xl);border:1px solid var(--border);padding:48px 40px;text-align:center;max-width:600px;margin:0 auto}
.newsletter h3{font-family:"Playfair Display",serif;font-size:24px;font-weight:600;margin-bottom:8px}.newsletter p{font-size:13px;color:var(--muted);margin-bottom:24px}
.newsletter__form{display:flex;gap:8px;max-width:400px;margin:0 auto}
@container (max-width:500px){.newsletter__form{flex-direction:column}}
.newsletter__form input{flex:1;padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-2);font-size:14px;font-family:inherit;color:var(--accent);outline:none;transition:border-color .2s,box-shadow .2s}.newsletter__form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(26,26,26,.08)}
.newsletter__form button{padding:12px 24px;background:var(--accent);color:var(--bg);border-radius:var(--radius-md);font-size:14px;font-weight:500;white-space:nowrap;transition:background .15s}.newsletter__form button:hover{background:var(--accent-2)}
.site-footer{background:var(--accent);color:var(--bg);padding:60px 20px 24px}.footer-inner{max-width:var(--max-w);margin:0 auto}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:40px;margin-bottom:48px}
.footer-col h4{font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-bottom:16px;opacity:.5}
.footer-col a{display:block;font-size:13px;color:rgba(255,255,255,.6);padding:6px 0;transition:color .15s}.footer-col a:hover{color:var(--bg)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.footer-bottom p{font-size:12px;color:rgba(255,255,255,.4)}
.footer-social{display:flex;gap:8px}.footer-social a{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;transition:background .15s}.footer-social a:hover{background:rgba(255,255,255,.15)}.footer-social svg{width:16px;height:16px}
.page-section{padding:60px 20px}.page-section--bg{background:var(--bg)}.section-inner{max-width:var(--max-w);margin:0 auto}
.toast-container{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:2000;display:flex;flex-direction:column;gap:8px;pointer-events:none}
.toast{background:var(--accent);color:var(--bg);padding:14px 20px;border-radius:var(--radius-md);font-size:13px;font-weight:500;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow-lg);animation:toastIn .4s cubic-bezier(.34,1.56,.64,1) both;pointer-events:all;min-width:280px}.toast.removing{animation:toastOut .3s ease forwards}@keyframes toastIn{from{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastOut{to{opacity:0;transform:translateY(10px) scale(.95)}}.toast svg{width:18px;height:18px;flex-shrink:0}
.page-transition{position:fixed;inset:0;background:var(--bg);z-index:9999;pointer-events:none;opacity:0;transition:opacity .4s ease}.page-transition.active{opacity:1;pointer-events:all}
.breadcrumbs{max-width:var(--max-w);margin:0 auto;padding:16px 20px;font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px}.breadcrumbs a:hover{color:var(--accent)}.breadcrumbs svg{width:12px;height:12px;opacity:.4}
.filter-bar{max-width:var(--max-w);margin:0 auto 28px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.filter-group{display:flex;gap:8px;flex-wrap:wrap}
.filter-chip{padding:8px 16px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card-bg);font-size:13px;font-weight:500;color:var(--muted);transition:all .15s;cursor:pointer}.filter-chip:hover,.filter-chip.active{border-color:var(--accent);color:var(--accent);background:var(--col-bg)}
.filter-sort{display:flex;align-items:center;gap:8px}.filter-sort select{padding:8px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card-bg);font-size:13px;font-family:inherit;color:var(--accent);cursor:pointer;outline:none}
.product-page{max-width:var(--max-w);margin:0 auto;padding:24px 20px 60px}
.product-layout{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-bottom:60px}
@container (max-width:800px){.product-layout{grid-template-columns:1fr;gap:32px}}
.product-gallery{display:grid;gap:12px;grid-template-columns:80px 1fr}
@container (max-width:500px){.product-gallery{grid-template-columns:1fr}}
.gallery-thumbs{display:flex;flex-direction:column;gap:8px}
@container (max-width:500px){.gallery-thumbs{flex-direction:row;order:2}}
.gallery-thumb{width:80px;height:80px;border-radius:var(--radius-sm);background:var(--col-bg);border:2px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:28px;transition:border-color .2s}.gallery-thumb.active,.gallery-thumb:hover{border-color:var(--accent)}
.gallery-main{aspect-ratio:1;border-radius:var(--radius-lg);background:var(--col-bg);display:flex;align-items:center;justify-content:center;font-size:clamp(80px,15cqw,160px)}
.product-info{display:flex;flex-direction:column;gap:20px}
.product-info__tag{display:inline-flex;gap:8px;width:fit-content}
.product-info__title{font-family:"Playfair Display",serif;font-size:clamp(28px,4vw,42px);font-weight:600;line-height:1.1}
.product-info__price{font-size:24px;font-weight:700;display:flex;align-items:center;gap:12px}.product-info__price s{font-size:16px;font-weight:400;color:var(--muted-2)}.product-info__price .save-tag{background:var(--sale-bg);color:var(--sale);padding:2px 8px;border-radius:99px;font-size:11px;font-weight:600}
.product-info__desc{font-size:14px;color:var(--muted);line-height:1.7}
.product-options{display:flex;flex-direction:column;gap:16px}
.option-label{font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.color-options{display:flex;gap:10px}
.color-opt{width:32px;height:32px;border-radius:50%;border:2px solid var(--border);cursor:pointer;transition:all .2s;position:relative}.color-opt:hover{transform:scale(1.1)}.color-opt.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--col-bg)}.color-opt.active::after{content:"";position:absolute;inset:-4px;border:1px solid var(--accent);border-radius:50%}
.qty-row{display:flex;align-items:center;gap:16px}.qty-row .qty-control{background:var(--bg-2);padding:4px;border-radius:var(--radius-md)}.qty-row .qty-control button{width:36px;height:36px;font-size:16px}.qty-row .qty-control span{font-size:15px;min-width:28px}
.btn-buy{flex:1;padding:16px 32px;background:var(--accent);color:var(--bg);border-radius:var(--radius-md);font-size:15px;font-weight:600;transition:all .2s;position:relative;overflow:hidden}.btn-buy:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-buy:active{transform:translateY(0)}.btn-buy .buy-text{transition:opacity .2s}.btn-buy .buy-loader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.btn-buy.loading .buy-text{opacity:0}.btn-buy.loading .buy-loader{opacity:1}.buy-loader span{display:inline-block;width:6px;height:6px;background:var(--bg);border-radius:50%;margin:0 3px;animation:loaderBounce 1s ease infinite}.buy-loader span:nth-child(2){animation-delay:.15s}.buy-loader span:nth-child(3){animation-delay:.3s}@keyframes loaderBounce{0%,80%,100%{transform:translateY(0)}40%{transform:translateY(-8px)}}.btn-buy .buy-success{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;opacity:0;transform:scale(.8);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.btn-buy.success .buy-text,.btn-buy.success .buy-loader{opacity:0}.btn-buy.success .buy-success{opacity:1;transform:scale(1)}
.product-meta{display:flex;flex-wrap:wrap;gap:16px;padding-top:20px;border-top:1px solid var(--border)}.meta-item{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.meta-item svg{width:16px;height:16px;opacity:.5}
.tabs{border-top:1px solid var(--border);padding-top:40px}.tab-nav{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:24px}.tab-btn{padding:12px 20px;font-size:13px;font-weight:500;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s;cursor:pointer}.tab-btn.active{color:var(--accent);border-color:var(--accent)}.tab-btn:hover:not(.active){color:var(--accent-2)}.tab-panel{display:none;animation:fadeIn .3s ease}.tab-panel.active{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tab-panel p{font-size:14px;color:var(--muted);line-height:1.8;margin-bottom:12px}.tab-panel ul{padding-left:20px;list-style:disc}.tab-panel li{font-size:14px;color:var(--muted);padding:4px 0}
@media(min-width:900px){.header-inner{height:var(--header-h-lg);padding:0 32px}.header-logo{font-size:24px}.hamburger-btn{display:none!important}.header-nav{display:flex}.nav-item{font-size:14px;padding:10px 16px}.page-section{padding:80px 32px}.hero__content{padding:120px 32px 140px}}
@media(max-width:899px){.header-nav{display:none}.hamburger-btn{display:flex}.nav-more{display:none!important}}
@media(max-width:480px){.hero__content{padding:60px 16px 80px}.page-section{padding:40px 16px}.newsletter{padding:32px 20px}.cart-drawer{max-width:100%}}
::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}::selection{background:var(--accent);color:var(--bg)}