/* TILBE HOME — HEADER v5 · tbh-header.css (TB-HEADER-V5, 9 Kas 2026)
   Demo tasarımın (style.css) canlı tema uyarlaması: tüm seçiciler .tbh kapsamında; global reset yok.
   Son bölüm (TB-EK) platform uyumu ve gerçek veri bileşenleri içindir. */
.tbh *,.tbh *::before,.tbh *::after{margin:0;padding:0;box-sizing:border-box}

/* ═══ 01. CUSTOM SVG SISTEM + DESIGN TOKENS ═══ */
.tbh .ic{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;display:inline-block;vertical-align:-.125em;flex-shrink:0}
.tbh .ic--solid{fill:currentColor;stroke:none}
.tbh{
  --ink:#111;--ink2:#2A2A2A;--ink3:#484640;--ink4:#6B6963;--ink5:#8A8880;--ink6:#AEACA6;
  /* Primary accent — turuncu (ana CTA, sepet, indirim) */
  --accent:#FF6B2C;--accent-h:#E55A1F;--accent-l:rgba(255,107,44,.05);
  /* Highlight — soft gold (yıldız, trend rozet, bell unread dot) */
  --gold:#C9A24B;--gold-h:#B58D3A;--gold-l:rgba(201,162,75,.10);
  --success:#0D9E6A;--danger:#EF4444;--info:#3B82F6;
  --bg:#F9F9F7;--white:#FFF;--border:#E8E5DF;--border2:#F2F1EE;
  --font:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --r:10px;--rs:6px;--rf:50px;
  --cw:1380px;--bh:56px;
  --gutter:clamp(16px, 1vw + 8px, 32px);
  --gutter-m:clamp(12px, 3vw, 20px);
  --fs-top:clamp(10.5px, .72vw, 11.5px);
  --fs-nav:clamp(11.5px, .8vw, 13px);
  --fs-search:clamp(12.5px, .85vw, 14px);
  --fs-label:clamp(9.5px, .68vw, 10.5px);
  --fs-strong:clamp(11px, .82vw, 12.5px);
  --gap-main:clamp(16px, 1.4vw + 4px, 32px);
  --gap-item:clamp(8px, .7vw + 2px, 14px);
  --logo-h:clamp(30px, 2vw + 10px, 42px);
  --sh-s:0 1px 2px rgba(0,0,0,.03);--sh:0 2px 12px rgba(0,0,0,.05);--sh-l:0 8px 30px rgba(0,0,0,.08);
  --ease:cubic-bezier(.4,0,.2,1);
}

:where(.tbh) a{color:inherit;text-decoration:none}
:where(.tbh) button{font-family:var(--font);cursor:pointer}

/* Decorative SVG icons — not exposed to AT */
.tbh svg.ic{pointer-events:none}

/* hidden attribute — display:none garantisi (display:grid vb override'ını önler) */
.tbh [hidden]{display:none !important}

.tbh .hc{max-width:calc(var(--cw) + var(--gutter)*2);margin:0 auto;padding-inline:var(--gutter)}

/* ═══ 03. EDGE ALIGNMENT — sol/sağ kenar hizası ═══ */
.tbh .h-top .hc > .htl:first-child{padding-left:0}
.tbh .h-top .hc > .htl--ac{padding-right:0}
.tbh .h-acts > :last-child{padding-right:0}
.tbh .h-nm li:last-child a{padding-right:0}
.tbh .h-nm li:last-child a::after{right:0}

/* ═══ 04. TOP BAR (36px) ═══ */
.tbh .h-top{background:var(--white);font-size:var(--fs-top);color:var(--ink4);height:36px;position:relative;z-index:30}
.tbh .h-top .hc{display:flex;align-items:center;height:100%;justify-content:space-between}
.tbh .htl{display:inline-flex;align-items:center;gap:5px;padding:0 var(--gap-item);height:32px;color:var(--ink4);font-weight:400;transition:color .2s;white-space:nowrap;letter-spacing:-.005em;font-size:var(--fs-top)}
.tbh .htl:hover{color:var(--ink2)}
.tbh .htl .ic{font-size:14px;opacity:.6;transition:opacity .2s}.tbh .htl:hover .ic{opacity:.9}
.tbh .htl--wa{color:#25D366;font-weight:500}.tbh .htl--wa:hover{color:#1da851}.tbh .htl--wa .ic{opacity:.9;font-size:13px}
.tbh .htl--ac{color:var(--ink4);font-weight:400}.tbh .htl--ac:hover{color:var(--ink2)}

/* ═══ 05. MAIN BAR (72px) ═══ */
.tbh .h-main{background:var(--white);min-height:72px;border-bottom:1px solid var(--border2);position:relative;z-index:50}
.tbh .h-main .hc{display:flex;align-items:center;gap:var(--gap-main);padding-block:10px}
.tbh .h-logo{flex-shrink:0}
.tbh .h-logo img{height:var(--logo-h);width:auto;display:block}

.tbh .h-si{width:100%;height:52px;border:1.5px solid var(--border);border-radius:14px;padding:0 56px 0 50px;font-family:var(--font);font-size:var(--fs-search);font-weight:500;color:var(--ink);background:#FAF9F6;outline:none;transition:border-color .22s var(--ease),box-shadow .28s var(--ease),background .22s,transform .28s var(--ease);letter-spacing:-.01em;position:relative;z-index:1}
.tbh .h-search{flex:1;max-width:820px;position:relative}
.tbh .h-sf{position:relative;display:flex;align-items:center;isolation:isolate}
/* Gradient glow halkası — focus'ta beliren turuncu→gold geçişli aura */
.tbh .h-sf::before{
  content:'';
  position:absolute;
  inset:-2px;
  border-radius:16px;
  background:linear-gradient(120deg,var(--accent),var(--gold),var(--accent));
  background-size:200% 200%;
  opacity:0;
  z-index:0;
  transition:opacity .3s var(--ease);
  pointer-events:none;
}
.tbh .h-search:focus-within .h-sf::before{
  opacity:.55;
  animation:searchGlow 3s ease infinite;
}
@keyframes searchGlow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.tbh .h-si::placeholder{color:#A8A5A0;font-weight:400;font-size:var(--fs-search);letter-spacing:-.005em}
.tbh .h-si:hover{border-color:#D4D2CE;background:#fff}
.tbh .h-si:focus{
  background:#fff;
  border-color:var(--accent);
  transform:translateY(-1px) scale(1.012);
  box-shadow:0 0 0 4px rgba(255,107,44,.10),
             0 8px 24px -6px rgba(255,107,44,.22),
             0 2px 8px rgba(0,0,0,.04);
}
.tbh .h-s-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:19px;color:#A8A5A0;pointer-events:none;transition:color .2s,transform .2s;z-index:2}
.tbh .h-si:focus ~ .h-s-icon{color:var(--accent);transform:translateY(-50%) scale(1.12)}
.tbh .h-voice{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:38px;height:38px;border:none;background:none;color:#8A8880;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:22px;border-radius:10px;transition:color .15s,background .15s,transform .15s;z-index:2}
.tbh .h-voice:hover{color:var(--accent);background:var(--accent-l);transform:translateY(-50%) scale(1.08)}
.tbh .h-voice:active{transform:translateY(-50%) scale(.95)}

/* Search dropdown */
.tbh .h-sd{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--white);border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 48px rgba(0,0,0,.09),0 2px 8px rgba(0,0,0,.04);z-index:1100;padding:18px 0 14px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .22s var(--ease),visibility .22s,transform .22s var(--ease);overflow:hidden}
.tbh .h-si:focus ~ .h-sd,.tbh .h-sd:hover{opacity:1;visibility:visible;transform:translateY(0)}

/* Stagger — dropdown içi bloklar sırayla açılır */
.tbh .h-sd .h-sds{opacity:0;transform:translateY(8px);transition:opacity .28s var(--ease),transform .28s var(--ease)}
.tbh .h-si:focus ~ .h-sd .h-sds,.tbh .h-sd:hover .h-sds{opacity:1;transform:translateY(0)}
.tbh .h-si:focus ~ .h-sd .h-sds:nth-child(1),.tbh .h-sd:hover .h-sds:nth-child(1){transition-delay:.08s}
.tbh .h-si:focus ~ .h-sd .h-sds:nth-child(2),.tbh .h-sd:hover .h-sds:nth-child(2){transition-delay:.14s}
.tbh .h-si:focus ~ .h-sd .h-sds:nth-child(3),.tbh .h-sd:hover .h-sds:nth-child(3){transition-delay:.20s}

.tbh .h-sds{padding:0 18px}
.tbh .h-sds+.h-sds{margin-top:14px;padding-top:16px;border-top:1px solid var(--border2)}

.tbh .h-sdh{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.tbh .h-sdh span{font-size:11px;font-weight:700;color:var(--ink5);text-transform:uppercase;letter-spacing:.08em}
.tbh .h-sdh button{border:none;background:none;font-size:11.5px;font-weight:600;color:var(--ink5);cursor:pointer;padding:4px 10px;border-radius:999px;transition:all .15s;letter-spacing:-.005em}
.tbh .h-sdh button:hover{color:var(--accent);background:var(--accent-l)}

.tbh .h-shi{display:flex;align-items:center;justify-content:space-between;padding:9px 10px;margin:0 -10px;font-size:13.5px;color:var(--ink2);cursor:pointer;transition:background .12s,color .12s;border-radius:8px;font-weight:500;letter-spacing:-.005em}
.tbh .h-shi:hover{color:var(--accent);background:rgba(255,107,44,.03)}
.tbh .h-shi > div{display:flex;align-items:center;gap:12px;flex:1}
.tbh .h-shi .hi{font-size:17px;color:var(--ink5);margin:0;transition:color .15s}
.tbh .h-shi:hover .hi{color:var(--accent)}
.tbh .h-shi .hr{width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#C5C2BC;cursor:pointer;border-radius:50%;transition:all .15s;flex-shrink:0;stroke-width:1.8;pointer-events:auto}
.tbh .h-shi .hr:hover{color:var(--ink2);background:var(--border2)}

.tbh .h-sh-empty{padding:14px 0;font-size:13px;color:var(--ink6);text-align:center;font-weight:500;letter-spacing:-.005em}
.tbh .fs-sh-empty{padding:16px 0;font-size:13px;color:var(--ink6);text-align:center;font-weight:500}

.tbh .h-stg{display:flex;flex-wrap:wrap;gap:6px 20px;align-items:center}
.tbh .h-st{display:inline-flex;align-items:center;gap:6px;padding:4px 0;font-size:13px;font-weight:500;color:var(--ink3);transition:color .15s;letter-spacing:-.005em;cursor:pointer}
.tbh .h-st .ic{font-size:13px;transition:transform .15s}
.tbh .h-st:hover{color:var(--accent)}
.tbh .h-st:hover .ic{transform:scale(1.15)}

.tbh .h-sdc{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.tbh .h-sdci{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#FAF9F6;border-radius:10px;transition:background .15s,transform .15s;letter-spacing:-.005em;cursor:pointer}
.tbh .h-sdci:hover{background:var(--accent-l);transform:translateY(-1px)}
.tbh .h-sdci-ic{width:32px;height:32px;border-radius:8px;background:var(--white);display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:16px;flex-shrink:0;box-shadow:0 1px 3px rgba(0,0,0,.04);transition:color .15s}
.tbh .h-sdci:hover .h-sdci-ic{color:var(--accent-h)}
.tbh .h-sdci-t{display:flex;flex-direction:column;gap:1px;min-width:0}
.tbh .h-sdci-tn{font-size:12.5px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tbh .h-sdci-ts{font-size:10.5px;color:var(--ink5)}

/* Actions */
.tbh .h-acts{display:flex;align-items:center;gap:0;flex-shrink:0}
.tbh .h-act{display:flex;align-items:center;gap:7px;padding:6px var(--gap-item);border-radius:var(--rs);cursor:pointer;position:relative}
.tbh .h-ai{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:22px;position:relative;flex-shrink:0;color:var(--ink3)}
.tbh .h-at{display:flex;flex-direction:column;line-height:1.15;white-space:nowrap}
.tbh .h-at span{font-size:var(--fs-label);color:var(--ink5);font-weight:400;letter-spacing:.01em}
.tbh .h-at strong{font-size:var(--fs-strong);font-weight:600;color:var(--ink2)}
.tbh .h-badge{position:absolute;top:-5px;right:-7px;min-width:15px;height:15px;background:var(--accent);color:var(--white);font-size:8.5px;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--white);transition:transform .3s var(--ease)}
.tbh .h-sep{width:1px;height:22px;background:var(--border);margin:0 calc(var(--gap-item) * .35);opacity:.5}

/* Cart bounce */
@keyframes cartBounce{0%{transform:scale(1)}30%{transform:scale(1.25)}50%{transform:scale(.9)}70%{transform:scale(1.1)}100%{transform:scale(1)}}
.tbh .cart-bounce .h-ai{animation:cartBounce .5s var(--ease)}
.tbh .cart-bounce .h-badge{animation:cartBounce .5s var(--ease) .1s}
@keyframes badgePop{0%{transform:scale(1)}40%{transform:scale(1.4)}100%{transform:scale(1)}}
.tbh .h-badge.is-counting{animation:badgePop .35s var(--ease)}

/* 05a. Mini Cart Preview — Premium, rafine */
.tbh .h-cw--cart{position:relative}
.tbh .h-cpd{position:absolute;top:calc(100% + 8px);right:calc(var(--gap-item) * -.6);width:408px;background:var(--white);border:1px solid var(--border2);border-radius:18px;box-shadow:0 20px 64px rgba(17,17,17,.08),0 4px 16px rgba(17,17,17,.04);z-index:1100;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .22s var(--ease) .15s,visibility .22s .15s,transform .22s var(--ease) .15s;overflow:hidden}
@media(hover:hover){.tbh .h-cw--cart:hover .h-cpd{opacity:1;visibility:visible;transform:translateY(0);transition-delay:.12s,.12s,.12s}}
.tbh .h-cpd.is-open{opacity:1;visibility:visible;transform:translateY(0)}

/* Header */
.tbh .h-cpd-head{display:flex;justify-content:space-between;align-items:center;padding:15px 18px 13px;border-bottom:1px solid var(--border2)}
.tbh .h-cpd-head-t{font-size:14px;font-weight:600;color:var(--ink);letter-spacing:-.015em}
.tbh .h-cpd-count{font-size:10.5px;font-weight:600;color:var(--accent);background:var(--accent-l);padding:3px 9px;border-radius:999px;letter-spacing:.01em}

/* Ücretsiz kargo progress — ince ve zarif */
.tbh .h-cpd-ship{padding:11px 18px 12px;background:linear-gradient(180deg,#FFFAF5,#FFFDFB);border-bottom:1px solid var(--border2)}
.tbh .h-cpd-ship-msg{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--ink3);margin-bottom:7px;letter-spacing:-.005em;line-height:1.3}
.tbh .h-cpd-ship-msg .ic{font-size:15px;color:var(--accent);flex-shrink:0;stroke-width:1.7}
.tbh .h-cpd-ship-msg strong{color:var(--accent);font-weight:600}
.tbh .h-cpd-ship-bar{height:3px;background:rgba(17,17,17,.05);border-radius:999px;overflow:hidden;position:relative}
.tbh .h-cpd-ship-bar-fill{height:100%;background:linear-gradient(90deg,#FFB384,var(--accent));border-radius:999px;width:0;transition:width .5s var(--ease)}
.tbh .h-cpd-ship.is-won{background:linear-gradient(180deg,rgba(13,158,106,.05),rgba(13,158,106,.01))}
.tbh .h-cpd-ship.is-won .h-cpd-ship-msg{color:var(--success);font-weight:500}
.tbh .h-cpd-ship.is-won .h-cpd-ship-msg .ic{color:var(--success)}
.tbh .h-cpd-ship.is-won .h-cpd-ship-bar-fill{background:linear-gradient(90deg,#5BBE8E,var(--success));width:100% !important}

/* Body — ürün listesi */
.tbh .h-cpd-body{max-height:320px;overflow-y:auto;padding:4px 0;scrollbar-width:thin}
.tbh .h-cpd-body::-webkit-scrollbar{width:6px}
.tbh .h-cpd-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}

/* Empty state + popüler ürün önerileri — rafine */
.tbh .h-cpd-empty{padding:18px 18px 4px}
.tbh .h-cpd-empty-head{text-align:center;padding:4px 8px 0}
.tbh .h-cpd-empty-head .ic{font-size:28px;color:#D4D2CE;margin:0 auto 8px;display:block;stroke-width:1.4}
.tbh .h-cpd-empty-t{font-size:13.5px;font-weight:600;color:var(--ink2);margin-bottom:3px;letter-spacing:-.01em}
.tbh .h-cpd-empty-s{font-size:11px;color:var(--ink5);letter-spacing:-.005em;line-height:1.4}

/* Popüler ürünler başlık */
.tbh .h-cpd-recs-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding:0 2px}
.tbh .h-cpd-recs-h span{font-size:10.5px;font-weight:700;color:var(--ink3);text-transform:uppercase;letter-spacing:.08em}
.tbh .h-cpd-recs-h a{font-size:11px;font-weight:600;color:var(--accent);letter-spacing:-.005em;transition:gap .15s;display:inline-flex;align-items:center;gap:2px}
.tbh .h-cpd-recs-h a::after{content:'→';font-size:11px;transition:transform .15s;margin-left:2px}
.tbh .h-cpd-recs-h a:hover::after{transform:translateX(3px)}

/* Öneri ürün listesi — hafif, zarif */
.tbh .h-cpd-recs{display:flex;flex-direction:column;gap:6px}
.tbh .h-cpd-rec{display:flex;align-items:center;gap:11px;padding:9px 10px;background:#FBFAF7;border:1px solid transparent;border-radius:11px;transition:all .18s var(--ease)}
.tbh .h-cpd-rec:hover{background:var(--white);border-color:var(--border2);box-shadow:0 2px 8px rgba(17,17,17,.04)}
.tbh .h-cpd-rec-img{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,#FFF8F3 0%,#FFEFE2 100%);display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:18px;flex-shrink:0;position:relative}
.tbh .h-cpd-rec-disc{position:absolute;top:-3px;right:-3px;background:var(--danger);color:var(--white);font-size:8.5px;font-weight:700;padding:1px 4px;border-radius:4px;letter-spacing:.01em;line-height:1.3}
.tbh .h-cpd-rec-info{flex:1;text-align:left;min-width:0;display:flex;flex-direction:column;gap:3px}
.tbh .h-cpd-rec-n{font-size:11.5px;font-weight:500;color:var(--ink2);line-height:1.3;letter-spacing:-.005em;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.tbh .h-cpd-rec-price{display:flex;align-items:baseline;gap:6px}
.tbh .h-cpd-rec-p{font-size:12.5px;font-weight:700;color:var(--ink);letter-spacing:-.01em}
.tbh .h-cpd-rec-old{font-size:10px;color:var(--ink5);text-decoration:line-through;font-weight:400}
.tbh .h-cpd-rec-btn{width:30px;height:30px;border:none;background:var(--accent);color:var(--white);border-radius:9px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;flex-shrink:0;box-shadow:0 2px 6px rgba(255,107,44,.2)}
.tbh .h-cpd-rec-btn:hover{background:var(--accent-h);transform:scale(1.06);box-shadow:0 4px 10px rgba(255,107,44,.3)}
.tbh .h-cpd-rec-btn .ic{font-size:14px;stroke-width:1.9}

/* Cart item — rafine, dengeli hizalama */
.tbh .h-cpd-item{display:flex;gap:14px;padding:14px 18px;transition:background .15s;align-items:flex-start;position:relative}
.tbh .h-cpd-item:hover{background:#FCFBF9}
.tbh .h-cpd-item+.h-cpd-item{border-top:1px solid var(--border2)}
.tbh .h-cpd-item-img{width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,#FFF8F3 0%,#FFEFE2 100%);display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:22px;flex-shrink:0;position:relative}
.tbh .h-cpd-item-disc{position:absolute;top:-3px;left:-3px;background:var(--danger);color:var(--white);font-size:9px;font-weight:700;padding:1.5px 5px;border-radius:5px;letter-spacing:.01em;box-shadow:0 2px 5px rgba(239,68,68,.22);line-height:1.35}
/* Info kolonu — eşit satır aralığı ile düzgün hizalama */
.tbh .h-cpd-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.tbh .h-cpd-item-n{font-size:12.5px;font-weight:500;color:var(--ink2);line-height:1.35;letter-spacing:-.005em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding-right:24px;margin:0}

/* Meta (yıldız + teslimat) — tek satır, eşit dikey align */
.tbh .h-cpd-item-meta{display:flex;align-items:center;gap:10px;font-size:10.5px;color:var(--ink4);letter-spacing:-.005em;line-height:1;white-space:nowrap;overflow:hidden}
.tbh .h-cpd-item-rate{display:inline-flex;align-items:center;gap:3px;flex-shrink:0}
.tbh .h-cpd-item-rate .ic{font-size:11px;color:var(--gold)}
.tbh .h-cpd-item-rate strong{font-weight:600;color:var(--ink2);font-size:10.5px;line-height:1}
.tbh .h-cpd-item-rate-c{color:var(--ink6);font-weight:400}
.tbh .h-cpd-item-dly{display:inline-flex;align-items:center;gap:4px;color:var(--success);font-weight:500;flex-shrink:0;min-width:0;overflow:hidden;text-overflow:ellipsis}
.tbh .h-cpd-item-dly .ic{font-size:11.5px;stroke-width:1.6;flex-shrink:0}

/* Stock badge (meta satırında) */
.tbh .h-cpd-item-stock{font-size:9.5px;color:#B45309;background:rgba(217,119,6,.07);padding:3px 7px;border-radius:999px;font-weight:600;letter-spacing:.01em;display:inline-flex;align-items:center;gap:3px;line-height:1;flex-shrink:0}

/* Canlı stok aciliyeti — fade-transition mesajlar */
.tbh .h-cpd-item-urgency{position:relative;height:15px;margin-top:2px;overflow:hidden}
.tbh .h-cpd-item-urgency-msg{position:absolute;inset:0;display:inline-flex;align-items:center;gap:4px;font-size:9.5px;font-weight:600;letter-spacing:.005em;line-height:1;opacity:0;transform:translateY(4px);transition:opacity .4s var(--ease),transform .4s var(--ease)}
.tbh .h-cpd-item-urgency-msg.is-active{opacity:1;transform:translateY(0)}
.tbh .h-cpd-item-urgency-msg .ic{width:11px;height:11px;stroke-width:1.8}
.tbh .h-cpd-item-urgency-msg--stock{color:var(--danger)}
.tbh .h-cpd-item-urgency-msg--views{color:var(--info)}
.tbh .h-cpd-item-urgency-msg--fast{color:var(--success)}

/* Bottom row — qty+fav SOL, fiyat SAĞ (column) */
.tbh .h-cpd-item-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px}
.tbh .h-cpd-item-lg{display:inline-flex;align-items:center;gap:8px}
.tbh .h-cpd-item-price{display:flex;flex-direction:column;align-items:flex-end;gap:1px;line-height:1.1;flex-shrink:0}
.tbh .h-cpd-item-p{font-size:14px;font-weight:700;color:var(--ink);letter-spacing:-.015em;line-height:1.1}
.tbh .h-cpd-item-old{font-size:10.5px;color:var(--ink5);text-decoration:line-through;font-weight:400;line-height:1.1}

/* Adet kontrolü — pill, border'sız, yumuşak */
.tbh .h-cpd-qty{display:inline-flex;align-items:center;background:#F5F3F0;border-radius:999px;padding:2px;height:28px}
.tbh .h-cpd-qty button{width:24px;height:24px;border:none;background:transparent;color:var(--ink3);font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s,box-shadow .15s;padding:0;border-radius:50%;line-height:1}
.tbh .h-cpd-qty button:hover:not(:disabled){background:var(--white);color:var(--accent);box-shadow:0 1px 3px rgba(0,0,0,.06)}
.tbh .h-cpd-qty button:disabled{color:var(--ink6);cursor:not-allowed;opacity:.5}
.tbh .h-cpd-qty-val{min-width:22px;text-align:center;font-size:12px;font-weight:600;color:var(--ink);letter-spacing:-.01em;user-select:none}

/* Favori + sil butonları — minimal */
.tbh .h-cpd-item-fav{width:28px;height:28px;border:none;background:transparent;color:#CDCAC4;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;flex-shrink:0;transition:all .15s}
.tbh .h-cpd-item-fav:hover{color:var(--accent);background:var(--accent-l)}
.tbh .h-cpd-item-fav.is-fav{color:var(--accent)}
.tbh .h-cpd-item-rm{width:22px;height:22px;border:none;background:transparent;color:#CDCAC4;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;flex-shrink:0;transition:all .15s;position:absolute;top:10px;right:12px}
.tbh .h-cpd-item-rm:hover{color:var(--danger);background:rgba(239,68,68,.08)}
.tbh .h-cpd-item-rm .ic{stroke-width:1.8}

/* Özet — nefes alan, dengeli hiyerarşi */
.tbh .h-cpd-summary{padding:14px 18px 12px;border-top:1px solid var(--border2);background:var(--white)}
.tbh .h-cpd-sr{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:12px;color:var(--ink4);letter-spacing:-.005em}
.tbh .h-cpd-sr strong{font-weight:600;color:var(--ink2)}
.tbh .h-cpd-sr--saving strong{color:var(--success);font-weight:600}
.tbh .h-cpd-sr--total{padding-top:10px;margin-top:6px;border-top:1px solid var(--border2);font-size:13.5px;color:var(--ink)}
.tbh .h-cpd-sr--total strong{font-size:18px;font-weight:700;color:var(--ink);letter-spacing:-.02em}
.tbh .h-cpd-installment{display:flex;align-items:center;gap:7px;margin-top:10px;padding:8px 11px;background:#F6F7FA;border-radius:8px;font-size:10.5px;color:var(--ink4);letter-spacing:-.005em}
.tbh .h-cpd-installment .ic{font-size:13px;color:var(--info);flex-shrink:0;stroke-width:1.7}
.tbh .h-cpd-installment strong{color:var(--ink2);font-weight:600}

/* Güvence rozetleri — ince çizgi, zarif */
.tbh .h-cpd-trust{display:flex;justify-content:space-around;padding:10px 14px;background:#FCFBF9;border-top:1px solid var(--border2);gap:4px}
.tbh .h-cpd-trust-i{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:var(--ink4);font-weight:500;letter-spacing:-.005em}
.tbh .h-cpd-trust-i .ic{font-size:12px;color:var(--success);flex-shrink:0;stroke-width:1.7}

/* CTA butonlar — dengeli asimetrik grid */
.tbh .h-cpd-foot{padding:12px 14px 14px;border-top:1px solid var(--border2);display:grid;grid-template-columns:1fr 1.35fr;gap:8px;background:var(--white)}
.tbh .h-cpd-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 10px;border-radius:11px;font-size:12.5px;font-weight:600;transition:background .15s,transform .12s,box-shadow .15s,border-color .15s;letter-spacing:-.005em;white-space:nowrap}
.tbh .h-cpd-btn .ic{font-size:14px;stroke-width:1.8}
.tbh .h-cpd-btn--secondary{background:var(--white);color:var(--ink2);border:1px solid var(--border)}
.tbh .h-cpd-btn--secondary:hover{background:#FCFBF9;border-color:var(--ink5);color:var(--ink)}
.tbh .h-cpd-btn--primary{background:var(--accent);color:var(--white);box-shadow:0 4px 12px rgba(255,107,44,.22)}
.tbh .h-cpd-btn--primary:hover{background:var(--accent-h);transform:translateY(-1px);box-shadow:0 6px 16px rgba(255,107,44,.3)}

/* Boş sepet: Üye avantajları CTA — zarif, davetkar */
/* Bugünün Fırsatı — sade premium kart */
.tbh .h-cpd-deal{padding:10px 18px 4px}
.tbh .h-cpd-deal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.tbh .h-cpd-deal-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;font-size:9px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--accent) 0%,#FF8F4D 100%);border-radius:999px;letter-spacing:.07em;line-height:1;box-shadow:0 2px 5px rgba(255,107,44,.25)}
.tbh .h-cpd-deal-pill .ic{width:9px;height:9px;stroke-width:2.4}
.tbh .h-cpd-deal-cd{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:600;color:var(--ink5);font-variant-numeric:tabular-nums;letter-spacing:-.005em}
.tbh .h-cpd-deal-cd::before{content:'⏱';font-size:10px;opacity:.7}
.tbh .h-cpd-deal-cd.is-urgent{color:#D33A2C}
.tbh .h-cpd-deal-cd.is-urgent::before{opacity:1}

.tbh .h-cpd-deal-card{display:flex;align-items:center;gap:11px;padding:10px 11px;background:#FCFBF9;border:1px solid var(--border2);border-radius:12px;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}
.tbh .h-cpd-deal-card:hover{border-color:rgba(255,107,44,.22);box-shadow:0 4px 12px -4px rgba(255,107,44,.14)}
.tbh .h-cpd-deal-ic{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,#FFF4E6 0%,#FFE7CC 100%);display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.55)}
.tbh .h-cpd-deal-ic .ic{width:20px;height:20px;stroke-width:1.6}
.tbh .h-cpd-deal-info{flex:1;min-width:0}
.tbh .h-cpd-deal-name{font-size:12px;font-weight:600;color:var(--ink);letter-spacing:-.01em;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}
.tbh .h-cpd-deal-prices{display:flex;align-items:baseline;gap:6px;line-height:1}
.tbh .h-cpd-deal-old{font-size:10px;color:var(--ink5);text-decoration:line-through;letter-spacing:-.005em}
.tbh .h-cpd-deal-new{font-size:13px;font-weight:700;color:var(--ink);letter-spacing:-.01em}
.tbh .h-cpd-deal-disc{display:inline-flex;align-items:center;padding:2px 5px;font-size:9px;font-weight:800;color:var(--accent);background:var(--accent-l);border-radius:4px;letter-spacing:0;line-height:1}
.tbh .h-cpd-deal-stock{display:inline-flex;align-items:center;gap:4px;margin-top:4px;font-size:10px;color:#D33A2C;font-weight:500;letter-spacing:-.005em}
.tbh .h-cpd-deal-stock .ic{width:9px;height:9px;stroke-width:2;color:#FF6B2C}
.tbh .h-cpd-deal-stock strong{font-weight:700}

.tbh .h-cpd-deal-add{width:32px;height:32px;border-radius:9px;border:none;background:var(--accent);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px rgba(255,107,44,.25);transition:transform .18s var(--ease),box-shadow .18s var(--ease),background .18s}
.tbh .h-cpd-deal-add .ic{width:14px;height:14px;stroke-width:2}
.tbh .h-cpd-deal-add:hover{transform:scale(1.06);background:var(--accent-h);box-shadow:0 5px 12px rgba(255,107,44,.38)}
.tbh .h-cpd-deal-add:active{transform:scale(.95)}

/* Cross-sell şeridi — dolu sepette */
.tbh .h-cpd-xsell{padding:12px 18px;border-top:1px solid var(--border2);background:#FCFBF9}
.tbh .h-cpd-xsell-h{display:flex;align-items:center;gap:6px;margin-bottom:9px}
.tbh .h-cpd-xsell-h .ic{width:13px;height:13px;color:var(--gold)}
.tbh .h-cpd-xsell-h span{font-size:10.5px;font-weight:700;color:var(--ink3);text-transform:uppercase;letter-spacing:.06em}
.tbh .h-cpd-xsell-track{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px;margin:0 -18px;padding-left:18px;padding-right:18px}
.tbh .h-cpd-xsell-track::-webkit-scrollbar{display:none}
.tbh .h-cpd-xsell-card{flex:0 0 132px;display:flex;flex-direction:column;gap:5px;padding:8px;background:var(--white);border:1px solid var(--border2);border-radius:10px;transition:border-color .15s,box-shadow .15s,transform .15s;position:relative}
.tbh .h-cpd-xsell-card:hover{border-color:rgba(255,107,44,.2);box-shadow:0 4px 12px rgba(0,0,0,.05);transform:translateY(-1px)}
.tbh .h-cpd-xsell-card-img{width:100%;height:64px;border-radius:7px;background:linear-gradient(135deg,#FFF8F3,#FFEFE2);display:flex;align-items:center;justify-content:center;color:var(--accent)}
.tbh .h-cpd-xsell-card-img .ic{width:24px;height:24px;stroke-width:1.6}
.tbh .h-cpd-xsell-card-n{font-size:10.5px;font-weight:500;color:var(--ink2);line-height:1.3;letter-spacing:-.005em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:27px}
.tbh .h-cpd-xsell-card-b{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:1px}
.tbh .h-cpd-xsell-card-p{font-size:12px;font-weight:700;color:var(--ink);letter-spacing:-.01em}
.tbh .h-cpd-xsell-card-add{width:26px;height:26px;border:none;background:var(--accent);color:var(--white);border-radius:7px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .15s,transform .15s}
.tbh .h-cpd-xsell-card-add:hover{background:var(--accent-h);transform:scale(1.08)}
.tbh .h-cpd-xsell-card-add:active{transform:scale(.94)}
.tbh .h-cpd-xsell-card-add .ic{width:13px;height:13px;stroke-width:2}

/* Undo şeridi — silinen ürünü geri al */
.tbh .h-cpd-undo{display:flex;align-items:center;gap:9px;padding:11px 18px;background:var(--ink);color:var(--white);font-size:11.5px;font-weight:500;letter-spacing:-.005em;animation:undoIn .25s var(--ease)}
.tbh .h-cpd-undo .ic{width:14px;height:14px;color:var(--white);opacity:.7;flex-shrink:0}
.tbh .h-cpd-undo-txt{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tbh .h-cpd-undo-btn{border:none;background:rgba(255,255,255,.14);color:var(--white);font-family:var(--font);font-size:11px;font-weight:700;padding:5px 12px;border-radius:999px;cursor:pointer;flex-shrink:0;transition:background .15s}
.tbh .h-cpd-undo-btn:hover{background:rgba(255,255,255,.26)}
@keyframes undoIn{0%{transform:translateY(8px);opacity:0}100%{transform:translateY(0);opacity:1}}

/* Son baktıkların — horizontal scroll thumbnail kartları */
.tbh .h-cpd-recent{padding:14px 16px 14px}
.tbh .h-cpd-recent-h{margin-bottom:9px}
.tbh .h-cpd-recent-h-l{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--ink5);text-transform:uppercase;letter-spacing:.08em}
.tbh .h-cpd-recent-h-l .ic{width:12px;height:12px;color:var(--ink5);stroke-width:2}
.tbh .h-cpd-recent-list{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:2px 16px 6px}
.tbh .h-cpd-recent-list::-webkit-scrollbar{display:none}
.tbh .h-cpd-recent-item{display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:108px;flex-shrink:0;padding:10px;background:#FAF9F6;border:1px solid transparent;border-radius:10px;transition:all .18s var(--ease);cursor:pointer}
.tbh .h-cpd-recent-item:hover{background:#fff;border-color:rgba(255,107,44,.18);transform:translateY(-2px);box-shadow:0 6px 14px rgba(0,0,0,.06)}
.tbh .h-cpd-recent-thumb{width:100%;aspect-ratio:1;border-radius:8px;background:linear-gradient(135deg,#FFF4E6 0%,#FFE7CC 100%);display:flex;align-items:center;justify-content:center;color:var(--accent);box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}
.tbh .h-cpd-recent-thumb .ic{width:22px;height:22px;stroke-width:1.6}
.tbh .h-cpd-recent-name{font-size:10.5px;font-weight:500;color:var(--ink2);letter-spacing:-.005em;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tbh .h-cpd-recent-price{font-size:11.5px;font-weight:700;color:var(--accent);letter-spacing:-.005em;margin-top:auto}

/* Notifications dropdown */
.tbh .h-nw{position:relative}
.tbh .h-nd{position:absolute;top:calc(100% + 8px);right:-8px;width:340px;background:var(--white);border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 48px rgba(0,0,0,.09),0 2px 8px rgba(0,0,0,.04);z-index:1100;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s var(--ease) .18s,visibility .2s .18s,transform .2s var(--ease) .18s;overflow:hidden}
@media(hover:hover){.tbh .h-nw:hover .h-nd{opacity:1;visibility:visible;transform:translateY(0);transition-delay:.15s,.15s,.15s}}
.tbh .h-nd.is-open{opacity:1;visibility:visible;transform:translateY(0)}

.tbh .h-ndh{display:flex;justify-content:space-between;align-items:center;padding:14px 16px 12px;border-bottom:1px solid var(--border2)}
.tbh .h-ndh-t{font-size:13.5px;font-weight:700;color:var(--ink);letter-spacing:-.01em}
.tbh .h-ndh-a{border:none;background:none;font-size:11px;color:var(--accent);cursor:pointer;font-weight:600;letter-spacing:-.005em;padding:4px 0}
.tbh .h-ndh-a:hover{text-decoration:underline}

.tbh .h-nd-list{max-height:340px;overflow-y:auto}
/* Bildirim empty state — bildirim yokken */
.tbh .h-nd-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:36px 24px 32px}
.tbh .h-nd-empty-ic{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#FAF9F6 0%,#F0EEE8 100%);display:flex;align-items:center;justify-content:center;color:#C5C2BC;margin-bottom:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}
.tbh .h-nd-empty-ic .ic{width:24px;height:24px;stroke-width:1.6}
.tbh .h-nd-empty-t{font-size:13.5px;font-weight:600;color:var(--ink2);letter-spacing:-.005em;margin-bottom:4px}
.tbh .h-nd-empty-s{font-size:11.5px;color:var(--ink5);letter-spacing:-.005em;line-height:1.5;max-width:240px}
.tbh .h-ndi{display:flex;gap:12px;padding:12px 16px;transition:background .12s;position:relative}
.tbh .h-ndi:hover{background:rgba(255,107,44,.02)}
.tbh .h-ndi+.h-ndi{border-top:1px solid var(--border2)}
.tbh .h-ndi-ic{width:36px;height:36px;border-radius:10px;background:#FAF9F6;display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:17px;flex-shrink:0}
.tbh .h-ndi-ic--success{background:rgba(13,158,106,.08);color:var(--success)}
.tbh .h-ndi-ic--info{background:rgba(59,130,246,.08);color:var(--info)}
.tbh .h-ndi-t{flex:1;min-width:0}
.tbh .h-ndi-n{font-size:12.5px;font-weight:600;color:var(--ink);margin-bottom:3px;letter-spacing:-.005em;display:flex;align-items:center;gap:7px}
.tbh .h-ndi--unread .h-ndi-n::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--gold);flex-shrink:0;box-shadow:0 0 0 2px var(--gold-l)}

/* Bell ikonu — okunmamış bildirim göstergesi (gold pulse) */
.tbh .h-bell-dot{position:absolute;top:-2px;right:-2px;width:8px;height:8px;border-radius:50%;background:var(--gold);border:2px solid var(--white);box-shadow:0 0 0 0 rgba(201,162,75,.55);animation:bellPulse 2.2s ease-in-out infinite}
@keyframes bellPulse{0%{box-shadow:0 0 0 0 rgba(201,162,75,.5)}70%{box-shadow:0 0 0 6px rgba(201,162,75,0)}100%{box-shadow:0 0 0 0 rgba(201,162,75,0)}}
.tbh .h-act--bell .h-ai{position:relative}
.tbh .h-ndi-s{font-size:11.5px;color:var(--ink4);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tbh .h-ndi-time{font-size:10.5px;color:var(--ink6);white-space:nowrap;flex-shrink:0;font-weight:500;margin-top:2px}

.tbh .h-nd-foot{padding:11px 16px;border-top:1px solid var(--border2);background:#FAF9F6;text-align:center}
.tbh .h-nd-foot a{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:var(--accent);letter-spacing:-.005em;transition:gap .15s}
.tbh .h-nd-foot a:hover{gap:7px}
.tbh .h-nd-foot a .ic{font-size:11px}

/* ═══ 06. NAV BAR (44px) ═══ */
.tbh .h-nav{background:var(--white);border-bottom:1px solid var(--border);height:44px;position:relative;z-index:10;transition:background .3s var(--ease),backdrop-filter .3s var(--ease),border-color .3s var(--ease),box-shadow .3s var(--ease)}

/* Glassmorphism — scroll'da kalan nav sayfayla entegre olur */
.tbh #stickyHeader[data-scroll-state="hidden"] .h-nav,.tbh #stickyHeader[data-scroll-state="visible"] .h-nav{
  background:rgba(255,255,255,.72);
  -webkit-backdrop-filter:blur(14px) saturate(160%);
  backdrop-filter:blur(14px) saturate(160%);
  border-bottom-color:rgba(232,229,223,.6);
  box-shadow:0 4px 20px -8px rgba(0,0,0,.10);
}
.tbh #stickyHeader[data-scroll-state="top"] .h-nav{
  background:var(--white);
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .tbh #stickyHeader[data-scroll-state="hidden"] .h-nav,.tbh #stickyHeader[data-scroll-state="visible"] .h-nav{
    background:rgba(255,255,255,.96);
  }
}
.tbh .h-nav .hc{display:flex;align-items:center;height:100%}
.tbh .h-cw{position:relative}
.tbh .h-cb{display:inline-flex;align-items:center;gap:7px;padding:0 var(--gap-item) 0 0;height:44px;color:var(--ink2);font-size:var(--fs-nav);font-weight:600;border-right:1px solid var(--border);cursor:pointer;white-space:nowrap;transition:color .15s;letter-spacing:-.005em}
.tbh .h-cb:hover{color:var(--accent)}
.tbh .h-cb .ic{font-size:19px}
.tbh .h-cd{position:absolute;top:44px;left:0;width:280px;background:var(--white);border:1px solid var(--border);border-top:2px solid var(--accent);border-radius:0 0 var(--r) var(--r);box-shadow:0 12px 48px rgba(0,0,0,.09),0 2px 8px rgba(0,0,0,.04);z-index:1000;padding:6px 0;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .22s var(--ease) .15s,visibility .22s .15s,transform .22s var(--ease) .15s}
.tbh .h-cw:hover .h-cd{opacity:1;visibility:visible;transform:translateY(0);transition-delay:.12s,.12s,.12s}

/* Mega menü — kategori satırları sıralı belirir */
.tbh .h-cd .h-ci{opacity:0;transform:translateX(-6px);transition:opacity .25s var(--ease),transform .25s var(--ease),background .15s,color .15s,border-left-color .15s}
.tbh .h-cw:hover .h-cd .h-ci,.tbh .h-cw:focus-within .h-cd .h-ci{opacity:1;transform:translateX(0)}
.tbh .h-cw:hover .h-cd .h-ci:nth-child(1),.tbh .h-cw:focus-within .h-cd .h-ci:nth-child(1){transition-delay:.12s}
.tbh .h-cw:hover .h-cd .h-ci:nth-child(2),.tbh .h-cw:focus-within .h-cd .h-ci:nth-child(2){transition-delay:.15s}
.tbh .h-cw:hover .h-cd .h-ci:nth-child(3),.tbh .h-cw:focus-within .h-cd .h-ci:nth-child(3){transition-delay:.18s}
.tbh .h-cw:hover .h-cd .h-ci:nth-child(4),.tbh .h-cw:focus-within .h-cd .h-ci:nth-child(4){transition-delay:.21s}
.tbh .h-cw:hover .h-cd .h-ci:nth-child(5),.tbh .h-cw:focus-within .h-cd .h-ci:nth-child(5){transition-delay:.24s}
.tbh .h-cw:hover .h-cd .h-ci:nth-child(6),.tbh .h-cw:focus-within .h-cd .h-ci:nth-child(6){transition-delay:.27s}
.tbh .h-cw:hover .h-cd .h-ci:nth-child(7),.tbh .h-cw:focus-within .h-cd .h-ci:nth-child(7){transition-delay:.30s}
.tbh .h-cw:hover .h-cd .h-ci:nth-child(8),.tbh .h-cw:focus-within .h-cd .h-ci:nth-child(8){transition-delay:.33s}
.tbh .h-cw:hover .h-cd .h-ci:nth-child(9),.tbh .h-cw:focus-within .h-cd .h-ci:nth-child(9){transition-delay:.36s}
.tbh .h-cw:hover .h-cd .h-ci:nth-child(10),.tbh .h-cw:focus-within .h-cd .h-ci:nth-child(10){transition-delay:.39s}
.tbh .h-cw:hover .h-cd .h-ci:nth-child(11),.tbh .h-cw:focus-within .h-cd .h-ci:nth-child(11){transition-delay:.42s}

.tbh .h-ci{display:flex;align-items:center;gap:12px;padding:10px 20px;font-size:13px;font-weight:500;color:var(--ink3);cursor:pointer;position:relative;transition:all .15s;border-left:3px solid transparent;letter-spacing:-.005em}
.tbh .h-ci:hover{background:linear-gradient(90deg,rgba(255,107,44,.04),transparent);color:var(--accent);border-left-color:var(--accent)}
.tbh .h-ci .ci{font-size:18px;color:var(--ink5);transition:color .15s;flex-shrink:0;width:20px;text-align:center}
.tbh .h-ci:hover .ci{color:var(--accent)}
.tbh .h-ci .ch{margin-left:auto;font-size:12px;color:#D4D2CE;transition:all .15s;flex-shrink:0;opacity:.7}
.tbh .h-ci:hover .ch{color:var(--accent);transform:translateX(3px);opacity:1}
.tbh .h-ci+.h-ci--sep{margin-top:4px;padding-top:10px;border-top:1px solid var(--border2)}

.tbh .h-cf{position:absolute;left:100%;top:-3px;width:620px;min-height:320px;background:var(--white);border:1px solid var(--border);border-left:none;border-radius:0 var(--r) var(--r) 0;box-shadow:12px 4px 40px rgba(0,0,0,.06);padding:24px 28px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:28px;align-content:start;opacity:0;visibility:hidden;transform:translateX(-6px);transition:opacity .2s var(--ease),visibility .2s,transform .2s var(--ease);pointer-events:none}
.tbh .h-ci:hover .h-cf{opacity:1;visibility:visible;transform:translateX(0);transition-delay:.08s,.08s,.08s;pointer-events:auto}

.tbh .h-cft{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--ink);margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border2);letter-spacing:-.01em;transition:color .12s}
.tbh .h-cft:hover{color:var(--accent)}
.tbh .h-cft .ic{font-size:16px;color:var(--accent);flex-shrink:0}

.tbh .h-cfc{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--ink4);padding:5px 0;transition:color .15s,gap .15s;letter-spacing:-.005em}
.tbh .h-cfc:hover{color:var(--accent);gap:10px}
.tbh .h-cfc .ic{font-size:10px;color:var(--ink6);transition:color .15s,transform .15s;flex-shrink:0}
.tbh .h-cfc:hover .ic{color:var(--accent);transform:translateX(2px)}
.tbh .h-cfc--nolink{cursor:default;color:var(--ink5);opacity:.85}
.tbh .h-cfc--nolink:hover{color:var(--ink5);gap:7px}
.tbh .h-cfc--nolink:hover .ic{color:var(--ink6);transform:none}

.tbh .h-cfa{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--accent);margin-top:10px;padding-top:8px;border-top:1px dashed var(--border);letter-spacing:.01em;transition:gap .15s}
.tbh .h-cfa:hover{gap:7px}
.tbh .h-cfa::after{content:'→';font-size:12px;line-height:1}

.tbh .h-cfp{grid-column:1 / -1;margin-top:18px;padding:14px 20px;background:linear-gradient(90deg,#FFF7F2,#FFF1E8);border-radius:var(--r);border:1px solid rgba(255,107,44,.12);display:flex;align-items:center;justify-content:space-between;gap:16px;transition:background .18s,border-color .18s}
.tbh .h-cfp:hover{background:linear-gradient(90deg,#FFF1E8,#FFE6D5);border-color:rgba(255,107,44,.25)}
.tbh .h-cfp-txt{font-size:13px;font-weight:600;color:var(--ink);letter-spacing:-.01em}
.tbh .h-cfp-btn{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--white);padding:9px 18px;border-radius:999px;background:var(--accent);white-space:nowrap;transition:background .15s,gap .15s;letter-spacing:.01em}
.tbh .h-cfp-btn .ic{font-size:11px}
.tbh .h-cfp:hover .h-cfp-btn{background:var(--accent-h);gap:9px}

/* ═══ 06b. MEGA MENU — LINK MICRO BADGES ═══ */
.tbh .h-cfc{position:relative}
.tbh .h-cfb{display:inline-flex;align-items:center;height:15px;padding:0 6px;border-radius:5px;font-size:8.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1;margin-left:auto;flex-shrink:0;transition:transform .15s var(--ease)}
.tbh .h-cfc:hover .h-cfb{transform:scale(1.06)}
.tbh .h-cfb--new{background:rgba(13,158,106,.12);color:var(--success)}
.tbh .h-cfb--trend{background:var(--gold-l);color:var(--gold-h)}
.tbh .h-cfb--disc{background:rgba(255,107,44,.10);color:var(--accent)}

.tbh .h-nm{display:flex;align-items:center;list-style:none;height:44px;margin:0;padding:0 0 0 var(--gap-item);flex:1;overflow-x:auto;scrollbar-width:none;min-width:0}
.tbh .h-nm::-webkit-scrollbar{display:none}
.tbh .h-nm li{flex-shrink:0}
/* Nav link — "Kategoriler" butonuyla aynı weight (600) + aynı font-size */
.tbh .h-nm a{display:inline-flex;align-items:center;height:44px;padding:0 calc(var(--gap-item) * 0.85);font-size:var(--fs-nav);font-weight:600;color:var(--ink2);white-space:nowrap;transition:color .15s;position:relative;letter-spacing:-.005em}
.tbh .h-nm a::after{content:'';position:absolute;bottom:0;left:calc(var(--gap-item) * 0.85);right:calc(var(--gap-item) * 0.85);height:2px;background:var(--accent);border-radius:2px 2px 0 0;transform:scaleX(0);transition:transform .2s ease}
.tbh .h-nm a:hover{color:var(--accent)}
.tbh .h-nm a:hover::after{transform:scaleX(1)}
.tbh .h-nm a.active{color:var(--accent);font-weight:700}
.tbh .h-nm a.active::after{transform:scaleX(1)}
/* Son link (Viral Ürünler) — sağa tam yapışık, kesilmez */
.tbh .h-nm li:last-child a{padding-right:0;padding-left:calc(var(--gap-item) * 0.85)}
.tbh .h-nm li:last-child a::after{right:0;left:calc(var(--gap-item) * 0.85)}
.tbh .h-nh{color:var(--accent) !important;gap:5px}
.tbh .h-nh--soft{color:var(--accent) !important}

/* Navbar "Hızlı Bitir" CTA — sadece sepet dolu + sayfa scroll'lu iken görünür */
.tbh .h-nav-cta{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px 0 11px;margin-left:10px;font-size:12.5px;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--accent) 0%,#FF8F4D 100%);border-radius:999px;letter-spacing:-.005em;white-space:nowrap;flex-shrink:0;box-shadow:0 2px 8px rgba(255,107,44,.28),inset 0 1px 0 rgba(255,255,255,.18);transition:transform .2s var(--ease),box-shadow .2s var(--ease),opacity .25s var(--ease);opacity:0;transform:translateY(-4px) scale(.96)}
.tbh .h-nav-cta:hover{transform:translateY(-1px) scale(1);box-shadow:0 6px 18px rgba(255,107,44,.42),inset 0 1px 0 rgba(255,255,255,.22)}
.tbh .h-nav-cta:active{transform:translateY(0) scale(.98)}
.tbh .h-nav-cta-ic{width:14px;height:14px;flex-shrink:0;stroke-width:2}
.tbh .h-nav-cta-lbl{letter-spacing:-.005em}
.tbh .h-nav-cta-amt{padding:2px 7px;font-size:11px;font-weight:700;color:#fff;background:rgba(255,255,255,.22);border-radius:999px;line-height:1;backdrop-filter:blur(2px)}
.tbh .h-nav-cta-ch{width:11px;height:11px;flex-shrink:0;opacity:.85;transition:transform .2s var(--ease)}
.tbh .h-nav-cta:hover .h-nav-cta-ch{transform:translateX(2px)}
/* Görünür duruma geçiş — scroll'da kalan navbar üzerinde, sepet dolu iken */
.tbh #stickyHeader[data-scroll-state="hidden"] .h-nav-cta:not([hidden]),.tbh #stickyHeader[data-scroll-state="visible"] .h-nav-cta:not([hidden]){opacity:1;transform:translateY(0) scale(1)}
/* Top'ta gizle — sepet butonu zaten search bar yanında görünür */
.tbh #stickyHeader[data-scroll-state="top"] .h-nav-cta{display:none}

/* ═══ 07. MOBILE HEADER ═══ */
.tbh .m-hdr{display:none;background:var(--white)}
.tbh .m-top{display:flex;align-items:center;justify-content:space-between;height:56px;gap:6px;padding-inline:var(--gutter-m)}

.tbh .m-ham{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent;color:var(--ink);font-size:26px;padding:0;margin-left:-2px;border-radius:10px;transition:background .15s}
.tbh .m-ham:active{background:var(--border2)}

.tbh .m-logo{flex:1;padding-left:6px}
.tbh .m-logo img{height:28px;width:auto;display:block}

.tbh .m-acts{display:flex;align-items:center;gap:2px;margin-right:-6px}
.tbh .m-act{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:23px;color:var(--ink2);position:relative;-webkit-tap-highlight-color:transparent;border-radius:10px;transition:background .15s,color .15s;cursor:pointer}
.tbh .m-act:active{background:var(--border2)}
.tbh .m-act:hover{color:var(--accent)}

.tbh .m-act--cart{color:var(--accent)}
.tbh .m-act--cart:hover{color:var(--accent-h)}

.tbh .m-act .h-badge{top:2px;right:2px;min-width:17px;height:17px;font-size:9.5px;font-weight:700;border:2px solid var(--white);padding:0 4px;box-shadow:0 2px 6px rgba(255,107,44,.35);letter-spacing:-.02em}

.tbh .m-search{padding:0 var(--gutter-m) 12px}
.tbh .m-sf{display:flex;align-items:center;position:relative}
.tbh .m-si{width:100%;height:44px;border:1.5px solid var(--border);border-radius:12px;padding:0 46px 0 42px;font-family:var(--font);font-size:13.5px;font-weight:500;color:var(--ink);background:#FAF9F6;outline:none;transition:border-color .2s,background .2s,box-shadow .2s;letter-spacing:-.005em}
.tbh .m-si::placeholder{color:#A8A5A0;font-weight:400;font-size:13px}
.tbh .m-si:focus{border-color:var(--accent);background:var(--white);box-shadow:0 0 0 4px rgba(255,107,44,.08)}
.tbh .m-s-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:19px;color:#A8A5A0;pointer-events:none;transition:color .2s}
.tbh .m-si:focus ~ .m-s-icon{color:var(--accent)}
.tbh .m-voice{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:none;background:none;color:#8A8880;font-size:21px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:10px;transition:color .15s,background .15s}
.tbh .m-voice:active{background:var(--accent-l);color:var(--accent)}

/* ═══ 08. MOBILE FULL-SCREEN SEARCH ═══ */
.tbh .fs-search{position:fixed;inset:0;background:var(--white);z-index:500;transform:translateY(8px);opacity:0;visibility:hidden;transition:all .25s var(--ease);display:flex;flex-direction:column;will-change:transform,opacity;-webkit-backface-visibility:hidden;backface-visibility:hidden;contain:layout paint}
.tbh .fs-search.open{transform:translateY(0);opacity:1;visibility:visible}

.tbh .fs-top{display:flex;align-items:center;gap:6px;padding:14px 14px;border-bottom:1px solid var(--border2)}
.tbh .fs-back{width:40px;height:40px;border:none;background:none;font-size:22px;color:var(--ink2);cursor:pointer;display:flex;align-items:center;justify-content:center;margin-left:-6px;border-radius:10px;transition:background .15s;flex-shrink:0}
.tbh .fs-back:active{background:var(--border2)}

.tbh .fs-input-wrap{flex:1;position:relative}
.tbh .fs-input{width:100%;height:46px;border:1.5px solid var(--border);border-radius:12px;padding:0 44px 0 16px;font-family:var(--font);font-size:14px;font-weight:500;color:var(--ink);background:#FAF9F6;outline:none;transition:border-color .2s,background .2s,box-shadow .2s;letter-spacing:-.005em}
.tbh .fs-input::placeholder{color:#A8A5A0;font-weight:400;font-size:13.5px}
.tbh .fs-input:focus{border-color:var(--accent);background:var(--white);box-shadow:0 0 0 4px rgba(255,107,44,.08)}

.tbh .fs-voice{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:38px;height:38px;border:none;background:none;color:#8A8880;font-size:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:10px;transition:color .15s,background .15s}
.tbh .fs-voice:active{background:var(--accent-l);color:var(--accent)}

.tbh .fs-body{flex:1;overflow-y:auto;padding:18px 16px}
.tbh .fs-section+.fs-section{margin-top:18px;padding-top:18px;border-top:1px solid var(--border2)}
.tbh .fs-section-h{font-size:11px;font-weight:700;color:var(--ink5);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}
.tbh .fs-section-h button{border:none;background:none;font-size:11.5px;font-weight:600;color:var(--ink5);cursor:pointer;font-family:var(--font);padding:4px 10px;border-radius:999px;transition:all .15s;letter-spacing:-.005em}
.tbh .fs-section-h button:active{background:var(--accent-l);color:var(--accent)}

.tbh .fs-hi{display:flex;align-items:center;justify-content:space-between;padding:11px 10px;margin:0 -10px;font-size:14px;color:var(--ink2);font-weight:500;border-radius:8px;letter-spacing:-.005em;cursor:pointer;transition:background .12s}
.tbh .fs-hi:active{background:rgba(255,107,44,.04);color:var(--accent)}
.tbh .fs-hi > div{display:flex;align-items:center;gap:12px;flex:1}
.tbh .fs-hi .ic:first-child{font-size:17px;color:var(--ink5);margin:0;transition:color .15s}
.tbh .fs-hi:active .ic:first-child{color:var(--accent)}
.tbh .fs-hi .fs-rm{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#C5C2BC;font-size:13px;padding:0;cursor:pointer;border-radius:50%;transition:all .15s;stroke-width:1.8;flex-shrink:0;pointer-events:auto}
.tbh .fs-hi .fs-rm:active{color:var(--ink2);background:var(--border2)}

.tbh .fs-sdc{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.tbh .fs-sdci{display:flex;align-items:center;gap:10px;padding:11px 12px;background:#FAF9F6;border-radius:10px;transition:background .15s;cursor:pointer;text-decoration:none;color:inherit}
.tbh .fs-sdci:active{background:var(--accent-l)}
.tbh .fs-sdci-ic{width:34px;height:34px;border-radius:8px;background:var(--white);display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:17px;flex-shrink:0;box-shadow:0 1px 3px rgba(0,0,0,.04);transition:color .15s}
.tbh .fs-sdci:active .fs-sdci-ic{color:var(--accent-h)}
.tbh .fs-sdci-t{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}
.tbh .fs-sdci-tn{font-size:13px;font-weight:600;color:var(--ink);letter-spacing:-.005em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tbh .fs-sdci-ts{font-size:11px;color:var(--ink5);letter-spacing:-.005em}

.tbh .fs-tags{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center}
.tbh .fs-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 0;font-size:13.5px;font-weight:500;color:var(--ink2);letter-spacing:-.005em}
.tbh .fs-tag .ic{font-size:14px;transition:transform .15s}
.tbh .fs-tag:active{color:var(--accent)}
.tbh .fs-tag:active .ic{transform:scale(1.12)}

/* ═══ 09. MOBILE BOTTOM NAV ═══ */
.tbh .m-bnav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:200;background:var(--white);border-top:1px solid var(--border);box-shadow:0 -1px 8px rgba(0,0,0,.03);padding-bottom:env(safe-area-inset-bottom,0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;contain:layout style}
.tbh .m-bnav-in{display:flex;align-items:stretch;justify-content:space-around}
.tbh .m-bn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:1;padding:7px 4px 5px;color:var(--ink5);font-size:10px;font-weight:500;border:none;background:none;cursor:pointer;font-family:var(--font);-webkit-tap-highlight-color:transparent;border-top:2px solid transparent;transition:color .15s;letter-spacing:0}
.tbh .m-bn .ic{font-size:22px}
.tbh .m-bn.active{color:var(--accent);border-top-color:var(--accent)}
.tbh .m-bn--cart{color:var(--accent)}
.tbh .m-bn--cart .ic{font-size:23px}
.tbh .m-bn-bw{position:relative;display:flex;align-items:center;justify-content:center}
.tbh .m-bn-bw .h-badge{top:-6px;right:-12px;min-width:17px;height:17px;font-size:9.5px;font-weight:700;border:2px solid var(--white);padding:0 4px;box-shadow:0 2px 6px rgba(255,107,44,.35);letter-spacing:-.02em}

/* ═══ 10. MOBILE SIDEBARS ═══ */
.tbh .ms-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:300;opacity:0;visibility:hidden;transition:opacity .3s;will-change:opacity}
.tbh .ms-overlay.show{opacity:1;visibility:visible}
.tbh .ms-menu{position:fixed;top:0;bottom:0;width:100%;max-width:100vw;background:var(--white);z-index:301;transition:transform .35s cubic-bezier(.32,.72,0,1);display:flex;flex-direction:column;overflow:hidden;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;contain:layout paint}
.tbh .ms-menu--cat{left:0;transform:translateX(-100%)}
.tbh .ms-menu--cat.open{transform:translateX(0)}
.tbh .ms-menu--acc{right:0;transform:translateX(100%)}
.tbh .ms-menu--acc.open{transform:translateX(0)}

.tbh .ms-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;flex-shrink:0;border-bottom:1px solid var(--border2);gap:12px;background:linear-gradient(180deg,#FFF7F2 0%,var(--white) 100%)}
.tbh .ms-head img{height:28px}
.tbh .ms-head-title{font-size:16px;font-weight:600;color:var(--ink);letter-spacing:-.015em}
.tbh .ms-close{width:34px;height:34px;border:none;background:var(--white);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;color:var(--ink2);transition:all .18s;flex-shrink:0;box-shadow:0 1px 3px rgba(0,0,0,.06),0 0 0 1px rgba(17,17,17,.03);stroke-width:1.8}
.tbh .ms-close:active{background:var(--border2);transform:rotate(90deg)}

/* Kategori sidebar — hızlı arama */
.tbh .ms-search-wrap{position:relative;padding:14px 20px 12px;flex-shrink:0;background:var(--white);border-bottom:1px solid var(--border2)}
.tbh .ms-search-ic{position:absolute;left:32px;top:50%;transform:translateY(-50%);font-size:16px;color:var(--ink5);pointer-events:none;transition:color .2s;stroke-width:1.7}
.tbh .ms-search-inp{width:100%;height:42px;padding:0 14px 0 42px;border:1px solid var(--border);border-radius:12px;font-family:var(--font);font-size:13px;color:var(--ink);background:#FBFAF7;outline:none;transition:all .2s;letter-spacing:-.005em}
.tbh .ms-search-inp::placeholder{color:#A8A5A0;font-weight:400}
.tbh .ms-search-inp:focus{background:var(--white);border-color:var(--accent);box-shadow:0 0 0 3px rgba(255,107,44,.08)}
.tbh .ms-search-wrap:focus-within .ms-search-ic{color:var(--accent)}

.tbh .ms-user{padding:20px 20px 18px;display:flex;flex-direction:column;gap:16px;background:linear-gradient(180deg,#FFF7F2 0%,var(--white) 100%)}
.tbh .ms-user-top{display:flex;align-items:center;gap:14px}
.tbh .ms-avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#FF9A5C,var(--accent));display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--white);flex-shrink:0;box-shadow:0 6px 16px rgba(255,107,44,.22),inset 0 1px 0 rgba(255,255,255,.2);position:relative}
.tbh .ms-avatar-dot{position:absolute;bottom:2px;right:2px;width:12px;height:12px;border-radius:50%;background:var(--success);border:2px solid var(--white);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.tbh .ms-user-info{flex:1;min-width:0}
.tbh .ms-user-name{font-size:15px;font-weight:600;color:var(--ink);margin-bottom:3px;letter-spacing:-.015em;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tbh .ms-user-tier{font-size:10px;font-weight:700;color:var(--accent);background:var(--accent-l);padding:3px 8px;border-radius:999px;letter-spacing:.03em;text-transform:uppercase}
.tbh .ms-user-sub{font-size:12px;color:var(--ink5);letter-spacing:-.005em}
.tbh .ms-user-btns{display:flex;gap:8px}
.tbh .ms-login-btn{flex:1;padding:12px 16px;border-radius:11px;font-size:13px;font-weight:600;border:none;cursor:pointer;transition:all .18s;text-align:center;letter-spacing:-.005em}
.tbh .ms-login-btn--primary{background:var(--accent);color:var(--white);box-shadow:0 4px 12px rgba(255,107,44,.22)}
.tbh .ms-login-btn--primary:active{background:var(--accent-h)}
.tbh .ms-login-btn--secondary{background:var(--white);color:var(--ink2);border:1px solid var(--border)}
.tbh .ms-login-btn--secondary:active{background:var(--border2)}

/* Quick stats — 3 kutu */
.tbh .ms-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 20px 18px;background:linear-gradient(180deg,var(--white) 0%,#FBFAF7 100%);border-bottom:1px solid var(--border2)}
.tbh .ms-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 4px;background:var(--white);border:1px solid var(--border2);border-radius:12px;transition:all .2s var(--ease);text-decoration:none}
.tbh .ms-stat:active{background:#FBFAF7;transform:translateY(1px)}
.tbh .ms-stat strong{font-size:17px;font-weight:700;color:var(--ink);letter-spacing:-.02em;line-height:1}
.tbh .ms-stat span{font-size:10.5px;color:var(--ink5);margin-top:4px;letter-spacing:-.005em}

/* Footer info */
.tbh .ms-footer{padding:16px 20px 24px;text-align:center;font-size:10px;color:var(--ink6);letter-spacing:.02em}

.tbh .ms-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;-webkit-transform:translateZ(0);transform:translateZ(0);contain:paint}

.tbh .ms-section-h{font-size:10.5px;font-weight:700;color:var(--ink5);text-transform:uppercase;letter-spacing:.08em;padding:18px 20px 8px}

/* Stories — premium, muted tones, scroll snap, overflow-safe */
.tbh .ms-stories{display:flex;gap:12px;padding:18px 20px 16px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scroll-padding-left:20px}
.tbh .ms-stories::-webkit-scrollbar{display:none}
.tbh .ms-story{display:flex;flex-direction:column;align-items:center;gap:7px;width:64px;flex-shrink:0;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .2s var(--ease);scroll-snap-align:start;text-decoration:none}
.tbh .ms-story:active{transform:scale(.94)}

/* Ring — ince 1.5px muted gradient border */
.tbh .ms-story-ring{width:56px;height:56px;border-radius:50%;padding:1.5px;display:flex;align-items:center;justify-content:center;transition:all .2s var(--ease);background:linear-gradient(135deg,#E8D4B8,#C9A77D)} /* default — warm gold */
.tbh .ms-story-ring--hot{background:linear-gradient(135deg,#E8926A,#C96743)}     /* muted terracotta */
.tbh .ms-story-ring--new{background:linear-gradient(135deg,#A7C4B2,#6E9B85)}     /* muted sage */
.tbh .ms-story-ring--pop{background:linear-gradient(135deg,#A2B7CD,#6E89A6)}     /* muted dusty blue */
.tbh .ms-story-ring--ops{background:linear-gradient(135deg,#E8C89A,#B8904A)}     /* muted honey */

/* Inner — temiz beyaz daire + solid accent icon */
.tbh .ms-story-inner{width:100%;height:100%;border-radius:50%;background:var(--white);display:flex;align-items:center;justify-content:center;font-size:21px;color:#8B6A35;box-shadow:inset 0 0 0 1px rgba(17,17,17,.02)}
.tbh .ms-story--hot .ms-story-inner{color:#C96743}
.tbh .ms-story--new .ms-story-inner{color:#5D8270}
.tbh .ms-story--pop .ms-story-inner{color:#6E89A6}
.tbh .ms-story--ops .ms-story-inner{color:#B8904A}

/* Hover/active — subtle lift */
.tbh .ms-story:active .ms-story-ring{transform:scale(.95);box-shadow:0 2px 8px rgba(17,17,17,.08)}

/* Label — uniform, premium, 2 satır wrap güvenli */
.tbh .ms-story span{font-size:10.5px;font-weight:600;color:var(--ink3);letter-spacing:-.005em;line-height:1.3;text-align:center;width:64px}

.tbh .ms-div{height:1px;background:var(--border2);margin:0 20px}

.tbh .ms-cats{padding:6px 12px}
.tbh .ms-cats-label{font-size:11px;font-weight:700;color:var(--ink5);text-transform:uppercase;letter-spacing:.08em;padding:10px 10px 6px}
.tbh .ms-cat{display:flex;align-items:center;gap:14px;padding:12px 10px;font-size:14.5px;font-weight:600;color:var(--ink);transition:background .12s;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:12px;letter-spacing:-.01em}
.tbh .ms-cat:active{background:#FAF9F6}
.tbh .ms-cat-icon{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;transition:transform .15s}
.tbh .ms-cat-icon .ic{stroke-width:1.7}
.tbh .ms-story-inner .ic{stroke-width:1.7}
.tbh .ms-cat:active .ms-cat-icon{transform:scale(.94)}
.tbh .ms-cat-icon--ev{background:#EEF2EA;color:#5C7B58}
.tbh .ms-cat-icon--mutfak{background:#F6EDDF;color:#9D6D3E}
.tbh .ms-cat-icon--bakim{background:#F2E8EC;color:#8A5870}
.tbh .ms-cat-icon--temizlik{background:#E9F0EC;color:#5D8270}
.tbh .ms-cat-icon--moda{background:#EEE8F0;color:#6F5C7D}
.tbh .ms-cat-icon--spor{background:#E8EBF1;color:#5B6780}
.tbh .ms-cat-icon--oto{background:#F3EBD7;color:#8B6A35}
.tbh .ms-cat-icon--yapi{background:#EEE7DE;color:#6E5848}
.tbh .ms-cat-icon--outdoor{background:#E6EEE9;color:#4E7B66}
.tbh .ms-cat-icon--elektronik{background:#E6EDF2;color:#506680}
.tbh .ms-cat-icon--pet{background:#F1E8CF;color:#8B6D20}
.tbh .ms-cat span{flex:1}
.tbh .ms-cat-new{font-size:9.5px;font-weight:700;color:var(--accent);background:var(--accent-l);padding:2.5px 7px;border-radius:999px;letter-spacing:.04em;text-transform:uppercase;flex-shrink:0;margin-right:4px;line-height:1.35}
.tbh .ms-cat .ms-arr{font-size:14px;color:#D4D2CE;transition:color .15s,transform .15s;flex-shrink:0}
.tbh .ms-cat:active .ms-arr{color:var(--accent);transform:translateX(3px)}
.tbh .ms-link .ms-arr{font-size:14px;color:#D4D2CE}
.tbh .ms-link:active .ms-arr{color:var(--accent);transform:translateX(2px)}

.tbh .ms-sub{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--white);z-index:10;transform:translateX(100%);transition:transform .3s cubic-bezier(.32,.72,0,1);display:flex;flex-direction:column;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.tbh .ms-sub.open{transform:translateX(0)}
.tbh .ms-sub-head{display:flex;align-items:center;gap:10px;padding:14px 20px;border-bottom:1px solid var(--border2);flex-shrink:0}
.tbh .ms-sub-back{width:36px;height:36px;border:none;background:var(--border2);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--ink3)}
.tbh .ms-sub-title{font-size:15px;font-weight:600;color:var(--ink)}
.tbh .ms-sub-body{flex:1;overflow-y:auto;padding:8px 0}
.tbh .ms-sub-all{display:flex;align-items:center;gap:10px;padding:12px 20px;font-size:14px;font-weight:600;color:var(--accent);border-bottom:1px solid var(--border2);margin-bottom:4px}
.tbh .ms-sub-item{display:block;padding:12px 20px;font-size:14px;color:var(--ink3);transition:background .1s}
.tbh .ms-sub-item:active{background:#FAFAF8}

.tbh .ms-links{padding:4px 0}
.tbh .ms-link{display:flex;align-items:center;gap:14px;padding:12px 20px;font-size:13.5px;color:var(--ink2);transition:background .1s;cursor:pointer;-webkit-tap-highlight-color:transparent;font-weight:500;letter-spacing:-.005em}
.tbh .ms-link:active{background:#FAFAF8}
.tbh .ms-link-icon{width:36px;height:36px;border-radius:9px;background:var(--border2);display:flex;align-items:center;justify-content:center;font-size:17px;color:var(--ink3);flex-shrink:0;transition:all .15s}
.tbh .ms-link:active .ms-link-icon{background:var(--accent-l);color:var(--accent)}
.tbh .ms-link span{flex:1}
.tbh .ms-link-badge{font-size:10px;font-weight:600;color:var(--accent);background:var(--accent-l);padding:2px 8px;border-radius:20px;letter-spacing:.02em}

.tbh .ms-campaign{margin:16px 20px;padding:14px 16px;background:linear-gradient(135deg,#FFF7F2,#FFF1E8);border-radius:13px;border:1px solid rgba(255,107,44,.1);display:flex;align-items:center;gap:12px}
.tbh .ms-campaign-icon{width:38px;height:38px;border-radius:10px;background:var(--accent);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;box-shadow:0 3px 8px rgba(255,107,44,.2)}
.tbh .ms-campaign-text{flex:1;min-width:0}
.tbh .ms-campaign-title{font-size:12.5px;font-weight:600;color:var(--ink);letter-spacing:-.005em}
.tbh .ms-campaign-sub{font-size:11px;color:var(--ink4);margin-top:2px;letter-spacing:-.005em}

/* Trend Aramalar — horizontal chip scroll */
.tbh .ms-chips-wrap{padding:4px 0 16px;border-bottom:1px solid var(--border2);margin:0 4px 4px}
.tbh .ms-chips-h{font-size:10.5px;font-weight:700;color:var(--ink5);text-transform:uppercase;letter-spacing:.08em;padding:4px 16px 10px}
.tbh .ms-chips{display:flex;gap:8px;overflow-x:auto;padding:0 16px 4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.tbh .ms-chips::-webkit-scrollbar{display:none}
.tbh .ms-chip{flex-shrink:0;display:inline-flex;align-items:center;padding:8px 14px;background:#FBFAF7;border:1px solid var(--border2);border-radius:999px;font-size:12.5px;font-weight:500;color:var(--ink2);letter-spacing:-.005em;transition:all .18s var(--ease);text-decoration:none}
.tbh .ms-chip:active{background:var(--accent-l);border-color:rgba(255,107,44,.2);color:var(--accent);transform:translateY(1px)}

/* ═══ 11. VOICE MODAL ═══ */
.tbh .vm{position:fixed;inset:0;background:rgba(17,17,17,.5);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:1200;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s}
.tbh .vm.show{opacity:1;visibility:visible}

.tbh .vm-inner{background:var(--white);border-radius:24px;padding:36px 32px 28px;text-align:center;width:min(92vw,380px);position:relative;box-shadow:0 24px 80px rgba(0,0,0,.2),0 4px 16px rgba(0,0,0,.08);transform:scale(.9) translateY(16px);transition:transform .35s cubic-bezier(.34,1.56,.64,1);will-change:transform}
.tbh .vm.show .vm-inner{transform:scale(1) translateY(0)}

.tbh .vm-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:var(--border2);border-radius:50%;cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;color:var(--ink3);transition:all .15s;stroke-width:1.8}
.tbh .vm-close:hover{background:var(--border);color:var(--ink);transform:rotate(90deg)}

.tbh .vm-ring{position:relative;width:130px;height:130px;display:flex;align-items:center;justify-content:center;margin:12px auto 24px}
.tbh .vm-ring::before,.tbh .vm-ring::after{content:'';position:absolute;inset:0;border-radius:50%;background:rgba(255,107,44,.15);animation:vring 2.2s ease-out infinite}
.tbh .vm-ring::after{animation-delay:.8s}
@keyframes vring{0%{transform:scale(.55);opacity:.8}100%{transform:scale(1.4);opacity:0}}

.tbh .vm-mic{width:88px;height:88px;border-radius:50%;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-h) 100%);display:flex;align-items:center;justify-content:center;position:relative;z-index:2;box-shadow:0 12px 32px rgba(255,107,44,.4),inset 0 1px 0 rgba(255,255,255,.25);animation:vmpulse 1.6s ease-in-out infinite}
.tbh .vm-mic .ic{font-size:36px;color:var(--white)}
@keyframes vmpulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}

.tbh .vm-text{font-size:18px;font-weight:700;color:var(--ink);margin-bottom:6px;letter-spacing:-.015em}
.tbh .vm-sub{font-size:13px;color:var(--ink4);margin-bottom:22px;letter-spacing:-.005em}

.tbh .vm-wave{display:flex;align-items:center;justify-content:center;gap:3px;height:36px;margin-bottom:24px}
.tbh .vm-wave span{width:3px;background:linear-gradient(180deg,var(--accent),var(--accent-h));border-radius:999px;transform-origin:center;animation:vmbar 1s ease-in-out infinite}
.tbh .vm-wave span:nth-child(1){height:30%;animation-delay:0s}
.tbh .vm-wave span:nth-child(2){height:60%;animation-delay:.1s}
.tbh .vm-wave span:nth-child(3){height:85%;animation-delay:.2s}
.tbh .vm-wave span:nth-child(4){height:100%;animation-delay:.3s}
.tbh .vm-wave span:nth-child(5){height:75%;animation-delay:.4s}
.tbh .vm-wave span:nth-child(6){height:95%;animation-delay:.5s}
.tbh .vm-wave span:nth-child(7){height:65%;animation-delay:.6s}
.tbh .vm-wave span:nth-child(8){height:85%;animation-delay:.7s}
.tbh .vm-wave span:nth-child(9){height:45%;animation-delay:.8s}
@keyframes vmbar{0%,100%{transform:scaleY(.25);opacity:.5}50%{transform:scaleY(1);opacity:1}}

.tbh .vm-btn{padding:11px 28px;background:var(--border2);border:none;border-radius:999px;font-family:var(--font);font-size:13px;font-weight:600;color:var(--ink2);cursor:pointer;transition:all .15s;letter-spacing:-.005em}
.tbh .vm-btn:hover{background:var(--border);color:var(--ink);transform:translateY(-1px)}
.tbh .vm-btn:active{transform:translateY(0)}

/* ═══ 12. (kaydırma davranışı tbh-ek bölümünde) ═══ */
@media (prefers-reduced-motion: reduce){

  .tbh .h-bell-dot{animation:none !important}
  /* Estetik yükseltme animasyonlarını devre dışı bırak */
  .tbh .h-sd .h-sds{transition:none !important;transform:none !important;opacity:1 !important}
  .tbh .h-cd .h-ci{transition:background .15s,color .15s,border-left-color .15s !important;transform:none !important;opacity:1 !important}
  .tbh .h-badge.is-counting{animation:none !important}
  .tbh .h-si{transition:border-color .2s,background .2s !important}
  .tbh .h-si:focus{transform:none !important}
  .tbh .h-sf::before,.tbh .h-search:focus-within .h-sf::before{animation:none !important;opacity:0 !important}
  .tbh .h-nav{transition:background .15s !important}
}

/* ═══ 13. RESPONSIVE breakpoints ═══ */
@media(max-width:992px){
  .tbh .h-top,.tbh .h-main,.tbh .h-nav{display:none}
  .tbh .m-hdr{display:block}
  .tbh .m-bnav{display:block}
  
}


/* ═══ 16. UTILITY — inline-style replacements ═══ */
/* Mobile header: account button wrapper */
.tbh .m-act--btn{border:none;background:none;cursor:pointer;padding:0}
/* Viral Ürünler shortcut in category dropdown */
.tbh .h-ci--viral{color:var(--accent);font-weight:600}
.tbh .h-ci--viral .ci{color:var(--accent)}
/* Category sidebar body — positioning context for ms-sub slide-in */
.tbh .ms-body--rel{position:relative}
/* ms-sub "Tüm X" link icon size */
.tbh .ms-sub-ic{font-size:16px}
/* WhatsApp link in Hesabım sidebar */
.tbh .ms-link-icon--wa{background:rgba(37,211,102,.08);color:#25D366}


/* ════════════════════════════════════════════════════════════════
   TB-EK — Canlı tema uyarlaması (platform uyumu + gerçek veri bileşenleri)
   ════════════════════════════════════════════════════════════════ */

/* Kapsam tabanı — platform CSS'inden bağımsız tipografi */
.tbh{font-family:var(--font);color:var(--ink);line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;text-align:left}
.tbh ul{list-style:none}
.tbh img{max-width:none;border:0}
:where(.tbh) button{background:none;border:0;color:inherit;line-height:1.2}
:where(.tbh) button:focus,:where(.tbh) a:focus,:where(.tbh) input:focus{outline:none}
.tbh :focus-visible{outline:2px solid var(--accent) !important;outline-offset:2px}
.tbh input[type="search"]{-webkit-appearance:none;appearance:none}
.tbh input[type="search"]::-webkit-search-cancel-button,.tbh input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;display:none}
.tbh svg.ic{overflow:visible}

/* ═══ Yapışkan header ═══
   Header, platformun kısa kapsayıcıları içinde olduğu için JS, body'nin doğrudan çocuğu olan
   kapsayıcıya .tbh-host ekler. Gizleme transform ile yapılır → sayfa akışı kaymaz. */
.tbh-host{position:-webkit-sticky;position:sticky;top:0;z-index:1030;background:transparent !important;pointer-events:none}
.tbh-seffaf{background:transparent !important;box-shadow:none !important;border:0 !important}
.tbh-host .tbh,.tbh-host #stickyHeader,.tbh-host .m-hdr{pointer-events:none}
.tbh-host .tbh > :not(#stickyHeader),.tbh #stickyHeader .h-top,.tbh #stickyHeader .h-main,.tbh #stickyHeader .h-nav,.tbh #stickyHeader .m-top,.tbh #stickyHeader .m-search{pointer-events:auto}
.tbh #stickyHeader{position:relative;z-index:100;transition:transform .28s var(--ease);will-change:transform}
.tbh #stickyHeader .h-top,.tbh #stickyHeader .h-main,.tbh #stickyHeader .m-search{transition:opacity .2s ease,transform .28s var(--ease)}
@media(min-width:993px){
  .tbh #stickyHeader[data-scroll-state="hidden"]{transform:translateY(calc(-1 * var(--tbh-hide, 108px)))}
  .tbh #stickyHeader[data-scroll-state="hidden"] .h-top,.tbh #stickyHeader[data-scroll-state="hidden"] .h-main{opacity:0;pointer-events:none}
}
@media(max-width:992px){
  .tbh .m-hdr{background:transparent}
  .tbh .m-top{background:var(--white);position:relative;z-index:2;transition:box-shadow .2s}
  .tbh .m-search{background:var(--white);position:relative;z-index:1}
  .tbh #stickyHeader[data-scroll-state="hidden"] .m-search{opacity:0;transform:translateY(-10px);pointer-events:none}
  .tbh #stickyHeader[data-scroll-state="hidden"] .m-top,.tbh #stickyHeader[data-scroll-state="visible"] .m-top{box-shadow:0 4px 16px -8px rgba(0,0,0,.18)}
  body{padding-bottom:calc(var(--tbh-bh, 58px) + env(safe-area-inset-bottom, 0px))}
  #cookiescript_badge{bottom:calc(70px + env(safe-area-inset-bottom, 0px)) !important}
}
@media (prefers-reduced-motion: reduce){
  .tbh #stickyHeader,.tbh #stickyHeader .h-top,.tbh #stickyHeader .h-main,.tbh #stickyHeader .m-search{transition:none !important}
}
/* Tema html/body'ye overflow-x:hidden veriyor; bu, body'yi kaydırma kabı yapıp sticky'yi bozar.
   clip aynı yatay kırpmayı kaydırma kabı oluşturmadan yapar (desteklemeyen eski tarayıcıda header sadece yapışmaz). */
@supports (overflow:clip){html,body{overflow-x:clip !important}}
html.tbh-kilit,html.tbh-kilit body{overflow:hidden !important}

/* ═══ Üst bar ═══ */
.tbh .htl-saat{display:none}
@media(max-width:1360px){.tbh .htl--opt2{display:none}}
@media(max-width:1180px){.tbh .htl--opt{display:none}}

/* ═══ Arama ═══ */
.tbh .h-si:not(:placeholder-shown) ~ .h-sd{display:none}
.tbh .h-shi > a,.tbh .fs-hi > a{display:flex;align-items:center;gap:12px;flex:1;min-width:0;color:inherit}
.tbh .tbh-rs-rm{display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;cursor:pointer}
.tbh .h-sdci-tn,.tbh .fs-sdci-tn{text-transform:none}
.tbh.tbh-ses-yok .tbh-ses{display:none}
.tbh.tbh-ses-yok .h-si{padding-right:18px}
.tbh.tbh-ses-yok .m-si{padding-right:14px}
.tbh .m-si{cursor:pointer}
/* Platform otomatik tamamlama (easy-autocomplete) — yeni arama kutusuna hizalı */
.tbh .h-search .easy-autocomplete-container{position:absolute !important;top:calc(100% + 8px) !important;left:0 !important;right:0 !important;width:auto !important;max-width:none !important;margin:0 !important;z-index:1102}
.tbh .h-search .easy-autocomplete-container ul{background:var(--white);border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 48px rgba(0,0,0,.09),0 2px 8px rgba(0,0,0,.04);max-height:70vh;overflow-y:auto;margin:0;padding:6px 0;max-width:none}
.tbh .h-search .easy-autocomplete-container ul li{border-bottom:1px solid var(--border2);padding:6px 14px;font-size:13px}
.tbh .h-search .easy-autocomplete-container ul li:last-child{border-bottom:0}
.tbh .fs-form{position:relative;display:block;margin:0}
.tbh .fs-input-wrap .easy-autocomplete-container{position:fixed !important;top:75px !important;left:0 !important;right:0 !important;bottom:0;width:auto !important;max-width:none !important;margin:0 !important;z-index:5;pointer-events:none}
.tbh .fs-input-wrap .easy-autocomplete-container ul{pointer-events:auto;background:var(--white);max-height:calc(100vh - 75px);overflow-y:auto;margin:0;padding:4px 0;border-top:1px solid var(--border2);box-shadow:0 12px 24px rgba(0,0,0,.06)}
.tbh .fs-input-wrap .easy-autocomplete-container ul li{padding:8px 16px}

/* ═══ Aksiyonlar ═══ */
.tbh .h-act{color:var(--ink2)}
.tbh .h-act:hover .h-ai{color:var(--accent)}
.tbh .h-at-ad{max-width:110px;overflow:hidden;text-overflow:ellipsis}
.tbh .h-badge{padding:0 4px;border-radius:999px;line-height:1}
.tbh .h-badge--soft{background:var(--ink3)}
.tbh .cart-bounce .h-ai{animation:cartBounce .5s var(--ease)}

/* ═══ Mini sepet ═══ */
.tbh .h-cpd{display:flex;flex-direction:column;max-height:calc(100vh - 140px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.tbh .h-cpd-sumhost{display:contents}
.tbh .h-cpd-head{order:1;flex-shrink:0}
.tbh .h-cpd-ship{order:2;flex-shrink:0}
.tbh .h-cpd-body{order:3;flex-shrink:0}
.tbh .h-cpd-xsell{order:7;flex-shrink:0}
.tbh .h-cpd-summary{order:4;flex-shrink:0}
.tbh .h-cpd-trust{order:5;flex-shrink:0}
.tbh .h-cpd-deal{order:8;flex-shrink:0}
.tbh .h-cpd-recent{order:9;flex-shrink:0}
.tbh .h-cpd-foot{order:6;flex-shrink:0;position:sticky;bottom:0;z-index:2}
.tbh .h-cpd-emptyfoot{order:10;flex-shrink:0;padding:4px 16px 16px;display:grid}
.tbh .h-cpd.is-full .h-cpd-deal,.tbh .h-cpd.is-full .h-cpd-recent,.tbh .h-cpd.is-full .h-cpd-emptyfoot{display:none}
.tbh .h-cpd.is-empty .h-cpd-xsell{display:none}
.tbh .h-cpd-loading{display:flex;justify-content:center;gap:6px;padding:26px 0}
.tbh .h-cpd-loading span{width:7px;height:7px;border-radius:50%;background:var(--border);animation:tbhDot 1s ease-in-out infinite}
.tbh .h-cpd-loading span:nth-child(2){animation-delay:.15s}.tbh .h-cpd-loading span:nth-child(3){animation-delay:.3s}
@keyframes tbhDot{0%,100%{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px);background:var(--accent)}}
.tbh .h-cpd-empty{padding:18px 18px 8px}

.tbh .h-cpd-item-img{overflow:visible;background:#F6F4F0}
.tbh .h-cpd-item-img img{width:100%;height:100%;object-fit:cover;border-radius:12px;display:block}
.tbh .h-cpd-item-disc{font-size:8.5px;text-transform:uppercase;letter-spacing:.03em}
.tbh .h-cpd-item-n{color:var(--ink2)}
.tbh .h-cpd-item-n:hover{color:var(--accent)}
.tbh .h-cpd-item-meta{flex-wrap:wrap;white-space:normal;gap:4px 10px}
.tbh .h-cpd-item-var{color:var(--ink4)}
.tbh .h-cpd-item-var strong{color:var(--ink2);font-weight:600}
.tbh .h-cpd-item.is-busy{opacity:.55;pointer-events:none}
.tbh .h-cpd-free{color:var(--success) !important}
.tbh .h-cpd-muted{color:var(--ink5) !important;font-weight:500 !important}
.tbh .h-cpd-sr--total small{font-size:10px;color:var(--ink5);font-weight:400}
.tbh .h-cpd-trust-i{text-align:center;line-height:1.25}
.tbh .h-cpd-foot .h-cpd-btn--primary,.tbh .h-cpd-foot .h-cpd-btn--primary:hover{color:var(--white)}
.tbh .h-cpd-xsell-card-img{display:block;overflow:hidden;background:#fff;border:1px solid var(--border2)}
.tbh .h-cpd-xsell-card-img img{width:100%;height:100%;object-fit:contain;display:block}
.tbh .h-cpd-xsell-card-n{color:var(--ink2)}
.tbh .h-cpd-xsell-card-n:hover{color:var(--accent)}
.tbh .h-cpd-deal-ic{overflow:hidden;padding:0;background:#fff;border:1px solid var(--border2)}
.tbh .h-cpd-deal-ic img{width:100%;height:100%;object-fit:cover;display:block}
.tbh .h-cpd-deal-name{display:block;color:var(--ink)}
.tbh .h-cpd-deal-name:hover{color:var(--accent)}
.tbh .h-cpd-deal-cd:empty{display:none}
.tbh .h-cpd-recent-thumb{overflow:hidden;background:#fff}
.tbh .h-cpd-recent-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.tbh .h-cpd-recent-item{color:inherit}

/* ═══ Duyurular ═══ */
.tbh .h-ndi{color:inherit}
.tbh .h-ndi-s strong{color:var(--ink2);font-weight:600}
.tbh .h-ndi-time{max-width:72px;text-align:right;white-space:normal;line-height:1.25}
.tbh .ms-menu--nd .h-nd-list{max-height:none}
.tbh .ms-nd-foot{padding:14px 20px 28px;text-align:center}

/* ═══ Kategori menüsü (gerçek kategori ağacı) ═══ */
.tbh .h-cw:focus-within .h-cd{opacity:1;visibility:visible;transform:translateY(0)}
.tbh .h-cw:focus-within .h-cd .h-ci{opacity:1;transform:translateX(0)}
.tbh .h-ci-a{display:flex;align-items:center;gap:12px;flex:1;min-width:0;color:inherit}
.tbh .h-ci-a span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tbh .h-ci:hover .h-ci-a,.tbh .h-ci:focus-within .h-ci-a{color:var(--accent)}
.tbh .h-ci:hover .ci,.tbh .h-ci:focus-within .ci{color:var(--accent)}
.tbh .h-ci:focus-within .h-cf{opacity:1;visibility:visible;transform:translateX(0);pointer-events:auto}
.tbh .h-cf{display:block;width:min(680px, calc(100vw - 340px));max-height:calc(100vh - 210px);overflow-y:auto;overscroll-behavior:contain;cursor:default}
.tbh .h-cf-cols{column-count:3;column-gap:28px}
.tbh .h-cf-g{break-inside:avoid;-webkit-column-break-inside:avoid;margin-bottom:16px;display:block}
.tbh .h-cft,.tbh .h-cfc{break-inside:avoid;-webkit-column-break-inside:avoid}
.tbh .h-cfc--top{color:var(--ink3);font-weight:500;padding:6px 0}
.tbh .h-cfa{display:inline-flex}
.tbh .h-cfp{display:flex;margin-top:12px}
.tbh .h-cfb{margin-left:auto;padding-left:6px}
.tbh .h-cft .h-cfb,.tbh .h-cfc .h-cfb{margin-left:auto}
.tbh .h-nm a{text-transform:none}
.tbh .h-nav-cta,.tbh .h-nav-cta:hover{color:#fff}

/* ═══ Mobil paneller ═══ */
.tbh .ms-search-wrap{margin:0;display:block}
.tbh .ms-cat[hidden]{display:none !important}
.tbh .ms-cats-none{padding:14px 10px;font-size:13px;color:var(--ink4)}
.tbh .ms-cats-none-btn{color:var(--accent);font-weight:600;padding:0;cursor:pointer;font-size:13px}
.tbh .ms-cat-icon--genel{background:#EFEDE8;color:var(--ink3)}
.tbh .ms-sub-item--grp{font-weight:600;color:var(--ink2)}
.tbh .ms-sub-item--l3{padding:9px 20px 9px 36px;font-size:13px;color:var(--ink4)}
.tbh .ms-link-sub{display:block;font-size:11px;color:var(--ink5);font-weight:400;margin-top:1px}
.tbh .ms-link{color:var(--ink2)}
.tbh .ms-login-btn--primary,.tbh .ms-login-btn--primary:hover{color:var(--white)}
.tbh .ms-login-btn--secondary{color:var(--ink2)}
.tbh .ms-head img{width:auto;max-width:160px}
.tbh .ms-stat{color:inherit}
.tbh .m-logo img{height:28px;width:auto}
.tbh .m-act .h-bell-dot{top:8px;right:8px}
.tbh .m-bn{color:var(--ink5)}
.tbh .m-bn.active,.tbh .m-bn--cart{color:var(--accent)}
.tbh .fs-tag,.tbh .ms-chip,.tbh .fs-sdci{color:var(--ink2)}

/* Nav sığdırma: sığmayan kategoriler JS ile gizlenir (hepsi "Kategoriler" menüsünde zaten var) */
.tbh .h-nm{overflow:hidden;-webkit-mask-image:none;mask-image:none}
.tbh .h-nm li.tbh-nm-gizli{display:none}
.tbh .h-act--bell .h-ai{color:var(--ink3)}
.tbh .h-act .h-badge{right:-9px}
.tbh .fs-sdc{grid-template-columns:repeat(2,minmax(0,1fr))}
.tbh .h-sdc{grid-template-columns:repeat(3,minmax(0,1fr))}
.tbh .fs-sdci,.tbh .h-sdci{min-width:0}

/* ═══ v5.1 — canlı test düzeltmeleri (9 Kas 2026) ═══ */
/* Rozetler etiket metninin üstüne binmesin */
.tbh .h-act{gap:10px}
.tbh .h-act .h-badge{top:-7px;right:-8px;min-width:16px;height:16px;font-size:9px}
.tbh .h-at{padding-left:2px}

/* Mini sepet — daha kompakt (≈%25 daha kısa, daha dar) */
.tbh .h-cpd{width:384px;max-height:min(640px, calc(100vh - 130px))}
.tbh .h-cpd-head{padding:12px 16px 11px}
.tbh .h-cpd-ship{padding:9px 16px 10px}
.tbh .h-cpd-ship-msg{margin-bottom:6px;font-size:11px}
.tbh .h-cpd-body{max-height:248px}
.tbh .h-cpd-item{padding:11px 16px;gap:12px}
.tbh .h-cpd-item-img{width:50px;height:50px;border-radius:10px}
.tbh .h-cpd-item-img img{border-radius:10px}
.tbh .h-cpd-item-info{gap:4px}
.tbh .h-cpd-item-n{font-size:12px;-webkit-line-clamp:1}
.tbh .h-cpd-item-actions{margin-top:2px}
.tbh .h-cpd-qty{height:26px}
.tbh .h-cpd-qty button{width:22px;height:22px}
.tbh .h-cpd-item-p{font-size:13px}
.tbh .h-cpd-summary{padding:10px 16px 8px}
.tbh .h-cpd-sr{padding:2px 0;font-size:11.5px}
.tbh .h-cpd-sr--total{padding-top:8px;margin-top:5px;font-size:13px}
.tbh .h-cpd-sr--total strong{font-size:16px}
.tbh .h-cpd-trust{padding:7px 12px}
.tbh .h-cpd-trust-i{font-size:9.5px}
.tbh .h-cpd-foot{padding:10px 12px 12px;gap:8px}
.tbh .h-cpd-btn{padding:10px 8px;font-size:12px;border-radius:10px}
.tbh .h-cpd-xsell{padding:10px 16px 12px}
.tbh .h-cpd-xsell-h{margin-bottom:7px}
.tbh .h-cpd-xsell-track{margin:0 -16px;padding-left:16px;padding-right:16px;gap:7px}
.tbh .h-cpd-xsell-card{flex:0 0 112px;padding:6px;gap:4px}
.tbh .h-cpd-xsell-card-img{height:52px}
.tbh .h-cpd-xsell-card-n{font-size:10px;min-height:26px}
.tbh .h-cpd-xsell-card-p{font-size:11.5px;display:flex;flex-direction:column;line-height:1.1}
.tbh .h-cpd-xsell-card-p small{font-size:8.5px;font-weight:600;color:var(--success);text-transform:uppercase;letter-spacing:.03em}
.tbh .h-cpd-deal{padding:8px 16px 4px}
.tbh .h-cpd-recent{padding:10px 16px}
.tbh .h-cpd-recent-item{width:96px;padding:8px}
.tbh .h-cpd-empty{padding:14px 16px 4px}
.tbh .h-cpd-deal-disc{white-space:nowrap}

/* Mobil: platformun alttaki sabit çubukları yeni alt menünün üstüne çıkar */
@media(max-width:992px){
  .tb-sabit-sepet,.payment-final-buttons-1{bottom:calc(var(--tbh-bh, 58px) + env(safe-area-inset-bottom, 0px)) !important}
  .cat-responsive-popup{z-index:1040 !important}
}
@media(max-width:992px){
  body.cart-body,body.product-body{padding-bottom:calc(var(--tbh-bh, 58px) + 76px + env(safe-area-inset-bottom, 0px))}
}

/* ═══ v5.2 — tasarım geliştirmeleri ═══ */
/* Mega menü: kategori görsel kartı */
.tbh .h-cf.h-cf--vis{display:grid;grid-template-columns:minmax(0,1fr) 176px;gap:24px;width:min(860px, calc(100vw - 340px))}
.tbh .h-cf-main{min-width:0}
.tbh .h-cf-vis{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:18px 14px;border-radius:14px;background:linear-gradient(160deg,#FFF7F2 0%,#FFF1E8 60%,#FDEBDD 100%);border:1px solid rgba(255,107,44,.12);align-self:start;position:sticky;top:0;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
.tbh .h-cf-vis:hover{transform:translateY(-2px);box-shadow:0 10px 24px -12px rgba(255,107,44,.35)}
.tbh .h-cf-vis-img{width:132px;height:132px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 6px 18px -8px rgba(0,0,0,.18)}
.tbh .h-cf-vis-img img{width:100%;height:100%;object-fit:cover;display:block}
.tbh .h-cf-vis-t{font-size:13px;font-weight:700;color:var(--ink);margin-top:6px;letter-spacing:-.01em}
.tbh .h-cf-vis-s{font-size:11px;color:var(--ink5)}
@media(max-width:1200px){.tbh .h-cf.h-cf--vis{grid-template-columns:minmax(0,1fr)}.tbh .h-cf-vis{display:none}}

/* Mini sepet: "eklendi" şeridi */
.tbh .h-cpd-added{order:1;flex-shrink:0;display:flex;align-items:center;gap:8px;margin:0;padding:9px 16px;background:rgba(13,158,106,.08);color:var(--success);font-size:12px;font-weight:600;border-bottom:1px solid rgba(13,158,106,.12);animation:tbhSlide .3s var(--ease)}
.tbh .h-cpd-added[hidden]{display:none}
.tbh .h-cpd-added .ic{font-size:15px;flex-shrink:0}
.tbh .h-cpd-head{order:0}
@keyframes tbhSlide{0%{opacity:0;transform:translateY(-6px)}100%{opacity:1;transform:none}}

/* Mobil bildirim balonu */
.tbh .tbh-toast{position:fixed;left:12px;right:12px;bottom:calc(var(--tbh-bh, 58px) + 12px + env(safe-area-inset-bottom, 0px));z-index:1210;display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--ink);color:#fff;border-radius:14px;box-shadow:0 12px 32px rgba(0,0,0,.25);font-size:13px;font-weight:500;opacity:0;transform:translateY(12px);transition:opacity .25s var(--ease),transform .25s var(--ease)}
.tbh .tbh-toast.show{opacity:1;transform:none}
.tbh .tbh-toast[hidden]{display:none}
.tbh .tbh-toast-ic{font-size:18px;color:#7BE0B4;flex-shrink:0}
.tbh .tbh-toast-t{flex:1;min-width:0;line-height:1.3}
.tbh .tbh-toast-a,.tbh .tbh-toast-a:hover{flex-shrink:0;color:#fff;font-weight:700;font-size:12px;padding:7px 12px;border-radius:999px;background:var(--accent)}
@media(min-width:993px){.tbh .tbh-toast{left:auto;right:24px;bottom:24px;width:360px}}

/* WhatsApp çevrimiçi / kapalı göstergesi */
.tbh .tbh-wa-durum{display:inline-flex;align-items:center;gap:4px;margin-left:4px;padding:1px 7px 1px 6px;border-radius:999px;font-size:.86em;font-weight:600;color:var(--ink5);background:#F1EFEB;line-height:1.5;white-space:nowrap}
.tbh .tbh-wa-durum::before{content:'';width:6px;height:6px;border-radius:50%;background:#B9B5AE}
.tbh .tbh-wa-durum.is-acik{color:#128C4A;background:rgba(37,211,102,.12)}
.tbh .tbh-wa-durum.is-acik::before{background:#25D366;box-shadow:0 0 0 2px rgba(37,211,102,.25);animation:tbhPulse 2s ease-in-out infinite}
.tbh .tbh-wa-durum[hidden]{display:none}
@keyframes tbhPulse{0%,100%{box-shadow:0 0 0 2px rgba(37,211,102,.25)}50%{box-shadow:0 0 0 4px rgba(37,211,102,.08)}}
.tbh .ms-link-sub .tbh-wa-durum{font-size:10px;margin-left:6px}

/* Arama kutusu: "/" kısayol ipucu (yalnız boş ve odaksızken) */
.tbh .h-sf::after{content:'/';position:absolute;right:52px;top:50%;transform:translateY(-50%);width:22px;height:22px;border:1px solid var(--border);border-radius:6px;font-size:11px;font-weight:600;color:var(--ink6);display:flex;align-items:center;justify-content:center;background:#fff;pointer-events:none;z-index:2;transition:opacity .2s}
.tbh .h-search:focus-within .h-sf::after{opacity:0}
.tbh.tbh-ses-yok .h-sf::after{right:14px}

/* Ürün sayfası (mobil): sabit "Sepete Ekle" çubuğu alt menünün yerini alır */
@media(max-width:992px){
  body.product-body .tbh .m-bnav{display:none}
  body.product-body .tb-sabit-sepet{bottom:0 !important;padding-bottom:calc(10px + env(safe-area-inset-bottom, 0px))}
  body.product-body{padding-bottom:calc(76px + env(safe-area-inset-bottom, 0px))}
  body.product-body .tbh .tbh-toast{bottom:calc(84px + env(safe-area-inset-bottom, 0px))}
  body.product-body #cookiescript_badge{bottom:calc(88px + env(safe-area-inset-bottom, 0px)) !important}
}

/* Masaüstü küçük estetik dokunuşlar */
.tbh .h-main{box-shadow:0 1px 0 rgba(17,17,17,.02)}
.tbh .h-logo{transition:opacity .15s}
.tbh .h-logo:hover{opacity:.85}
.tbh .h-cb[aria-expanded="true"],.tbh .h-cw:hover .h-cb{color:var(--accent)}
.tbh .h-act:hover .h-at strong{color:var(--accent)}
.tbh .h-si{padding-right:86px}
.tbh.tbh-ses-yok .h-si{padding-right:46px}