/*
Theme Name: ZOO Blog
Theme URI: https://blog.zoo.com.tr/
Author: ZOO Pet Shop
Description: zoo.com.tr üst menü ve alt kısmını kullanan, hayvan rehberleri odaklı blog teması.
Version: 1.2.0
Requires PHP: 7.4
Text Domain: zoo-blog
*/

/* Çerçeve zoo.com.tr'den (Ticimax) geliyor; bu dosyadaki her şey .zb altında. */
.zb{
  --navy:#003790; --navy-d:#002a6e; --ink:#14213d; --mute:#5b6680; --line:#e3e8f2;
  --sky:#eff5ff; --sky-2:#dfeafc; --sun:#ffcd3c; --paper:#fff;
  --ui:'Roboto',system-ui,sans-serif; --disp:'Bricolage Grotesque','Roboto',sans-serif; --read:'Source Serif 4',Georgia,serif;
  --r:14px; --wrap:1180px;
  font:15px/1.5 var(--ui);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;
  width:100%;clear:both;text-align:left
}
#divIcerik.zb-alan{max-width:none!important;width:100%!important;padding:0!important;margin:0!important;float:none}
.zb *,.zb *::before,.zb *::after{box-sizing:border-box}
.zb section,.zb article,.zb aside,.zb nav,.zb header,.zb figure,.zb main,.zb div,.zb ol,.zb ul,.zb li,.zb p{float:none}
.zb a{color:inherit;text-decoration:none}
.zb img{display:block;max-width:100%;height:auto}
.zb button,.zb input{font:inherit;color:inherit}
.zb ol,.zb ul{list-style:none;margin:0;padding:0}
.zb h1,.zb h2,.zb h3{font-family:var(--disp);letter-spacing:-.02em;margin:0;color:var(--ink);text-transform:none}
.zb p{margin:0}
.zb :focus-visible{outline:2px solid var(--navy);outline-offset:2px;border-radius:6px}
.zb [hidden]{display:none!important}
/* genişlik zoo.com.tr üst menüsüyle aynı (logo–sepet arası); --zb-gen/--zb-pad header.php'de ölçülür */
.zb .zb-wrap{box-sizing:border-box;width:100%;max-width:var(--zb-gen,1360px);margin-left:auto;margin-right:auto;padding-left:var(--zb-pad,20px);padding-right:var(--zb-pad,20px)}
@media (prefers-reduced-motion:reduce){.zb *{transition:none!important;animation:none!important}}

/* ---------- blog çubuğu ---------- */
.zb-bar{background:var(--sky);border-bottom:1px solid var(--sky-2)}
.zb-bar-in{display:flex;align-items:center;gap:28px;height:52px}
.zb-brand{font:700 18px/1 var(--disp);color:var(--navy)!important;letter-spacing:-.01em;white-space:nowrap}
.zb-brand b{background:var(--navy);color:#fff;padding:3px 6px 4px;border-radius:6px;margin-right:4px;font-weight:800}
.zb-bar-nav{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;flex:1}
.zb-bar-nav::-webkit-scrollbar{display:none}
.zb-bar-nav a{padding:7px 12px;border-radius:8px;font-weight:500;color:var(--ink);white-space:nowrap}
.zb-bar-nav a:hover{background:#fff}
.zb-bar-nav a[aria-current]{background:var(--navy);color:#fff}

/* ---------- ortak ---------- */
.zb-kick{display:inline-block;font:500 12px/1 var(--ui);letter-spacing:.02em;color:var(--navy);background:var(--sky);padding:5px 9px;border-radius:6px}
.zb-meta{font-size:13px;color:var(--mute)}
.zb-more{display:inline-flex;align-items:center;gap:6px;font-weight:500;color:var(--navy)!important;white-space:nowrap}
.zb-more:hover{text-decoration:underline}
.zb-crumb{font-size:13px;color:var(--mute);margin-bottom:14px}
.zb-crumb a:hover{color:var(--navy)}
.zb-card{display:flex;flex-direction:column;gap:12px;min-width:0}
.zb-card-img{display:block;aspect-ratio:4/3;border-radius:var(--r);overflow:hidden;background:var(--sky)}
.zb-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.zb-card:hover .zb-card-img img{transform:scale(1.04)}
.zb-card-body{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.zb-card h3{font-size:18px;line-height:1.25;font-weight:700}
.zb-card h3 a:hover{color:var(--navy)}
.zb-grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 22px}
.zb-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 26px;margin:40px 0}
.zb-hic{width:40px;height:40px;border-radius:50%;background:var(--sky);position:relative;flex:none;display:inline-block}
.zb-hic::after,.zb-pic::after{content:"";position:absolute;background:var(--navy);-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat;transition:background .2s}
.zb-hic::after{inset:5px}
.zb-hic--lg{width:56px;height:56px}.zb-hic--lg::after{inset:7px}

/* ---------- anasayfa: hero ---------- */
.zb-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;padding-top:56px;padding-bottom:56px}
.zb-hero>*{min-width:0}
.zb-eyebrow{font-weight:500;color:var(--navy);margin:0 0 14px!important;font-size:14px}
.zb-hero h1{font-size:clamp(38px,5vw,64px);line-height:1;font-weight:800}
.zb-hero h1 em{font-style:normal;background:linear-gradient(transparent 62%,var(--sun) 62% 92%,transparent 92%)}
.zb-hero-search{display:flex;align-items:center;gap:10px;margin-top:32px;background:#fff;border:2px solid var(--navy);border-radius:16px;padding:6px 6px 6px 18px;color:var(--navy);box-shadow:0 10px 30px -18px rgba(0,55,144,.5)}
.zb-hero-search input{flex:1;border:0;outline:0;height:46px;font-size:16px;min-width:0;background:none;padding:0;box-shadow:none}
.zb-hero-search button{border:0;background:var(--navy);color:#fff;font-weight:700;padding:0 24px;height:46px;border-radius:11px;cursor:pointer}
.zb-hero-search button:hover{background:var(--navy-d)}
.zb-hero-search--sm{max-width:560px;margin-top:24px}
.zb-asks{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;align-items:center}
.zb-asks span{font-size:13px;color:var(--mute);margin-right:4px}
.zb-asks a{font-size:13px;padding:6px 12px;border-radius:16px;background:var(--sky);color:var(--ink)}
.zb-asks a:hover{background:var(--sky-2)}
.zb-pets{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.zb-pet{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:20px;border-radius:18px;background:var(--sky);transition:background .2s,color .2s,transform .2s}
.zb-pic{width:52px;height:52px;border-radius:50%;background:#fff;margin-bottom:14px;position:relative;display:inline-block;transition:background .2s}
.zb-pic::after{inset:6px}
.zb-pet b{font:700 20px/1.1 var(--disp)}
.zb-pet span{font-size:13px;color:var(--mute);transition:color .2s}
.zb-pet:hover{background:var(--navy);color:#fff;transform:translateY(-3px)}
.zb-pet:hover .zb-pic{background:rgba(255,255,255,.14)}
.zb-pet:hover .zb-pic::after{background:#fff}
.zb-pet:hover span{color:#c8d7f5}

/* öne çıkan */
.zb-lead{display:grid;grid-template-columns:1.6fr 1fr;gap:40px;padding-bottom:72px}
.zb-lead>*{min-width:0}
.zb-lead-main{display:grid;gap:22px;align-content:start}
.zb-lead-img{display:block;border-radius:20px;overflow:hidden;aspect-ratio:16/9;background:var(--sky)}
.zb-lead-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.zb-lead-main:hover .zb-lead-img img{transform:scale(1.03)}
.zb-lead-txt{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.zb-lead-txt h2{font-size:clamp(26px,3vw,36px);line-height:1.1;font-weight:800}
.zb-lead-txt h2 a:hover{color:var(--navy)}
.zb-lead-txt p:not(.zb-meta){color:#3b4560;font-size:16px;max-width:60ch}
.zb-lead-side h3{font:700 14px/1 var(--ui);letter-spacing:.04em;text-transform:uppercase;color:var(--mute);padding-bottom:14px;border-bottom:2px solid var(--ink);margin-bottom:6px}
.zb-lead-side li a{display:grid;grid-template-columns:96px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);align-items:start}
.zb-lead-side img{width:96px;height:80px;object-fit:cover;border-radius:10px}
.zb-lead-side li span{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.zb-lead-side b{font:700 16px/1.25 var(--disp);letter-spacing:-.01em}
.zb-lead-side a:hover b{color:var(--navy)}
.zb-lead-side small{font-size:12px;color:var(--mute)}

/* raflar */
.zb-shelf{padding:48px 0;border-top:1px solid var(--line)}
.zb-shelf-head{display:flex;align-items:center;gap:24px;margin-bottom:28px;flex-wrap:wrap}
.zb-shelf-head h2{font-size:30px;font-weight:800;display:flex;align-items:center;gap:12px}
.zb-shelf-head h2 small{font:400 14px var(--ui);color:var(--mute);letter-spacing:0}
.zb-tabs{display:flex;gap:4px;background:var(--sky);padding:4px;border-radius:12px;margin-right:auto}
.zb-tabs button{border:0;background:none;padding:8px 14px;border-radius:9px;font-weight:500;font-size:14px;cursor:pointer;color:var(--mute);white-space:nowrap}
.zb-tabs button[aria-selected=true]{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(20,33,61,.12)}
.zb-shelf-head .zb-more{margin-left:auto}
.zb-shop-strip{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:28px;font-size:14px}
.zb-shop-strip span{color:var(--mute);margin-right:4px}
.zb-shop-strip a{padding:7px 13px;border:1px solid var(--line);border-radius:18px}
.zb-shop-strip a:hover{border-color:var(--navy);color:var(--navy)}
.zb-shop-strip .zb-go{margin-left:auto;border:0;color:var(--navy);font-weight:500;display:inline-flex;gap:6px;align-items:center}
.zb-shop-strip--box{background:var(--sky);border-radius:var(--r);padding:16px 20px;margin:0}
.zb-shop-strip--box a{background:#fff;border-color:#fff}
.zb-others{padding-top:48px;padding-bottom:80px;border-top:1px solid var(--line)}
.zb-others-grid{display:grid;grid-template-columns:300px 1fr;gap:40px}
.zb-others-grid>*{min-width:0}
.zb-minis{display:flex;flex-direction:column;gap:10px}
.zb-mini{display:flex;align-items:center;gap:14px;padding:14px;border-radius:14px;background:var(--sky)}
.zb-mini .zb-pic{margin:0;width:46px;height:46px;flex:none}
.zb-mini .zb-pic::after{inset:5px}
.zb-mini span{display:flex;flex-direction:column;flex:1}
.zb-mini b{font:700 18px var(--disp)}
.zb-mini small{color:var(--mute);font-size:13px}
.zb-mini:hover{background:var(--navy);color:#fff}.zb-mini:hover small{color:#c8d7f5}.zb-mini:hover .zb-pic::after{background:var(--navy)}
.zb-grid3--tight{margin:0}

/* ---------- kategori / arama ---------- */
.zb-chead{padding-top:36px;padding-bottom:32px}
.zb-chead-row{display:flex;justify-content:space-between;align-items:center;gap:16px 32px;flex-wrap:wrap}
.zb-chead h1{font-size:clamp(34px,4.4vw,56px);font-weight:800;display:flex;align-items:center;gap:16px;line-height:1.05}
.zb-chead-alt{margin-top:16px!important;color:#3b4560;font-size:17px;line-height:1.55;max-width:80ch}
.zb-devam{border:0;background:none;padding:0;color:var(--navy);font:inherit;font-weight:500;white-space:nowrap;cursor:pointer}
.zb-devam:hover{text-decoration:underline}
.zb-subs{display:flex;gap:6px;flex-wrap:wrap}
.zb-subs a{padding:9px 16px;border-radius:22px;border:1px solid var(--line);font-weight:500}
.zb-subs a small{color:var(--mute);font-weight:400;margin-left:4px}
.zb-subs a[aria-current]{background:var(--navy);border-color:var(--navy);color:#fff}
.zb-subs a[aria-current] small{color:#c8d7f5}
.zb-subs a:not([aria-current]):hover{border-color:var(--navy)}
.zb-lead-main--wide{grid-template-columns:1.25fr 1fr;align-items:center;gap:40px;background:var(--sky);border-radius:24px;padding:16px}
.zb-lead-main--wide .zb-lead-txt{padding-right:24px}
.zb-pager{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;padding:8px 0 80px;align-items:center}
.zb-pager .page-numbers{min-width:42px;height:42px;display:inline-grid;place-items:center;border-radius:10px;border:1px solid var(--line);font-weight:500;padding:0 12px}
.zb-pager .page-numbers.current{background:var(--navy);color:#fff;border-color:var(--navy)}
.zb-pager .page-numbers.dots{border:0}
.zb-pager a.page-numbers:hover{border-color:var(--navy);color:var(--navy)}
.zb-bos{padding:24px 0 80px}
.zb-bos h2{font-size:26px;margin-bottom:8px}
.zb-bos p{color:#3b4560;margin-bottom:18px}
.zb-404{padding-top:56px}
.zb-404 h1{font-size:clamp(32px,4vw,48px);font-weight:800;margin-bottom:12px}
.zb-pets--row{grid-template-columns:repeat(6,1fr);margin-top:40px}
.zb-pets--row .zb-pet{align-items:center}

/* ---------- yazı ---------- */
.zb-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:100000}
.zb-progress i{display:block;height:100%;width:0;background:var(--sun)}
.zb-post-head{padding-top:40px}
.zb-post-head h1{font-size:clamp(28px,3.4vw,46px);line-height:1.1;font-weight:800;margin:16px 0 22px;max-width:none;text-wrap:balance}
.zb-post-meta{display:flex;gap:12px;align-items:center}
.zb-av{width:40px;height:40px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font:700 16px var(--disp)}
.zb-post-meta>span:last-child{display:flex;flex-direction:column;line-height:1.3}
.zb-post-meta small{color:var(--mute);font-size:13px}
.zb-post-grid{display:grid;grid-template-columns:220px minmax(0,680px) 240px;gap:48px;justify-content:center;padding-top:36px;padding-bottom:72px}
.zb-toc-in,.zb-buy-in{position:sticky;top:var(--zb-ust,140px)}
.zb-toc b{display:block;font:700 12px var(--ui);letter-spacing:.06em;text-transform:uppercase;color:var(--mute);margin-bottom:12px}
.zb-toc ol{border-left:2px solid var(--line)}
.zb-toc li a{display:block;padding:7px 0 7px 14px;margin-left:-2px;border-left:2px solid transparent;font-size:14px;line-height:1.35;color:var(--mute)}
.zb-toc li a:hover{color:var(--ink)}
.zb-toc li a.on{border-color:var(--navy);color:var(--navy);font-weight:500}
.zb-share{display:flex;flex-wrap:wrap;gap:6px;margin-top:24px;align-items:center;font-size:13px}
.zb-share span{width:100%;color:var(--mute)}
.zb-share a,.zb-share button{padding:6px 11px;border:1px solid var(--line);border-radius:16px;background:#fff;cursor:pointer;font-size:13px}
.zb-share a:hover,.zb-share button:hover{border-color:var(--navy);color:var(--navy)}
.zb-post-fig{margin:0 0 32px}
.zb-post-fig img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:16px}
.zb-prose{font:19px/1.7 var(--read);color:#1d2740;min-width:0}
.zb-prose>p:first-of-type{font-size:21px;line-height:1.6;color:var(--ink)}
.zb-prose h2{font:800 28px/1.15 var(--disp);letter-spacing:-.02em;margin:48px 0 14px;scroll-margin-top:calc(var(--zb-ust,140px) + 10px)}
.zb-prose h3{font:700 21px/1.25 var(--disp);margin:32px 0 10px}
.zb-prose h4{font:700 18px/1.3 var(--disp);margin:24px 0 8px}
.zb-prose>p,.zb-prose>ul>li,.zb-prose>ol>li,.zb-prose>p>span{font-size:inherit;line-height:inherit;font-family:inherit;color:inherit}
.zb-prose p{margin:0 0 20px}
.zb-prose a{color:var(--navy);text-decoration:underline;text-decoration-color:rgba(0,55,144,.35);text-underline-offset:3px}
.zb-prose a:hover{text-decoration-color:var(--navy)}
.zb-prose img{border-radius:16px;margin:28px 0;width:100%;max-height:400px;object-fit:cover}
.zb-prose ul,.zb-prose ol{padding-left:22px;margin:0 0 20px}
.zb-prose ul{list-style:disc}.zb-prose ol{list-style:decimal}
.zb-prose li{margin-bottom:8px}
.zb-prose strong,.zb-prose b{font-weight:600;color:var(--ink)}
.zb-prose table{width:100%;border-collapse:collapse;font:15px/1.5 var(--ui);margin:0 0 24px}
.zb-prose th,.zb-prose td{border:1px solid var(--line);padding:10px 12px;text-align:left}
.zb-prose th{background:var(--sky)}
.zb-prose blockquote{margin:28px 0;padding:4px 0 4px 20px;border-left:3px solid var(--sun);font-style:italic}
.zb-prose #ez-toc-container{display:none}
.zb-prose--page{max-width:760px;padding:24px 0 80px}
.zb-buy-in{background:var(--sky);border-radius:18px;padding:20px}
.zb-buy-t{display:flex;align-items:center;gap:10px;font:700 18px var(--disp);margin:0 0 14px!important}
.zb-buy-t .zb-hic{width:34px;height:34px;background:#fff}.zb-buy-t .zb-hic::after{inset:4px}
.zb-buy-links a{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--sky-2);font-weight:500;font-size:14px}
.zb-buy-links a span{color:var(--navy)}
.zb-buy-links a:hover{color:var(--navy)}
.zb-buy-go{display:block;text-align:center;margin-top:16px;background:var(--navy);color:#fff!important;font-weight:700;padding:12px;border-radius:10px}
.zb-buy-go:hover{background:var(--navy-d)}
.zb-buy-note{font-size:12px;color:var(--mute);margin-top:12px!important}
.zb-related{padding-top:48px;padding-bottom:40px;border-top:1px solid var(--line)}
.zb-related .zb-grid3{margin-top:0}
.zb-yorumlar{padding-bottom:60px}

/* çerçeve gelmezse sade yedek */
.zb-yedek-ust{padding:14px 20px;border-bottom:1px solid #e3e8f2}
.zb-yedek-alt{padding:30px 20px;text-align:center;background:#eff5ff}

/* ---------- duyarlı ---------- */
@media (max-width:1100px){
  .zb-post-grid{grid-template-columns:200px minmax(0,1fr)}
  .zb-buy{grid-column:2}
  .zb-buy-in{position:static}
  .zb-grid4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .zb-pets--row{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:900px){
  .zb-hero{grid-template-columns:1fr;gap:32px;padding-top:32px;padding-bottom:40px}
  .zb-lead,.zb-others-grid,.zb-lead-main--wide{grid-template-columns:1fr}
  .zb-grid3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .zb-post-grid{grid-template-columns:minmax(0,1fr)}
  .zb-toc{display:none}
  .zb-buy{grid-column:auto}
}
@media (max-width:640px){
  .zb .zb-wrap{padding-left:var(--zb-pad,16px);padding-right:var(--zb-pad,16px)}
  .zb-bar-in{gap:14px;height:50px}
  .zb-pets{gap:8px}
  .zb-pet{padding:14px 12px;border-radius:14px}
  .zb-pic{width:42px;height:42px;margin-bottom:8px}.zb-pic::after{inset:5px}
  .zb-pet b{font-size:16px}
  .zb-hero-search{padding-left:12px}
  .zb-hero-search button{padding:0 16px}
  .zb-asks{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-16px;padding-right:16px}
  .zb-asks a,.zb-asks span{white-space:nowrap}
  .zb-lead{padding-bottom:48px}
  .zb-grid4,.zb-grid3{grid-template-columns:1fr 1fr;gap:24px 14px}
  .zb-card h3{font-size:15px}
  .zb-shelf-head{gap:12px}
  .zb-shelf-head h2{font-size:24px}
  .zb-tabs{order:3;width:100%;overflow-x:auto;scrollbar-width:none}
  .zb-shop-strip .zb-go{margin-left:0}
  .zb-prose{font-size:18px}.zb-prose>p:first-of-type{font-size:19px}
  .zb-prose img{max-height:260px}
  .zb-lead-main--wide{padding:10px}
  .zb-lead-main--wide .zb-lead-txt{padding:0 8px 10px}
}

/* Yazı sonundaki "Ad Inserter" kategori kutuları (eklenti içeriği): taşmasın, temaya uysun */
.zb-prose .code-block{margin:32px 0!important}
.zb-prose .ads-carousel{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0}
.zb-prose .ads-box{margin:0;float:none;min-width:0;background:var(--sky);border-radius:16px;padding:14px 10px 6px;text-align:center}
.zb-prose .ads-box a{text-decoration:none;color:var(--ink)}
.zb-prose .ads-img{width:100%;max-width:120px;height:auto;aspect-ratio:1;margin:0 auto;border:0;border-radius:50%;background-color:#fff;background-size:70%}
.zb-prose .ads-img:hover{border:0;box-shadow:none}
.zb-prose .ads-title{margin:10px 0 0;height:auto;line-height:1.3;font:500 14px/1.3 var(--ui)}
@media (max-width:640px){.zb-prose .ads-carousel{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Eklentiyle eklenen ürün/kategori kutuları kendi stilini korusun */
.zb-prose .code-block{font-family:var(--ui);font-size:15px;line-height:1.4}
.zb-prose .code-block a{text-decoration:none;color:inherit}
.zb-prose .code-block img{margin:0;border-radius:0;max-height:none}
.zb-prose .code-block .card-button{color:#fff}

/* Yazı içi ürün kartları (Ad Inserter bloğu: .row > .column > .card): tema düzenine uyarlanır */
.zb-prose .code-block .row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:8px 0 0;text-align:left}
.zb-prose .code-block .row::before{content:"Öne çıkan ürünler";grid-column:1/-1;font:800 22px/1.2 var(--disp);letter-spacing:-.02em;color:var(--ink);margin-bottom:4px}
.zb-prose .code-block .row::after{display:none}
.zb-prose .code-block .column{width:auto!important;float:none!important;padding:0!important;min-width:0}
.zb-prose .code-block .card{height:100%;border:1px solid var(--line);border-radius:16px;box-shadow:none;background:#fff;transition:border-color .2s,box-shadow .2s}
.zb-prose .code-block .card:hover{border-color:var(--navy);box-shadow:0 8px 24px -16px rgba(0,55,144,.45)}
.zb-prose .code-block .card>a{flex-direction:row!important;align-items:center!important;gap:14px!important;padding:12px!important;height:100%}
.zb-prose .code-block .media{width:96px!important;flex:0 0 96px!important;height:96px;padding:6px!important;background:var(--sky)!important;border-radius:12px}
.zb-prose .code-block .media img{width:100%!important;height:100%!important;object-fit:contain;mix-blend-mode:multiply}
.zb-prose .code-block .content{padding:0!important;text-align:left!important;flex:1 1 auto!important;min-width:0}
.zb-prose .code-block .title{font:500 14px/1.35 var(--ui);color:var(--ink);min-height:0!important;margin:0 0 10px!important}
.zb-prose .code-block .price-row{flex-direction:row!important;justify-content:space-between;align-items:center!important;gap:8px!important;flex-wrap:wrap}
.zb-prose .code-block .price{font:800 18px/1 var(--disp)!important;letter-spacing:-.01em;color:var(--navy);white-space:nowrap}
.zb-prose .code-block .card-button{font-size:12px!important;font-weight:700;padding:7px 12px!important;border-radius:9px;background:var(--navy);color:#fff;white-space:nowrap}
.zb-prose .code-block .card:hover .card-button{background:var(--navy-d)}
.zb-prose .code-block .discount-badge{top:6px!important;left:6px!important;font-size:11px!important;padding:3px 7px!important;line-height:1.2}
@media (max-width:640px){
  .zb-prose .code-block .row{grid-template-columns:1fr}
  .zb-prose .code-block .row::before{font-size:20px}
}

/* kategori açıklamasının tamamı: açılır pencere */
.zb-modal{border:0;padding:0;border-radius:22px;width:min(720px,calc(100vw - 32px));max-height:min(86vh,900px);color:var(--ink);background:#fff;box-shadow:0 30px 80px -20px rgba(20,33,61,.45);overflow:hidden}
.zb-modal::backdrop{background:rgba(20,33,61,.55)}
.zb-modal[open]{display:flex;flex-direction:column;animation:zb-ac .22s ease-out}
@keyframes zb-ac{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
.zb-modal-bas{display:flex;align-items:center;gap:14px;padding:22px 24px 16px;border-bottom:1px solid var(--line)}
.zb-modal-bas h2{flex:1;font-size:24px;font-weight:800;line-height:1.15}
.zb-modal-x{width:40px;height:40px;border-radius:50%;border:0;background:var(--sky);color:var(--ink);display:grid;place-items:center;cursor:pointer;flex:none}
.zb-modal-x:hover{background:var(--sky-2)}
.zb-about-txt{padding:20px 24px 28px;overflow-y:auto;color:#3b4560;font-size:16px;line-height:1.7}
.zb-about-txt p{margin:0 0 14px;color:inherit;font-size:inherit;line-height:inherit}
.zb-about-txt a{color:var(--navy);text-decoration:underline}
.zb-about-txt strong,.zb-about-txt b{color:var(--ink)}
@media (max-width:640px){
  .zb-modal{width:100vw;max-width:100vw;margin:auto 0 0;border-radius:22px 22px 0 0;max-height:88vh}
  .zb-modal-bas{padding:18px 16px 14px}.zb-modal-bas h2{font-size:20px}
  .zb-about-txt{padding:16px 16px 28px}
}
@media (max-width:640px){.zb-chead .zb-subs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-16px;padding-right:16px;width:calc(100% + 16px)}.zb-chead .zb-subs a{white-space:nowrap}}
@media (max-width:640px){.zb-hero-search>svg{display:none}.zb-hero-search{padding-left:14px;gap:8px}.zb-hero-search input::placeholder{color:#7a849b}}

/* yazı sonu: sağlık notu + yazar kutusu */
.zb-post-meta b a:hover{color:var(--navy);text-decoration:underline}
.zb-prose .zb-not{font:14px/1.6 var(--ui);color:#3b4560;background:var(--sky);border-left:3px solid var(--navy);border-radius:10px;padding:14px 16px;margin:36px 0 0}
.zb-prose .zb-yazar{display:flex;gap:16px;align-items:flex-start;margin-top:28px;padding:20px;border:1px solid var(--line);border-radius:16px;font-family:var(--ui)}
.zb-av--lg{width:52px;height:52px;font-size:20px;flex:none}
.zb-yazar small{display:block;font-size:12px;color:var(--mute);text-transform:uppercase;letter-spacing:.06em}
.zb-yazar b{display:block;font:700 18px/1.3 var(--disp);margin:2px 0 6px}
.zb-prose .zb-yazar a{text-decoration:none;color:var(--ink)}
.zb-prose .zb-yazar a:hover{color:var(--navy)}
.zb-prose .zb-yazar p{margin:0;font-size:14px;line-height:1.55;color:#3b4560}