/* ═══════════════════════════════════════════════════════════════════
   TILBE HOME — tb-urun.css · Ürün detay sayfası (TB-PDP v3, 10 Kas 2026)
   Referans: Bünyamin'in 4 tasarım görseli (masaüstü 3 kolon, mobil akış, sabit alt çubuk).
   Yalnız sayfalar/urun_detay.twig yükler. Token'lar tb-ui.css §21 (TB-DS v1).
   ═══════════════════════════════════════════════════════════════════ */

/* ── 0. Sayfa container'ı: header/footer ile aynı çizgi ── */
section.pattern-group-p-product > .container,
section.pattern-group-p-product > .container-xl,
section.pattern-group-p-product > .container-fluid{max-width:calc(var(--tb-cw) + var(--tb-g) * 2) !important;padding-left:var(--tb-g) !important;padding-right:var(--tb-g) !important}

.tbp{--o:#F26A1B;--o-h:#DE5A0D;--o-l:#FFF3EA;--o-b:#FFD9BF;--g:#0E9F5A;--g-d:#0A7A45;--g-l:#ECF8F1;--g-b:#BFE5CF;--ln:#ECE7E1;--ln2:#F3EFEA;
  font-family:var(--tb-font);color:var(--tb-ink);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}
.tbp *,.tbp *::before,.tbp *::after{box-sizing:border-box}
.tbp .ic{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;display:inline-block}
.tbp a{color:inherit;text-decoration:none}
.tbp button{font:inherit;color:inherit}
.tbp :focus-visible{outline:2px solid var(--o);outline-offset:2px;border-radius:6px}
.tbp ul{list-style:none;margin:0;padding:0}

/* ── 1. Izgara ── */
.tbp-ust{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"gal" "orta" "sag" "alt";gap:var(--s4)}
.tbp-gcol{grid-area:gal;min-width:0}
.tbp-orta{grid-area:orta;min-width:0;display:flex;flex-direction:column;gap:14px}
.tbp-sag{grid-area:sag;min-width:0;display:flex;flex-direction:column;gap:var(--s4)}
.tbp-alt{grid-area:alt;min-width:0}
@media(min-width:992px){
  .tbp-ust{grid-template-columns:auto minmax(0,1fr) 360px;grid-template-areas:"gal orta sag" "alt alt sag";column-gap:24px;row-gap:28px;align-items:start;padding-top:4px}
  .tbp-sag{grid-row:1 / span 2}
}
@media(min-width:1280px){.tbp-ust{grid-template-columns:auto minmax(0,1fr) 390px;column-gap:28px}}

/* ── 2. Galeri ── */
.tbp-gal{--st-w:clamp(300px, 28vw, 400px);display:flex;flex-direction:column-reverse;gap:10px}
.tbp-st{position:relative;width:100%;background:var(--tb-warm);border-radius:0;overflow:hidden}
.tbp-tr{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;outline:none}
.tbp-tr::-webkit-scrollbar{display:none}
.tbp-sl{flex:0 0 100%;margin:0;scroll-snap-align:start;scroll-snap-stop:always;position:relative;aspect-ratio:2/3;overflow:hidden}
.tbp-sl img,.tbp-sl video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.tbp-zm{display:block;position:absolute;inset:0;cursor:zoom-in}
.tbp-zm img{transition:transform var(--d-slow) var(--tb-ease);transform-origin:var(--zx,50%) var(--zy,50%)}
.tbp-zm.is-zoom img{transform:scale(2);transition-duration:var(--d-fast)}
.tbp-rz{position:absolute;left:12px;top:12px;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:6px;pointer-events:none}
.tbp-rz i{font-style:normal;display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:var(--r-full);background:var(--o);color:#fff;font-size:12.5px;font-weight:600;box-shadow:0 4px 12px -4px rgba(242,106,27,.6)}
.tbp-rz i + i{background:#fff;color:var(--tb-ink);box-shadow:var(--e2)}
.tbp-vb{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 18px 0 14px;border:0;border-radius:var(--r-full);background:rgba(21,21,21,.78);color:#fff;font-size:13px;font-weight:500;cursor:pointer}
.tbp-vb svg{width:18px;height:18px;fill:#fff}
.tbp-sl.is-play .tbp-vb{opacity:0;pointer-events:none}
.tbp-ok{position:absolute;top:50%;width:40px;height:40px;margin-top:-20px;border:0;border-radius:50%;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.14);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform var(--d-fast),opacity var(--d-base);z-index:2}
.tbp-ok svg{width:18px;height:18px;fill:none;stroke:var(--tb-ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tbp-ok--p{left:12px}.tbp-ok--n{right:12px}
.tbp-ok:hover{transform:scale(1.06)}
.tbp-ok:active{transform:scale(.94)}
.tbp-ok[disabled]{opacity:0;pointer-events:none}
.tbp-sy{position:absolute;left:12px;bottom:12px;padding:4px 10px;border-radius:var(--r-full);background:rgba(21,21,21,.6);font-size:12px;color:#fff;letter-spacing:.02em}
.tbp-sy b{font-weight:600}
.tbp-dt{display:none}
.tbp-fs{position:absolute;right:12px;bottom:12px;width:40px;height:40px;border:0;border-radius:12px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.12);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform var(--d-fast)}
.tbp-fs svg{width:17px;height:17px;fill:none;stroke:var(--tb-ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tbp-fs:active{transform:scale(.92)}
.tbp-vy{position:absolute;left:12px;bottom:56px;display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 13px 0 10px;border:0;border-radius:var(--r-full);background:var(--o);color:#fff;font-size:12.5px;font-weight:600;cursor:pointer;z-index:2}
.tbp-vy svg{width:13px;height:13px;fill:#fff}
.tbp-gal--tek .tbp-sy{display:none}
/* Küçük görseller: mobilde yatay satır */
.tbp-th{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px}
.tbp-th::-webkit-scrollbar{display:none}
.tbp-th-b{position:relative;flex:0 0 64px;aspect-ratio:2/3;padding:0;border:0;border-radius:10px;overflow:hidden;background:var(--tb-warm);cursor:pointer;box-shadow:0 0 0 1px var(--ln);transition:box-shadow var(--d-fast),transform var(--d-fast)}
.tbp-th-b img{width:100%;height:100%;object-fit:cover;display:block}
.tbp-th-b:hover{transform:translateY(-1px)}
.tbp-th-b.is-on{box-shadow:0 0 0 2px var(--o)}
.tbp-th-v{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center}
.tbp-th-v svg{width:11px;height:11px;fill:var(--tb-ink)}
@media(max-width:991px){
  .tbp-gcol{margin:0 calc(-1 * var(--tb-g))}
  .tbp-th{padding:2px var(--tb-g)}
  .tbp-ok{width:36px;height:36px;margin-top:-18px}
}
@media(min-width:992px){
  .tbp-gal{flex-direction:row;width:calc(var(--st-w) + 80px)}
  .tbp-gal--tek{width:var(--st-w)}
  .tbp-th{flex-direction:column;width:68px;flex:0 0 68px;max-height:calc(var(--st-w) * 1.5);overflow-y:auto;padding:2px}
  .tbp-th-b{flex:0 0 auto;width:100%}
  .tbp-st{width:var(--st-w);flex:0 0 var(--st-w);border-radius:var(--r-lg)}
  .tbp-ok{opacity:0}
  .tbp-st:hover .tbp-ok{opacity:1}
}

/* ── 3. Başlık · puan · çipler ── */
.tbp-bas{display:flex;align-items:flex-start;gap:12px}
.tbp .tbp-h1{flex:1;display:block !important;height:auto !important;max-height:none !important;overflow:visible !important;white-space:normal !important;-webkit-line-clamp:unset !important;text-overflow:clip !important;margin:0;font-size:19px;line-height:1.35;font-weight:700;letter-spacing:-.015em;color:var(--tb-ink);text-transform:none}
@media(min-width:992px){.tbp .tbp-h1{font-size:22px;line-height:1.32}}
.tbp-bas-e{display:flex;gap:8px;flex-shrink:0}
.tbp-ib{width:40px;height:40px;border:1px solid var(--ln);border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--tb-ink2);transition:border-color var(--d-fast),transform var(--d-fast),color var(--d-fast)}
.tbp-ib:hover{border-color:var(--tb-ink5);color:var(--tb-ink)}
.tbp-ib:active{transform:scale(.92)}
.tbp-pay-w{position:relative}
.tbp-pay-m{position:absolute;right:0;top:46px;z-index:30;min-width:200px;padding:6px;background:#fff;border:1px solid var(--ln);border-radius:var(--r-md);box-shadow:var(--e3);display:flex;flex-direction:column}
.tbp-pay-m[hidden]{display:none}
.tbp-pay-m a,.tbp-pay-m button{display:block;width:100%;text-align:left;padding:9px 12px;border:0;background:none;border-radius:var(--r-sm);font-size:var(--t-small);color:var(--tb-ink2);cursor:pointer}
.tbp-pay-m a:hover,.tbp-pay-m button:hover{background:var(--o-l)}
.tbp .tbp-fv--k .product-favourite,.tbp .tbp-fv--k .product-favourite a{width:40px;height:40px;margin:0}
.tbp .tbp-fv--k .product-favourite a{display:flex !important;align-items:center;justify-content:center;border:1px solid var(--ln);border-radius:50%;background:#fff;color:var(--tb-ink2);font-size:17px;transition:transform var(--d-fast),color var(--d-fast),border-color var(--d-fast)}
.tbp .tbp-fv--k .product-favourite a.d-none{display:none !important}
.tbp .tbp-fv--k .product-favourite a:hover{border-color:var(--o);color:var(--o)}
.tbp .tbp-fv--k .product-favourite a:active{transform:scale(.9)}
.tbp .tbp-fv--k .product-favourite a.remove-favorite{color:#E5484D;border-color:#F7C9CA}
.tbp-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;font-size:var(--t-small);color:var(--tb-ink4)}
.tbp-ayr{width:1px;height:16px;background:var(--ln)}
.tbp-puan{display:inline-flex;align-items:center;gap:7px;color:var(--tb-ink3)}
.tbp-puan b{font-weight:700;color:var(--tb-ink)}
.tbp-puan:hover span:last-child{text-decoration:underline;text-underline-offset:3px}
.tbp-yz{--p:0%;display:inline-block;width:84px;height:15px;background:linear-gradient(90deg,#FFB21E var(--p),#E1DDD6 var(--p));-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.8' height='15' viewBox='0 0 24 22'%3E%3Cpath d='M12 .8l3.3 6.9 7.5 1-5.5 5.2 1.4 7.5L12 17.8l-6.7 3.6 1.4-7.5L1.2 8.7l7.5-1z'/%3E%3C/svg%3E") repeat-x left center/16.8px 15px;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.8' height='15' viewBox='0 0 24 22'%3E%3Cpath d='M12 .8l3.3 6.9 7.5 1-5.5 5.2 1.4 7.5L12 17.8l-6.7 3.6 1.4-7.5L1.2 8.7l7.5-1z'/%3E%3C/svg%3E") repeat-x left center/16.8px 15px}
.tbp-ss-l{display:inline-flex;align-items:center;gap:6px;color:var(--tb-ink2);font-weight:500}
.tbp-ss-l:hover{color:var(--o)}
.tbp-kisa{margin:0;font-size:var(--t-small);line-height:1.6;color:var(--tb-ink4)}
.tbp-cip{display:flex;flex-wrap:wrap;gap:8px}
.tbp-cip li{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:1px solid var(--ln);border-radius:var(--r-full);background:#fff;font-size:12.5px;color:var(--tb-ink3);transition:border-color var(--d-fast),background var(--d-fast)}
.tbp-cip li:hover{border-color:var(--o-b);background:var(--o-l)}
.tbp-cip .ic{width:15px;height:15px;color:var(--o)}
.tbp-cip b{font-weight:600;color:var(--tb-ink)}

/* ── 4. Fiyat kutusu ── */
.tbp-fk{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px 18px;padding:16px;border:1px solid var(--ln);border-radius:var(--r-lg);background:#fff}
.tbp-fk-s{display:flex;align-items:center;gap:14px}
.tbp-fk-o{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:64px;height:58px;padding:0 8px;border-radius:12px;background:var(--o);color:#fff;line-height:1.1;box-shadow:0 6px 14px -6px rgba(242,106,27,.7)}
.tbp-fk-o b{font-size:20px;font-weight:800;letter-spacing:-.02em}
.tbp-fk-o span{font-size:11px;font-weight:600;opacity:.95}
.tbp-fk-f{display:flex;flex-direction:column;gap:2px}
.tbp-fk-g strong,.tbp .tbp-fk-g .sale-price{display:block;font-size:30px;line-height:1.05;font-weight:800;letter-spacing:-.03em;color:var(--tb-ink);margin:0}
.tbp .tbp-fk-e{display:flex;gap:8px;align-items:baseline;margin:0}
.tbp .tbp-fk-e .sale-price,.tbp .tbp-fk-e .list-price{font-size:14px;font-weight:500;color:var(--tb-ink5);text-decoration:line-through;margin:0}
.tbp .tbp-fk-e .list-price + .list-price{display:none}
.tbp-fk-y{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding-left:18px;border-left:1px solid var(--ln)}
.tbp-kz{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:var(--r-full);background:var(--g-l);color:var(--g-d);font-size:12.5px;font-weight:500}
.tbp-kz .ic{width:15px;height:15px}
.tbp-kz b{font-weight:700}
.tbp-tk{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;line-height:1.4;color:var(--tb-ink3)}
.tbp-tk .ic{width:18px;height:18px;color:var(--o);margin-top:1px}
.tbp-tk b{color:var(--o);font-weight:700}
.tbp-tk:hover span{text-decoration:underline;text-underline-offset:3px}
.tbp-adet-n{margin:-6px 0 0;font-size:12.5px;color:var(--g-d);font-weight:500}
.tbp-adet-n[hidden]{display:none}
.tbp-hv{font-size:var(--t-small);color:var(--tb-ink3);margin:0}
@media(max-width:520px){
  .tbp-fk{grid-template-columns:1fr;padding:14px}
  .tbp-fk-y{padding:12px 0 0;border-left:0;border-top:1px dashed var(--ln)}
  .tbp-fk-g strong,.tbp .tbp-fk-g .sale-price{font-size:28px}
}

/* ── 5. Avantajlı kampanya (yeşil) ── */
.tbp-km{border:1px solid var(--g-b);border-radius:var(--r-lg);background:var(--g-l);padding:0 16px;transition:background var(--d-base)}
.tbp-km summary{display:flex;align-items:center;gap:10px;height:50px;cursor:pointer;list-style:none;font-size:15px;font-weight:700;color:var(--g-d);user-select:none}
.tbp-km summary::-webkit-details-marker{display:none}
.tbp-km summary .ic{width:20px;height:20px}
.tbp-km summary i{margin-left:auto;width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-3px) rotate(45deg);transition:transform var(--d-base) var(--tb-ease)}
.tbp-km[open] summary i{transform:translateY(2px) rotate(-135deg)}
.tbp-km-l{display:flex;flex-direction:column;gap:7px;padding:0 0 10px}
.tbp-km-l li{position:relative;padding-left:24px;font-size:13px;line-height:1.45;color:var(--tb-ink2)}
.tbp-km-l li::before{content:'';position:absolute;left:3px;top:3px;width:12px;height:7px;border-left:2px solid var(--g);border-bottom:2px solid var(--g);transform:rotate(-45deg)}
.tbp-km-l b{font-weight:700;color:var(--tb-ink)}
.tbp-km-n{margin:0;padding:10px 0 14px;border-top:1px dashed var(--g-b);font-size:12px;color:var(--tb-ink4)}
.tbp-km-n a{color:var(--g-d);font-weight:600;text-decoration:underline;text-underline-offset:3px}

/* İlişkili ürünler */
.tbp-il{display:flex;flex-direction:column;gap:8px}
.tbp-et{font-size:var(--t-small);color:var(--tb-ink4)}
.tbp-et b{color:var(--tb-ink);font-weight:600}
.tbp .tbp-il-l{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.tbp .tbp-il-l a{display:block;width:56px;padding:0;border:0;border-radius:var(--r-sm);overflow:hidden;box-shadow:0 0 0 1px var(--ln);transition:box-shadow var(--d-fast)}
.tbp .tbp-il-l a img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover}
.tbp .tbp-il-l a span{display:none}
.tbp .tbp-il-l a.active{box-shadow:0 0 0 2px var(--o)}

/* ── 6. Sağ satın alma kutusu ── */
.tbp-kutu{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--ln);border-radius:var(--r-xl);background:#fff;box-shadow:0 1px 2px rgba(17,17,17,.03),0 10px 30px -18px rgba(17,17,17,.18)}
@media(max-width:991px){.tbp-kutu{padding:0;border:0;box-shadow:none;border-radius:0}}
.tbp-stk{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.tbp-stk-v{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:var(--r-full);background:var(--g-l);color:var(--g-d);font-size:12.5px;font-weight:600}
.tbp-stk-v .ic{width:16px;height:16px}
.tbp-stk-v--yok{background:#FDECEC;color:#C2343A}
.tbp-stk-t{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--tb-ink3)}
.tbp-stk-t .ic{width:16px;height:16px;color:var(--tb-ink4)}
.tbp-uk{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border:1px solid var(--ln);border-radius:var(--r-md);background:#fff}
.tbp-uk-i{width:28px !important;height:28px !important;color:var(--o);stroke-width:1.6 !important}
.tbp-uk-m{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.tbp-uk-m b{font-size:13.5px;font-weight:700;color:var(--tb-ink)}
.tbp-uk-m span{font-size:12.5px;color:var(--tb-ink3)}
.tbp-uk-m span em{font-style:normal;font-weight:700;color:var(--o)}
.tbp-bar{display:block;height:7px;border-radius:4px;background:#EFEBE6;overflow:hidden}
.tbp-bar i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#FF8A3D,var(--o));transition:width .7s var(--tb-ease)}
.tbp-uk.is-ok .tbp-uk-i{color:var(--g)}
.tbp-uk.is-ok .tbp-bar i{background:var(--g)}
.tbp-gs{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--r-md);background:var(--o-l);border:1px solid var(--o-b)}
.tbp-gs-i{width:24px !important;height:24px !important;color:var(--o);stroke-width:1.9 !important}
.tbp-gs-m{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.tbp-gs-m b{font-size:13.5px;font-weight:700;color:var(--tb-ink)}
.tbp-gs-m b em{font-style:normal;color:var(--o)}
.tbp-gs-m span{font-size:11.5px;line-height:1.4;color:var(--tb-ink3)}
.tbp-gs-s{display:flex;gap:5px}
.tbp-gs-s span{display:flex;flex-direction:column;align-items:center;justify-content:center;width:42px;height:46px;border-radius:9px;background:#fff;box-shadow:0 1px 0 var(--o-b)}
.tbp-gs-s b{font-size:16px;font-weight:700;color:var(--o);line-height:1}
.tbp-gs-s small{font-size:9.5px;color:var(--tb-ink4);margin-top:3px}
/* Varyant */
.tbp .tbp-vr{margin:0}
.tbp .tbp-vr ul{display:flex;flex-direction:column;gap:12px}
.tbp .tbp-vr .name{font-size:var(--t-small);color:var(--tb-ink4);margin-bottom:6px}
.tbp .tbp-vr select{display:none}
.tbp .tbp-vr .options{display:flex;flex-wrap:wrap;gap:8px}
.tbp .tbp-vr .options a{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:40px;padding:0 14px;border:1px solid var(--ln);border-radius:10px;background:#fff;font-size:var(--t-small);color:var(--tb-ink2);transition:border-color var(--d-fast),transform var(--d-fast)}
.tbp .tbp-vr .options a:hover{border-color:var(--o)}
.tbp .tbp-vr .options a.active,.tbp .tbp-vr .options a.selected{border-color:var(--o);box-shadow:inset 0 0 0 1px var(--o);color:var(--o);font-weight:600}
.tbp .tbp-vr .options a.sold-out{color:var(--tb-ink6);text-decoration:line-through}
.tbp-vr.is-uyari .options a{animation:tbp-sal .4s var(--tb-ease)}
@keyframes tbp-sal{0%,100%{transform:none}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}
/* Adet + Sepete Ekle */
.tbp .tbp-al{display:flex;align-items:stretch;gap:10px;margin:0}
.tbp .tbp-ad{display:flex;align-items:center;flex:0 0 auto;height:52px;width:auto;margin:0;padding:0 4px;border:1px solid var(--ln);border-radius:12px;background:#fff}
.tbp .tbp-ad .btn{width:36px;height:44px;padding:0;border:0;border-radius:9px;background:none;display:flex;align-items:center;justify-content:center;color:var(--tb-ink);box-shadow:none;transition:background var(--d-fast)}
.tbp .tbp-ad .btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.tbp .tbp-ad .btn:hover{background:var(--o-l);color:var(--o)}
.tbp .tbp-ad input{width:32px;height:44px;padding:0;border:0;background:none;text-align:center;font-size:16px;font-weight:600;color:var(--tb-ink);box-shadow:none}
.tbp .tbp-sepet{position:relative;flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;margin:0;padding:0 44px 0 18px;border:0;border-radius:12px;background:linear-gradient(180deg,#FF7A2E,var(--o));color:#fff;font-size:16px;font-weight:700;box-shadow:0 10px 22px -10px rgba(242,106,27,.85);overflow:hidden;transition:transform var(--d-fast),box-shadow var(--d-base),background var(--d-fast)}
.tbp .tbp-sepet .ic{width:21px;height:21px;stroke-width:1.9}
.tbp .tbp-sepet .tbp-sepet-o{position:absolute;right:14px;width:18px;height:18px;transition:transform var(--d-base) var(--tb-ease)}
.tbp .tbp-sepet:hover{color:#fff;box-shadow:0 14px 26px -10px rgba(242,106,27,.95)}
.tbp .tbp-sepet:hover .tbp-sepet-o{transform:translateX(3px)}
.tbp .tbp-sepet:active{transform:scale(.98)}
.tbp .tbp-sepet::after{content:'';position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-18deg);transition:left .6s var(--tb-ease)}
.tbp .tbp-sepet:hover::after{left:120%}
.tbp .tbp-sepet.is-ok{background:var(--g);box-shadow:none}
.tbp-al2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tbp .tbp-hemen,.tbp .tbp-fav2{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;margin:0;border-radius:12px;font-size:14px;font-weight:600;box-shadow:none;transition:background var(--d-fast),color var(--d-fast),transform var(--d-fast),border-color var(--d-fast)}
.tbp .tbp-hemen{border:1.5px solid var(--o);background:#fff;color:var(--o)}
.tbp .tbp-hemen:hover{background:var(--o);color:#fff}
.tbp .tbp-fav2{border:1px solid var(--ln);background:#fff;color:var(--tb-ink)}
.tbp .tbp-fav2:hover{border-color:var(--tb-ink5)}
.tbp .tbp-fav2[aria-pressed="true"]{color:#E5484D;border-color:#F7C9CA}
.tbp .tbp-fav2[aria-pressed="true"] .ic{fill:#E5484D;stroke:#E5484D}
.tbp .tbp-hemen:active,.tbp .tbp-fav2:active{transform:scale(.97)}
.tbp-parca{display:block;text-align:center;padding:12px;border:1px solid var(--ln);border-radius:12px;font-size:var(--t-small)}
.tbp-yok{display:flex;flex-direction:column;gap:10px}
.tbp-yok p{margin:0;font-size:var(--t-small);color:var(--tb-ink3)}
.tbp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 18px;border:1px solid var(--ln);border-radius:12px;background:#fff;font-size:14px;font-weight:600;color:var(--tb-ink);cursor:pointer;transition:background var(--d-fast),transform var(--d-fast),border-color var(--d-fast)}
.tbp-btn--a{background:var(--o);border-color:var(--o);color:#fff}
.tbp-btn--k{height:40px;font-size:13px;border-color:var(--o);color:var(--o)}
.tbp-btn--k:hover{background:var(--o-l)}
.tbp-btn:active{transform:scale(.98)}
/* Güven ızgarası */
.tbp-gv{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.tbp-gv li > a,.tbp-gv li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center}
.tbp-gv li{min-height:78px;padding:10px 4px;border:1px solid var(--ln);border-radius:12px;background:#fff;font-size:11.5px;line-height:1.3;font-weight:500;color:var(--tb-ink2);transition:border-color var(--d-fast),transform var(--d-fast)}
.tbp-gv li:hover{border-color:var(--o-b);transform:translateY(-1px)}
.tbp-gv .ic{width:24px;height:24px;color:var(--o)}
/* Kart logoları */
.tbp-kartlar{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--ln);border-radius:12px;font-size:12px;color:var(--tb-ink3)}
.tbp-kartlar b{color:var(--o);font-weight:600}
.tbp-kartlar > .ic{margin-left:auto;width:16px;height:16px;color:var(--tb-ink5)}
.tbp-kl{display:flex;align-items:center;gap:10px}
.tbp-kl-visa{width:42px;height:14px}
.tbp-kl-mc{width:28px;height:17px}
.tbp-kl-troy{width:36px;height:14px}
/* Tamamlayıcı ürünler */
.tbp-ba{gap:4px}
.tbp-ba-h{font-size:16px;font-weight:700;letter-spacing:-.01em;margin-bottom:6px}
.tbp-ba-l li{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--ln2)}
.tbp-ba-l li:first-child{border-top:0}
.tbp-ba-g{flex:0 0 58px;border-radius:10px;overflow:hidden;background:var(--tb-warm)}
.tbp-ba-g img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;transition:transform var(--d-slow)}
.tbp-ba-l li:hover .tbp-ba-g img{transform:scale(1.05)}
.tbp-ba-m{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.tbp-ba-a{font-size:12.5px;line-height:1.35;color:var(--tb-ink2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tbp-ba-a:hover{color:var(--o)}
.tbp-ba-p{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:var(--tb-ink3)}
.tbp-ba-p .ic{width:13px;height:13px;fill:#FFB21E;stroke:#FFB21E}
.tbp-ba-p small{color:var(--tb-ink5)}
.tbp-ba-f{font-size:14.5px;font-weight:700}
.tbp-ba-e{flex-shrink:0;display:inline-flex;align-items:center;gap:4px;height:34px;padding:0 12px;border:1.5px solid var(--o);border-radius:10px;background:#fff;color:var(--o);font-size:13px;font-weight:600;cursor:pointer;transition:background var(--d-fast),color var(--d-fast),transform var(--d-fast)}
.tbp-ba-e svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.tbp-ba-e:hover{background:var(--o);color:#fff}
.tbp-ba-e:active{transform:scale(.95)}
@media(max-width:991px){.tbp-ba{padding:16px;border:1px solid var(--ln);border-radius:var(--r-lg)}}

/* ── 7. Sekmeler ── */
.tbp-nv{position:sticky;top:var(--tbp-ust, 0px);z-index:15;margin:0 0 16px;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--ln);transition:top var(--d-base) var(--tb-ease)}
.tbp-nv-in{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.tbp-nv-in::-webkit-scrollbar{display:none}
.tbp-nv a{position:relative;flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;height:52px;padding:0 18px;font-size:15px;font-weight:500;color:var(--tb-ink3) !important;white-space:nowrap;transition:color var(--d-fast)}
.tbp-nv a small{font-size:13px;color:var(--tb-ink5)}
.tbp-nv a::after{content:'';position:absolute;left:12px;right:12px;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--o);transform:scaleX(0);transition:transform var(--d-base) var(--tb-ease)}
.tbp-nv a:hover{color:var(--tb-ink) !important}
.tbp-nv a.is-on{color:var(--o) !important;font-weight:600}
.tbp-nv a.is-on::after{transform:scaleX(1)}
@media(max-width:991px){.tbp-nv{margin:8px calc(-1 * var(--tb-g)) 12px;padding:0 var(--tb-g)}.tbp-nv a{padding:0 12px;font-size:14px}}

/* ── 8. İçerik kartları ── */
.tbp-s{scroll-margin-top:calc(var(--tbp-ust, 0px) + 70px)}
.tbp-s--kart{padding:18px 20px;margin-bottom:16px;border:1px solid var(--ln);border-radius:var(--r-lg);background:#fff}
.tbp .tbp-s-h{margin:0 0 14px;font-size:18px;font-weight:700;letter-spacing:-.015em;line-height:1.3;color:var(--tb-ink)}
.tbp-s-hr{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.tbp-s-hr .tbp-s-h{margin:0}
.tbp-oc{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media(min-width:768px){.tbp-oc{grid-template-columns:repeat(4,1fr)}}
.tbp-oc li{display:flex;align-items:flex-start;gap:10px;padding:14px;border:1px solid var(--ln);border-radius:12px;transition:border-color var(--d-fast),transform var(--d-fast),box-shadow var(--d-base)}
.tbp-oc li:hover{border-color:var(--o-b);transform:translateY(-2px);box-shadow:var(--e2)}
.tbp-oc-i{flex:0 0 40px;height:40px;border-radius:50%;background:var(--o-l);display:flex;align-items:center;justify-content:center;color:var(--o)}
.tbp-oc-i .ic{width:20px;height:20px}
.tbp-oc li div{display:flex;flex-direction:column;gap:2px;min-width:0}
.tbp-oc b{font-size:13.5px;font-weight:700}
.tbp-oc span{font-size:12.5px;color:var(--tb-ink4);line-height:1.4}
/* Açıklama */
.tbp-ac{position:relative}
.tbp-ac-i{font-size:14.5px;line-height:1.75;color:var(--tb-ink3)}
.tbp-ac.is-kisa .tbp-ac-i{max-height:420px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 72%,transparent);mask-image:linear-gradient(#000 72%,transparent)}
.tbp-ac-i > ul,.tbp-ac-i > ol{list-style:none;margin:0;padding:0}
.tbp-ac-i ul ul,.tbp-ac-i ol ol{list-style:disc;padding-left:1.2em;margin:.4em 0}
.tbp-ac-i li{margin:0 0 .85em;padding:0}
.tbp-ac-i li.tbp-ac-h,.tbp-ac-i h2,.tbp-ac-i h3,.tbp-ac-i h4{margin:1.5em 0 .5em;font-size:16px;line-height:1.4;font-weight:700;color:var(--tb-ink)}
.tbp-ac-i > *:first-child,.tbp-ac-i > ul > li:first-child{margin-top:0}
.tbp-ac-i li.tbp-ac-m{position:relative;padding-left:26px}
.tbp-ac-i li.tbp-ac-m::before{content:'';position:absolute;left:4px;top:.55em;width:12px;height:7px;border-left:2px solid var(--g);border-bottom:2px solid var(--g);transform:rotate(-45deg)}
.tbp-ac-i li.tbp-ac-u{padding:14px 16px;border-radius:12px;background:var(--o-l);border:1px solid var(--o-b);color:var(--tb-ink2);font-size:14px}
.tbp-ac-i strong,.tbp-ac-i b{font-weight:600;color:var(--tb-ink)}
.tbp-ac-i img{max-width:100%;height:auto;border-radius:12px}
.tbp-ac-i iframe{display:block;width:100%;max-width:640px;aspect-ratio:16/9;height:auto;border-radius:12px}
.tbp-ac-i p{margin:0 0 1em}
.tbp-ac-d{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:10px 18px;border:1.5px solid var(--o);border-radius:var(--r-full);background:#fff;color:var(--o);font-size:13px;font-weight:600;cursor:pointer}
.tbp-ac-d svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--d-base)}
.tbp-ac-d[aria-expanded="true"] svg{transform:rotate(180deg)}
.tbp-ac-d:hover{background:var(--o-l)}
.tbp-ac-d[hidden]{display:none}
/* Güven şeridi (5) */
.tbp-gs5{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:0 0 16px}
@media(min-width:768px){.tbp-gs5{grid-template-columns:repeat(5,1fr)}}
.tbp-gs5 li{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid var(--ln);border-radius:12px;background:#fff}
.tbp-gs5 .ic{width:28px;height:28px;color:var(--o);stroke-width:1.5}
.tbp-gs5 div{display:flex;flex-direction:column;gap:1px;min-width:0}
.tbp-gs5 b{font-size:13px;font-weight:700}
.tbp-gs5 span{font-size:11.5px;color:var(--tb-ink4)}
/* Özellikler */
.tbp-oz{margin:0;display:grid;grid-template-columns:1fr}
.tbp-oz > div{display:grid;grid-template-columns:minmax(120px,40%) 1fr;gap:12px;padding:11px 14px;font-size:14px}
.tbp-oz > div:nth-child(odd){background:#FAF8F5;border-radius:8px}
.tbp-oz dt{font-weight:500;color:var(--tb-ink4)}
.tbp-oz dd{margin:0;font-weight:600;color:var(--tb-ink)}
.tbp-oz dd a:hover{color:var(--o)}
@media(min-width:768px){.tbp-oz{grid-template-columns:1fr 1fr;column-gap:16px}.tbp-oz > div:nth-child(odd){background:none}.tbp-oz > div:nth-child(4n+1),.tbp-oz > div:nth-child(4n+2){background:#FAF8F5;border-radius:8px}}
/* Teslimat & İade & Taksit */
.tbp-ti{display:grid;grid-template-columns:1fr;gap:18px}
@media(min-width:768px){.tbp-ti{grid-template-columns:repeat(3,1fr)}}
.tbp-ti h3{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:14.5px;font-weight:700}
.tbp-ti h3 .ic{color:var(--o)}
.tbp-ti p{margin:0 0 6px;font-size:13px;line-height:1.6;color:var(--tb-ink3)}
.tbp-ti a{color:var(--o);font-weight:600}
.tbp-tt{width:100%;border-collapse:collapse;font-size:13px}
.tbp-tt td{padding:7px 0;border-top:1px solid var(--ln2);color:var(--tb-ink3)}
.tbp-tt td:last-child{text-align:right;font-weight:600;color:var(--tb-ink)}
.tbp-not{margin:6px 0 0;font-size:11.5px !important;color:var(--tb-ink4) !important}
.tbp-ek{margin-top:14px;border-top:1px solid var(--ln2)}
.tbp-ek summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0 2px;cursor:pointer;list-style:none;font-size:13.5px;font-weight:600;color:var(--tb-ink2)}
.tbp-ek summary::-webkit-details-marker{display:none}
.tbp-ek summary::after{content:'';width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform var(--d-base)}
.tbp-ek[open] summary::after{transform:rotate(-135deg)}
.tbp-ek-i{padding-top:10px;font-size:13px;line-height:1.7;color:var(--tb-ink3)}
.tbp-ek-i h1,.tbp-ek-i h2,.tbp-ek-i h3{font-size:14.5px !important;font-weight:700;margin:1em 0 .4em;color:var(--tb-ink)}
/* SSS */
.tbp-sss details{border-top:1px solid var(--ln2)}
.tbp-sss details:first-child{border-top:0}
.tbp-sss summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 2px;cursor:pointer;list-style:none;font-size:14px;font-weight:500;color:var(--tb-ink)}
.tbp-sss summary::-webkit-details-marker{display:none}
.tbp-sss summary::after{content:'';flex-shrink:0;width:8px;height:8px;border-right:1.6px solid var(--tb-ink4);border-bottom:1.6px solid var(--tb-ink4);transform:rotate(45deg);transition:transform var(--d-base)}
.tbp-sss details[open] summary{color:var(--o)}
.tbp-sss details[open] summary::after{transform:rotate(-135deg);border-color:var(--o)}
.tbp-sss p{margin:0 0 14px;font-size:13.5px;line-height:1.65;color:var(--tb-ink3)}

/* ── 9. Sabit alt çubuk (masaüstü + mobil) ── */
.tbp .tbp-ss{position:fixed;left:0;right:0;bottom:0;z-index:1020;display:block;background:rgba(255,255,255,.97);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--ln);box-shadow:0 -10px 30px -18px rgba(17,17,17,.3);transform:translateY(110%);visibility:hidden;transition:transform var(--d-slow) var(--tb-ease),visibility 0s linear var(--d-slow)}
.tbp .tbp-ss.tb-ss-goster{transform:none;visibility:visible;transition:transform var(--d-slow) var(--tb-ease),visibility 0s}
.tbp-ss-in{max-width:calc(var(--tb-cw) + var(--tb-g) * 2);margin:0 auto;padding:10px var(--tb-g) calc(10px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:16px}
.tbp-ss-g{width:44px;height:66px;object-fit:cover;border-radius:8px;flex-shrink:0;background:var(--tb-warm)}
.tbp-ss-a{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}
.tbp-ss-a b{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tbp-ss-a span{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--tb-ink3)}
.tbp-ss-a .ic{width:13px;height:13px;fill:#FFB21E;stroke:#FFB21E}
.tbp .tbp-ss .tb-ss-fiyat{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:0 0 auto;line-height:1.1}
.tbp .tbp-ss .tb-ss-eski{order:1;flex-basis:100%;font-size:12px;color:var(--tb-ink5);text-decoration:line-through}
.tbp .tbp-ss .tb-ss-eski:empty{display:none}
.tbp .tbp-ss .tb-ss-guncel{order:2;font-size:22px;font-weight:800;color:var(--o);white-space:nowrap;letter-spacing:-.02em}
.tbp .tbp-ss .tb-ss-etiket{order:3;display:inline-flex;align-items:center;height:22px;padding:0 7px;border-radius:6px;background:var(--o);color:#fff;font-size:11.5px;font-weight:700}
.tbp .tbp-ss .tb-ss-etiket:empty{display:none}
.tbp-ss-tk{display:flex;flex-direction:column;padding-left:16px;border-left:1px solid var(--ln);line-height:1.25}
.tbp-ss-tk b{font-size:13px;color:var(--o);font-weight:700}
.tbp-ss-tk span{font-size:11.5px;color:var(--tb-ink4)}
.tbp-ss-ad{display:flex;align-items:center;height:48px;padding:0 4px;border:1px solid var(--ln);border-radius:12px}
.tbp-ss-ad button{width:34px;height:40px;border:0;background:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.tbp-ss-ad button:hover{background:var(--o-l);color:var(--o)}
.tbp-ss-ad svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.tbp-ss-ad span{min-width:28px;text-align:center;font-weight:600}
.tbp .tbp-ss .tb-ss-buton{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 26px;border:0;border-radius:12px;background:linear-gradient(180deg,#FF7A2E,var(--o));color:#fff;font-size:15px;font-weight:700;box-shadow:0 8px 18px -10px rgba(242,106,27,.85);cursor:pointer}
.tbp .tbp-ss .tb-ss-buton .ic{width:19px;height:19px;stroke-width:1.9}
.tbp .tbp-ss .tb-ss-buton:active{transform:scale(.97)}
@media(max-width:991px){
  .tbp-ss-a,.tbp-ss-tk,.tbp-ss-ad{display:none}
  .tbp-ss-in{gap:12px}
  .tbp-ss-g{width:40px;height:60px}
  .tbp .tbp-ss .tb-ss-fiyat{flex:1 1 auto}
  .tbp .tbp-ss .tb-ss-guncel{font-size:20px}
  .tbp .tbp-ss .tb-ss-buton{padding:0 20px}
}
@media(min-width:992px){body.product-body.tb-ss-acik{padding-bottom:90px}}

/* ── 10. Platform modülleri (yorumlar, benzer ürünler) ile uyum ── */
body.product-body .p-g-mod-t-13 > .p-g-mod-header{display:none}
body.product-body .urun-detay-sekmeler199{display:none !important}
body.product-body .p-g-mod-t-92{margin-top:8px;padding:20px;border:1px solid #ECE7E1;border-radius:16px;background:#fff;scroll-margin-top:calc(var(--tbp-ust, 0px) + 70px);font-family:var(--tb-font)}
body.product-body .p-g-mod-t-92 .tbp-s-h{margin:0 0 14px;font-size:18px;font-weight:700;letter-spacing:-.015em;color:var(--tb-ink)}
body.product-body .product-comment-list-v2 .btn-success{background:#F26A1B !important;border-color:#F26A1B !important;border-radius:12px !important;height:44px;font-weight:600;font-size:14px;box-shadow:none !important}
body.product-body .product-comment-list-v2 .btn-success:hover{background:#DE5A0D !important}
body.product-body .pattern-group-p-product .p-g-mod-showcase{overflow:visible !important}
body.product-body .pattern-group-p-product .p-g-m-h-icon{display:none !important}
body.product-body .pattern-group-p-product .p-g-m-h-info{padding:0 !important;margin:0 !important;top:0 !important}
body.product-body .pattern-group-p-product .p-g-m-h-i-title{font-family:var(--tb-font) !important;font-size:var(--t-h2) !important;font-weight:700 !important;letter-spacing:-.02em;line-height:1.25 !important;color:var(--tb-ink) !important;text-transform:none !important;height:auto !important;max-height:none !important;overflow:visible !important;padding:0 !important;margin:0 !important;top:0 !important;white-space:normal !important}

@media(prefers-reduced-motion:reduce){
  .tbp *,.tbp *::before,.tbp *::after{animation:none !important;transition:none !important}
}
.tbp-fk-g strong.is-fl{animation:tbp-fl .45s var(--tb-ease)}
@keyframes tbp-fl{0%{opacity:.25;transform:translateY(3px)}100%{opacity:1;transform:none}}