/* Baked Bags Turkey — orijinal tema üzerine yerelleştirme ve mağazaya özel bileşenler */

:root { --dm_cream_color: #fdf1ce }

/* Başlık fontunda olmayan Türkçe harfler; diğer karakterler orijinal dosyadan gelir */
@font-face {
  font-family: "American Purpose";
  src: url("/assets/fonts/bb2/american-purpose-tr.woff2") format("woff2");
  font-style: normal;
  font-display: swap;
  unicode-range: U+00C7, U+00D6, U+00DC, U+00E7, U+00F6, U+00FC, U+011E-011F, U+0130-0131, U+015E-015F;
}
@font-face {
  font-family: "American Purpose";
  src: url("/assets/fonts/bb2/figtree-700.woff2") format("woff2");
  font-style: normal;
  font-display: swap;
  unicode-range: U+0026, U+0028-0029, U+002F, U+00B7, U+2010-2027;
}

/* Lato'nun tema dosyalarında Ğ/İ/Ş yok */
@font-face { font-family: "Lato"; font-weight: 400; font-style: normal; font-display: swap; src: url("/assets/fonts/bb2/lato-400-latin-ext.woff2") format("woff2"); unicode-range: U+011E-011F, U+0130-0131, U+015E-015F }
@font-face { font-family: "Lato"; font-weight: 400; font-style: italic; font-display: swap; src: url("/assets/fonts/bb2/lato-400i-latin-ext.woff2") format("woff2"); unicode-range: U+011E-011F, U+0130-0131, U+015E-015F }
@font-face { font-family: "Lato"; font-weight: 700; font-style: normal; font-display: swap; src: url("/assets/fonts/bb2/lato-700-latin-ext.woff2") format("woff2"); unicode-range: U+011E-011F, U+0130-0131, U+015E-015F }
@font-face { font-family: "Lato"; font-weight: 900; font-style: normal; font-display: swap; src: url("/assets/fonts/bb2/lato-900-latin-ext.woff2") format("woff2"); unicode-range: U+011E-011F, U+0130-0131, U+015E-015F }

[hidden] { display: none !important }

/* ───── Yaş kapısı ───── */
html.bb-age-pending,
html.bb-age-pending body { overflow: hidden }
html.bb-age-pending #cbd-age-gate-overlay,
#cbd-age-gate-overlay.is-leaving {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#cbd-age-gate-overlay .cbd-title { font-family: "American Purpose", sans-serif !important; font-weight: 400 !important }
.bb-konum select + label + select { margin-top: 12px }
.bb-konum select:focus-visible { outline: 3px solid var(--dm_sky_color) !important; outline-offset: 2px }
button.custom-selected-state,
button.outer-location-menu { padding: 0; border: 0; background: none; color: inherit; font: inherit; cursor: pointer }
.custom-dropdown li[hidden] { display: none }
.bb-konum__msg { margin: 12px 0 0; color: var(--dm_brown_color); font-size: 15px; line-height: 1.4 }

/* ───── Header: arama formu (orijinal predictive-search içinde) ───── */
.dm-shop-all-btn .dm-common-btn,
.dm-common-btns { white-space: nowrap; min-width: max-content }

.bb-search-form { display: contents }
.predictive-search__submit svg { display: block; color: var(--nav-text-color, #8A4730) }
.header-email-id { text-transform: none }

/* ───── Sepet çekmecesi ───── */
/* tema .sticky-header z-index:999999 — çekmece (1502) ve örtü (1499) açıkken altında kalmalı */
html.bb-cart-open body .sticky-header { z-index: 1400 }
.cart-drawer__ship { margin-bottom: 10px; font-size: 14px; font-weight: 700; color: #8A4730 }
.cart-drawer__footer--buttons { display: grid; gap: 10px; margin-top: 15px }
.cart-drawer__footer--button { width: 100% }
.cart-drawer__product_card--image img { aspect-ratio: 1; object-fit: contain; background: #fff; border-radius: 8px }
.cart-drawer__product-card--quantity--input { display: inline-flex; align-items: center; justify-content: center }
.cart-drawer__product-card--quantity--button:disabled { opacity: .35; cursor: default }

/* ───── Ürün kartı ───── */
.bb-card-rating { display: inline-flex; align-items: center; justify-content: center; gap: 2px; margin-top: 6px; color: #512E1F; font-size: 13px; text-decoration: none }
.bb-card-rating span { margin-left: 4px }
.grid-view-item-image .badge { position: absolute; top: 10px; left: 10px; z-index: 2 }
.price--from-text { margin-right: 4px }
.quick-add-button[disabled] { opacity: .5; cursor: not-allowed }

/* ───── Ana sayfa ───── */
.dm-hero-banner .dm-hero-banner-contant h1 { text-align: center; margin: 16px auto -4px; font-size: 50px; font-weight: 400; line-height: 60px; max-width: 546px }
@media screen and (max-width: 767px) {
  .dm-hero-banner .dm-hero-banner-contant h1 { text-align: start; margin: 10px 140px 10px 0; font-size: 32px; line-height: normal }
}
@media screen and (max-width: 767px) {
  .dm-collection-tabbing .section-title h3:before { content: 'Yalnızca premium içerikler' }
  .dm-collection-tabbing .section-title h2:before { content: 'Baked Bags çok satanlar' }
}
.dm-verified-svg { display: inline-flex; align-items: center; gap: 5px; color: #6A574C; font-size: 12px }
.bb-vid-section .dm-blog-posts-title { justify-content: flex-end }
.dm-blog-posts video.dm-blog-article-img { display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; background: #341D13 }

/* ───── Koleksiyon: filtre sekmeleri (ana sayfa tablinks görünümü) ───── */
.bb-coll-filter { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 0 0 24px }
.bb-coll-filter .tablinks { border-radius: 12px; border: 1px solid #512E1F; background: transparent; padding: 12px 19px; font-weight: 700; cursor: pointer }
.bb-coll-filter .tablinks.active { background: #8A4730; border-color: #8A4730; color: #fff }
@media screen and (max-width: 990px) {
  .bb-coll-filter { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; scrollbar-width: none; padding-bottom: 4px }
  .bb-coll-filter::-webkit-scrollbar { display: none }
  .bb-coll-filter .tablinks { flex: 0 0 auto; font-size: 14px; line-height: 20px; padding: 7px 10px }
}
.bb-coll-empty { padding: 40px 0; text-align: center }

/* ───── Yorum formu ───── */
.bb-star-field { justify-content: center }
.bb-star-pick { display: flex; align-items: center; gap: 4px }
.bb-star-pick .urn-star { background: none; border: 0; padding: 0 2px; font-size: 28px; line-height: 1; color: #D9CBB8; cursor: pointer }
.bb-star-pick .urn-star.dolu { color: #EBBF20 }
.bb-star-pick__lbl { margin-left: 8px; font-size: 14px; color: #6A574C }
.bb-form-note { margin: 0 0 12px; font-size: 13px; color: #6A574C }

/* ───── Footer: ödeme yöntemleri ───── */
.bb-pay-list { display: flex; flex-wrap: wrap; gap: 8px }
.bb-pay-list span { padding: 4px 10px; border: 1px solid rgba(255, 255, 255, .5); border-radius: 4px; color: #fff; font-size: 12px; font-weight: 700; letter-spacing: .5px }

/* ───── WhatsApp destek ───── */
.bb-fab {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 990;
  display: grid;
  place-items: center;
  width: 60px;
  height: 60px;
  border: 0;
  border-radius: 50%;
  background: #8A4730;
  color: #fff;
  box-shadow: 0 8px 22px rgba(52, 29, 19, .3);
  cursor: pointer;
  transition: transform .2s;
}
.bb-fab:hover { transform: scale(1.06) }
.bb-fab svg { width: 30px; height: 30px }
back-to-top { bottom: 92px !important }
.bb-chat {
  position: fixed;
  right: 20px;
  bottom: 92px;
  z-index: 991;
  width: min(360px, calc(100vw - 40px));
  overflow: hidden;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 20px 50px rgba(52, 29, 19, .25);
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: opacity .2s, transform .2s, visibility .2s;
}
.bb-chat.open { opacity: 1; visibility: visible; transform: none }
.bb-chat__head { display: flex; align-items: center; gap: 12px; padding: 14px 16px; background: #8A4730; color: #fff }
.bb-chat__head .av { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: #fff; color: #8A4730; font-weight: 900 }
.bb-chat__head .on { font-size: 12px; opacity: .85 }
.bb-chat__head .x { margin-left: auto; width: 32px; height: 32px; border: 0; background: none; color: #fff; font-size: 18px; cursor: pointer }
.bb-chat__body { padding: 16px; background: #FFF6E1 }
.bb-msg { max-width: 90%; padding: 12px 14px; border-radius: 14px 14px 14px 4px; background: #fff; font-size: 14px; box-shadow: 0 1px 3px rgba(0, 0, 0, .08) }
.bb-chat__chips { display: flex; flex-wrap: wrap; gap: 8px; padding: 14px 16px 16px }
.bb-chip { display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px; border: 1px solid #E5E5E5; border-radius: 999px; background: #fff; color: #242424; font-size: 13px; font-weight: 700; cursor: pointer }
.bb-chip:hover { border-color: #8A4730; color: #8A4730 }
.bb-chip--wa { flex: 1 0 100%; justify-content: center; padding: 12px; border-color: #1FAB50; background: #25D366; color: #fff; font-size: 14px; font-weight: 800 }
.bb-chip--wa:hover { color: #fff; border-color: #1FAB50; filter: brightness(.95) }

/* ───── Toast ───── */
.bb-toast-wrap {
  position: fixed;
  left: 50%;
  bottom: 24px;
  z-index: 1000000;
  display: grid;
  gap: 8px;
  width: min(420px, calc(100% - 32px));
  transform: translateX(-50%);
  pointer-events: none;
}
.bb-toast {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 18px;
  border-radius: 10px;
  background: #341D13;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .2);
  animation: bb-toast-in .25s ease both;
  pointer-events: auto;
}
.bb-toast--basari { background: #1F9D57 }
.bb-toast--hata { background: #D12C2C }
.bb-toast--uyari { background: #EBBF20; color: #241109 }
.bb-toast.out { animation: bb-toast-out .25s ease both }
@keyframes bb-toast-in { from { opacity: 0; transform: translateY(12px) } to { opacity: 1; transform: none } }
@keyframes bb-toast-out { to { opacity: 0; transform: translateY(12px) } }

.bb-sr-only {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

/* ---------- Ürün detay ---------- */
.bb-pd-media{position:relative;background:#fff;border:1px solid var(--dm_off_white,#e5e5e5);border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1}
.bb-pd-media img#phMain{width:100%;height:100%;object-fit:contain;display:block}
.bb-pd-badge{position:absolute;top:16px;left:16px;z-index:2;background:#8A4730;color:#fff;border-radius:999px;padding:6px 12px;letter-spacing:.04em}
.bb-pd-fav{position:absolute;top:14px;right:14px;z-index:2;width:44px;height:44px;border-radius:50%;border:1px solid #EADFD2;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#512E1F;padding:0}
.bb-pd-fav svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}
.bb-pd-fav.is-on svg{fill:#8A4730;stroke:#8A4730}
.bb-pd-rating{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#512E1F;font-size:14px;margin-bottom:10px}
.bb-pd-stars{color:#EBBF20;letter-spacing:2px;font-size:16px}
.bb-pd-price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:10px 0 6px}
.bb-pd-price s{color:#9b8a7c;font-size:18px}
.bb-pd-unit{font-size:13px;color:#7a6658}
.bb-pd-optlbl{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:18px 0 10px;font-weight:700;color:#512E1F;font-size:14px}
.dm-flavor-lists .sel-opt{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;border:1.45px solid #e5e5e5;border-radius:14.55px;padding:16px 12px 12px;background:#fff;cursor:pointer;color:#000;font:inherit;transition:border-color .15s}
.dm-flavor-lists .sel-opt:hover{border-color:#c9b6a3}
.dm-flavor-lists .sel-opt.active{border-color:var(--dm_primary_color,#8A4730);box-shadow:0 0 0 1px var(--dm_primary_color,#8A4730) inset}
.dm-flavor-lists .sel-opt .sub{font-size:12px;color:#7a6658}
.dm-flavor-lists .sel-opt .p{font-weight:700;color:#512E1F;font-size:13px}
.dm-flavor-lists .sel-opt .dm-flavor-price{position:absolute;top:6px;right:8px;color:#fff;background:#8a4730;font-size:10px;line-height:18px;padding:0 5px;letter-spacing:0;font-weight:400;white-space:nowrap}
.dm-flavor-lists .dm-flavor-itmes>a,.dm-flavor-lists .dm-flavor-itmes>.sel-opt{height:100%}
.dm-flavor-lists .sel-opt .flavor-page-title{margin-top:10px}
.bb-pd-fark{background:none;border:0;padding:0;color:#8A4730;text-decoration:underline;cursor:pointer;font-size:13px;font-weight:400}
.bb-pd-oos{color:#b3261e;font-weight:700;margin:10px 0}

/* Liste fiyatı (DB eskiFiyat) */
.cart-drawer__product-card--price .price--compare-at-price,
.bbu__price .price--compare-at-price { margin-right: 6px; font-size: .85em }

/* 1 Alana 1 Bedava */
.sale-badge.bb-bogo-badge { background: var(--dm_sky_color); color: var(--chocolate_dark) }
.bb-pd-bogo { margin: 12px 0 0; padding: 12px 16px; border-radius: 8px; background: var(--dm_cream_color); color: var(--chocolate_dark); font-size: 15px; line-height: 1.45 }
.bb-pd-bogo strong { display: block; font-size: 16px }
.bb-bogo-tag {
  display: block;
  align-self: flex-start;
  width: max-content;
  max-width: 100%;
  margin-top: 6px;
  padding: 2px 8px;
  border-radius: 999px;
  background: var(--dm_sky_color);
  color: var(--chocolate_dark);
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
}
.bb-pd-lab{display:inline-block;margin-top:16px;color:#8A4730;text-decoration:underline;font-size:14px}
.collapsible-tab:not(.open) .collapsible-content{height:0;overflow:hidden}
.collapsible-tab .collapsible-content{overflow:hidden;transition:height .25s ease}
.bb-modal-bd{position:fixed;inset:0;z-index:10050;background:rgba(30,18,12,.55);display:none;align-items:center;justify-content:center;padding:20px}
.bb-modal-bd.open{display:flex}
.bb-modal{position:relative;background:#FFF8EE;border-radius:24px;max-width:640px;width:100%;padding:32px 28px;max-height:90vh;overflow:auto;color:#512E1F}
.bb-modal [data-fark-kapat]{position:absolute;top:12px;right:14px;background:none;border:0;font-size:26px;line-height:1;cursor:pointer;color:#512E1F}
.bb-fark-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}
.bb-fark-col{background:#fff;border:1px solid #EADFD2;border-radius:16px;padding:18px}
.bb-fark-tag{display:inline-block;background:#8A4730;color:#fff;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;margin-bottom:8px}
@media (max-width:600px){.bb-fark-grid{grid-template-columns:1fr}.bb-modal{padding:26px 18px}}
#phAdet.dm-flavor-lists{display:grid;grid-template-columns:repeat(4,1fr);align-items:stretch}
@media (max-width:420px){#phAdet .sel-opt{padding:16px 6px 10px}}

/* ---------- Sepet ---------- */
.js-qty .js-qty__adjust:disabled{opacity:.35;cursor:default}

/* İçerik sayfaları: SSS grup başlıkları + kapanış, lab akordeon gövdesi, yasal giriş */
.dm-faq-section .bb-faq-group{margin:44px 0 0;padding-bottom:6px;text-transform:uppercase}
.dm-faq-section .bb-faq-group:first-child{margin-top:0}
.dm-faq-section .faq-question:focus-visible{outline:2px solid var(--dm_brown_color,#8A4730);outline-offset:4px}
.bb-faq-cta{margin-top:64px;text-align:center}
.bb-faq-cta p{margin:12px auto 24px;max-width:560px}
.bb-faq-cta__btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
body .dm-common-btn.dm-common-btn--ghost{background:transparent;color:var(--dm_sky_color)}
body .dm-common-btn.dm-common-btn--ghost:hover{background:var(--dm_sky_color);color:#fff}
.tab-with-accordion .bb-lab-intro{margin:10px 0 0;color:#512E1F}
.bb-lab-item{display:flex;gap:20px;align-items:flex-start;padding:4px 0 18px}
.bb-lab-item img{width:96px;height:96px;object-fit:cover;border-radius:10px;border:1px solid var(--dm_off_white,#e5e5e5);flex:none;background:#fff}
.bb-lab-item__body p{margin:0 0 14px;color:#242424}
.bb-lab-item__cta{display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.bb-lab-item__link{color:#512E1F;font-weight:700;text-decoration:underline}
@media (max-width:767px){.bb-lab-item img{width:64px;height:64px}}
.dm-refund-policy .bb-legal-lead{text-align:center;margin:0 auto}
.dm-refund-policy .bb-legal-lead p{margin:0 0 6px}
.dm-refund-policy .bb-legal{position:relative;margin-top:40px}
.dm-refund-policy .bb-legal .bb-container{max-width:1100px}
.bb-co .yasal-toc a.active{background:rgba(138,71,48,.1);color:#512E1F;box-shadow:inset 3px 0 0 #8A4730}
.bb-co .yasal-toc a.active .n{color:#8A4730}
.bb-legal h3[id]{scroll-margin-top:24px}
@media (min-width:1025px){.dm-refund-policy .bb-legal{margin-top:110px}}
/* Header: aktif link ve mega menü katmanı */
.nav-link-animated a[aria-current="page"] span.animated-underline {
  background-size: 100% 1px, 100% 1px;
}
.mobile-nav__link[aria-current="page"] {
  text-decoration: underline;
  text-underline-offset: 0.25em;
  color: var(--dm_brown_color);
}
.header-section {
  z-index: 30;
}
.site-nav__dropdown.mega-menu-dropdown {
  z-index: 40;
}