:root{
  --ink:#18120f;--espresso:#241712;--cream:#f5eee7;--paper:#fbf8f4;--gold:#d7ae74;
  --burg:#6f2633;--muted:#766d67;--line:rgba(36,25,20,.13);--glass:rgba(31,22,17,.58);
  --shadow:0 24px 80px rgba(34,23,18,.16)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
body.locked{overflow:hidden}
button,input,select{font:inherit}
button{color:inherit}
a{color:inherit;text-decoration:none}
.wrap{width:min(1380px,calc(100% - 40px));margin:auto}

/* No traditional nav: brand + saved + language only */
.hero-header{
  position:absolute;z-index:70;top:0;left:0;right:0;height:86px;padding:0 clamp(22px,4vw,58px);
  display:flex;align-items:center;justify-content:space-between;color:#fff;pointer-events:none
}
.hero-header>*{pointer-events:auto}
.wordmark{font:600 34px/1 Georgia,"Times New Roman",serif;letter-spacing:-.04em;text-shadow:0 2px 18px rgba(0,0,0,.18)}
.wordmark span{display:block;font:500 8px/1.4 Inter,sans-serif;text-transform:uppercase;letter-spacing:.28em;margin-top:8px;opacity:.76}
.hero-actions{display:flex;gap:9px;align-items:center}
.header-heart,.lang-pill{
  height:42px;border:1px solid rgba(255,255,255,.25);background:rgba(20,14,11,.18);
  backdrop-filter:blur(16px);color:#fff;cursor:pointer;box-shadow:0 8px 28px rgba(0,0,0,.08)
}
.header-heart{width:42px;border-radius:50%;display:grid;place-items:center;position:relative;font-size:23px}
.header-heart b{position:absolute;right:-4px;top:-4px;min-width:17px;height:17px;padding:0 4px;border-radius:10px;background:#fff;color:#241712;font-size:9px;display:grid;place-items:center}
.header-heart.active{background:rgba(255,255,255,.9);color:#7a263b}
.lang-pill{border-radius:999px;padding:0 14px;font-size:10px;letter-spacing:.12em}

/* Hero */
.hero{
  height:min(980px,100svh);min-height:760px;position:relative;overflow:hidden;color:#fff;
  background:
    radial-gradient(circle at 62% 64%,rgba(223,173,104,.12),transparent 27%),
    linear-gradient(115deg,#1c110d 0 38%,#755b49 100%)
}
.hero-photo{
  position:absolute;z-index:0;right:13%;top:0;width:min(48%,720px);height:100%;object-fit:cover;
  object-position:center 40%;filter:saturate(.88) contrast(1.02);transform:scale(.98)
}
.hero-shade{
  position:absolute;z-index:1;inset:0;
  background:
    linear-gradient(90deg,rgba(19,12,9,.96) 0%,rgba(22,14,10,.82) 27%,rgba(22,14,10,.18) 58%,rgba(16,11,8,.52) 100%),
    linear-gradient(0deg,rgba(16,10,7,.72),transparent 46%)
}
.hero-copy{position:absolute;z-index:3;left:clamp(38px,6vw,92px);top:15.5%;max-width:420px}
.hero-copy h1{font:400 clamp(74px,8vw,128px)/.79 Georgia,"Times New Roman",serif;letter-spacing:-.065em;margin:0}
.hero-copy h1 em{font-weight:400}
.hero-copy p{font-size:16px;line-height:1.48;margin:34px 0 0;max-width:300px;color:rgba(255,255,255,.9)}
.hero-copy p:after{content:"";display:block;width:48px;height:2px;background:#e8bf7d;margin-top:24px}

/* Floating offer card */
.hero-offer{
  position:absolute;z-index:5;right:clamp(28px,4.2vw,66px);top:13%;width:min(330px,30vw);padding:17px;
  border-radius:24px;background:linear-gradient(145deg,rgba(43,32,25,.72),rgba(22,16,13,.50));
  border:1px solid rgba(255,255,255,.24);box-shadow:0 26px 70px rgba(0,0,0,.28);backdrop-filter:blur(24px)
}
.offer-card-top{display:grid;grid-template-columns:76px 1fr auto;gap:13px;align-items:center;padding-bottom:13px}
.offer-card-top img{width:76px;height:76px;object-fit:contain;background:#eee5da;border-radius:15px}
.offer-card-top h3{font:500 17px/1.1 Georgia,serif;margin:0 0 5px}
.offer-card-top p{font-size:10px;margin:0;opacity:.7}
.hero-heart{border:0;background:transparent;color:inherit;font-size:24px;cursor:pointer}
.hero-heart.saved{color:#ffd8df}
.offer-list{border-top:1px solid rgba(255,255,255,.14)}
.offer-line{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.offer-line b{font-size:12px;font-weight:600}.offer-line small{display:block;font-size:9px;opacity:.55;margin-top:2px}
.offer-line strong{font-size:13px;font-weight:600}.offer-line.best strong{color:#ffe2aa}
.all-offers{width:100%;margin-top:14px;padding:12px 15px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);color:#fff;display:flex;justify-content:center;gap:12px;cursor:pointer;transition:.2s}
.all-offers:hover{background:rgba(255,255,255,.14)}
.preview-note{display:block;font-size:8px;opacity:.42;margin-top:8px;text-align:center}

/* Curved swipe carousel */
.hero-stage{
  position:absolute;z-index:6;left:50%;bottom:156px;transform:translateX(-50%);
  width:min(940px,74vw);display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center
}
.hero-stage:before{
  content:"";position:absolute;z-index:-1;left:7%;right:7%;bottom:28px;height:58px;border:2px solid rgba(247,197,125,.92);
  border-top-color:rgba(247,197,125,.35);border-radius:50%;filter:drop-shadow(0 0 12px rgba(234,170,85,.55));transform:perspective(500px) rotateX(68deg)
}
.hero-carousel{
  overflow-x:auto;overflow-y:visible;display:flex;gap:12px;align-items:flex-end;padding:32px calc(50% - 72px) 26px;
  scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;touch-action:pan-x pan-y;cursor:grab;
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)
}
.hero-carousel::-webkit-scrollbar{display:none}
.hero-carousel.dragging{cursor:grabbing;scroll-snap-type:none}
.hero-bag{
  --y:22px;--s:.9;--rot:0deg;--op:.82;
  flex:0 0 122px;height:112px;scroll-snap-align:center;border:1px solid rgba(255,255,255,.16);border-radius:18px;
  background:rgba(24,16,12,.28);backdrop-filter:blur(12px);padding:9px;display:grid;place-items:center;position:relative;
  transform:translateY(var(--y)) scale(var(--s)) rotateY(var(--rot));opacity:var(--op);transform-origin:50% 100%;
  transition:transform .22s ease,opacity .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease;cursor:pointer
}
.hero-bag img{width:92px;height:76px;object-fit:contain;filter:drop-shadow(0 14px 14px rgba(0,0,0,.24));pointer-events:none}
.hero-bag span{position:absolute;left:8px;right:8px;bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:8px;opacity:.68}
.hero-bag.is-active{
  background:rgba(255,247,238,.22);border-color:#f4cf95;
  box-shadow:0 0 0 1px rgba(244,207,149,.35),0 0 36px rgba(244,185,105,.38)
}
.carousel-arrow{width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:rgba(22,14,10,.28);backdrop-filter:blur(10px);color:#fff;font-size:31px;cursor:pointer;transition:.2s}
.carousel-arrow:hover{background:rgba(255,255,255,.12);transform:scale(1.04)}

/* Search */
.hero-search{
  position:absolute;z-index:8;left:50%;bottom:58px;transform:translateX(-50%);width:min(720px,72vw);height:58px;
  border:1px solid rgba(255,255,255,.42);border-radius:999px;background:rgba(25,17,13,.52);backdrop-filter:blur(18px);
  box-shadow:0 0 30px rgba(221,171,104,.18);display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;padding:0 8px 0 18px
}
.spark{color:#f6c97e}.hero-search input{height:100%;border:0;outline:0;background:transparent;color:#fff;padding:0 14px;font:italic 17px Georgia,serif}
.hero-search input::placeholder{color:rgba(255,255,255,.74)}
.hero-search>button{width:42px;height:42px;border:0;background:transparent;color:#fff;border-radius:50%;cursor:pointer}
.hero-search .search-go{background:rgba(255,255,255,.12);font-size:20px;transition:.2s}.hero-search .search-go:hover{background:rgba(255,255,255,.2)}
.search-panel{position:absolute;left:20px;right:20px;top:calc(100% + 10px);background:rgba(250,246,241,.98);color:#1d1612;border-radius:18px;padding:8px;box-shadow:var(--shadow);display:none}
.search-panel.show{display:block}.search-panel button{width:100%;border:0;background:transparent;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;text-align:left;padding:8px;border-radius:12px;cursor:pointer}
.search-panel button:hover{background:#f1e9e1}.search-panel img{width:44px;height:44px;object-fit:contain;background:#efe5dc;border-radius:10px}
.search-panel b{font-size:12px}.search-panel small{display:block;color:var(--muted);font-size:10px}.search-empty{padding:18px;color:var(--muted);font-size:12px}

/* Square editorial cards */
.editorial-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-top:14px}
.editorial-card{
  aspect-ratio:1/1;border:0;border-radius:14px;overflow:hidden;position:relative;
  background-image:linear-gradient(0deg,rgba(18,12,9,.78),transparent 58%),var(--bg);background-size:cover;background-position:center;
  color:#fff;text-align:left;cursor:pointer;padding:24px;display:flex;align-items:end;justify-content:space-between;
  box-shadow:0 10px 30px rgba(41,28,22,.06);transition:transform .28s ease,box-shadow .28s ease
}
.editorial-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(41,28,22,.12)}
.editorial-card span{font:400 31px/1 Georgia,serif}.editorial-card small{font:500 11px/1.2 Inter,sans-serif;display:block;margin-top:7px}
.editorial-card i,.world-card i{width:34px;height:34px;border:1px solid rgba(255,255,255,.6);border-radius:50%;display:grid;place-items:center;font-style:normal}

/* Shape rail */
.shape-rail-section{display:grid;grid-template-columns:42px 1fr 42px;gap:8px;align-items:center;padding-top:18px}
.shape-rail{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;scroll-behavior:smooth;scrollbar-width:none;touch-action:pan-x pan-y}
.shape-rail::-webkit-scrollbar{display:none}
.shape-card{flex:0 0 126px;scroll-snap-align:start;border:1px solid #ece4dc;border-radius:14px;background:#fffaf6;aspect-ratio:1.1/1;display:grid;place-items:center;padding:10px;cursor:pointer;transition:.2s}
.shape-card:hover{transform:translateY(-2px);border-color:#d6c5b8}.shape-card img{width:78px;height:66px;object-fit:contain}.shape-card span{font-size:11px}
.shape-card.active{border-color:#805443;box-shadow:0 0 0 2px rgba(128,84,67,.13)}
.shape-arrow{border:0;background:#f0e8e1;width:38px;height:38px;border-radius:50%;font-size:25px;cursor:pointer;transition:.2s}.shape-arrow:hover{background:#e4d7cc}

/* No descriptive "Explore worlds" heading: visual choices only */
.worlds{padding:30px 0 34px}.world-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.world-card{aspect-ratio:1/1;border:0;border-radius:12px;overflow:hidden;position:relative;padding:0;background:#eee;cursor:pointer;color:#fff;text-align:left}
.world-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(18,10,8,.76),rgba(18,10,8,.02) 62%)}
.world-card img{width:100%;height:100%;object-fit:cover;transition:.5s}.world-card:hover img{transform:scale(1.045)}
.world-card span{position:absolute;z-index:2;left:18px;bottom:16px}.world-card b{font:400 28px/1 Georgia,serif}.world-card small{display:block;font-size:10px;margin-top:5px}
.world-card i{position:absolute;z-index:2;right:14px;bottom:14px}

/* Product filter + results, visually integrated */
.catalog{margin-top:26px;padding:78px 0 96px;background:linear-gradient(180deg,#ded0c3 0,#eee5dd 22%,#f5efe9 100%)}
.catalog-shell{position:relative}
.catalog-head{display:flex;align-items:end;justify-content:space-between;gap:20px}
.eyebrow{text-transform:uppercase;letter-spacing:.28em;font-size:9px;color:#6b5e57}
.catalog-head h2{font:400 clamp(42px,5vw,72px)/.96 Georgia,serif;letter-spacing:-.05em;margin:8px 0 0}
.catalog-tools{display:flex;gap:8px;align-items:center}.catalog-tools button,.catalog-tools select{border:1px solid rgba(41,27,21,.16);background:rgba(255,255,255,.5);border-radius:999px;padding:10px 14px;backdrop-filter:blur(10px)}
.catalog-tools button{cursor:pointer}
.filter-dock{
  margin-top:28px;padding:10px;border:1px solid rgba(56,39,30,.13);border-radius:20px;background:rgba(255,255,255,.38);
  display:flex;gap:8px;align-items:center;overflow-x:auto;scrollbar-width:none;backdrop-filter:blur(14px)
}
.filter-dock::-webkit-scrollbar{display:none}
.filter-chip{flex:0 0 auto;border:1px solid rgba(48,31,23,.12);border-radius:999px;background:rgba(255,255,255,.58);padding:11px 15px;cursor:pointer;transition:.2s;white-space:nowrap}
.filter-chip:hover{background:#fff}.filter-chip.active{background:#261a15;color:#fff;border-color:#261a15;box-shadow:0 8px 20px rgba(38,26,21,.12)}
.filter-divider{width:1px;height:24px;background:rgba(52,36,28,.13);flex:0 0 1px;margin:0 2px}
.catalog-status{display:flex;justify-content:space-between;padding:30px 2px 13px;font-size:11px;color:#6b5f58}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.product-card{position:relative;background:rgba(255,255,255,.62);border:1px solid rgba(67,47,37,.08);border-radius:18px;padding:10px;box-shadow:0 10px 32px rgba(51,34,25,.05);backdrop-filter:blur(8px);transition:transform .25s,box-shadow .25s}
.product-card:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(51,34,25,.10)}
.product-love{position:absolute;z-index:2;right:18px;top:18px;width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,.8);backdrop-filter:blur(10px);font-size:20px;cursor:pointer}
.product-love.saved{color:#7b1e34}
.product-media{border:0;width:100%;aspect-ratio:1/1;border-radius:14px;background:radial-gradient(circle at 50% 42%,#fff 0,#f2e9e1 50%,#e8ddd3 100%);display:grid;place-items:center;position:relative;overflow:hidden;cursor:pointer}
.product-media:after{content:"";position:absolute;inset:auto 12% 9% 12%;height:12%;background:radial-gradient(ellipse,rgba(46,31,24,.18),transparent 68%);filter:blur(8px)}
.product-media img{width:78%;height:78%;object-fit:contain;position:relative;z-index:1;transition:.4s;filter:drop-shadow(0 18px 18px rgba(52,32,23,.14))}
.product-card:hover .product-media img{transform:scale(1.035)}
.product-badge{position:absolute;z-index:2;left:12px;top:12px;font-size:8px;text-transform:uppercase;letter-spacing:.1em;background:rgba(255,255,255,.8);padding:6px 8px;border-radius:99px}
.product-copy{display:flex;justify-content:space-between;gap:12px;padding:15px 4px 10px}.product-copy h3{font:500 18px/1.1 Georgia,serif;margin:0 0 5px}
.product-copy p{margin:0;color:#7b7069;font-size:10px}.product-price{text-align:right}.product-price small{display:block;color:#8c817a;font-size:8px}.product-price b{font-size:16px}
.compare-inline{width:100%;border:0;border-top:1px solid #e7ddd4;background:transparent;padding:11px 4px 5px;display:flex;justify-content:space-between;cursor:pointer;font-size:10px}
.no-results{grid-column:1/-1;padding:70px;text-align:center;color:#796e67}

/* Closing + footer */
.closing-banner{height:330px;position:relative;overflow:hidden;background:#d9c8b7}.closing-banner img{width:100%;height:100%;object-fit:cover;filter:saturate(.88)}
.closing-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 38%,rgba(247,242,236,.86) 72%)}
.closing-banner>div{position:absolute;z-index:2;right:9%;top:50%;transform:translateY(-50%);text-align:center}.closing-brand{font:500 48px/1 Georgia,serif}
.closing-banner p{text-transform:uppercase;letter-spacing:.22em;font-size:8px}
.footer{background:#19120f;color:#eee7e0;padding:70px clamp(24px,5vw,70px) 28px}.footer-mark{font:500 clamp(72px,12vw,160px)/.82 Georgia,serif;letter-spacing:-.06em;border-bottom:1px solid rgba(255,255,255,.13);padding-bottom:42px}
.footer-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:42px 0}.footer h3{text-transform:uppercase;letter-spacing:.16em;font-size:9px;color:#9e9188}
.footer a{display:block;margin:9px 0;font-size:12px;color:#d8cec7}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:18px;display:flex;justify-content:space-between;font-size:9px;color:#8e8179}

/* Drawer */
.overlay{position:fixed;z-index:90;inset:0;background:rgba(15,10,8,.46);opacity:0;pointer-events:none;transition:.25s}.overlay.open{opacity:1;pointer-events:auto}
.product-drawer{position:fixed;z-index:100;right:0;top:0;bottom:0;width:min(520px,100%);background:#fbf7f2;box-shadow:-30px 0 90px rgba(0,0,0,.22);transform:translateX(105%);transition:.35s;overflow:auto;padding:28px}
.product-drawer.open{transform:none}.drawer-close{position:sticky;top:0;float:right;z-index:3;width:42px;height:42px;border:0;border-radius:50%;background:#e9e0d8;font-size:25px;cursor:pointer}
.drawer-visual{aspect-ratio:1/1;background:radial-gradient(circle at 50% 42%,#fff,#eee5dc 72%);border-radius:22px;display:grid;place-items:center;margin-top:48px}.drawer-visual img{width:76%;height:76%;object-fit:contain;filter:drop-shadow(0 22px 22px rgba(50,32,24,.14))}
.drawer-title{display:flex;justify-content:space-between;gap:20px;padding:24px 2px}.drawer-title span{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:#887a72}.drawer-title h2{font:500 40px/1 Georgia,serif;margin:7px 0}.drawer-title p{font-size:11px;color:#786c65}
.drawer-offers h3{font:500 23px/1 Georgia,serif}.drawer-offers .offer-line{grid-template-columns:1fr auto auto;border-color:#e7ddd4;padding:14px 0}.drawer-offers .offer-line small{color:#877b73}.drawer-offers .offer-line strong{color:#201711}
.offer-go{width:34px;height:34px;border:0;border-radius:50%;background:#211713;color:#fff}.drawer-offers .preview-note{color:#8e8179;text-align:left;font-size:9px;line-height:1.5}
.toast{position:fixed;z-index:120;left:50%;bottom:25px;transform:translate(-50%,30px);opacity:0;background:#1f1713;color:#fff;padding:11px 16px;border-radius:999px;font-size:11px;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}

@media(max-width:1050px){
  .hero-photo{right:5%;width:58%}.hero-offer{width:300px}.hero-stage{width:84vw}.hero-search{width:80vw}
  .world-grid{grid-template-columns:repeat(3,1fr)}.product-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:760px){
  .wrap{width:min(100% - 24px,1380px)}.hero-header{height:70px;padding:0 18px}.wordmark{font-size:27px}.wordmark span{display:none}
  .header-heart{width:38px;height:38px}.lang-pill{height:38px}
  .hero{height:900px;min-height:900px}
  .hero-photo{width:100%;height:60%;right:0;top:0;object-position:58% 35%;opacity:.92}
  .hero-shade{background:linear-gradient(180deg,rgba(17,10,7,.54),rgba(17,10,7,.10) 34%,rgba(17,10,7,.79) 66%,rgba(17,10,7,.96))}
  .hero-copy{left:24px;top:108px}.hero-copy h1{font-size:70px}.hero-copy p{display:none}
  .hero-offer{top:345px;right:14px;width:248px;padding:12px}.offer-card-top{grid-template-columns:58px 1fr auto}.offer-card-top img{width:58px;height:58px}.offer-line{padding:7px 0}.preview-note{display:none}
  .hero-stage{bottom:146px;width:100%;grid-template-columns:0 1fr 0}.carousel-arrow{display:none}
  .hero-stage:before{left:4%;right:4%;bottom:25px}.hero-carousel{padding-inline:calc(50% - 62px);gap:10px;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
  .hero-bag{flex-basis:104px;height:94px}.hero-bag img{width:76px;height:62px}
  .hero-search{bottom:58px;width:calc(100% - 28px);height:56px}.hero-search input{font-size:14px}
  .editorial-strip{grid-template-columns:repeat(3,78%);overflow-x:auto;scroll-snap-type:x mandatory;padding-left:12px;padding-right:12px;width:100%;gap:10px;scrollbar-width:none}
  .editorial-strip::-webkit-scrollbar{display:none}.editorial-card{scroll-snap-align:center}
  .shape-rail-section{grid-template-columns:0 1fr 0;width:100%;padding-left:12px;padding-right:12px}.shape-arrow{display:none}.shape-card{flex-basis:104px}
  .worlds{padding-top:26px;width:100%;padding-left:12px;padding-right:12px}.world-grid{grid-template-columns:repeat(5,74%);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.world-grid::-webkit-scrollbar{display:none}.world-card{scroll-snap-align:center}
  .catalog{padding-top:56px}.catalog-head{display:block}.catalog-tools{margin-top:18px}.filter-dock{border-radius:16px;margin-top:22px}
  .product-grid{grid-template-columns:1fr 1fr;gap:9px}.product-card{padding:7px}.product-copy{display:block}.product-price{text-align:left;margin-top:8px}
  .closing-banner{height:260px}.closing-banner:after{background:linear-gradient(0deg,rgba(247,242,236,.8),transparent 75%)}.closing-banner>div{right:auto;left:50%;top:auto;bottom:22px;transform:translateX(-50%);width:100%}
  .footer-mark{font-size:72px}.footer-columns{grid-template-columns:1fr 1fr}.footer-columns>div:first-child{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin:6px 0}
}
@media(max-width:430px){
  .product-grid{grid-template-columns:1fr}.hero-offer{top:360px;width:228px}.hero-copy h1{font-size:62px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}