/* ════════════════════════════════════════════════════════════════
   TILBE HOME — tb-ui.css (TB-UI v6, 9 Kas 2026)
   Header v5 ile aynı tasarım dili: ürün kartı (.tbk), ana sayfa bölümleri (.tba), footer (.tbf).
   Tüm seçiciler kendi önekleriyle; platform/eski tema CSS'ine dokunmaz.
   ════════════════════════════════════════════════════════════════ */
:root{
  --tb-ink:#151515;--tb-ink2:#2A2A2A;--tb-ink3:#484640;--tb-ink4:#6B6963;--tb-ink5:#8A8880;--tb-ink6:#B3B0A9;
  --tb-acc:#FF6B2C;--tb-acc-h:#E55A1F;--tb-acc-l:rgba(255,107,44,.08);
  --tb-ok:#0D9E6A;--tb-ok-l:rgba(13,158,106,.1);--tb-red:#E5484D;--tb-gold:#F5A524;
  --tb-bg:#F7F6F3;--tb-w:#fff;--tb-bd:#ECE9E3;--tb-bd2:#F3F1EC;
  --tb-r:16px;--tb-rs:10px;
  --tb-font:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --tb-ease:cubic-bezier(.4,0,.2,1);
  --tb-sh:0 1px 2px rgba(17,17,17,.04),0 6px 18px -10px rgba(17,17,17,.12);
  --tb-sh-h:0 2px 6px rgba(17,17,17,.05),0 18px 40px -18px rgba(17,17,17,.28);
}

/* ═══ 1. ÜRÜN KARTI (v7 — sade tipografi + mikro etkileşimler) ═══ */
.tbk{position:relative;display:flex;flex-direction:column;height:100%;background:var(--tb-w);border:1px solid var(--tb-bd2);border-radius:14px;overflow:hidden;font-family:var(--tb-font);transition:box-shadow .2s var(--tb-ease),transform .2s var(--tb-ease),border-color .2s;text-align:left;-webkit-tap-highlight-color:transparent}
.tbk *,.tbk *::before,.tbk *::after{box-sizing:border-box}
@media(hover:hover){.tbk:hover{box-shadow:0 1px 2px rgba(17,17,17,.04),0 14px 34px -16px rgba(17,17,17,.24);transform:translateY(-2px);border-color:var(--tb-bd)}}
@media(hover:none){.tbk:active{transform:scale(.985);transition-duration:.12s}}
.tbk-media{position:relative;background:linear-gradient(135deg,#F6F4F0 0%,#EFECE6 50%,#F6F4F0 100%)}
.tbk-img{display:block;position:relative;aspect-ratio:2/3;overflow:hidden}
.tbk-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:opacity .25s var(--tb-ease),transform .4s var(--tb-ease)}
.tbk-i2{opacity:0}
@media(hover:hover){.tbk:hover .tbk-i2[src]{opacity:1}.tbk:hover .tbk-i1{transform:scale(1.04)}}
/* Görsel noktaları (2. görsel varsa, hover'da) */
.tbk-dots{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);display:flex;gap:4px;z-index:2;opacity:0;transition:opacity .25s}
.tbk-dots i{width:14px;height:3px;border-radius:2px;background:rgba(255,255,255,.55);box-shadow:0 0 2px rgba(0,0,0,.25);transition:background .25s,width .25s}
.tbk-dots i:first-child{background:#fff;width:20px}
@media(hover:hover){.tbk:hover .tbk-dots{opacity:1}.tbk:hover .tbk-dots i:first-child{background:rgba(255,255,255,.55);width:14px}.tbk:hover .tbk-dots i:last-child{background:#fff;width:20px}}
@media(hover:hover){.tbk--r2:hover .tbk-dots{bottom:56px}}
@media(hover:none){.tbk-dots{display:none}}
/* Rozetler — sade, cam efekti */
.tbk-rozetler{position:absolute;left:8px;top:8px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;z-index:2;pointer-events:none}
.tbk-rozetler>*{pointer-events:auto}
.tbk-rz{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px 0 6px;border-radius:999px;font-size:10.5px;font-weight:600;line-height:1;white-space:nowrap}
.tbk-rz--video{background:rgba(255,255,255,.88);color:var(--tb-ink2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 1px 3px rgba(0,0,0,.1)}
.tbk-rz--video svg{width:12px;height:12px;fill:var(--tb-ink2);stroke:none}
/* Favori */
.tbk-fav-w{position:absolute;right:8px;top:8px;z-index:3}
.tbk-fav{position:relative;width:34px;height:34px;border-radius:50%;border:0;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 1px 4px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:transform .2s var(--tb-ease),box-shadow .2s}
.tbk-fav svg{width:18px;height:18px;fill:none;stroke:var(--tb-ink3);stroke-width:1.8;transition:fill .2s,stroke .2s}
.tbk-fav::before{content:'';position:absolute;inset:-7px;border-radius:50%}
.tbk-fav::after{content:'';position:absolute;inset:-2px;border-radius:50%;border:2px solid var(--tb-acc);opacity:0;transform:scale(.6)}
@media(hover:hover){.tbk-fav:hover{transform:scale(1.08);box-shadow:0 3px 10px rgba(0,0,0,.14)}.tbk-fav:hover svg{stroke:var(--tb-acc)}}
.tbk-fav.is-fav svg{fill:var(--tb-acc);stroke:var(--tb-acc)}
.tbk-fav.is-pop svg{animation:tbkPop .45s var(--tb-ease)}
.tbk-fav.is-pop::after{animation:tbkRing .5s ease-out}
@keyframes tbkPop{0%{transform:scale(1)}30%{transform:scale(.75)}60%{transform:scale(1.25)}100%{transform:scale(1)}}
@keyframes tbkRing{0%{opacity:.7;transform:scale(.6)}100%{opacity:0;transform:scale(1.5)}}
.tbk-tukendi{position:absolute;inset:auto 8px 8px 8px;background:rgba(17,17,17,.72);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:12px;font-weight:600;text-align:center;padding:7px;border-radius:10px;z-index:2}
.tbk--yok .tbk-img img{filter:grayscale(.5);opacity:.75}
/* Sepete ekle — yükleniyor / eklendi durumları */
.tbk-hizli{position:absolute;left:8px;right:8px;bottom:8px;z-index:3;height:40px;border:0;border-radius:10px;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--tb-ink);font:600 12.5px/1 var(--tb-font);display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;opacity:0;transform:translateY(10px);transition:opacity .18s var(--tb-ease),transform .18s var(--tb-ease),background .15s,color .15s;box-shadow:0 4px 14px -4px rgba(0,0,0,.18);overflow:visible}
.tbk-hizli::before{content:'';position:absolute;inset:-4px}
.tbk-hizli svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.tbk-h-ok,.tbk-h-t2,.tbk-h-t3{display:none}
.tbk-hizli.is-hata{opacity:1;transform:none;background:#fff;color:var(--tb-ink);box-shadow:0 0 0 1.5px #D97706,0 4px 14px -4px rgba(0,0,0,.18)}
.tbk-hizli.is-hata .tbk-h-t{display:none}.tbk-hizli.is-hata .tbk-h-t3{display:inline}
@media(hover:hover){.tbk-hizli:hover{background:var(--tb-acc);color:#fff}.tbk:hover .tbk-hizli,.tbk:focus-within .tbk-hizli{opacity:1;transform:none}}
.tbk-hizli:active{transform:scale(.97) !important}
.tbk-hizli.is-yuk{pointer-events:none;opacity:1;transform:none}
.tbk-hizli.is-yuk .tbk-h-ic{animation:tbkSpin .7s linear infinite;stroke-dasharray:30 60}
.tbk-hizli.is-ok{opacity:1;transform:none;background:var(--tb-ok);color:#fff}
.tbk-hizli.is-ok .tbk-h-ic,.tbk-hizli.is-ok .tbk-h-t{display:none}
.tbk-hizli.is-ok .tbk-h-ok,.tbk-hizli.is-ok .tbk-h-t2{display:inline}
.tbk-hizli.is-ok .tbk-h-ok{stroke-width:2.6;stroke-dasharray:22;stroke-dashoffset:22;animation:tbkTik .4s .05s var(--tb-ease) forwards}
@keyframes tbkSpin{to{transform:rotate(360deg)}}
@keyframes tbkTik{to{stroke-dashoffset:0}}
@media(hover:none){.tbk-hizli{opacity:1;transform:none;left:auto;width:36px;height:36px;border-radius:50%;padding:0;color:var(--tb-ink2)}.tbk-hizli span{display:none !important}.tbk-hizli.is-ok{width:36px}}
/* Gövde */
.tbk-body{display:flex;flex-direction:column;gap:6px;padding:10px 12px 12px;flex:1}
.tbk-ad{font-size:12.5px;line-height:1.42;font-weight:400;color:var(--tb-ink3) !important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.84em;text-decoration:none !important;transition:color .15s}
@media(hover:hover){.tbk-ad:hover{color:var(--tb-ink) !important}}
.tbk-puan{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--tb-ink5);line-height:1}
.tbk-puan strong{font-weight:600;color:var(--tb-ink3)}
.tbk-yildiz{position:relative;display:inline-block;width:62px;height:12px;background:#E3E0DA;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 12'%3E%3Cg%3E%3Cpath id='s' d='M6 .6l1.6 3.4 3.8.5-2.7 2.6.6 3.7L6 9.1 2.7 10.8l.6-3.7L.6 4.5l3.8-.5z'/%3E%3Cuse href='%23s' x='12'/%3E%3Cuse href='%23s' x='24'/%3E%3Cuse href='%23s' x='36'/%3E%3Cuse href='%23s' x='48'/%3E%3C/g%3E%3C/svg%3E") 0 0/62px 12px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 12'%3E%3Cg%3E%3Cpath id='s' d='M6 .6l1.6 3.4 3.8.5-2.7 2.6.6 3.7L6 9.1 2.7 10.8l.6-3.7L.6 4.5l3.8-.5z'/%3E%3Cuse href='%23s' x='12'/%3E%3Cuse href='%23s' x='24'/%3E%3Cuse href='%23s' x='36'/%3E%3Cuse href='%23s' x='48'/%3E%3C/g%3E%3C/svg%3E") 0 0/62px 12px no-repeat}
.tbk-yildiz span{position:absolute;inset:0 auto 0 0;background:var(--tb-gold)}
.tbk-bilgi{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:11px;line-height:1.2}
.tbk-b{display:inline-flex;align-items:center;gap:4px;font-weight:500}
.tbk-b svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.tbk-b--kargo{color:var(--tb-ok)}
.tbk-b--az{color:#C2410C}
/* Fiyat */
.tbk-fiyat{margin-top:auto;padding-top:2px;display:flex;flex-direction:column;gap:4px}
.tbk-f-ust{display:flex;align-items:center;gap:6px;min-height:15px;line-height:1}
.tbk-eski{font-size:11.5px;color:var(--tb-ink5);text-decoration:line-through;text-decoration-color:rgba(0,0,0,.35)}
.tbk-oran{font-size:11px;font-weight:600;color:var(--tb-red)}
.tbk-guncel strong{font-size:15.5px;font-weight:700;color:var(--tb-ink);letter-spacing:-.015em;line-height:1.15}
.tbk-sepette{display:flex;align-items:center;justify-content:space-between;gap:6px;background:#EEF8F3;border-radius:8px;padding:6px 8px;line-height:1}
.tbk-sp-etk{font-size:10.5px;font-weight:600;color:#0B7A53;display:inline-flex;align-items:center;gap:4px}
.tbk-sp-etk::before{content:'';width:12px;height:12px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2.2 10.2a2 2 0 0 0 2 1.6h7.6a2 2 0 0 0 2-1.5L20.5 8H6.2'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2.2 10.2a2 2 0 0 0 2 1.6h7.6a2 2 0 0 0 2-1.5L20.5 8H6.2'/%3E%3C/svg%3E") center/contain no-repeat}
.tbk-sepette strong{font-size:15px;font-weight:700;color:#0B7A53;letter-spacing:-.015em;white-space:nowrap}
.tbk-adet{display:flex;align-items:center;gap:4px;margin-top:6px}
.tbk-adet .btn{width:30px;height:30px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--tb-bd);border-radius:8px;color:var(--tb-ink2)}
.tbk-adet input{height:30px;text-align:center;padding:0;border-radius:8px;border:1px solid var(--tb-bd);flex:1;min-width:0}
.tbk a:focus-visible,.tbk button:focus-visible{outline:2px solid var(--tb-acc);outline-offset:2px}
@media(max-width:575px){.tbk{border-radius:12px}.tbk-body{padding:8px 9px 10px;gap:5px}.tbk-ad{font-size:12px}.tbk-guncel strong{font-size:14.5px}.tbk-sepette{padding:5px 6px;flex-wrap:wrap}.tbk-sepette strong{font-size:14px}.tbk-sp-etk{font-size:10px}.tbk-fav{width:30px;height:30px}.tbk-fav svg{width:16px;height:16px}.tbk-bilgi{font-size:10.5px}}
@media(prefers-reduced-motion:reduce){.tbk,.tbk *{animation:none !important;transition:none !important}}
/* Kategori/arama listelerinde platform satırı içinde kart tam yükseklik */
.col-list-p-v-1>.tbk,[class*="col-"]>.tbk{margin-bottom:16px;height:calc(100% - 16px)}

/* ═══ 2. ANA SAYFA ORTAK ═══ */
.tba{font-family:var(--tb-font);color:var(--tb-ink);margin:0 0 36px;text-align:left}
.tba *,.tba *::before,.tba *::after{box-sizing:border-box}
.tba a{text-decoration:none}
.tba svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tba-sr{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tba-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 14px}
.tba-head-t{display:flex;align-items:center;gap:12px;min-width:0}
.tba-head-ic{width:42px;height:42px;border-radius:12px;background:var(--tb-acc-l);color:var(--tb-acc);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.tba-head-ic svg{width:22px;height:22px}
.tba-head-ic--yesil{background:var(--tb-ok-l);color:var(--tb-ok)}
.tba-h2{font-size:clamp(18px,1.2vw + 10px,24px);font-weight:700;letter-spacing:-.025em;line-height:1.2;margin:0;color:var(--tb-ink)}
.tba-h2 a{color:inherit}
.tba-sub{font-size:13px;color:var(--tb-ink4);margin:3px 0 0;line-height:1.4}
.tba-all{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:var(--tb-acc) !important;white-space:nowrap;padding:8px 4px 8px 12px;border-radius:999px;transition:gap .15s,background .15s;flex-shrink:0}
.tba-all svg{width:16px;height:16px;stroke-width:2.2}
.tba-all:hover{gap:7px;background:var(--tb-acc-l)}
.tba-all--ters{background:#fff;padding:9px 12px 9px 16px;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.tba-all--ters:hover{background:#fff}

/* Yatay ürün satırı */
.tba-rowwrap{position:relative}
.tba-row{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 5 * 14px) / 6);gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:0 2px;scrollbar-width:none;padding:4px 2px 14px;margin:-4px -2px -10px}
.tba-row::-webkit-scrollbar{display:none}
.tba-cell{scroll-snap-align:start;min-width:0}
@media(max-width:1280px){.tba-row{grid-auto-columns:calc((100% - 4 * 14px) / 5)}}
@media(max-width:1024px){.tba-row{grid-auto-columns:calc((100% - 3 * 12px) / 4);gap:12px}}
@media(max-width:768px){.tba-row{grid-auto-columns:calc((100% - 2 * 10px) / 3);gap:10px}}
@media(max-width:575px){.tba-row{grid-auto-columns:42%;gap:10px;scroll-padding:0 12px;padding:4px 12px 14px;margin:-4px -12px -10px}}
.tba-ok{position:absolute;top:calc(50% - 32px);z-index:5;width:42px;height:42px;border-radius:50%;border:1px solid var(--tb-bd);background:#fff;box-shadow:0 6px 18px -6px rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--tb-ink2);transition:transform .15s,opacity .2s,color .15s}
.tba-ok svg{width:20px;height:20px;stroke-width:2.2}
.tba-ok:hover{color:var(--tb-acc);transform:scale(1.06)}
.tba-ok--l{left:-14px}.tba-ok--r{right:-14px}
.tba-ok[hidden]{display:none}
@media(hover:none),(max-width:768px){.tba-ok{display:none !important}}

/* ═══ 3. ÜST: HERO + YAN KARTLAR + GÜVEN + KATEGORİLER ═══ */
.tba-ust{margin-top:18px}
.tba-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px}
.tba-hero{position:relative;border-radius:22px;overflow:hidden;min-width:0;background:var(--tb-bd2)}
.tba-hero-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth;height:100%}
.tba-hero-track::-webkit-scrollbar{display:none}
.tba-slide{flex:0 0 100%;scroll-snap-align:start;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:24px;padding:40px 44px;min-height:360px;background:radial-gradient(120% 140% at 85% 20%,var(--s2) 0%,var(--s1) 60%);position:relative;overflow:hidden}
.tba-slide::after{content:'';position:absolute;right:-80px;bottom:-120px;width:340px;height:340px;border-radius:50%;background:var(--sa);opacity:.07;pointer-events:none}
.tba-slide-t{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.tba-slide-ust{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--sa);background:rgba(255,255,255,.7);padding:6px 10px;border-radius:999px}
.tba-slide-h{font-size:clamp(24px,2.2vw + 8px,40px);font-weight:800;letter-spacing:-.035em;line-height:1.08;margin:0;color:var(--tb-ink)}
.tba-slide-p{font-size:14px;color:var(--tb-ink3);margin:0;max-width:380px;line-height:1.5}
.tba-slide-btn{margin-top:8px;display:inline-flex;align-items:center;gap:6px;height:46px;padding:0 20px 0 24px;border-radius:999px;background:var(--tb-ink);color:#fff !important;font-weight:600;font-size:14px;transition:background .15s,gap .15s,transform .15s;box-shadow:0 10px 24px -12px rgba(0,0,0,.5)}
.tba-slide-btn svg{width:18px;height:18px;stroke-width:2.2}
.tba-slide-btn:hover{background:var(--sa);gap:9px}
.tba-slide-g{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:center}
.tba-slide-g--2{grid-template-columns:repeat(2,1fr);max-width:75%;margin-left:auto}
.tba-sg{position:relative;display:block;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 16px 30px -18px rgba(0,0,0,.35);aspect-ratio:2/3;transition:transform .3s var(--tb-ease)}
.tba-sg:nth-child(2){transform:translateY(-14px)}
.tba-sg:hover{transform:translateY(-4px) scale(1.02)}
.tba-sg:nth-child(2):hover{transform:translateY(-18px) scale(1.02)}
.tba-sg img{width:100%;height:100%;object-fit:cover;display:block}
.tba-sg-f{position:absolute;left:8px;bottom:8px;background:rgba(255,255,255,.95);color:var(--tb-ink);font-size:12px;font-weight:700;padding:4px 8px;border-radius:8px;display:flex;flex-direction:column;line-height:1.15;box-shadow:0 2px 8px rgba(0,0,0,.1)}
.tba-sg-f small{font-size:8.5px;font-weight:700;color:var(--tb-ok);text-transform:uppercase;letter-spacing:.04em}
.tba-hero-ok{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.88);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--tb-ink2);box-shadow:0 4px 14px rgba(0,0,0,.12);opacity:0;transition:opacity .2s}
.tba-hero-ok svg{width:20px;height:20px;stroke-width:2.2}
.tba-hero:hover .tba-hero-ok{opacity:1}
.tba-hero-ok--l{left:12px}.tba-hero-ok--r{right:12px}
.tba-hero-dots{position:absolute;left:44px;bottom:18px;z-index:3;display:flex;gap:6px}
.tba-dot{width:8px;height:8px;border-radius:999px;border:0;padding:0;background:rgba(17,17,17,.2);cursor:pointer;transition:width .3s var(--tb-ease),background .3s}
.tba-dot.is-on{width:26px;background:var(--tb-ink)}
.tba-yan{display:flex;flex-direction:column;gap:16px}
.tba-yan-k{flex:1;display:flex;flex-direction:column;gap:12px;padding:22px;border-radius:22px;color:var(--tb-ink) !important;position:relative;overflow:hidden;transition:transform .2s var(--tb-ease),box-shadow .2s}
.tba-yan-k:hover{transform:translateY(-2px);box-shadow:var(--tb-sh-h)}
.tba-yan-k--kargo{background:linear-gradient(150deg,#151515 0%,#2C2A27 100%);color:#fff !important}
.tba-yan-k--bedava{background:linear-gradient(150deg,#FFE9DA 0%,#FFD3B5 100%)}
.tba-yan-ic{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.12)}
.tba-yan-k--bedava .tba-yan-ic{background:#fff;color:var(--tb-acc)}
.tba-yan-ic svg{width:24px;height:24px}
.tba-yan-t{display:flex;flex-direction:column;gap:4px}
.tba-yan-t strong{font-size:17px;font-weight:700;letter-spacing:-.02em}
.tba-yan-t span{font-size:12.5px;opacity:.75;line-height:1.45}
.tba-yan-t em,.tba-sayac{font-style:normal;font-size:13px;font-weight:700;margin-top:6px;font-variant-numeric:tabular-nums}
.tba-yan-k--kargo .tba-sayac{color:#FFB38A}
.tba-yan-cta{color:var(--tb-acc)}
.tba-guven{list-style:none;margin:16px 0 0;padding:14px 18px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;background:#fff;border:1px solid var(--tb-bd);border-radius:18px}
.tba-guven li{display:flex;align-items:center;gap:12px;min-width:0}
.tba-g-ic{width:40px;height:40px;border-radius:12px;background:var(--tb-acc-l);color:var(--tb-acc);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.tba-g-ic svg{width:21px;height:21px}
.tba-guven strong{display:block;font-size:13px;font-weight:700;letter-spacing:-.01em}
.tba-guven small{display:block;font-size:11.5px;color:var(--tb-ink4)}
.tba-katlar{margin-top:22px}
.tba-katlar-row{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;padding:2px 2px 6px;justify-content:space-between}
.tba-katlar-row::-webkit-scrollbar{display:none}
.tba-kd{flex:0 0 auto;width:98px;display:flex;flex-direction:column;align-items:center;gap:8px;scroll-snap-align:start;color:var(--tb-ink2) !important;text-align:center}
.tba-kd-i{width:82px;height:82px;border-radius:50%;background:#fff;border:1px solid var(--tb-bd);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:transform .2s var(--tb-ease),box-shadow .2s,border-color .2s}
.tba-kd-i img{width:100%;height:100%;object-fit:cover}
.tba-kd-i svg{width:30px;height:30px;color:var(--tb-ink4)}
.tba-kd--ozel .tba-kd-i{background:var(--kd);border-color:transparent;color:#fff;box-shadow:0 8px 18px -10px var(--kd)}
.tba-kd--ozel .tba-kd-i svg{color:#fff;width:32px;height:32px}
.tba-kd:hover .tba-kd-i{transform:translateY(-3px);box-shadow:var(--tb-sh-h);border-color:var(--tb-acc)}
.tba-kd-t{font-size:12px;font-weight:600;line-height:1.25;letter-spacing:-.005em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tba-kd:hover .tba-kd-t{color:var(--tb-acc)}
@media(max-width:1200px){.tba-hero-grid{grid-template-columns:minmax(0,1fr) 250px}.tba-slide{padding:32px}}
@media(max-width:992px){
  .tba-ust{margin-top:8px}
  .tba-hero-grid{grid-template-columns:1fr}
  .tba-yan{flex-direction:row}
  .tba-yan-k{padding:16px;border-radius:18px;gap:8px}
  .tba-yan-t strong{font-size:14.5px}
  .tba-yan-t span{display:none}
  .tba-guven{grid-template-columns:repeat(2,1fr);padding:12px}
  .tba-katlar-row{justify-content:flex-start}
}
@media(max-width:640px){
  .tba-hero{border-radius:18px}
  .tba-slide{grid-template-columns:1fr;gap:16px;padding:22px 20px 44px;min-height:0}
  .tba-slide-h{font-size:24px}
  .tba-slide-p{font-size:12.5px}
  .tba-slide-btn{height:40px;font-size:13px;padding:0 16px 0 18px;margin-top:2px}
  .tba-slide-g{gap:8px}
  .tba-slide-g--2{max-width:none}
  .tba-sg{border-radius:12px}
  .tba-sg:nth-child(2){transform:none}
  .tba-sg-f{font-size:10.5px;left:5px;bottom:5px;padding:3px 6px}
  .tba-hero-dots{left:20px;bottom:16px}
  .tba-hero-ok{display:none}
  .tba-yan{gap:10px}
  .tba-yan-ic{width:36px;height:36px}
  .tba-yan-ic svg{width:20px;height:20px}
  .tba-guven{gap:10px}
  .tba-guven small{font-size:10.5px}
  .tba-g-ic{width:34px;height:34px;border-radius:10px}
  .tba-kd{width:76px}
  .tba-kd-i{width:66px;height:66px}
  .tba-kd-t{font-size:11px}
  .tba-katlar-row{padding:2px 12px 6px;margin:0 -12px}
}

/* ═══ 4. FIRSAT ═══ */
.tba-firsat{background:linear-gradient(135deg,#FF6B2C 0%,#FF8F4D 55%,#FFB37A 100%);border-radius:24px;padding:24px 24px 20px;position:relative;overflow:hidden}
.tba-firsat::before{content:'';position:absolute;right:-60px;top:-90px;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,.12)}
.tba-firsat-bas{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px;color:#fff}
.tba-firsat .tba-h2{color:#fff}
.tba-firsat .tba-sub{color:rgba(255,255,255,.9)}
.tba-firsat-pill{display:inline-flex;align-items:center;gap:5px;background:#fff;color:var(--tb-acc);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px 5px 8px;border-radius:999px;margin-bottom:8px}
.tba-firsat-pill svg{width:14px;height:14px;fill:currentColor;stroke:none}
.tba-firsat-sag{display:flex;align-items:center;gap:10px;flex-shrink:0}
.tba-firsat-sayac{display:inline-flex;align-items:center;gap:6px;background:rgba(17,17,17,.22);color:#fff;font-size:12.5px;font-weight:600;padding:9px 12px;border-radius:999px;font-variant-numeric:tabular-nums}
.tba-firsat-sayac svg{width:16px;height:16px}
.tba-firsat .tbk{border-color:transparent}
.tba-firsat .tba-ok{border-color:transparent}
@media(max-width:640px){.tba-firsat{border-radius:18px;padding:18px 12px 14px;margin-left:-4px;margin-right:-4px}.tba-firsat-bas{flex-direction:column;align-items:flex-start;padding:0 4px}.tba-firsat-sag{width:100%;justify-content:space-between}}

/* ═══ 5. ÇOK SATANLAR (sekmeli) ═══ */
.tba-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 0 16px;padding:2px}
.tba-tabs::-webkit-scrollbar{display:none}
.tba-tab{flex-shrink:0;height:38px;padding:0 16px;border-radius:999px;border:1px solid var(--tb-bd);background:#fff;color:var(--tb-ink3);font:600 13px/1 var(--tb-font);cursor:pointer;transition:all .15s;white-space:nowrap}
.tba-tab:hover{border-color:var(--tb-ink4);color:var(--tb-ink)}
.tba-tab.is-on{background:var(--tb-ink);border-color:var(--tb-ink);color:#fff}
.tba-tabpanel[hidden]{display:none}
.tba-tabpanel{animation:tbaFade .3s var(--tb-ease)}
@keyframes tbaFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:575px){.tba-tabs{margin:0 -12px 14px;padding:2px 12px}}

/* ═══ 6. KEŞFET KARTLARI ═══ */
.tba-kesfet{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tba-kk{display:flex;flex-direction:column;justify-content:space-between;gap:14px;min-height:250px;padding:22px 22px 0;border-radius:22px;overflow:hidden;color:var(--tb-ink) !important;position:relative;transition:transform .25s var(--tb-ease),box-shadow .25s}
.tba-kk:hover{transform:translateY(-3px);box-shadow:var(--tb-sh-h)}
.tba-kk--mor{background:linear-gradient(150deg,#F6EEFB,#E9DCF6)}
.tba-kk--mavi{background:linear-gradient(150deg,#ECF1FD,#D9E3FB)}
.tba-kk--yesil{background:linear-gradient(150deg,#EAF6EF,#D3EEDD)}
.tba-kk-t{display:flex;flex-direction:column;gap:4px}
.tba-kk-t strong{font-size:20px;font-weight:800;letter-spacing:-.03em}
.tba-kk-t span{font-size:13px;color:var(--tb-ink4)}
.tba-kk-t em{font-style:normal;display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:700;color:var(--tb-ink);margin-top:6px}
.tba-kk-t em svg{width:16px;height:16px;stroke-width:2.2}
.tba-kk-g{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-items:end}
.tba-kk-g img{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;border-radius:14px 14px 0 0;box-shadow:0 -6px 18px -12px rgba(0,0,0,.4);transition:transform .3s var(--tb-ease)}
.tba-kk-g img:nth-child(2){transform:translateY(-10px)}
.tba-kk:hover .tba-kk-g img{transform:translateY(-6px)}
.tba-kk:hover .tba-kk-g img:nth-child(2){transform:translateY(-16px)}
@media(max-width:992px){.tba-kesfet{grid-template-columns:repeat(3,minmax(240px,1fr));overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;margin:0 -12px 32px;padding:0 12px}.tba-kesfet::-webkit-scrollbar{display:none}.tba-kk{scroll-snap-align:start;min-height:220px}}
@media(max-width:575px){.tba-kesfet{grid-template-columns:repeat(3,78%)}}
@media(max-width:992px){.tba-kk{gap:10px;padding:18px 16px 0}.tba-kk-g img{max-height:200px}}

/* ═══ 7. KATEGORİ VİTRİNLERİ ═══ */
.tba-kv{content-visibility:auto;contain-intrinsic-size:auto 520px}
.tba-kv-in{display:grid;grid-template-columns:260px minmax(0,1fr);gap:16px;align-items:stretch}
.tba-kv-kart{background:var(--kv);border-radius:22px;padding:22px;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden}
.tba-kv-gorsel{display:block;width:150px;height:150px;border-radius:50%;overflow:hidden;background:#fff;align-self:center;box-shadow:0 18px 30px -18px rgba(0,0,0,.35);margin:4px 0}
.tba-kv-gorsel img{width:100%;height:100%;object-fit:cover}
.tba-kv-chips{display:flex;flex-wrap:wrap;gap:6px}
.tba-chip{font-size:11.5px;font-weight:500;color:var(--tb-ink2) !important;background:rgba(255,255,255,.75);padding:6px 10px;border-radius:999px;transition:background .15s,color .15s;line-height:1.2}
.tba-chip:hover{background:#fff;color:var(--tb-acc) !important}
.tba-kv-btn{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:42px;border-radius:12px;background:var(--tb-ink);color:#fff !important;font-weight:600;font-size:13px;transition:background .15s}
.tba-kv-btn svg{width:16px;height:16px;stroke-width:2.2}
.tba-kv-btn:hover{background:var(--tb-acc)}
.tba-kv-mbas{display:none}
.tba-kv-urun{min-width:0;display:flex;flex-direction:column;justify-content:center}
@media(max-width:992px){
  .tba-kv-in{grid-template-columns:1fr}
  .tba-kv-kart{display:none}
  .tba-kv-mbas{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
}

/* ═══ 8. PAZARYERLERİ ═══ */
.tba-py{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:24px;align-items:center;background:#fff;border:1px solid var(--tb-bd);border-radius:22px;padding:24px}
.tba-py-t{display:flex;gap:14px;align-items:flex-start}
.tba-py-ic{width:46px;height:46px;border-radius:14px;background:var(--tb-ok-l);color:var(--tb-ok);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.tba-py-ic svg{width:24px;height:24px}
.tba-py-l{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.tba-py-k{display:flex;align-items:center;justify-content:center;width:150px;height:62px;padding:10px 16px;border:1px solid var(--tb-bd);border-radius:14px;background:#fff;transition:border-color .15s,transform .15s,box-shadow .15s}
.tba-py-k:hover{border-color:var(--tb-acc);transform:translateY(-2px);box-shadow:var(--tb-sh)}
.tba-py-k img{max-width:100%;max-height:100%;object-fit:contain}
@media(max-width:992px){.tba-py{grid-template-columns:1fr;padding:18px}.tba-py-l{justify-content:flex-start}.tba-py-k{width:calc(33.333% - 7px);height:54px}}

/* ═══ 9. ANA SAYFADAKİ PLATFORM MODÜLLERİ (yorum vitrini vb.) — aynı dile uyum ═══ */
.home-body .card-comment{border-radius:var(--tb-r) !important;border:1px solid var(--tb-bd) !important;box-shadow:none !important;background:#fff !important}
.home-body .readmore-text{font-family:var(--tb-font);color:var(--tb-ink4)}

/* ═══ 10. FOOTER ═══ */
.tbf{font-family:var(--tb-font);color:var(--tb-ink3);background:#fff;margin-top:24px;text-align:left;border-top:1px solid var(--tb-bd)}
.tbf *,.tbf *::before,.tbf *::after{box-sizing:border-box}
.tbf a{text-decoration:none;color:inherit}
.tbf svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tbf svg.tbf-dolu{fill:currentColor;stroke:none}
.tbf-c{max-width:calc(1380px + 2 * clamp(16px,1vw + 8px,32px));margin:0 auto;padding:0 clamp(16px,1vw + 8px,32px)}
.tbf-sr{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.tbf-guven{background:linear-gradient(180deg,#FBFAF7,#fff);border-bottom:1px solid var(--tb-bd2)}
.tbf-guven .tbf-c{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding-top:22px;padding-bottom:22px}
.tbf-g{display:flex;align-items:center;gap:12px}
.tbf-g-ic{width:46px;height:46px;border-radius:14px;background:var(--tb-acc-l);color:var(--tb-acc);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.tbf-g-ic svg{width:23px;height:23px}
.tbf-g strong{display:block;font-size:13.5px;color:var(--tb-ink);font-weight:700;letter-spacing:-.01em}
.tbf-g small{display:block;font-size:11.5px;color:var(--tb-ink4)}
.tbf-bulten{background:var(--tb-ink);color:#fff}
.tbf-bulten .tbf-c{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:22px;padding-bottom:22px}
.tbf-bulten-t{display:flex;align-items:center;gap:14px}
.tbf-bulten-ic{width:46px;height:46px;border-radius:14px;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.tbf-bulten-ic svg{width:22px;height:22px}
.tbf-bulten-t strong{display:block;font-size:16px;font-weight:700;letter-spacing:-.015em}
.tbf-bulten-t span{display:block;font-size:12px;opacity:.7}
.tbf-bulten-f{display:flex;gap:8px;flex:0 1 460px}
.tbf-bulten-f input{flex:1;min-width:0;height:46px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);color:#fff;padding:0 16px;font:500 13.5px var(--tb-font);outline:none;transition:border-color .2s,background .2s}
.tbf-bulten-f input::placeholder{color:rgba(255,255,255,.5)}
.tbf-bulten-f input:focus{border-color:var(--tb-acc);background:rgba(255,255,255,.1)}
.tbf-bulten-f button{height:46px;padding:0 22px;border:0;border-radius:12px;background:var(--tb-acc);color:#fff;font:700 13.5px var(--tb-font);cursor:pointer;transition:background .15s}
.tbf-bulten-f button:hover{background:var(--tb-acc-h)}
.tbf-ana .tbf-c{padding-top:44px;padding-bottom:36px}
.tbf-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr 1fr 1.35fr;gap:36px}
.tbf-marka{display:flex;flex-direction:column;gap:12px}
.tbf-logo img{height:36px;width:auto}
.tbf-hakkinda{font-size:12.5px;line-height:1.6;color:var(--tb-ink4);margin:0 0 4px}
.tbf-ilet{display:flex;align-items:center;gap:12px;padding:11px 14px;border:1px solid var(--tb-bd);border-radius:14px;transition:border-color .15s,box-shadow .15s,transform .15s}
.tbf-ilet:hover{border-color:var(--tb-acc);transform:translateY(-1px);box-shadow:var(--tb-sh)}
.tbf-ilet-ic{width:38px;height:38px;border-radius:11px;background:var(--tb-acc-l);color:var(--tb-acc);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.tbf-ilet-ic svg{width:19px;height:19px}
.tbf-ilet--wa{background:linear-gradient(135deg,rgba(37,211,102,.06),rgba(37,211,102,.02));border-color:rgba(37,211,102,.25)}
.tbf-ilet--wa .tbf-ilet-ic{background:rgba(37,211,102,.12);color:#1DA851}
.tbf-ilet--wa:hover{border-color:#25D366}
.tbf-ilet small{display:block;font-size:10.5px;color:var(--tb-ink5);font-weight:500}
.tbf-ilet strong{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--tb-ink);font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.tbf-wa-durum{display:inline-flex;align-items:center;gap:4px;padding:1px 7px 1px 6px;border-radius:999px;font-size:10px;font-weight:600;color:var(--tb-ink5);background:#F1EFEB}
.tbf-wa-durum::before{content:'';width:6px;height:6px;border-radius:50%;background:#B9B5AE}
.tbf-wa-durum.is-acik{color:#128C4A;background:rgba(37,211,102,.12)}
.tbf-wa-durum.is-acik::before{background:#25D366}
.tbf-wa-durum[hidden]{display:none}
.tbf-mini{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:var(--tb-ink4);line-height:1.45}
.tbf-mini svg{width:16px;height:16px;flex-shrink:0;margin-top:1px}
.tbf-col summary{list-style:none;font-size:13.5px;font-weight:700;color:var(--tb-ink);letter-spacing:-.01em;padding-bottom:12px;margin-bottom:14px;border-bottom:1px solid var(--tb-bd2);position:relative;cursor:default}
.tbf-col summary::-webkit-details-marker{display:none}
.tbf-col summary::after{content:'';position:absolute;left:0;bottom:-1px;width:28px;height:2px;border-radius:2px;background:var(--tb-acc)}
.tbf-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.tbf-col a{font-size:12.5px;color:var(--tb-ink4);transition:color .15s,padding .2s;display:inline-block}
.tbf-col a:hover{color:var(--tb-acc);padding-left:4px}
.tbf-sag{display:flex;flex-direction:column;gap:12px}
.tbf-takip{display:flex;align-items:center;gap:12px;padding:14px;border-radius:16px;background:linear-gradient(135deg,#FFF4EC,#FFE7D6);transition:transform .15s,box-shadow .15s}
.tbf-takip:hover{transform:translateY(-1px);box-shadow:var(--tb-sh)}
.tbf-takip-ic{width:40px;height:40px;border-radius:12px;background:#fff;color:var(--tb-acc);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.tbf-takip-ic svg{width:21px;height:21px}
.tbf-takip strong{display:block;font-size:13.5px;color:var(--tb-ink);font-weight:700}
.tbf-takip small{display:block;font-size:11px;color:var(--tb-ink4)}
.tbf-ok{width:18px;height:18px;margin-left:auto;color:var(--tb-acc);flex-shrink:0}
.tbf-bas{font-size:11px;font-weight:700;color:var(--tb-ink5);text-transform:uppercase;letter-spacing:.08em;margin-top:4px}
.tbf-app{display:flex;gap:8px}
.tbf-app img{height:40px;width:auto;border-radius:8px}
.tbf-sosyal{display:flex;flex-wrap:wrap;gap:8px}
.tbf-sosyal a{width:38px;height:38px;border-radius:11px;border:1px solid var(--tb-bd);display:flex;align-items:center;justify-content:center;color:var(--tb-ink3);transition:all .15s}
.tbf-sosyal a:hover{color:var(--tb-acc);border-color:var(--tb-acc);transform:translateY(-2px)}
.tbf-sosyal svg{width:18px;height:18px}
.tbf-etbis{display:flex;align-items:center;gap:10px;padding:8px 12px 8px 8px;border:1px solid var(--tb-bd);border-radius:14px;margin-top:4px}
.tbf-etbis img{width:52px;height:52px;object-fit:contain;border-radius:8px}
.tbf-etbis strong{display:block;font-size:12.5px;color:var(--tb-ink);font-weight:700}
.tbf-etbis small{display:block;font-size:10.5px;color:var(--tb-ink5);line-height:1.35}
.tbf-sms div{display:flex;gap:6px;margin-top:6px}
.tbf-sms input{flex:1;min-width:0;height:40px;border:1px solid var(--tb-bd);border-radius:10px;padding:0 12px}
.tbf-sms button{height:40px;padding:0 14px;border:0;border-radius:10px;background:var(--tb-ink);color:#fff;font-weight:600}
.tbf-py{border-top:1px solid var(--tb-bd2)}
.tbf-py .tbf-c{display:flex;align-items:center;gap:20px;padding-top:18px;padding-bottom:18px;flex-wrap:wrap}
.tbf-py-t{font-size:11px;font-weight:700;color:var(--tb-ink5);text-transform:uppercase;letter-spacing:.08em}
.tbf-py-l{display:flex;flex-wrap:wrap;gap:10px}
.tbf-py-l a{display:flex;align-items:center;justify-content:center;height:46px;width:120px;padding:8px 12px;border:1px solid var(--tb-bd);border-radius:12px;transition:border-color .15s}
.tbf-py-l a:hover{border-color:var(--tb-acc)}
.tbf-py-l img{max-height:100%;max-width:100%;object-fit:contain}
.tbf-alt{background:#FBFAF7;border-top:1px solid var(--tb-bd2)}
.tbf-alt .tbf-c{display:flex;flex-direction:column;align-items:center;gap:14px;padding-top:22px;padding-bottom:26px;text-align:center}
.tbf-yasal{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px}
.tbf-yasal a{font-size:12px;color:var(--tb-ink4)}
.tbf-yasal a:hover{color:var(--tb-acc)}
.tbf-odeme img{max-width:min(100%,640px);height:auto;opacity:.85}
.tbf-satici{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px;font-size:11px;color:var(--tb-ink5)}
.tbf-copy{font-size:11.5px;color:var(--tb-ink5)}
.tbf-copy p{margin:0}
.tbf-top{position:fixed;right:22px;bottom:22px;z-index:900;width:46px;height:46px;border-radius:50%;border:0;background:var(--tb-ink);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 24px -8px rgba(0,0,0,.4);opacity:0;transform:translateY(16px);transition:opacity .25s,transform .25s,background .15s}
.tbf-top.is-on{opacity:1;transform:none}
.tbf-top:hover{background:var(--tb-acc)}
.tbf-top svg{width:20px;height:20px;stroke-width:2.2}
.tbf-top[hidden]{display:none}
@media(max-width:1200px){.tbf-grid{grid-template-columns:1.3fr 1fr 1fr 1.2fr}.tbf-grid>.tbf-col:nth-of-type(3){display:none}}
@media(max-width:992px){
  .tbf-guven .tbf-c{grid-template-columns:repeat(2,1fr);gap:14px}
  .tbf-bulten .tbf-c{flex-direction:column;align-items:stretch}
  .tbf-bulten-f{flex:none}
  .tbf-grid{grid-template-columns:1fr;gap:0}
  .tbf-grid>.tbf-col:nth-of-type(3){display:block}
  .tbf-ana .tbf-c{padding-top:28px;padding-bottom:20px}
  .tbf-marka{margin-bottom:20px}
  .tbf-col{border-bottom:1px solid var(--tb-bd2)}
  .tbf-col summary{cursor:pointer;margin:0;padding:15px 0;border:0}
  .tbf-col summary::after{content:'+';position:absolute;right:2px;left:auto;top:50%;bottom:auto;width:auto;height:auto;background:none;transform:translateY(-50%);font-size:20px;font-weight:400;color:var(--tb-ink5);transition:transform .2s}
  .tbf-col[open] summary::after{transform:translateY(-50%) rotate(45deg)}
  .tbf-col ul{padding-bottom:16px}
  .tbf-sag{margin-top:20px}
  .tbf-top{bottom:calc(72px + env(safe-area-inset-bottom,0px));right:14px;width:42px;height:42px}
  body.product-body .tbf-top{bottom:calc(92px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:575px){.tbf-guven .tbf-c{gap:12px}.tbf-g-ic{width:38px;height:38px;border-radius:11px}.tbf-g strong{font-size:12.5px}.tbf-g small{font-size:10.5px}}

/* Eski footer/ana sayfa kalıntıları yeni yapıda kullanılmıyor */
.payment-logos-874{display:none}
@media (prefers-reduced-motion: reduce){.tbk,.tbk *,.tba *,.tbf *{transition:none !important;animation:none !important}.tba-hero-track{scroll-behavior:auto}}

/* ═══ 10. v7 İNCE İŞÇİLİK — ana sayfa mikro etkileşimleri ve yeni bölümler ═══ */
/* Kaydırınca beliren bölümler (yalnız ekran altındakiler; JS ekler) */
.tba.tb-rv{opacity:0;transform:translateY(12px);transition:opacity .35s var(--tb-ease),transform .35s var(--tb-ease)}
.tba.tb-rv.is-in{opacity:1;transform:none}
/* Satır kaydırma göstergesi */
.tba-prog{position:relative;height:3px;border-radius:3px;background:var(--tb-bd2);margin:14px auto 0;width:min(180px,40%);overflow:hidden}
.tba-prog i{position:absolute;top:0;bottom:0;left:0;width:30%;border-radius:3px;background:var(--tb-ink3);transition:transform .15s linear,width .2s}
.tba-prog[hidden]{display:none}
.tba-firsat .tba-prog{background:rgba(17,17,17,.08)}
/* Başlık: ince vurgu çizgisi + "Tümünü Gör" ok kayması */
.tba-head .tba-h2{position:relative}
.tba-all svg{transition:transform .2s var(--tb-ease)}
.tba-all:hover svg{transform:translateX(3px)}
/* Hero noktaları: geniş dokunma alanı */
.tba-dot{position:relative}.tba-dot::before{content:'';position:absolute;inset:-10px -4px}
/* Kategori daireleri: halka + basma hissi */
.tba-kd-i{position:relative}
.tba-kd:active .tba-kd-i{transform:scale(.94)}
.tba-kd:focus-visible{outline:none}.tba-kd:focus-visible .tba-kd-i{box-shadow:0 0 0 3px var(--tb-acc)}
/* Sekmeler: basma hissi */
.tba-tab:active{transform:scale(.96)}
/* Fırsat bloğu — daha rafine, sıcak açık zemin */
.tba-firsat{background:linear-gradient(135deg,#FFF4EC 0%,#FFE9DB 100%);border:1px solid #FFE0CC}
.tba-firsat::before{background:radial-gradient(circle,rgba(255,107,44,.16),rgba(255,107,44,0) 70%);right:-80px;top:-120px;width:360px;height:360px}
.tba-firsat-bas{color:var(--tb-ink)}
.tba-firsat .tba-h2{color:var(--tb-ink)}
.tba-firsat .tba-sub{color:var(--tb-ink4)}
.tba-firsat-pill{background:var(--tb-acc);color:#fff}
.tba-firsat-sayac{background:#fff;color:var(--tb-ink2);box-shadow:0 1px 3px rgba(0,0,0,.06)}
.tba-firsat-sayac svg{color:var(--tb-acc)}
.tba-firsat .tbk{border-color:rgba(255,107,44,.08)}
.tba-all--ters{background:var(--tb-ink);color:#fff !important;box-shadow:none}
.tba-all--ters:hover{background:var(--tb-acc)}
/* Yeni başlık ikon tonları */
.tba-head-ic--gri{background:var(--tb-bd2);color:var(--tb-ink3)}
.tba-head-ic--mor{background:rgba(124,58,237,.08);color:#7C3AED}
/* Son gezdiğin ürünler — kompakt kartlar */
.tba-temizle{border:0;background:none;font:500 12.5px/1 var(--tb-font);color:var(--tb-ink5);cursor:pointer;padding:8px 4px;border-radius:6px;transition:color .15s}
.tba-temizle:hover{color:var(--tb-red)}
.tba-row--son{grid-auto-columns:calc((100% - 7 * 12px) / 8);gap:12px}
@media(max-width:1280px){.tba-row--son{grid-auto-columns:calc((100% - 5 * 12px) / 6)}}
@media(max-width:768px){.tba-row--son{grid-auto-columns:calc((100% - 3 * 10px) / 4);gap:10px}}
@media(max-width:575px){.tba-row--son{grid-auto-columns:30%}}
.tba-sk{display:flex;flex-direction:column;gap:6px;color:var(--tb-ink3) !important;font-size:11.5px;line-height:1.35}
.tba-sk-i{display:block;aspect-ratio:2/3;border-radius:12px;overflow:hidden;background:#F3F1EC;border:1px solid var(--tb-bd2);transition:transform .25s var(--tb-ease),box-shadow .25s}
.tba-sk-i img{width:100%;height:100%;object-fit:cover;display:block}
.tba-sk:hover .tba-sk-i{transform:translateY(-2px);box-shadow:var(--tb-sh-h)}
.tba-sk-n{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tba-sk-p{font-weight:700;color:var(--tb-ink);font-size:12.5px}
.tba-son .tba-ok{top:calc(50% - 40px)}
/* Sıkça sorulan sorular */
.tba-sss{background:#fff;border:1px solid var(--tb-bd2);border-radius:22px;padding:clamp(20px,3vw,40px)}
.tba-sss-g{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:clamp(20px,4vw,56px);align-items:start}
.tba-sss-sol{display:flex;flex-direction:column;align-items:flex-start;gap:10px;position:sticky;top:150px}
.tba-sss-sol .tba-sub{font-size:13.5px;line-height:1.6;max-width:360px}
.tba-sss-btn{display:inline-flex;align-items:center;gap:6px;height:42px;padding:0 16px 0 18px;border-radius:999px;background:var(--tb-ink);color:#fff !important;font-weight:600;font-size:13px;margin-top:6px;transition:background .2s,gap .2s}
.tba-sss-btn svg{width:16px;height:16px;stroke-width:2.2}
.tba-sss-btn:hover{background:var(--tb-acc);gap:9px}
.tba-sss-l{display:flex;flex-direction:column}
.tba-sss-q{border-bottom:1px solid var(--tb-bd2)}
.tba-sss-q:first-child{border-top:1px solid var(--tb-bd2)}
.tba-sss-q summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 2px;cursor:pointer;font-size:14.5px;font-weight:600;color:var(--tb-ink2);transition:color .15s}
.tba-sss-q summary::-webkit-details-marker{display:none}
.tba-sss-q summary:hover{color:var(--tb-acc)}
.tba-sss-q summary i{position:relative;width:28px;height:28px;border-radius:50%;background:var(--tb-bd2);flex-shrink:0;transition:background .2s,transform .3s var(--tb-ease)}
.tba-sss-q summary i::before,.tba-sss-q summary i::after{content:'';position:absolute;left:50%;top:50%;width:11px;height:1.8px;background:var(--tb-ink3);border-radius:2px;transform:translate(-50%,-50%)}
.tba-sss-q summary i::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .3s var(--tb-ease)}
.tba-sss-q[open] summary i{background:var(--tb-acc-l);transform:rotate(180deg)}
.tba-sss-q[open] summary i::after{transform:translate(-50%,-50%) rotate(0)}
.tba-sss-q[open] summary i::before,.tba-sss-q[open] summary i::after{background:var(--tb-acc)}
.tba-sss-c{padding:0 44px 16px 2px;animation:tbaAc .3s var(--tb-ease)}
.tba-sss-c p{margin:0;font-size:13.5px;line-height:1.65;color:var(--tb-ink4)}
.tba-sss-c a{color:var(--tb-acc) !important;font-weight:600;white-space:nowrap}
@keyframes tbaAc{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media(max-width:860px){.tba-sss-g{grid-template-columns:1fr}.tba-sss-sol{position:static}.tba-sss-q summary{font-size:13.5px;padding:14px 2px}.tba-sss-c{padding-right:8px}}
/* Hız: ekran dışındaki bölümlerin çizimini ertele */
.tba-yeni,.tba-butce,.tba-sss,.tba-py{content-visibility:auto;contain-intrinsic-size:auto 560px}
@media(prefers-reduced-motion:reduce){.tba.tb-rv{opacity:1 !important;transform:none !important;transition:none !important}}
/* İhtiyacına göre alışveriş */
.tba-iht-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.tba-iht-k{display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:#fff;border:1px solid var(--tb-bd2);transition:box-shadow .2s var(--tb-ease),border-color .2s}
.tba-iht-k:hover{box-shadow:var(--tb-sh-h);border-color:var(--tb-bd)}
.tba-iht-ust{position:relative;display:flex;flex-direction:column;gap:12px;padding:18px 18px 0;min-height:96px;overflow:hidden;color:var(--tb-ink) !important}
.tba-iht-k--krem .tba-iht-ust{background:linear-gradient(160deg,#FBF4EC,#F4E7D8)}
.tba-iht-k--mavi .tba-iht-ust{background:linear-gradient(160deg,#EEF3FB,#DFE8F6)}
.tba-iht-k--yesil .tba-iht-ust{background:linear-gradient(160deg,#EEF6F0,#DCEDE1)}
.tba-iht-k--lila .tba-iht-ust{background:linear-gradient(160deg,#F4F0FA,#E7DFF3)}
.tba-iht-t{display:flex;flex-direction:column;gap:3px;position:relative;z-index:1}
.tba-iht-t strong{font-size:17px;font-weight:700;letter-spacing:-.02em}
.tba-iht-t span{font-size:12.5px;color:var(--tb-ink4);line-height:1.4}
.tba-iht-v{margin-top:auto;display:flex;justify-content:center;gap:10px;align-items:flex-end;height:170px;overflow:hidden}
.tba-iht-v.is-bos{display:none}
.tba-iht-v img{width:42%;aspect-ratio:2/3;height:auto;object-fit:cover;border-radius:12px 12px 0 0;box-shadow:0 -4px 16px -8px rgba(0,0,0,.25);transition:transform .25s var(--tb-ease)}
.tba-iht-v img:nth-child(2){transform:translateY(12px)}
.tba-iht-ust:hover .tba-iht-v img{transform:translateY(-4px)}
.tba-iht-ust:hover .tba-iht-v img:nth-child(2){transform:translateY(6px)}
.tba-iht-l{list-style:none;margin:0;padding:10px 12px 14px;display:flex;flex-wrap:wrap;gap:6px}
.tba-iht-l a{display:inline-flex;align-items:center;gap:2px;min-height:32px;padding:0 11px;border-radius:999px;border:1px solid var(--tb-bd);font-size:12px;font-weight:500;color:var(--tb-ink3) !important;transition:border-color .15s,color .15s,background .15s}
.tba-iht-l a:hover{border-color:var(--tb-ink3);color:var(--tb-ink) !important}
.tba-iht-l a:active{transform:scale(.97)}
.tba-iht-l .tba-iht-tum{border-color:transparent;font-weight:600;color:var(--tb-acc) !important}
.tba-iht-l .tba-iht-tum svg{width:14px;height:14px;stroke-width:2.2}
@media(max-width:1100px){.tba-iht-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575px){.tba-iht-g{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:82%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -12px;padding:0 12px 6px;gap:12px}.tba-iht-g::-webkit-scrollbar{display:none}.tba-iht-k{scroll-snap-align:start}.tba-iht-v{height:150px}.tba-iht-l a{min-height:36px}}
/* Rehber & blog */
.tba-blog-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.tba-bk{display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:#fff;border:1px solid var(--tb-bd2);color:var(--tb-ink) !important;transition:box-shadow .2s var(--tb-ease),border-color .2s}
.tba-bk:hover{box-shadow:var(--tb-sh-h);border-color:var(--tb-bd)}
.tba-bk-i{display:block;aspect-ratio:16/9;background:var(--tb-bd2);overflow:hidden}
.tba-bk-i img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s var(--tb-ease)}
.tba-bk:hover .tba-bk-i img{transform:scale(1.03)}
.tba-bk-t{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px}
.tba-bk-t time{font-size:11.5px;color:var(--tb-ink5)}
.tba-bk-t strong{font-size:15px;font-weight:600;line-height:1.35;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tba-bk-t>span{font-size:12.5px;color:var(--tb-ink4);line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tba-bk-t em{font-style:normal;display:inline-flex;align-items:center;gap:3px;font-size:12.5px;font-weight:600;color:var(--tb-acc);margin-top:2px}
.tba-bk-t em svg{width:14px;height:14px;stroke-width:2.2;transition:transform .15s}
.tba-bk:hover .tba-bk-t em svg{transform:translateX(3px)}
@media(max-width:860px){.tba-blog-g{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -12px;padding:0 12px 6px}.tba-blog-g::-webkit-scrollbar{display:none}.tba-bk{scroll-snap-align:start}}
.tba-iht,.tba-blog{content-visibility:auto;contain-intrinsic-size:auto 480px}
/* Kargo kartı: canlı ilerleme */
.tba-kb{display:flex;flex-direction:column;gap:7px;margin-top:2px}
.tba-kb-m{font-size:12.5px;font-weight:600;color:var(--tb-ink2)}
.tba-kb-bar{display:block;height:6px;border-radius:6px;background:rgba(17,17,17,.08);overflow:hidden}
.tba-kb-bar i{display:block;height:100%;width:0;border-radius:inherit;background:var(--tb-acc);transition:width .5s var(--tb-ease),background .3s}
.tba-yan-k.is-won .tba-kb-bar i{background:var(--tb-ok)}
.tba-yan-k.is-won .tba-kb-m{color:#0B7A53}
.tba-yan-k.is-kutla{animation:tbaKutla .8s var(--tb-ease)}
@keyframes tbaKutla{0%,100%{box-shadow:0 0 0 0 rgba(13,158,106,0)}40%{box-shadow:0 0 0 6px rgba(13,158,106,.22)}}
/* Fiyat aralığı düğmeleri */
.tba-fb{display:flex;gap:6px;flex-wrap:wrap;margin:-6px 0 16px}
.tba-fbb{height:32px;padding:0 12px;border-radius:8px;border:1px solid var(--tb-bd);background:#fff;color:var(--tb-ink4);font:500 12.5px/1 var(--tb-font);cursor:pointer;transition:border-color .15s,color .15s,background .15s}
.tba-fbb:hover{border-color:var(--tb-ink5);color:var(--tb-ink2)}
.tba-fbb:active{transform:scale(.97)}
.tba-fbb.is-on{border-color:var(--tb-ink);color:var(--tb-ink);background:var(--tb-bd2);font-weight:600}
.tba-fbb:focus-visible,.tba-tab:focus-visible,.tba-temizle:focus-visible{outline:2px solid var(--tb-acc);outline-offset:2px}
.tba-fb-bos{font-size:13px;color:var(--tb-ink4);background:var(--tb-bd2);border-radius:12px;padding:14px 16px;margin:0 0 16px}
.tba-fb-bos button{border:0;background:none;color:var(--tb-acc);font:600 13px var(--tb-font);cursor:pointer;padding:4px;text-decoration:underline}
@media(max-width:575px){.tba-fb{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:-6px -12px 14px;padding:0 12px}.tba-fb::-webkit-scrollbar{display:none}.tba-fbb{flex-shrink:0;height:36px}}