/* ============================================================
   NOW OR NEVER — "sessiz lüks" teması (The Row / Toteme çizgisi)
   html.quiet ile etkin. Kaldırmak için head.html'deki iki satırı sil
   ve data.js'te NON.flags.quiet=false yap. Kaynak temaya dokunulmaz.
   ============================================================ */

/* ---------- 1. palet: kırık beyaz, siyah, tek gri ---------- */
html.quiet{
  --linen:#FAFAF8; --linen-2:#F4F4F2; --sand:#F1F1EF; --powder:#CFCFCB; --stone:#8B8B87; --stone-2:#4A4A47;
  --gold:#6B6F5A; --ink:#161616; --night:#111111;
  --bg:#FAFAF8; --fg:#161616; --mute:#7C7C78; --rule:rgba(0,0,0,.12);
  --t5:clamp(21px, 1.1rem + .5vw, 24px);
  --t6:clamp(24px, 1.2rem + .9vw, 30px);
}
html.quiet body{background:#FAFAF8;color:#161616}
html.quiet .grain{display:none}
html.quiet .it,html.quiet em{font-style:normal}
html.quiet .lab{letter-spacing:.12em;font-size:10px}
/* koleksiyon başlığındaki kırıntı yolu: büyük başlık kaldırıldığı için bir tık büyük */
html.quiet .shop-head [data-shop-crumb]{font-size:clamp(13px,.78rem + .12vw,15px);letter-spacing:normal;color:var(--stone-2)}
@media (max-width:860px){html.quiet .shop-head [data-shop-crumb]{font-size:13px;letter-spacing:normal}}
/* Sadelik düzeni: bu üç sınıfın puntosu artık site.css ölçeğinden gelir. */
html.quiet .t3{letter-spacing:normal}
html.quiet .t4{letter-spacing:normal}
html.quiet .t5{letter-spacing:normal;line-height:1.25}
html.quiet ::selection{background:var(--sage);color:#FAFAF8}

/* ---------- 2. üst çubuk ----------
   1001–1279 px: ortalanmış wordmark, altında menü (dar ekranda tek satıra sığmıyor)
   1280 px ve üzeri: tek satır — solda menü, ortada wordmark, sağda ara/favori/dil/sepet */
@media (min-width:1001px){
  html.quiet .top{display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:"l brand r" "nav nav nav";row-gap:0;padding:0 var(--pad);align-items:center;column-gap:var(--s3)}
  html.quiet .top::before{content:"";grid-area:l}
  html.quiet .top .brand{grid-area:brand;justify-self:center;padding:22px 0 18px;font-size:19px;letter-spacing:normal}
  html.quiet .top .r{grid-area:r;justify-self:end}
  html.quiet .top nav{grid-area:nav;justify-self:center;gap:clamp(24px,3vw,44px);padding:0 0 16px}
  html.quiet .top nav>a,html.quiet .top nav .nd>a{font-size:11px;letter-spacing:.12em}
  html.quiet .top .r>*{font-size:11px;letter-spacing:.12em}
  html.quiet .dd{top:100%}
}
@media (min-width:1280px){
  html.quiet .top{grid-template-areas:"nav brand r";column-gap:var(--s2)}
  html.quiet .top::before{display:none}
  html.quiet .top .brand{padding:20px 0}
  html.quiet .top nav{grid-area:nav;justify-self:start;gap:clamp(18px,1.9vw,30px);padding:0}
  html.quiet .top nav>a,html.quiet .top nav .nd>a{font-size:10.5px;letter-spacing:.12em}
  html.quiet .top .r{gap:clamp(14px,1.6vw,26px)}
  html.quiet .top .r>*{font-size:10.5px;letter-spacing:.12em}
}
/* ---------- mobil üst çubuk (≤860px) ----------
   Solda arama, ortada wordmark, sağda menü. Sepet üstten kalkar çünkü alt
   gezinmede zaten var; :has() ile bağlandı — alt gezinme kapatılırsa
   (NON.flags.bottomNav = false) sepet üste kendiliğinden geri döner.
   Dil, favoriler ve arama menü çekmecesinde de duruyor. */
@media (max-width:860px){
  /* Üst bar: solda menü + arama, ortada logo, sağda favoriler + sepet.
     Sol grup iki ikon, sağ grup favoriler + sepet olduğu için logo esnek yerleşimle tam
     ortaya gelmez; bu yüzden mutlak konumla ortalanıyor. */
  html.quiet .top{display:flex;align-items:center;column-gap:2px;padding-left:var(--pad);padding-right:var(--pad)}
  html.quiet .top .brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap}
  html.quiet .top .r{display:contents}
  html.quiet .top .burger{order:1;margin:0 0 0 -11px;width:44px;height:44px}
  html.quiet .top .r .sicon{order:2;display:inline-flex;margin:0;width:44px;height:44px}
  html.quiet .top .r .ficon{order:3;display:inline-flex;justify-content:center;margin:0 0 0 auto;width:44px;height:44px}
  html.quiet .top .r .cicon{order:4;display:inline-flex;margin:0 -11px 0 0;width:44px;height:44px}
}
}
html.quiet .top{transition:background .35s,color .35s,box-shadow .35s,transform .5s var(--ease),top .4s}
html.quiet .top.onhero{text-shadow:0 1px 10px rgba(0,0,0,.35)}
html.quiet .top.solid{background:rgba(250,250,248,.92);box-shadow:0 1px 0 var(--rule)}
html.quiet .top.dd-on{background:#FAFAF8}
html.quiet .top nav a::after,html.quiet .top nav .nd>a::after{height:1px}
html.quiet .top nav a.sale{color:inherit}
html.quiet .ann{background:#161616;color:#FAFAF8;font-size:9.5px;letter-spacing:normal}
html.quiet .dd{border-top:1px solid var(--rule);box-shadow:0 24px 40px -30px rgba(0,0,0,.25)}
html.quiet .top nav .dd-col a{font-size:13px}

/* ---------- 3. hero: sakin, küçük slogan ---------- */
html.quiet .hero .ph::after{background:linear-gradient(to top,rgba(0,0,0,.42) 0%,rgba(0,0,0,.12) 34%,transparent 60%),linear-gradient(to bottom,rgba(0,0,0,.28),transparent 22%)}
html.quiet .hero h1{font-style:normal;font-weight:300;font-size:clamp(34px,4.4vw,66px);line-height:1.04;letter-spacing:-.005em;color:#FAFAF8}
html.quiet .hero h1 b{animation:none;transform:none;opacity:0;animation:fade 1.2s var(--ease) .3s forwards}
html.quiet .hero .sub{color:rgba(250,250,248,.8);letter-spacing:normal;animation-delay:.7s}
html.quiet .hero .tx{text-shadow:none}

/* ---------- 4. düğmeler, ikonlar, kartlar ---------- */
html.quiet .btn{letter-spacing:.12em;font-size:10.5px}
html.quiet .btn-fill{background:var(--sage);color:var(--linen);border-radius:0;letter-spacing:.12em;font-size:10.5px;text-transform:uppercase;transition:background .3s,color .3s}
html.quiet .btn-fill::before{display:none}
html.quiet .btn-fill:hover{background:var(--sage-d)}
html.quiet .btn.mute,html.quiet .btn.mute:hover{color:var(--stone-2)}
html.quiet .fav,html.quiet .fav.big{background:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:0;box-shadow:none}
html.quiet .card .fav{width:30px;height:30px;right:8px;top:8px;opacity:1}
html.quiet .card:hover .fav,html.quiet .fav[aria-pressed=true]{background:none}
html.quiet .fav[aria-pressed=true]{color:var(--sage)}
html.quiet .fav svg{width:16px;height:16px;stroke-width:1.2}
html.quiet .fav.big{width:56px;height:56px;border:1px solid #161616}
html.quiet .card .tap{border-radius:0;border:1px solid #161616;background:#FAFAF8;color:#161616;box-shadow:none;width:32px;height:32px;font-size:18px;font-family:var(--font-sans);font-weight:300}
html.quiet .card .ph.qs-on .tap{background:var(--sage);color:var(--linen)}
html.quiet .card .qs button,html.quiet .card .qs .qs-l{background:#FAFAF8;border-radius:0;box-shadow:inset 0 0 0 1px var(--rule)}
html.quiet .card .qs button:hover{background:var(--sage);color:var(--linen);box-shadow:none}
html.quiet .card .tag,html.quiet .card .tag.last,html.quiet .card .tag.sale{background:none;padding:0;left:10px;top:10px;font-size:9px;letter-spacing:normal;color:#161616}
html.quiet .card .tag.sale{color:#161616}
html.quiet .card .ph{background:#F1F1EF}
html.quiet .card .n{font-family:var(--font-sans);font-size:13px;letter-spacing:normal}
html.quiet .card .b{font-size:9.5px;letter-spacing:.12em;color:var(--mute)}
html.quiet .card .p{font-family:var(--font-sans);font-size:13px}
html.quiet .card .p s{color:var(--mute)}
html.quiet .card .meta{margin-top:12px}
html.quiet .rv{transform:translateY(10px);transition:opacity .8s ease,transform .9s var(--ease)}
html.quiet .sc .ph::after{background:linear-gradient(to top,rgba(0,0,0,.35),transparent 55%)}
/* ---- kategori kartı perdesi: mobilde güçlendirilir ----
   Kartlar küçüldükçe ve fotoğraf açık olduğunda %35'lik perde beyaz yazıyı
   taşımıyordu ("Giyim", "Takı" okunmuyordu). Masaüstünde ince kalıyor. */
@media (max-width:860px){
  html.quiet .sc .ph::after{background:linear-gradient(to top,rgba(0,0,0,.62),rgba(0,0,0,.18) 48%,transparent 72%)}
  html.quiet .sc-t{text-shadow:0 1px 14px rgba(0,0,0,.55)}
  html.quiet .sc-t i{color:rgba(244,239,231,.92);font-size:11px;letter-spacing:.12em}
}
html.quiet .sc-t b{font-weight:300}
html.quiet .hot i{background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.35)}
html.quiet .bt-ph{color:#CFCFCB}
html.quiet .lk-tx .n{font-family:var(--font-sans);font-size:13px;letter-spacing:normal}
html.quiet .bt-tx{gap:4px}
html.quiet .bt-tx .lab{order:-1;font-size:9px;color:var(--mute)}
html.quiet .bt-tx .n{font-family:var(--font-serif);font-size:clamp(20px,1rem + .7vw,24px);font-weight:400;line-height:1.15;color:#161616;letter-spacing:0}
html.quiet .bt-tx .d{font-size:13px;color:var(--stone);margin-top:4px}
html.quiet .bt-tx .k{margin-top:8px}
html.quiet .bt-tx .k{font-size:9.5px;letter-spacing:normal}

/* ---------- 5. ürün sayfası, sepet, arama ---------- */
html.quiet .info h1{font-size:var(--t4);letter-spacing:normal;font-weight:300}
html.quiet .info .price{font-family:var(--font-sans);font-size:15px;letter-spacing:normal}
html.quiet .info .price s.old{font-size:1em}
html.quiet .info .price .off{color:var(--stone-2)}
html.quiet .pills button{border-radius:0;border:1px solid var(--rule)}
html.quiet .pills button[aria-pressed=true]{border-color:#161616;background:#161616;color:#FAFAF8}
html.quiet .pills button i{background:var(--sage)}
html.quiet .acc summary{letter-spacing:.12em;font-size:10px}
html.quiet .ship-eta i{background:var(--sage)}
html.quiet .drawer,html.quiet .menu,html.quiet .search,html.quiet .modal .box,html.quiet .fsheet::before{background:#FAFAF8}
html.quiet .drawer .hd .t{font-size:var(--t3)}
html.quiet .drawer .ci .n{font-family:var(--font-sans);font-size:13px}
html.quiet .drawer .ci .p,html.quiet .drawer .tot.big{font-family:var(--font-sans);font-size:14px;letter-spacing:normal}
html.quiet .drawer .ship .bar i{background:var(--sage)}
html.quiet .search input{font-family:var(--font-sans);font-weight:300;font-size:clamp(22px,1.2rem + 1.4vw,40px);letter-spacing:normal}
html.quiet .search mark{color:var(--sage);text-decoration:underline;text-underline-offset:3px}
html.quiet .st b{font-family:var(--font-sans);font-size:13px;font-weight:400}
/* Menü maddeleri Markalar listesiyle aynı puntoda (site.css .m-l a) — burada büyütülmez. */
html.quiet .bnav{background:rgba(250,250,248,.96);border-top:1px solid var(--rule)}

/* ---------- 6. iletişim bloğu ve footer: açık zemin ---------- */
html.quiet .store-ed{background:#F1F1EF;color:#161616}
html.quiet .se-ph::after{background:linear-gradient(to right,transparent 60%,#F1F1EF 100%)}
html.quiet .se-tx h2{color:#161616;font-size:var(--t6);letter-spacing:normal}
html.quiet .se-tx .lab,html.quiet .se-meta dt{color:var(--mute)}
html.quiet .se-meta{border-top-color:var(--rule)}
html.quiet .se-meta dd,html.quiet .se-meta dd a{color:#161616;font-family:var(--font-sans);font-size:14px}
html.quiet .se-cta .btn{color:#161616}
html.quiet .se-coord{color:var(--mute)}
/* Footer zemini ABONE OL düğmesinin yeşili; bütün içerik açık renge döner. */
html.quiet footer{background:var(--sage);color:var(--linen);border-top:0}
html.quiet footer .fig{margin-top:calc(-1*var(--s5) - 1px)}
html.quiet footer .h{color:rgba(244,239,231,.62)}
/* Açık zeminde başlık altı çizgisi linen değil, sayfanın kendi ince çizgisi */
html.quiet footer .cols summary.h{border-bottom-color:rgba(244,239,231,.22)}
html.quiet footer .cols a,html.quiet footer .cols span{color:var(--linen)}
html.quiet footer .cols a:hover{color:rgba(244,239,231,.7)}
html.quiet footer .addr{color:rgba(244,239,231,.72)}
html.quiet footer .base{border-top-color:rgba(244,239,231,.22)}
html.quiet footer .base span,html.quiet footer .base a{color:rgba(244,239,231,.66)}
/* açık temada dil seçici: aktif dil siyah, diğeri soluk */
html.quiet .lg b{color:#161616}
html.quiet .lg button{color:var(--mute)}
html.quiet .lg button:hover{color:#161616}
html.quiet .lg i{color:var(--rule)}
html.quiet footer .trust{border-top-color:rgba(244,239,231,.22);color:rgba(244,239,231,.75)}
html.quiet footer .trust .pay .pl{border-color:rgba(244,239,231,.3)}html.quiet footer .trust .pay .pl i{color:rgba(244,239,231,.8)}
html.quiet footer .news{border-bottom-color:rgba(244,239,231,.22)}
html.quiet footer .news-l .lab{color:var(--linen)}
html.quiet footer .news-r{border-bottom-color:rgba(244,239,231,.55)}
html.quiet footer .news-r input{color:var(--linen)}
html.quiet footer .news-r input::placeholder{color:rgba(244,239,231,.5)}
html.quiet footer .news-r button{color:var(--linen)}
html.quiet footer .news-msg{color:rgba(244,239,231,.8)}
html.quiet footer .news-msg.bad{color:#F0C0B2}
html.quiet footer .fig-cta{background:var(--linen);color:var(--sage)}
/* footer dil seçici: yeşil zeminde açık renk */
html.quiet footer .lg b{color:var(--linen)}
html.quiet footer .lg button{color:rgba(244,239,231,.6)}
html.quiet footer .lg button:hover{color:var(--linen)}
html.quiet footer .lg i{color:rgba(244,239,231,.35)}
html.quiet footer .cols .flogo{background:var(--linen)}
html.quiet .curtain{display:none}
html.quiet body.leaving .page{opacity:0;transition:opacity .25s ease}

/* ---------- 7. üst çubuk her zaman açık zemin; hero altına iner ---------- */
html.quiet .top,html.quiet .top.onhero{background:#FAFAF8;color:#161616;text-shadow:none}
html.quiet .top.onhero nav a.sale{color:inherit}
html.quiet .hero{margin-top:calc(var(--ann,0px) + var(--hh,120px));height:calc(100svh - var(--ann,0px) - var(--hh,120px));min-height:520px}
@supports not (height:100svh){html.quiet .hero{height:calc(100vh - var(--ann,0px) - var(--hh,120px))}}
html.quiet .hero .ph{animation:none;opacity:1}
html.quiet .hero .ph::after{background:linear-gradient(to top,rgba(0,0,0,.38) 0%,rgba(0,0,0,.1) 30%,transparent 55%)}
html.quiet .page:not(:has(.hero)){padding-top:0}
html.quiet .phead{padding-top:calc(var(--hh,120px) + var(--ann,0px) + var(--s4))}
html.quiet .pdp{padding-top:calc(var(--hh,120px) + var(--ann,0px) + var(--s3))}
html.quiet .top .brand{transition:none}
html.quiet .top.onhero:not(.dd-on):not(.solid) nav a.sale,html.quiet .top nav a.sale{color:#161616}
/* mobil hero: görselin TAMAMI görünür — hiç kırpma yok.
   Fotoğraf 16:9 bant olarak durur, slogan bandın altına, açık zemine iner. */
@media (max-width:860px){
  html.quiet .hero{height:auto;min-height:0;background:#FAFAF8;overflow:visible}
  html.quiet .hero .ph{position:relative;inset:auto;aspect-ratio:16/9;animation:none;opacity:1;background:#FAFAF8}
  html.quiet .hero .ph::after{display:none}
  html.quiet .hero .ph img{object-fit:contain;object-position:50% 50%}
  html.quiet .hero .tx{position:relative;inset:auto;display:block;padding:22px var(--pad) 10px;color:#161616;text-shadow:none;pointer-events:auto}
  html.quiet .hero .tx .bot{display:block}
  html.quiet .hero h1{color:#161616;font-size:clamp(30px,8.6vw,44px);margin-bottom:12px}
  html.quiet .hero .sub{color:var(--mute)}
}

/* ---- markalar: A–Z dizin ---- */
.bindex{display:flex;flex-wrap:wrap;gap:8px 28px;padding:18px 0 var(--s4);border-top:1px solid var(--rule);margin-top:4px}
.bindex a{font-family:var(--font-sans);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#161616;position:relative}
.bindex a::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:1px;background:#161616;transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}
.bindex a:hover::after{transform:scaleX(1)}
/* A–Z marka şeridi mobilde gizli: hemen altındaki liste aynı adları zaten veriyor.
   (pages.css'teki kural burada geçersiz kalıyordu, quiet.css sonra yükleniyor.) */
@media (max-width:860px){.bindex{display:none}}
.bt.hl .ph{outline:1px solid #161616;outline-offset:4px}
/* tur 10 */
html.quiet .sc .ph.none{background:#F3F3F1}
html.quiet .sc .ph.none::after{background:none}
html.quiet .swatches button[aria-pressed=true]{box-shadow:inset 0 0 0 1px #161616}
html.quiet .kb{border-color:rgba(0,0,0,.12)}
html.quiet .pills button:disabled{color:rgba(0,0,0,.28);border-color:rgba(0,0,0,.08)}

/* --- telefon okunabilirliği -------------------------------------------------
   Masaüstündeki editoryal ölçek aynen korunur; yalnız küçük ekranda, bilgi
   taşıyan yazıların 11px'in altına düşmesi engellenir. Dekoratif olanlar
   (ok işareti, koordinat, fotoğraf altyazısı) olduğu gibi bırakılır. */
@media (max-width:860px){
  html.quiet .card .b,
  html.quiet .acc summary,
  html.quiet .lab,
  html.quiet .fs,
  html.quiet .field label,
  html.quiet .fld > span,
  html.quiet .info .crumbs,
  html.quiet .info .stock,
  html.quiet .steps li b,
  html.quiet .co-trust span,
  html.quiet .trust .tr-i,
  html.quiet footer .base span,
  html.quiet footer .base a,
  html.quiet .kv dt,
  html.quiet .pin-l b,
  html.quiet .trk-links a,
  html.quiet .brow .d .c,
  html.quiet .drawer .sg .b,
  html.quiet .st i,
  html.quiet .qs-l,
  html.quiet .vat,
  html.quiet .hours-t span:nth-child(odd){font-size:11px;letter-spacing:.12em}
  html.quiet .btn,html.quiet .btn-fill{font-size:11px;letter-spacing:.12em}
  html.quiet .card .tag,html.quiet .card .tag.last,html.quiet .card .tag.sale{font-size:10.5px;letter-spacing:.12em}
  html.quiet .bnav a,html.quiet .bnav button{font-size:10px;letter-spacing:.12em}
  html.quiet .ann{font-size:10px;letter-spacing:.12em}
  /* daha özel kurallarla ezilenler */
  html.quiet .bt-tx .lab,html.quiet .bt-tx .k{font-size:11px;letter-spacing:.12em}
  html.quiet .sc-t i{font-size:11px}
  html.quiet .se-meta dt{font-size:11px;letter-spacing:.12em}
  html.quiet .price .vat{font-size:11px;letter-spacing:.12em}
  html.quiet .qs .qs-l{font-size:10.5px;letter-spacing:.12em}
  html.quiet .news-r button{font-size:11px;letter-spacing:.12em}
  html.quiet .trust .pay .pl i{font-size:10px}
}
/* tabletlerde de ürün kartındaki marka adı 11px'in altına düşmesin */
@media (max-width:1024px){ html.quiet .card .b{font-size:11px;letter-spacing:.12em} }


/* ---------- mobil okunabilirlik (≤860px) ----------
   10px + geniş harf aralığı masaüstünde zarif, telefonda zor okunuyor.
   Punto ve aralık yalnız mobilde ayarlanır; tasarım dili korunur. */
@media (max-width:860px){
  html.quiet .btn,html.quiet .lab,html.quiet .sh .btn{font-size:11px;letter-spacing:.12em}
  html.quiet .card .m i,html.quiet .st i{font-size:11px;letter-spacing:.12em}
  html.quiet footer .cols a,html.quiet footer .cols summary{font-size:11px;letter-spacing:.12em}
  html.quiet .top .brand{letter-spacing:normal}
  html.quiet .hero .sub{font-size:11px;letter-spacing:.12em}
  html.quiet .k{font-size:11px;letter-spacing:.12em}
}

/* ---------- dokunma alanları (≤860px) ----------
   Apple/Google ölçütü 44px. Logo 22px, çekmece bağlantıları 18–28px idi. */
@media (max-width:860px){
  html.quiet .top .brand{display:inline-flex;align-items:center;min-height:44px}
  html.quiet .m-links a,html.quiet .m-links button{min-height:44px;display:inline-flex;align-items:center}
  html.quiet .toc a,html.quiet .chips button{min-height:40px;display:inline-flex;align-items:center}
  /* dil seçici: iki dar etiket, parmakla ıskalanmasın */
  html.quiet .lg{gap:12px}
  html.quiet .lg b,html.quiet .lg button{min-height:44px;display:inline-flex;align-items:center;padding:0 2px}
}

/* ---------- ürün sayfası: tek alt çubuk (≤860px) ----------
   "Sepete ekle" çubuğu ile alt gezinme üst üste ~140px yiyordu.
   Satın alma çubuğu görünürken alt gezinme gizlenir; sepete giden yol açık kalır. */
@media (max-width:860px){
  html.quiet body:has(.mbar:not([hidden])) .bnav{display:none}
  html.quiet body:has(.mbar:not([hidden])) .mbar{bottom:0}
  html.quiet body:has(.mbar:not([hidden])){padding-bottom:calc(76px + env(safe-area-inset-bottom))}
}

/* ---------- 9. Büyük harf başlıklar (müşteri isteği · Eyl 2026) ----------
   Marka adı geçen öğelere lang="en" konur; aksi halde tarayıcı Türkçe
   kuralıyla i → İ yapıyor (BABBAKİ). Yeni başlık eklerken dikkat. */
h1,h2,h3,h1[class],h2[class],h3[class],
html.quiet h1,html.quiet h2,html.quiet h3{text-transform:none;letter-spacing:normal}

/* Etiket görünümlü bölüm başlığı: anasayfadaki KATEGORİLER stili, büyütülmüş */
.lab.baslik,html.quiet .lab.baslik{
  font-family:var(--font-sans);font-weight:400;font-size:clamp(14px,.6rem + .9vw,20px);
  letter-spacing:.12em;text-transform:none;color:var(--mute);line-height:1.25;margin:0}

/* Hamburger menü: bölüm adları ve marka alt listesi büyük harf */
html.quiet .menu .m-l a .nm,.m-l .nm{text-transform:none;letter-spacing:inherit}
/* başlık gibi duran kart adları (yardım sayfası kısayolları) */
html.quiet .hq-it .n,.hq-it .n{text-transform:none;letter-spacing:normal}

/* Alt menü çubuğu saydam olduğu için altından geçen yazı yarım görünüyordu
   (hakkımızda sayfasındaki alıntı). Çubuk tamamen opak yapıldı. */
@media (max-width:860px){
  html.quiet .bnav{background:#FAFAF8;-webkit-backdrop-filter:none;backdrop-filter:none}
  /* uzun italik alıntı mobilde daha rahat okunsun */
  html.quiet .story .pull{font-size:var(--t3);line-height:1.5}
}

/* ---------- 10. Marka rengi: seçili durumlar ve küçük işaretler ---------- */
html.quiet .pills button[aria-pressed=true]{background:var(--sage);color:#FAFAF8;box-shadow:inset 0 0 0 1px var(--sage)}
html.quiet .pills button[aria-pressed=true] i{background:#FAFAF8}
html.quiet .fopt input:checked{background:var(--sage);box-shadow:inset 0 0 0 1px var(--sage),inset 0 0 0 4px #FAFAF8}
html.quiet .chips button[aria-pressed=true]::after,
html.quiet .subchips button[aria-pressed=true]::after{background:var(--sage)}
html.quiet .swatches button[aria-pressed=true],
html.quiet .swatches a[aria-current=true]{box-shadow:inset 0 0 0 1px var(--sage)}
html.quiet .filters .active button{box-shadow:inset 0 0 0 1px var(--sage-3)}
html.quiet .bnav b,html.quiet .mbar-cart b{color:var(--sage)}
html.quiet .card .tag.yeni{color:var(--sage)}

/* Fotoğraf üstü kapak yazıları büyük harf kalır: yukarıdaki genel h1/h2/h3
   kuralı bunları da küçük harfe çeviriyordu. (Tatil kapağı, hero marka adı) */
.tk-ad,html.quiet .tk-ad{text-transform:uppercase;letter-spacing:.13em}
.vit-ad,html.quiet .vit-ad{text-transform:uppercase;letter-spacing:.13em}