:root{
  --bg:#ECE8D6; --surface:#F6F3E6; --ink:#2B201B; --muted:#6B5E52; --line:#D6CDB4;
  --gold:#B38A45; --tile:#DBDBC0;
  --sun:#5B1520; --sour:#2D2558; --pantry:#2F3424; --heritage:#6E5220;
  --sun-t:#7A1E2B; --sour-t:#352B6B; --pantry-t:#3E4530; --heritage-t:#7A5A1E;
  --wa:#1F8F4E;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#1C1713; --surface:#26201A; --ink:#EEE7D4; --muted:#B3A690; --line:#3A3128;
    --gold:#D2AE6A; --sun-t:#E08A95; --sour-t:#A9A0E6; --pantry-t:#B9C49A; --heritage-t:#D9B977; --wa:#2BAA60;
  }
}
:root[data-theme="dark"]{
  --bg:#1C1713; --surface:#26201A; --ink:#EEE7D4; --muted:#B3A690; --line:#3A3128;
  --gold:#D2AE6A; --sun-t:#E08A95; --sour-t:#A9A0E6; --pantry-t:#B9C49A; --heritage-t:#D9B977; --wa:#2BAA60;
}
*,*::before,*::after{box-sizing:inherit}
html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 130px)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"EB Garamond",Garamond,"Times New Roman",Georgia,serif;font-size:19px;font-variant-numeric:lining-nums;line-height:1.55;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
button,input,textarea,select{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}
.wrap{max-width:1180px;margin:0 auto;padding:0 22px}
.serif{font-family:"EB Garamond",Georgia,"Times New Roman",serif}
h1,h2,h3{font-family:"EB Garamond",Georgia,serif;font-weight:600;letter-spacing:.01em;margin:0}

/* Ornament */
.orn{display:flex;align-items:center;gap:12px;color:var(--gold);margin:14px 0}
.orn::before,.orn::after{content:"";height:1px;background:currentColor;flex:1;opacity:.6}
.orn svg{flex:none}
.orn.short{max-width:220px}
.orn.center{margin-left:auto;margin-right:auto}

/* Header */
header.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;gap:16px;height:72px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);margin-right:auto;background:none;border:0;cursor:pointer;padding:0}
.mark{width:42px;height:42px;border:1.5px solid var(--gold);border-radius:50%;display:grid;place-items:center;font-family:"EB Garamond",serif;font-size:1.35rem;color:var(--gold);font-weight:600}
.brand b{font-family:"EB Garamond",serif;font-weight:600;font-size:1.45rem;letter-spacing:.18em}
.cart-btn{display:inline-flex;align-items:center;gap:10px;border:0;cursor:pointer;background:var(--sun);color:#F3EAD6;padding:10px 18px;border-radius:999px;font-weight:600}
.cart-btn .count{background:var(--gold);color:#2B201B;min-width:24px;height:24px;border-radius:12px;display:inline-grid;place-items:center;font-size:.85rem;font-weight:700;padding:0 6px}
nav.tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
nav.tabs::-webkit-scrollbar{display:none}
.tab{border:0;background:none;cursor:pointer;padding:12px 14px 14px;white-space:nowrap;font-weight:600;color:var(--muted);border-bottom:2px solid transparent;font-size:.98rem}
.tab:hover{color:var(--ink)}
.tab[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--gold)}

section.view{display:none}
section.view.active{display:block}

/* Hero */
.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;padding:56px 0 48px}
.hero h1{font-size:clamp(2.4rem,5.6vw,4.4rem);line-height:1.04;font-weight:500;letter-spacing:-.005em}
.hero p{color:var(--muted);font-size:1.15rem;max-width:44ch;margin:0 0 26px}
.btns{display:flex;flex-wrap:wrap;gap:12px}
.btn{border:0;cursor:pointer;padding:13px 22px;border-radius:999px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:8px}
.btn.primary{background:var(--sun);color:#F3EAD6}
.btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}
.btn.wa{background:var(--wa);color:#fff}
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:end}
.trio figure{margin:0;border-radius:200px 200px 14px 14px;overflow:hidden;background:var(--tile)}
.trio figure:nth-child(2){transform:translateY(-28px)}
.trio figure img{aspect-ratio:4/5;object-fit:cover;width:100%}
.trio .lb{display:block;text-align:center;padding:10px 6px;font-family:"EB Garamond",serif;font-weight:600;color:#F3EAD6;font-size:.95rem}

/* Collection bands */
.cols{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-radius:18px;overflow:hidden;margin:20px 0 64px}
.col{color:#F1E8D2;padding:30px 28px 26px;cursor:pointer;border:0;text-align:left;display:flex;flex-direction:column;gap:6px;min-height:200px}
.col h3{font-size:1.6rem;font-weight:500}
.col p{margin:0;opacity:.85;flex:1}
.col span{font-weight:600;color:#E7C989}
.col:hover span{text-decoration:underline}
.b-sun{background:var(--sun)} .b-sour{background:var(--sour)} .b-pantry{background:var(--pantry)} .b-heritage{background:var(--heritage)}

.sec-h{text-align:center;margin:0 auto 28px;max-width:640px}
.sec-h h2{font-size:clamp(1.8rem,3.6vw,2.6rem);font-weight:500}
.sec-h p{color:var(--muted);margin:6px 0 0}
.values{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:0 0 64px}
.values div{border-top:1px solid var(--gold);padding-top:16px}
.values h3{font-size:1.25rem;margin-bottom:6px}
.values p{margin:0;color:var(--muted)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:0 0 72px;padding:0;list-style:none;counter-reset:s}
.steps li{counter-increment:s;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px}
.steps li::before{content:counter(s);font-family:"EB Garamond",serif;font-size:2rem;color:var(--gold);display:block;line-height:1;margin-bottom:8px}
.steps b{display:block;font-size:1.08rem;margin-bottom:4px}
.steps span{color:var(--muted)}

/* Shop */
.toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:36px 0 10px}
.chips{display:flex;gap:8px;overflow-x:auto;flex:1 1 auto;padding-bottom:4px}
.chip{border:1px solid var(--line);background:transparent;padding:8px 16px;border-radius:999px;cursor:pointer;white-space:nowrap;font-weight:600;font-size:.95rem}
.chip[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.search{flex:0 1 260px;min-width:180px;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:10px 16px}
.group{margin:34px 0 10px}
.group-h{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.group-h h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:500;letter-spacing:.06em;text-transform:uppercase}
.group-h p{margin:0;color:var(--muted)}
.t-sun{color:var(--sun-t)} .t-sour{color:var(--sour-t)} .t-pantry{color:var(--pantry-t)} .t-heritage{color:var(--heritage-t)}
.sizes{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.sz{border:1px solid var(--line);background:transparent;border-radius:8px;padding:4px 10px;font-size:.85rem;font-weight:600;cursor:pointer}
.sz[aria-pressed="true"]{border-color:var(--ink);background:var(--ink);color:var(--bg)}
.sz-only{color:var(--muted);font-size:.88rem;font-weight:600;margin:0 0 12px}
.ask{color:var(--muted);font-style:italic;font-family:"EB Garamond",serif;font-size:1rem}
a.add{text-decoration:none}
.price small{display:block;font-weight:500;color:var(--muted);font-size:.78rem}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:30px 20px;margin-top:18px}
.card{display:flex;flex-direction:column;cursor:pointer}
.thumb{border-radius:14px;overflow:hidden;background:var(--tile);position:relative;border:0;padding:0;cursor:pointer;width:100%}
.thumb img{aspect-ratio:4/5;object-fit:cover;width:100%;transition:transform .3s}
.card:hover .thumb img{transform:scale(1.03)}
.thumb .size{position:absolute;right:10px;bottom:10px;background:rgba(43,32,27,.78);color:#F3EAD6;font-size:.8rem;font-weight:600;padding:3px 9px;border-radius:999px}
.card h3{font-size:1.18rem;margin:14px 0 2px;font-weight:600}
.card .desc{color:var(--muted);font-size:.95rem;margin:0 0 12px;flex:1}
.card .row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.price{font-weight:700;font-size:1.12rem}
.add{border:0;cursor:pointer;color:#F3EAD6;font-weight:600;padding:9px 15px;border-radius:10px;font-size:.95rem}
.add.done{background:var(--ink)!important;color:var(--bg)}
.empty{grid-column:1/-1;text-align:center;color:var(--muted);padding:60px 0}

/* Text pages */
.page{max-width:760px;margin:0 auto;padding:56px 0 80px}
.page h1{font-size:clamp(2.2rem,5vw,3.4rem);font-weight:500;line-height:1.08}
.page .lead{font-size:1.2rem;color:var(--muted);font-family:"EB Garamond",serif;font-style:italic;line-height:1.6}
.page h2{font-size:1.5rem;margin:36px 0 8px;font-weight:600}
.page p{margin:0 0 14px;line-height:1.7}
.quote{border-left:3px solid var(--gold);padding:6px 0 6px 20px;margin:28px 0;font-family:"EB Garamond",serif;font-size:1.3rem;line-height:1.5}
details{border-bottom:1px solid var(--line);padding:4px 0}
summary{cursor:pointer;padding:16px 0;font-weight:600;font-size:1.08rem;list-style:none;display:flex;justify-content:space-between;gap:16px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";color:var(--gold);font-size:1.4rem;line-height:1}
details[open] summary::after{content:"−"}
details p{color:var(--muted);margin:0 0 16px}
.contact{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:28px 0}
.contact div{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px 20px}
.contact small{display:block;color:var(--muted);font-weight:600;margin-bottom:2px}
.contact a{color:var(--ink)}

/* Modal */
.scrim{position:fixed;inset:0;background:rgba(20,14,10,.5);opacity:0;pointer-events:none;transition:opacity .2s;z-index:40}
.scrim.open{opacity:1;pointer-events:auto}
.modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-46%);width:min(860px,calc(100% - 28px));max-height:calc(100% - 40px);overflow:auto;background:var(--surface);border-radius:18px;z-index:50;opacity:0;pointer-events:none;transition:.22s;display:grid;grid-template-columns:1fr 1.1fr}
.modal.open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)}
.modal .pic{background:var(--tile)}
.modal .pic img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/5}
.modal .info{padding:30px 30px 26px;display:flex;flex-direction:column;gap:6px;position:relative}
.modal .coll{font-weight:600;font-size:.92rem}
.modal h2{font-size:2rem;font-weight:500;line-height:1.1}
.modal .meta{color:var(--muted)}
.modal .sizes{margin:6px 0 0}
.modal dl{margin:12px 0;display:grid;grid-template-columns:auto 1fr;gap:6px 16px}
.modal dt{font-weight:600}
.modal dd{margin:0;color:var(--muted)}
.modal .buy{margin-top:auto;display:flex;align-items:center;gap:14px;padding-top:14px;flex-wrap:wrap}
.x{border:0;background:var(--bg);width:38px;height:38px;border-radius:50%;cursor:pointer;font-size:1.1rem;flex:none}
.modal .x{position:absolute;top:14px;right:14px}

/* Drawer */
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(440px,100%);background:var(--surface);z-index:50;transform:translateX(100%);transition:transform .25s ease;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
.drawer.open{transform:none}
.dhead{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}
.dhead h2{font-size:1.5rem;font-weight:500}
.dbody{overflow-y:auto;flex:1;padding:8px 20px 20px}
.line{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.line img{width:56px;height:70px;object-fit:cover;border-radius:8px;background:var(--tile)}
.line .nm{font-weight:600;line-height:1.25}
.line .sub{color:var(--muted);font-size:.9rem}
.qty{display:flex;align-items:center;border:1px solid var(--line);border-radius:10px}
.qty button{border:0;background:none;width:32px;height:32px;cursor:pointer;font-size:1.1rem}
.qty span{min-width:22px;text-align:center;font-weight:600}
.form{display:grid;gap:12px;margin-top:20px}
.form label{display:grid;gap:4px;font-weight:600;font-size:.92rem}
.form input,.form textarea,.form select{border:1px solid var(--line);background:var(--bg);border-radius:10px;padding:11px 12px;font-weight:400}
.form textarea{resize:vertical;min-height:70px}
.err{color:#B3261E;font-size:.9rem;min-height:1.2em;margin:0}
.dfoot{border-top:1px solid var(--line);padding:16px 20px}
.total{display:flex;justify-content:space-between;font-size:1.15rem;font-weight:700;margin-bottom:12px}
.order{width:100%;border:0;cursor:pointer;background:var(--wa);color:#fff;font-weight:700;font-size:1.05rem;padding:15px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:10px}
.order:disabled{opacity:.45;cursor:not-allowed}
.note{color:var(--muted);font-size:.85rem;text-align:center;margin:10px 0 0}

.fab{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:30;width:58px;height:58px;border-radius:50%;background:var(--wa);display:grid;place-items:center;box-shadow:0 8px 22px rgba(0,0,0,.25);color:#fff}
footer{margin-top:20px}
.fbands{display:grid;grid-template-columns:repeat(4,1fr)}
.fbands div{color:#E7C989;text-align:center;padding:22px 10px;font-family:"EB Garamond",serif;letter-spacing:.08em;text-transform:uppercase;font-size:1.05rem}
.fbot{background:#211A15;color:#BFB29C;padding:26px 0;font-size:.92rem}
.fbot .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.fbot a{color:#E7C989}
.toast{position:fixed;left:50%;bottom:calc(90px + env(safe-area-inset-bottom,0px));transform:translate(-50%,20px);background:var(--ink);color:var(--bg);padding:10px 18px;border-radius:999px;opacity:0;transition:.2s;z-index:60;font-weight:600}
.toast.show{opacity:1;transform:translate(-50%,0)}

@media (max-width:1020px){.cols,.fbands{grid-template-columns:repeat(2,1fr)}}
@media (max-width:860px){
  .hero{grid-template-columns:1fr;padding-top:36px}
  .cols,.values,.steps,.fbands{grid-template-columns:1fr}
  .col{min-height:0}
  .modal{grid-template-columns:1fr}
  .modal .pic img{aspect-ratio:1/1}
  .contact{grid-template-columns:1fr}
  .brand b{font-size:1.2rem}
  .fbands div{padding:12px}
}
@media (max-width:480px){.cart-btn .lbl{display:none}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* --- Marka tipografisi ve logo --- */
h1,h3{font-family:"EB Garamond",Garamond,Georgia,serif}
h2,.sec-h h2,.group-h h2,.col h3,.fbands div,.slogan,.tab,.values h3,.page h2,.modal .coll{font-family:"Cinzel","Trajan Pro",Georgia,serif;letter-spacing:.09em}
.sec-h h2,.page h2{text-transform:uppercase;font-weight:500}
.group-h h2{font-weight:500;letter-spacing:.1em}
.col h3{font-size:1.25rem;letter-spacing:.08em;text-transform:uppercase}
.tab{font-weight:500;font-size:.86rem;text-transform:uppercase;letter-spacing:.12em}
.card h3{font-size:1.32rem;font-weight:600}
.page h1,.hero h1{font-weight:500}
.btn,.add,.chip,.order,.cart-btn{font-family:"EB Garamond",Garamond,Georgia,serif;font-size:1.02rem;letter-spacing:.02em}
.price{font-size:1.25rem}
header.top{background:#121214;border-bottom:1px solid #3A2F22;backdrop-filter:none}
.brand{gap:14px}
.brand .mono{height:46px;width:auto}
.brand .word{height:19px;width:auto}
.tab{color:#B5A588}
.tab:hover,.tab[aria-selected="true"]{color:#E3C98E}
.tab[aria-selected="true"]{border-bottom-color:#C9A45C}
.cart-btn{background:#C9A45C;color:#1A140F}
.cart-btn .count{background:#1A140F;color:#E3C98E}
.brandhero{background:#121214;color:#E3C98E;text-align:center;padding:52px 20px 0;overflow:hidden}
.brandhero .lock{width:min(340px,78%);margin:0 auto}
.brandhero .slogan{text-transform:uppercase;font-size:clamp(.85rem,1.8vw,1.05rem);letter-spacing:.24em;color:#D9BE84;margin:26px 0 26px}
.brandhero .btns{justify-content:center}
.btn.gold{background:#C9A45C;color:#1A140F}
.brandhero .btn.ghost{color:#E3C98E;box-shadow:inset 0 0 0 1px #8A7144}
.brandhero .land{width:min(820px,100%);margin:34px auto 0;-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 45%,#000 60%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 45%,#000 60%,transparent 100%)}
.values{grid-template-columns:repeat(4,1fr)}
.values div{border-top:0;padding-top:0;text-align:center}
.values svg{color:var(--gold);margin:0 auto 12px;display:block}
.values h3{font-size:1.05rem;text-transform:uppercase;color:var(--gold);font-weight:500}
.story{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;max-width:1040px;margin:0 auto;padding:56px 0 30px}
.story .eng{border-radius:6px;overflow:hidden;background:#EDE5D3}
.story .eng img{width:100%;mix-blend-mode:multiply}
.story p{line-height:1.75;margin:0 0 14px;font-size:1.08rem}
.story h1{font-family:"Cinzel",Georgia,serif;font-weight:500;letter-spacing:.1em;text-transform:uppercase;font-size:clamp(1.7rem,3.6vw,2.4rem);color:var(--gold)}
.fbrand{display:flex;align-items:center;gap:12px}
.fbrand img{height:34px;width:auto}
@media (max-width:860px){.values{grid-template-columns:repeat(2,1fr)}.story{grid-template-columns:1fr;padding-top:36px}.brand .mono{height:38px}.brand .word{height:15px}}
@media (max-width:420px){.brand .word{display:none}}

.hbrand{display:flex;align-items:center;gap:16px}
.hbrand .hlogo{height:40px;width:auto;padding-left:16px;border-left:1px solid #3A2F22}
.soon{background:#121214;color:#D8CBB0;border-radius:18px;overflow:hidden;margin:0 0 64px;padding:44px 0 0}
.soon-top{text-align:center;max-width:640px;margin:0 auto;padding:0 22px}
.soon-logo{height:64px;width:auto;margin:0 auto 14px}
.badge-soon{display:inline-block;border:1px solid #C9A45C;color:#E3C98E;border-radius:999px;padding:3px 14px;font-family:"Cinzel",Georgia,serif;font-size:.78rem;letter-spacing:.2em;text-transform:uppercase}
.soon h2{color:#E3C98E;font-family:"Cinzel",Georgia,serif;font-weight:500;letter-spacing:.06em;font-size:clamp(1.8rem,4.2vw,3rem);margin:14px 0 10px}
.soon-top p{margin:0;line-height:1.7}
.soon-img{width:100%;margin:26px 0 0;-webkit-mask-image:linear-gradient(transparent,#000 12%,#000 85%,transparent);mask-image:linear-gradient(transparent,#000 12%,#000 85%,transparent)}
.flavors{display:grid;grid-template-columns:repeat(4,1fr);padding:10px 28px 36px}
.flavors div{padding:0 18px;text-align:center;border-left:1px solid #3A3226}
.flavors div:first-child{border-left:0}
.flavors h3{font-family:"Cinzel",Georgia,serif;font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:1.05rem;margin-bottom:6px}
.flavors p{margin:0;font-size:.98rem;line-height:1.55;color:#B9AC92}
.fume{display:grid;grid-template-columns:minmax(200px,320px) 1fr;gap:34px;align-items:center;border-top:1px solid #3A3226;padding:36px 40px 40px}
.fume img{width:100%;max-height:520px;object-fit:cover;object-position:center 30%;border-radius:12px}
.fume h3{font-family:"Cinzel",Georgia,serif;font-weight:500;font-size:clamp(2.6rem,6vw,4rem);letter-spacing:.14em;color:#F1E8D2;line-height:1;margin:4px 0}
.fume-series{font-family:"Cinzel",Georgia,serif;letter-spacing:.14em;text-transform:uppercase;color:#C9A45C;margin:14px 0 0;font-size:.85rem}
.fume-sub{color:#C9A45C;font-size:.95rem;margin:4px 0 14px}
.fume p{line-height:1.65}
.pairs{color:#B9AC92;font-style:italic}
@media (max-width:860px){.flavors{grid-template-columns:repeat(2,1fr);gap:22px 0}.flavors div:nth-child(3){border-left:0}.fume{grid-template-columns:1fr;padding:28px 22px}.fume img{max-width:260px;margin:0 auto}.hbrand .hlogo{height:32px;padding-left:12px}}
@media (max-width:480px){.hbrand .hlogo{height:28px}}

.sendbox{margin-top:18px;border:1px solid var(--gold);border-radius:14px;padding:16px;background:var(--bg)}
.sendbox h3{font-family:"Cinzel",Georgia,serif;font-weight:500;letter-spacing:.06em;font-size:1.1rem;margin-bottom:4px}
.sendbox p{margin:0 0 12px;color:var(--muted);font-size:.98rem}
.sendbtns{display:grid;gap:8px;margin-bottom:12px}
.sendbtns .btn{justify-content:center}
.sendbox textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px;background:var(--surface);font-size:.92rem;resize:vertical}

.legal h2{font-size:1.15rem;margin:30px 0 8px}
.legal .lead{font-size:1.1rem}
.seller{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px 20px;margin:8px 0 16px}
.seller dt{font-weight:600}
.seller dd{margin:0;color:var(--muted)}
.upd{color:var(--muted);font-size:.9rem;margin-top:28px}
.lnk{border:0;background:none;padding:0;color:var(--sun-t);text-decoration:underline;cursor:pointer;font:inherit}
.flegal{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:6px}
.flegal button{border:0;background:none;padding:0;color:#E7C989;cursor:pointer;font:inherit;font-size:.9rem;text-decoration:underline}
.fseller{display:block;color:#9E927C;font-size:.85rem;margin-top:4px}
.okrow{display:flex!important;grid-template-columns:none;gap:10px;align-items:flex-start;font-weight:400!important;font-size:.93rem!important;line-height:1.45}
.okrow input{margin-top:4px;width:18px;height:18px;flex:none;accent-color:var(--sun)}
.okrow .lnk{font-size:inherit}
@media (max-width:560px){.seller{grid-template-columns:1fr;gap:2px}.seller dd{margin-bottom:8px}}

a.tab{text-decoration:none;display:inline-block}
a.brand{text-decoration:none}
.card h3 a{color:inherit;text-decoration:none}
.card h3 a:hover{text-decoration:underline}
a.thumb{display:block}
.crumbs{font-size:.95rem;color:var(--muted);margin:26px 0 0}
.crumbs a{color:var(--muted)}
.pdp{display:grid;grid-template-columns:1fr 1.05fr;gap:44px;align-items:start;padding:22px 0 40px}
.pdp .pic{border-radius:16px;overflow:hidden;background:var(--tile)}
.pdp .pic img{width:100%;aspect-ratio:4/5;object-fit:cover}
.pdp .coll{font-family:"Cinzel",Georgia,serif;letter-spacing:.09em;font-weight:600;font-size:.92rem}
.pdp h1{font-size:clamp(2rem,4.4vw,2.9rem);font-weight:500;line-height:1.1;margin:6px 0 2px}
.pdp .lead{font-size:1.1rem;line-height:1.7;margin:0 0 6px}
.pdp dl{margin:18px 0;display:grid;grid-template-columns:auto 1fr;gap:8px 18px}
.pdp dt{font-weight:600}.pdp dd{margin:0;color:var(--muted)}
.pdp .buy{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:14px 0 6px}
.pdp .buy .price{font-size:1.6rem}
.pdp .sizes{margin:14px 0 0}
.pdp .sz{padding:7px 14px;font-size:.95rem}
.related{padding:10px 0 70px}
.related h2{font-size:1.4rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}
@media (max-width:860px){.pdp{grid-template-columns:1fr;gap:22px}.pdp .pic img{aspect-ratio:1/1}}