/* =========================================================
   Ton sür ton açık kakao paleti
   Koyu kahve bloklar yerine; krem → sütlü kakao → karamel geçişleri.
   ========================================================= */
:root{
  --pulp:#faf5ee;      /* zemin: kakao çiçeği kremi */
  --butter:#f2e8db;    /* kakao yağı */
  --latte:#e8d8c4;     /* sütlü kakao */
  --tan:#d9c1a3;       /* açık kavrulmuş */
  --caramel:#b98a5e;   /* karamel vurgu */
  --mocha:#7a5236;     /* orta ton */
  --roast:#5a3a26;     /* başlık rengi */
  --ink:#4a3122;       /* metin */
  --muted:#8a6d58;
  --pod:#a5582f;       /* kakao meyvesi vurgusu */
  --gold:#c39456;
  --gold-2:#d8b37c;
  --line:rgba(90,58,38,.14);
  --line-dark:rgba(90,58,38,.16);
}
body{background:var(--pulp);color:var(--ink)}
h1,h2,h3,h4{color:var(--roast)}
.cream{background:var(--butter)}

/* Koyu bölümler → sütlü kakao tonu */
.dark{background:linear-gradient(180deg,var(--latte) 0%,#e3d0b9 100%);color:var(--ink)}
.dark h2,.dark h3,.dark h4{color:var(--roast)}
.dark p,.dark .lead,.dark li{color:#6a4c38}
.dark .eyebrow{color:var(--pod)}
.dark .note{color:var(--muted)}
.dark .card{background:rgba(255,255,255,.45);border-color:var(--line)}
.dark .tag{background:rgba(165,88,47,.12);color:var(--pod)}
.dark .table-wrap{border-color:var(--line);background:rgba(255,255,255,.4)}
.dark th{background:rgba(90,58,38,.06);color:var(--mocha)}
.dark th,.dark td{border-color:var(--line)}
.dark td a{color:var(--pod)}
.ferm{color:var(--pod)}

/* Üst menü */
.site-header{background:rgba(250,245,238,.94);border-bottom:1px solid var(--line)}
.logo{color:var(--roast)}
.logo span{color:var(--caramel)}
.menu a{color:var(--mocha)}
.menu a:hover{color:var(--pod)}
.burger{color:var(--roast)}
@media (max-width:1020px){
  .menu{background:var(--pulp);border-bottom:1px solid var(--line)}
  .menu a{border-bottom-color:var(--line)}
}

/* Hero ve sayfa başlıkları */
.hero{background:radial-gradient(ellipse at 78% 30%,#ead7bf 0%,var(--butter) 45%,var(--pulp) 100%);color:var(--ink)}
.hero h1{color:var(--roast)}
.hero h1 em{color:var(--pod)}
.hero .lead{color:#6a4c38}
.hero .eyebrow{color:var(--pod)}
.stats{border-top-color:var(--line)}
.stat{border-right-color:var(--line)}
.stat b{color:var(--pod)}
.stat small{color:var(--muted)}
@media (max-width:860px){.stat:nth-child(-n+2){border-bottom-color:var(--line)}}
.page-hero{background:linear-gradient(135deg,var(--butter) 0%,var(--latte) 100%);color:var(--ink)}
.page-hero h1{color:var(--roast)}
.page-hero .lead{color:#6a4c38}
.page-hero .eyebrow{color:var(--pod)}

/* Düğmeler */
.btn-gold{background:var(--pod);color:#fff}
.btn-gold:hover{background:#8f4a26;color:#fff}
.btn-ghost{border-color:var(--tan);color:var(--roast)}
.btn-ghost:hover{border-color:var(--pod);color:var(--pod)}
.btn-dark{background:var(--mocha);color:#fff}
.btn-dark:hover{background:var(--roast)}

/* Formlar (açık zemin) */
.form label{color:var(--mocha)}
.form input,.form select,.form textarea{background:#fff;border-color:var(--tan);color:var(--ink)}
.form input::placeholder,.form textarea::placeholder{color:#b49a85}
.form input:focus,.form select:focus,.form textarea:focus{outline-color:var(--pod)}
.bt-consent{color:var(--muted)!important}
.contact-list li{border-bottom-color:var(--line)}
.contact-list b{color:var(--pod)}
.contact-list a,.contact-list span{color:var(--ink)!important}
.bt-alert.ok{background:#e6efd9;color:#3f5a28;border-color:#b9cf9c}
.bt-alert.err{background:#f6e0d2;color:#8a3d1a;border-color:#e2b08f}
.bt-shortcode-form,.bt-quote-box{background:var(--latte);color:var(--ink)}
.bt-quote-box h3{color:var(--roast)}
.bt-quote-box .note{color:var(--muted)}
.page-contact h1{color:var(--roast)}

/* Bileşenler */
.partner{border-color:var(--line);background:rgba(255,255,255,.35)}
.partner div{border-color:var(--line)}
.partner b{color:var(--roast)}
.arrow{color:var(--pod)}
.belt{background:linear-gradient(135deg,var(--mocha),#8c6244);border:0}
.legend{color:rgba(255,248,238,.85)}
.vs .craft{background:var(--latte);color:var(--ink)}
.vs .craft h3{color:var(--pod)}
.vs .craft li{border-color:var(--line)}
.temp-card{color:#fff}
.temp-card:nth-child(1){background:var(--mocha)!important}
.temp-card:nth-child(2){background:var(--caramel)!important}
.temp-card:nth-child(3){background:var(--tan)!important;color:var(--roast)}
.avatar{background:linear-gradient(135deg,var(--tan),var(--caramel));color:#fff}
.event .when{color:var(--pod)}
.step{background:#fff}
.step .tip{background:rgba(195,148,86,.12)}
.gloss div{background:#fff}
.link-card .more{color:var(--pod)}

/* Alt bilgi */
footer{background:var(--latte);color:var(--muted)}
footer h4{color:var(--pod)}
footer a{color:var(--mocha)}
footer a:hover{color:var(--pod)}
footer .logo{color:var(--roast)}
.copy{border-top-color:var(--line)}
.cta-band{background:linear-gradient(120deg,var(--butter),var(--latte))}

/* WooCommerce */
.woocommerce ul.products li.product{background:#fff;border-color:var(--line)}
.woocommerce ul.products li.product img{background:var(--butter)}
.bt-chips a{background:#fff;border-color:var(--tan);color:var(--roast)}
.bt-chips a.on,.bt-chips a:hover{background:var(--mocha);border-color:var(--mocha);color:#fff}
.bt-chips a.on small,.bt-chips a:hover small{color:var(--latte)}
.bt-origin{color:var(--pod)}
.bt-ferm{color:var(--mocha)}
.bt-badge.award{background:var(--gold-2);color:var(--roast)}
.woocommerce div.product div.images img{background:var(--butter)}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{border-bottom-color:var(--pod)}
.bt-spec{background:#fff}
.bt-spec th{background:var(--butter);color:var(--mocha)}
.bt-lot-sec{margin:0 0 40px;padding:0}
.bt-lot-sec h2{font-size:1.6rem;margin-bottom:.6em}
.bt-impact{padding-left:1.1em}
.bt-impact li{margin-bottom:.7em}
.bt-notes-chips{display:flex;flex-wrap:wrap;gap:8px}
.bt-notes-chips span{padding:6px 14px;border-radius:999px;background:var(--butter);border:1px solid var(--tan);font-size:.88rem;color:var(--roast)}
.award{background:var(--gold-2);color:var(--roast)}

/* Kesme testi görselleri ve aroma çarkı merkez rengi açık zeminde kalsın */
#wheel circle{fill:var(--mocha)}
.wa-float{box-shadow:0 10px 24px rgba(90,58,38,.25)}

/* Kahve yönlendirme bandı */
.coffee-redirect{padding:56px 0;background:var(--butter);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.coffee-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
.coffee-inner h2{font-size:clamp(1.4rem,2.6vw,1.9rem);margin-bottom:.3em}
.coffee-inner p{margin:0;max-width:640px;color:var(--muted)}

/* ---------- Ürün sayfası: özet düğmeleri ---------- */
.bt-summary-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.bt-summary-cta .btn{padding:12px 20px;font-size:.9rem}

/* ---------- Sekmeler (hap biçimli) ---------- */
.woocommerce div.product .woocommerce-tabs{margin-top:50px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:14px 34px 40px}
.woocommerce div.product .woocommerce-tabs ul.tabs{gap:8px;border-bottom:1px solid var(--line);padding:6px 0 14px!important;margin:0 0 30px!important;flex-wrap:wrap}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{font-family:var(--sans);font-size:.92rem;font-weight:700;padding:10px 18px!important;border:1px solid var(--tan)!important;border-radius:999px;color:var(--mocha)!important;background:var(--pulp)}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{background:var(--mocha);border-color:var(--mocha)!important;color:#fff!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover{border-color:var(--pod)!important;color:var(--pod)!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a:hover{color:#fff!important}
.woocommerce div.product .woocommerce-tabs .panel{max-width:none}
@media (max-width:700px){.woocommerce div.product .woocommerce-tabs{padding:10px 18px 28px}}

/* Ürün sayfası: solda Lot hikâyesi / Künye sekmeleri, sağda teklif formu */
.bt-lot-quote,.bt-pd-sec{grid-column:1/-1}
.bt-lot-quote{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,1fr);gap:30px;align-items:start;margin-top:50px}
.bt-lot-quote.no-tabs{grid-template-columns:minmax(0,640px)}
.woocommerce div.product .bt-lot-quote .woocommerce-tabs{grid-column:auto;margin-top:0}
.bt-lot-tabs{min-width:0}
.bt-lot-tabs .bt-lot-sec{margin-bottom:28px}
.bt-lot-tabs .bt-lot-sec:last-child{margin-bottom:0}
#tab-kunye .bt-lot-sec > h2:first-child{display:none}
#tab-kunye .bt-spec{margin-top:0}
.bt-quote-side{margin-top:0;border-radius:22px;padding:30px;position:sticky;top:100px}
.bt-quote-side h2{font-size:1.55rem;color:var(--roast);margin-bottom:8px}
.bt-quote-side > p{color:var(--muted);font-size:.95rem;margin-bottom:18px}
.bt-quote-side .contact-list{margin-top:22px}
/* Etki ve lezzet çarkı · Kakao seçkisi: ayrı bölümler */
.bt-pd-sec{margin-top:80px}
.bt-pd-head{margin-bottom:26px}
.bt-pd-head h2{font-size:clamp(1.6rem,3vw,2.2rem)}
.bt-pd-etki .bt-quality{background:#fff;border:1px solid var(--line);border-radius:22px;padding:34px}
#teklif-form,#etki,#secki{scroll-margin-top:110px}
@media (max-width:960px){.bt-lot-quote{grid-template-columns:1fr}.bt-quote-side{position:static}}
@media (max-width:700px){.bt-pd-etki .bt-quality{padding:22px 18px}.bt-pd-sec{margin-top:56px}}

/* Seçki sekmesi */
.bt-secki-head{margin-bottom:26px}
.bt-secki-head h2{font-size:clamp(1.6rem,3vw,2.2rem)}
.bt-secki-head .lead{font-size:1rem}

/* ---------- Lezzet çarkı ---------- */
.bt-wheel-box{display:grid;grid-template-columns:minmax(280px,480px) 1fr;gap:40px;align-items:center;margin-bottom:46px}
.bt-wheel{width:100%;height:auto}
.bt-wheel .w-sub{font-family:var(--sans);font-size:11.5px;font-weight:600;fill:var(--roast);opacity:.5}
.bt-wheel .w-sub.on{fill:#fff;opacity:1;font-weight:700}
.bt-wheel .w-cat{font-family:var(--sans);font-size:12.5px;font-weight:700;fill:var(--roast);opacity:.6}
.bt-wheel .w-cat.on{fill:#fff;opacity:1}
.bt-wheel .w-center{font-family:var(--serif);font-size:20px;fill:var(--roast)}
.bt-wheel-notes h3{font-size:1.5rem}
@media (max-width:860px){.bt-wheel-box{grid-template-columns:1fr}.bt-wheel{max-width:440px;margin:0 auto}}

/* ---------- Etki kartları ---------- */
.bt-impact-title{font-size:1.5rem;margin-bottom:18px}
.bt-impact-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}
.bt-impact-card{background:var(--pulp);border:1px solid var(--line);border-radius:18px;padding:22px;text-align:center}
.bt-impact-card b{display:block;font-family:var(--serif);font-size:1.08rem;color:var(--roast);margin:10px 0 6px}
.bt-impact-card p{font-size:.86rem;color:var(--muted);margin:0}
.bt-ring{width:96px;height:96px;margin:0 auto;display:block}
.bt-ring text{font-family:var(--serif);font-size:22px;font-weight:700;fill:var(--roast)}
.bt-levels{display:flex;gap:8px;justify-content:center;align-items:flex-end;height:96px}
.bt-levels span{width:22px;border-radius:6px;background:var(--latte)}
.bt-levels span.on{background:linear-gradient(180deg,#8fa25e,#5f7a3a)}
.bt-medal{width:84px;height:84px;margin:6px auto;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-weight:700;font-size:1.3rem;color:var(--roast);background:radial-gradient(circle at 35% 30%,#f3dca5,#c79a4e);box-shadow:inset 0 0 0 5px rgba(255,255,255,.4)}
.bt-icon{width:84px;height:84px;margin:6px auto;border-radius:50%;display:grid;place-items:center;font-size:2rem;background:var(--butter);color:var(--pod)}
/* Form alanları dar kutularda taşmasın */
.form{grid-template-columns:repeat(2,minmax(0,1fr))}
.form label{min-width:0}
.form input,.form select,.form textarea{width:100%;min-width:0;max-width:100%;box-sizing:border-box}
.bt-quote-side{min-width:0}
@media (max-width:640px){.form{grid-template-columns:minmax(0,1fr)}}

/* ===== Üst menü: ortada logo, solda açılır kakao menüleri ===== */
.site-header{position:sticky;top:0;z-index:60;background:rgba(250,245,238,.96);border-bottom:1px solid var(--line)}
.admin-bar .site-header{top:32px}
@media (max-width:782px){.admin-bar .site-header{top:46px}}
@media (max-width:600px){.admin-bar .site-header{top:0}}
.hdr{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;height:88px;gap:20px}
.hdr-left{display:flex;align-items:center;min-width:0;height:100%}
.hdr-mega-nav{display:flex;gap:2px;list-style:none;margin:0 0 0 -12px;padding:0;height:100%}
.nav-top{display:inline-flex;align-items:center;gap:7px;height:100%;padding:0 12px;background:none;border:0;border-bottom:2px solid transparent;border-top:2px solid transparent;font:700 .78rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--mocha);cursor:pointer;white-space:nowrap}
.nav-top svg{transition:transform .2s}
.nav-top:hover,.nav-top[aria-expanded=true]{color:var(--pod)}
.nav-top[aria-expanded=true]{border-bottom-color:var(--pod)}
.nav-top[aria-expanded=true] svg{transform:rotate(180deg)}
.hdr .logo{display:flex;flex-direction:column;align-items:center;gap:7px;text-decoration:none;line-height:1;font-size:inherit}
.hdr .logo-name{display:flex;align-items:center;gap:8px;font-family:var(--serif);font-size:1.75rem;font-weight:700;color:var(--roast);letter-spacing:-.01em}
.hdr .logo-name em{font-style:normal;font-weight:600;color:var(--caramel)}
.hdr .logo-tag{font:700 .6rem/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--muted)}
.hdr .logo-img img{max-height:56px;width:auto;display:block}
.hdr-right{display:flex;align-items:center;justify-content:flex-end;gap:24px;min-width:0}
.nav-side{font:700 .78rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--mocha);text-decoration:none;padding:6px 0;border-bottom:2px solid transparent;white-space:nowrap}
.nav-side:hover,.nav-side.on{color:var(--pod);border-bottom-color:var(--pod)}
.hdr .nav-cta{padding:12px 20px;font-size:.82rem;white-space:nowrap}
.hdr .burger{display:none;align-items:center;gap:10px;background:none;border:0;padding:10px 4px;cursor:pointer;color:var(--roast);font:700 .74rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase}
.burger-lines,.burger-lines::before,.burger-lines::after{display:block;width:22px;height:2px;background:currentColor;border-radius:2px}
.burger-lines{position:relative}
.burger-lines::before,.burger-lines::after{content:"";position:absolute;left:0}
.burger-lines::before{top:-7px}
.burger-lines::after{top:7px}
/* Açılır panel */
.mega-wrap{position:absolute;left:0;right:0;top:100%}
.mega{background:var(--pulp);border-top:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:0 34px 60px -34px rgba(42,24,16,.4);animation:btMega .18s ease-out}
@keyframes btMega{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.mega-inner{display:grid;grid-template-columns:minmax(200px,250px) minmax(0,1fr) minmax(240px,320px);gap:44px;padding:40px 0 44px;align-items:start}
.mega-title{font-family:var(--serif);font-size:2rem;line-height:1.1;color:var(--roast);margin:0 0 12px}
.mega-intro p{color:var(--muted);font-size:.95rem;margin:0 0 18px}
.link-more{display:inline-block;font-weight:700;font-size:.9rem;color:var(--pod);text-decoration:none}
.link-more:hover{text-decoration:underline}
.mega-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:30px}
.mega-col .eyebrow{font-size:.68rem;margin-bottom:14px}
.mega-col ul,.drawer ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.mega-col a{color:var(--ink);text-decoration:none;font-size:.96rem}
.mega-col a:hover{color:var(--pod)}
.mega-col small,.drawer ul small{color:var(--muted);font-size:.75rem;margin-left:2px}
.mega-feature{position:relative;display:block;border-radius:18px;overflow:hidden;aspect-ratio:4/3;background:linear-gradient(135deg,var(--latte),var(--butter));text-decoration:none}
.mega-feature img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.mega-feature:hover img{transform:scale(1.04)}
.mega-ph{display:flex;width:100%;height:100%;align-items:center;justify-content:center}
.mega-feature-text{position:absolute;left:0;right:0;bottom:0;padding:44px 20px 18px;background:linear-gradient(transparent,rgba(42,24,16,.82));display:flex;flex-direction:column;gap:6px}
.mega-feature-label{font:700 .64rem/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#f1d9a8}
.mega-feature-title{font-family:var(--serif);font-size:1.3rem;line-height:1.2;color:#fff}
/* Mobil çekmece */
.drawer{position:fixed;inset:0;z-index:100;background:rgba(42,24,16,.45);opacity:0;transition:opacity .25s}
.drawer.open{opacity:1}
.drawer-panel{position:absolute;top:0;bottom:0;left:0;width:min(380px,88vw);background:var(--pulp);overflow-y:auto;padding:18px 24px 34px;transform:translateX(-100%);transition:transform .26s ease}
.drawer.open .drawer-panel{transform:none}
.drawer-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;margin-bottom:6px;border-bottom:1px solid var(--line)}
.drawer-head .logo{display:flex;flex-direction:column;gap:5px;text-decoration:none;line-height:1}
.drawer-head .logo-name{display:flex;align-items:center;gap:6px;font-family:var(--serif);font-size:1.3rem;font-weight:700;color:var(--roast)}
.drawer-head .logo-name em{font-style:normal;color:var(--caramel)}
.drawer-head .logo-tag{font:700 .55rem/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}
.drawer-close{background:none;border:0;font-size:2rem;line-height:1;color:var(--roast);cursor:pointer;padding:4px 8px}
.drawer details{border-bottom:1px solid var(--line)}
.drawer summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:16px 0;font-family:var(--serif);font-size:1.25rem;color:var(--roast)}
.drawer summary::-webkit-details-marker{display:none}
.drawer summary::after{content:"+";font-family:var(--sans);color:var(--pod);font-size:1.3rem}
.drawer details[open] summary::after{content:"–"}
.drawer-eyebrow{font:700 .64rem/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--pod);margin:6px 0 10px}
.drawer ul{margin-bottom:16px}
.drawer ul a{color:var(--ink);text-decoration:none}
.drawer details .link-more{margin:0 0 18px}
.drawer-link{display:block;padding:16px 0;border-bottom:1px solid var(--line);font-family:var(--serif);font-size:1.25rem;color:var(--roast);text-decoration:none}
.drawer-cta{display:flex;justify-content:center;margin-top:26px}
@media (max-width:1240px){.nav-top{padding:0 9px;letter-spacing:.1em}.nav-side{letter-spacing:.1em}.hdr-right{gap:16px}.hdr .logo-name{font-size:1.5rem}}
@media (max-width:1080px){.hdr-mega-nav,.nav-side,.mega-wrap{display:none}.hdr .burger{display:inline-flex}.hdr{height:74px}}
@media (max-width:560px){.burger-label{display:none}.hdr{gap:10px}.hdr .logo-name{font-size:1.25rem;gap:6px}.hdr .logo-name svg{width:18px;height:18px}.hdr .logo-tag{font-size:.5rem;letter-spacing:.2em}.hdr .nav-cta{padding:9px 13px;font-size:.72rem}}
@media (max-width:380px){.hdr .logo-tag{display:none}}

/* ===== Blog ===== */
.blog-list{padding:56px 0 90px}
.blog-list .bt-chips{margin-bottom:34px}
.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.post-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}
.post-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -22px rgba(42,24,16,.35)}
.post-card__img{display:block;aspect-ratio:16/10;background:linear-gradient(135deg,var(--latte),var(--butter));overflow:hidden}
.post-card__img img{width:100%;height:100%;object-fit:cover;display:block}
.post-card__body{padding:24px 26px 28px;display:flex;flex-direction:column;gap:10px;flex:1}
.post-card__meta{font:700 .68rem/1.5 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--pod);margin:0}
.post-card__meta time,.post-card__meta .rt{color:var(--muted)}
.post-card__title{font-size:1.35rem;line-height:1.25;margin:0}
.post-card__title a{color:var(--roast);text-decoration:none}
.post-card__title a:hover{color:var(--pod)}
.post-card__body > p:not(.post-card__meta){color:var(--muted);font-size:.95rem;margin:0}
.post-card .more{margin-top:auto;padding-top:6px;font-weight:700;font-size:.9rem;color:var(--pod);text-decoration:none}
.post-card--lead{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
.post-card--lead .post-card__img{aspect-ratio:auto;min-height:360px}
.post-card--lead .post-card__body{padding:44px;justify-content:center}
.post-card--lead .post-card__title{font-size:clamp(1.6rem,3vw,2.3rem)}
.post-card--lead .more{margin-top:8px}
.blog-list .navigation.pagination{margin-top:44px}
.blog-list .nav-links{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.blog-list .page-numbers{padding:9px 15px;border:1px solid var(--line);border-radius:10px;text-decoration:none;color:var(--ink);background:#fff}
.blog-list .page-numbers.current{background:var(--mocha);border-color:var(--mocha);color:#fff}
.blog-empty{max-width:660px;margin:0 auto;text-align:center;background:#fff;border:1px solid var(--line);border-radius:22px;padding:50px 36px}
.blog-empty h2{font-size:1.7rem}
.blog-empty p{color:var(--muted)}
.blog-empty .actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:22px}
.post-back{display:inline-block;margin-bottom:26px;font-weight:700;font-size:.9rem;color:var(--pod);text-decoration:none}
.post-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:40px;padding-top:24px;border-top:1px solid var(--line)}
.post-tags a{padding:7px 14px;border:1px solid var(--line);border-radius:999px;font-size:.85rem;color:var(--mocha);text-decoration:none;background:#fff}
.post-tags a:hover{border-color:var(--pod);color:var(--pod)}
.post-more{padding:70px 0}
.post-more .post-grid{margin-top:26px}
@media (max-width:960px){.post-grid{grid-template-columns:1fr 1fr}.post-card--lead{grid-template-columns:1fr}.post-card--lead .post-card__img{min-height:0;aspect-ratio:16/9}}
@media (max-width:640px){.post-grid{grid-template-columns:1fr}.post-card--lead .post-card__body{padding:26px}}

/* Üst menü: geniş kap, logo yazısında boşluk yok */
.site-header .hdr{width:100%;max-width:1440px;padding-left:32px;padding-right:32px;box-sizing:border-box}
.hdr .logo-word,.drawer-head .logo-word{font-weight:inherit;color:inherit;letter-spacing:inherit}
@media (max-width:1360px){.nav-top{padding:0 8px;letter-spacing:.08em;font-size:.74rem}.nav-side{letter-spacing:.08em;font-size:.74rem}.hdr-right{gap:14px}.hdr .logo-name{font-size:1.45rem}.hdr .nav-cta{padding:11px 16px;font-size:.78rem}}
@media (max-width:1180px){.hdr-mega-nav,.nav-side,.mega-wrap{display:none}.hdr .burger{display:inline-flex}.hdr{height:74px}}
@media (max-width:560px){.site-header .hdr{padding-left:16px;padding-right:16px}}
@media (max-width:680px){.hdr .nav-cta{display:none}.site-header .hdr{grid-template-columns:44px minmax(0,1fr) 44px}.hdr .burger{padding-left:0}}

/* Ürün sayfası: bölümler arası boşluk (genel section dolgusunu sıfırla) */
.woocommerce div.product .bt-lot-quote,.woocommerce div.product .bt-pd-sec{padding:0}
.woocommerce div.product .bt-lot-quote{margin-top:16px}
.woocommerce div.product .bt-pd-sec{margin-top:24px}
@media (max-width:700px){.woocommerce div.product .bt-pd-sec{margin-top:10px}}
/* Logo: Bean to Bar + slogan */
.hdr .logo-name{letter-spacing:0}
.hdr .logo-tag{letter-spacing:.32em}
footer .logo .foot-tag{font:700 .6rem/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--muted)}

/* ===== Renk kartelası: Bean to Bar to Cup (Instagram) — safran sarısı + tuğla kırmızısı, kakao zemin ===== */
:root{
  --pod:#b4432b;       /* tuğla kırmızısı (ana vurgu) */
  --pod-2:#c95a3a;
  --saffron:#e3aa2a;   /* safran sarısı */
  --saffron-2:#f1c65a;
  --gold:#d9a03a;
  --gold-2:#ecc46a;
  --caramel:#c0883a;
}
.btn-gold:hover{background:#963624}
.eyebrow::before{background:var(--saffron);height:2px}

/* ===== Kakao kuşağı haritası ===== */
.belt-sec{background:linear-gradient(180deg,var(--latte) 0%,#e6d3bb 100%);padding:90px 0}
.belt-head{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin-bottom:34px}
.belt-head p{color:#6a4c38;margin-bottom:0}
.belt-head .reveal > p{margin-top:0}
.belt-map{margin:0;background:#fff;border-radius:22px;padding:18px;box-shadow:0 24px 50px -30px rgba(42,24,16,.35)}
.belt-scroll{overflow-x:auto;border-radius:14px;-webkit-overflow-scrolling:touch}
.belt-scroll:focus-visible{outline:2px solid var(--pod);outline-offset:2px}
.belt-svg{display:block;width:100%;min-width:860px;height:auto}
.m-sea{fill:#f4ede2}
.m-grat line{stroke:#5a3a26;stroke-opacity:.07}
.m-band{fill:var(--saffron);fill-opacity:.16}
.m-land{fill:#d9c4a6;stroke:#bba07a;stroke-width:.6;stroke-linejoin:round}
.m-band-top{fill:var(--saffron);fill-opacity:.26;mix-blend-mode:multiply;pointer-events:none}
.m-tropic{stroke:#b9861c;stroke-width:1.3;stroke-dasharray:6 5}
.m-eq{stroke:#5a3a26;stroke-opacity:.45;stroke-width:1}
.m-lat{font:700 12px var(--sans);fill:#8a6a2c;letter-spacing:.06em;paint-order:stroke;stroke:#f4ede2;stroke-width:3px}
.m-belt{font:800 12px var(--sans);fill:#9a6e14;letter-spacing:.24em}
.m-dot{fill:var(--pod);stroke:#fff;stroke-width:2.5}
.m-dot-o{fill:#6b4a33;stroke:#fff;stroke-width:1.5}
.m-own,.m-oth{paint-order:stroke;stroke:#fbf6ee;stroke-width:4px;stroke-linejoin:round}
.m-own{font:800 15px var(--sans);fill:#3d2418}
.m-oth{font:600 12.5px var(--sans);fill:#6b4a33}
.belt-legend{display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;padding:14px 6px 2px;font-size:.88rem;color:var(--ink)}
.belt-legend span{display:inline-flex;align-items:center;gap:8px}
.belt-legend i{display:inline-block;width:12px;height:12px;border-radius:50%}
.belt-legend i.own{background:var(--pod);box-shadow:0 0 0 2px #fff,0 0 0 3px var(--pod)}
.belt-legend i.oth{background:#6b4a33;width:9px;height:9px}
.belt-legend i.band{width:22px;height:12px;border-radius:3px;background:rgba(227,170,42,.42);border:1px dashed #b9861c}
.belt-legend .belt-hint{display:none;margin-left:auto;color:var(--muted);font-size:.8rem}
.belt-origins{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:22px}
.belt-origins-label{font:700 .72rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--pod);margin-right:4px}
.belt-origins a{padding:8px 15px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--roast);text-decoration:none;font-weight:600;font-size:.9rem}
.belt-origins a small{color:var(--muted);margin-left:2px}
.belt-origins a:hover{border-color:var(--pod);color:var(--pod)}
@media (max-width:900px){.belt-head{grid-template-columns:1fr;gap:6px}.belt-legend .belt-hint{display:inline-flex}.belt-sec{padding:64px 0}.belt-map{padding:10px}}

/* ===== Görseller ===== */
.bt-photo{margin:0;position:relative;border-radius:18px;overflow:hidden;background:var(--latte)}
.bt-photo a{display:block}
.bt-photo img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:4/3;transition:transform .5s}
.bt-photo a:hover img{transform:scale(1.04)}
.bt-photo figcaption{position:absolute;left:0;right:0;bottom:0;padding:34px 16px 12px;background:linear-gradient(transparent,rgba(42,24,16,.78));color:#fff;font-size:.82rem;line-height:1.4}
.bt-photo figcaption b{color:var(--saffron-2);font-weight:700}
.card .card-photo{margin:-32px -32px 22px;border-radius:var(--radius) var(--radius) 0 0}
.card .card-photo img{aspect-ratio:16/10}
.terroir-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}
.photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:22px}
.photo-pair .bt-photo img{aspect-ratio:1/1}
@media (max-width:860px){.terroir-strip{grid-template-columns:1fr 1fr}.terroir-strip .bt-photo:last-child{grid-column:1/-1}.terroir-strip .bt-photo:last-child img{aspect-ratio:16/9}}
@media (max-width:520px){.terroir-strip{grid-template-columns:1fr}}

/* ===== Instagram takip bandı ===== */
.ig-band{padding:0;background:linear-gradient(110deg,var(--saffron) 0%,#eab940 60%,#e9a838 100%);color:#3a2414}
.ig-inner{display:grid;grid-template-columns:auto 1fr auto;gap:26px;align-items:center;padding:34px 24px}
.ig-badge{display:grid;place-items:center;width:68px;height:68px;border-radius:20px;background:var(--pod);color:#fff;box-shadow:0 12px 26px -12px rgba(120,40,20,.6)}
.ig-text p{margin:0}
.ig-eyebrow{font:800 .7rem/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#7a3b1d}
.ig-handle{font-family:var(--serif);font-size:clamp(1.5rem,3vw,2.1rem);font-weight:700;line-height:1.2;margin:6px 0 4px!important}
.ig-handle a{color:#3a2414;text-decoration:none}
.ig-handle a:hover{color:var(--pod)}
.ig-desc{font-size:.95rem;color:#5a3a20}
.ig-btn{background:var(--pod);color:#fff;white-space:nowrap}
.ig-btn:hover{background:#963624;color:#fff}
@media (max-width:760px){.ig-inner{grid-template-columns:auto 1fr;gap:16px 18px;padding:28px 16px}.ig-badge{width:56px;height:56px;border-radius:16px}.ig-btn{grid-column:1/-1;justify-content:center}}

/* ===== Festival ===== */
.fest-intro{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:48px;align-items:center;margin-bottom:44px}
.fest-intro h2{margin-bottom:.35em}
.fest-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.fest-links .btn-ghost svg{margin-right:2px}
.fest-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0}
.fest-stats div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px 22px;border-top:4px solid var(--saffron)}
.fest-stats div:nth-child(2n){border-top-color:var(--pod)}
.fest-stats dt{font-family:var(--serif);font-size:2rem;font-weight:700;color:var(--roast);line-height:1}
.fest-stats dd{margin:8px 0 0;font-size:.88rem;color:var(--muted)}
.fest-cards .event .when{color:var(--pod)}
.fest-comp{margin-top:56px}
.fest-chips{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-wrap:wrap;gap:10px}
.fest-chips li{padding:10px 16px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:600;font-size:.92rem;color:var(--roast)}
.fest-chips li::before{content:"🏆";margin-right:8px}
.fest-ig{margin-top:60px}
.fest-ig-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px}
.fest-ig-head h3{margin:0;font-size:clamp(1.5rem,3vw,2rem)}
.fest-ig-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.fest-ig-item{display:flex;justify-content:center;min-width:0}
.fest-ig-item .instagram-media{box-shadow:0 18px 40px -26px rgba(42,24,16,.45)!important}
.fest-more{margin-top:30px}
@media (max-width:980px){.fest-intro{grid-template-columns:1fr;gap:28px}.fest-ig-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.fest-ig-grid{grid-template-columns:1fr}}

/* ===== Video ===== */
.bt-video{margin:0;position:relative;border-radius:22px;overflow:hidden;background:var(--latte);box-shadow:0 24px 50px -30px rgba(42,24,16,.45)}
.bt-video video{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}
.bt-video figcaption{position:absolute;left:0;right:0;bottom:0;padding:40px 18px 14px;background:linear-gradient(transparent,rgba(42,24,16,.8));color:#fff;font-size:.84rem;line-height:1.4}
.bt-video figcaption b{color:var(--saffron-2)}
.bt-video-toggle{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;border:0;background:rgba(42,24,16,.55);color:#fff;font-size:.8rem;cursor:pointer;display:grid;place-items:center}
.bt-video-toggle:hover,.bt-video-toggle:focus-visible{background:var(--pod);outline:none}

/* ===== Festival (görselli) ===== */
.fest-intro{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:center}
.fest-intro .fest-stats{grid-template-columns:repeat(4,minmax(0,1fr));margin:26px 0 0}
.fest-intro .fest-stats div{padding:16px 16px}
.fest-intro .fest-stats dt{font-size:1.6rem}
.fest-video{max-width:420px;justify-self:end;width:100%}
.card.event .card-photo{margin:-32px -32px 20px}
.card .card-photo.pos-top img{object-position:50% 18%}
.fest-feature{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:44px;align-items:center;margin-top:60px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px}
.fest-feature .bt-photo img{aspect-ratio:4/5}
.fest-feature h3{font-size:clamp(1.5rem,3vw,2rem)}
.fest-feature p{color:var(--muted)}
.fest-block{margin-top:60px}
.bt-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.bt-gallery .bt-photo img{aspect-ratio:4/5}
.bt-gallery.is-posters .bt-photo figcaption{display:none}
@media (max-width:980px){.fest-intro{grid-template-columns:1fr}.fest-video{justify-self:center;max-width:380px}.fest-feature{grid-template-columns:1fr;padding:20px}.fest-feature .bt-photo{max-width:420px}}
@media (max-width:760px){.bt-gallery{grid-template-columns:1fr 1fr;gap:10px}.fest-intro .fest-stats{grid-template-columns:1fr 1fr}}

/* ===== Çikolata yapımı ===== */
.media-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}
.media-strip .bt-photo img{aspect-ratio:4/5}
.media-strip .bt-video{box-shadow:none;border-radius:18px}
.step.has-photo{grid-template-columns:64px minmax(0,1fr) 200px;align-items:start}
.step-photo{border-radius:14px}
.step-photo img{aspect-ratio:1/1}
.step-photo figcaption{font-size:.74rem;padding:24px 10px 8px}
.tadim-photo{margin-top:26px;max-width:420px}
.tadim-photo img{aspect-ratio:16/10}
@media (max-width:760px){.media-strip{grid-template-columns:1fr 1fr}.media-strip .bt-video{grid-column:1/-1;max-width:380px;justify-self:center;width:100%}.step.has-photo{grid-template-columns:44px minmax(0,1fr)}.step.has-photo .step-photo{grid-column:2;max-width:260px}}

/* ===== Kakao rehberi: tarih ===== */
.head.head-media{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:48px;align-items:center}
.head-media .bt-photo img{aspect-ratio:4/5}
@media (max-width:860px){.head.head-media{grid-template-columns:1fr;gap:24px}.head-media .bt-photo{max-width:360px}}

/* ===== Instagram bandı: küçük galeri ===== */
.ig-thumbs{grid-column:1/-1;list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.ig-thumbs a{display:block;border-radius:12px;overflow:hidden;border:2px solid rgba(255,255,255,.55);transition:transform .2s}
.ig-thumbs a:hover{transform:translateY(-3px)}
.ig-thumbs img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
@media (max-width:760px){.ig-thumbs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}}

/* ===== Kahve yönlendirme: Terroir Trade ===== */
.coffee-redirect{padding:80px 0;background:linear-gradient(180deg,var(--butter) 0%,#efe3d1 100%)}
.coffee-card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px;align-items:center}
.coffee-logo{display:inline-block;margin-bottom:22px}
.tt-logo{display:block;width:clamp(170px,22vw,240px);height:auto}
.coffee-text h2{font-size:clamp(1.6rem,3vw,2.3rem);margin-bottom:.4em}
.coffee-text p{color:var(--muted);max-width:560px}
.coffee-points{list-style:none;padding:0;margin:18px 0 26px;display:grid;gap:8px}
.coffee-points li{position:relative;padding-left:26px;color:var(--ink)}
.coffee-points li::before{content:"";position:absolute;left:0;top:.55em;width:12px;height:12px;border-radius:50%;background:#18731A;box-shadow:0 0 0 3px rgba(24,115,26,.15)}
.coffee-btn{background:#18731A}
.coffee-btn:hover{background:#125c14}
.coffee-photo{max-width:420px;justify-self:end;width:100%;box-shadow:0 26px 50px -30px rgba(42,24,16,.5)}
.coffee-photo img{aspect-ratio:4/5}
@media (max-width:860px){.coffee-card{grid-template-columns:1fr;gap:30px}.coffee-photo{justify-self:start;max-width:360px}.coffee-redirect{padding:56px 0}}

.coffee-media{position:relative;justify-self:end;width:100%;max-width:420px;padding:0 0 34px 34px;box-sizing:border-box}
.coffee-media .coffee-photo{max-width:none;justify-self:auto}
.coffee-inset{position:absolute;left:0;bottom:0;width:42%;border:5px solid #fff;border-radius:16px;box-shadow:0 18px 36px -18px rgba(42,24,16,.55)}
.coffee-inset img{aspect-ratio:1/1}
.coffee-inset figcaption{padding:20px 10px 8px;font-size:.74rem}
@media (max-width:860px){.coffee-media{justify-self:start;max-width:380px}}

/* ===== SEO: gezinti yolu, arşiv tanıtımı, rehber bağlantıları ===== */
.bt-crumbs{margin:0 0 16px;font-size:.82rem}
.bt-crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 0}
.bt-crumbs li{color:var(--muted)}
.bt-crumbs li+li::before{content:"/";margin:0 8px;color:var(--tan)}
.bt-crumbs a{color:var(--mocha);text-decoration:none}
.bt-crumbs a:hover{color:var(--pod);text-decoration:underline}
.woo-single .bt-crumbs{margin-bottom:26px}
.term-intro{max-width:820px;margin:0 0 30px;color:#5d4332;font-size:1.02rem}
.term-intro p{margin:0}
.term-guides{margin-top:56px;padding:26px 28px;background:#fff;border:1px solid var(--line);border-radius:20px}
.term-guides .eyebrow{margin-bottom:10px}
.term-guides ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px 24px}
.term-guides a{color:var(--roast);font-weight:600;text-decoration:none}
.term-guides a::after{content:" →";color:var(--pod)}
.term-guides a:hover{color:var(--pod)}
.bt-keyfacts dd a{color:inherit;text-decoration:underline;text-decoration-color:var(--tan);text-underline-offset:3px}
.bt-keyfacts dd a:hover{color:var(--pod)}
a.bt-badge{text-decoration:none}
a.bt-badge:hover{filter:brightness(.95)}
.woocommerce ul.products li.product h3.woocommerce-loop-product__title{font-family:var(--serif);font-size:1.3rem;font-weight:600;padding:0 22px;margin:0 0 8px;color:var(--ink)}

.bt-inlink{color:inherit;text-decoration:underline;text-decoration-color:rgba(180,67,43,.45);text-decoration-thickness:1.5px;text-underline-offset:3px}
.bt-inlink:hover{color:var(--pod);text-decoration-color:var(--pod)}
.contact-help{padding:64px 0}
.contact-help h2{font-size:clamp(1.5rem,3vw,2rem)}
.contact-help > .wrap > p{color:var(--muted);max-width:720px}
.contact-help-links{list-style:none;padding:0;margin:22px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.contact-help-links a{display:flex;flex-direction:column;gap:4px;height:100%;padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:16px;text-decoration:none;transition:border-color .2s,transform .2s}
.contact-help-links a:hover{border-color:var(--pod);transform:translateY(-2px)}
.contact-help-links b{color:var(--roast)}
.contact-help-links span{color:var(--muted);font-size:.88rem}
