/* Karışık Turşu Kurucu — tema değişkenlerini kullanır, yoksa kendi değerlerine düşer */
[data-tursu-kurucu]{
  --k-bg:var(--bg,#f4f7f2); --k-surface:var(--surface,#fff); --k-glass:var(--glass,#e6eee4);
  --k-fg:var(--fg,#18231c); --k-muted:var(--muted,#5b6b60); --k-line:var(--line,#d5dfd2);
  --k-brine:var(--brine,#1f5a3f); --k-ink:var(--brine-ink,#fff); --k-beet:var(--beet,#2C612A);
  --k-kraft:var(--kraft,#c9d3c6); --k-kraft-soft:var(--kraft-soft,#EFEFEF);
  --k-display:var(--font-display,"Montserrat","Segoe UI",sans-serif);
  --k-body:var(--font-body,"Montserrat","Segoe UI",sans-serif);
  font-family:var(--k-body); color:var(--k-fg); padding-bottom:96px;
}
[data-tursu-kurucu] *,[data-tursu-kurucu] *::before,[data-tursu-kurucu] *::after{box-sizing:border-box}
[data-tursu-kurucu] button{font:inherit;color:inherit;cursor:pointer}
[data-tursu-kurucu] h3{font-family:var(--k-display);margin:0;line-height:1.2}
.tkk-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tkk{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:24px;align-items:start}
.tkk-steps{display:flex;flex-direction:column;gap:16px;min-width:0}

.tkk-sec{background:var(--k-surface);border:1px solid var(--k-line);border-radius:14px;padding:18px 20px}
.tkk-sec>header{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px}
.tkk-num{flex-shrink:0;width:30px;height:30px;border-radius:50%;background:var(--k-brine);color:var(--k-ink);display:grid;place-items:center;font-weight:800;font-family:var(--k-display)}
.tkk-sec h3{font-size:20px;font-weight:800}
.tkk-sec header p{margin:2px 0 0;color:var(--k-muted);font-size:14px}
.tkk-empty{color:var(--k-muted);font-size:14px;margin:4px 0}

/* Çeşitler */
.tkk-search{width:100%;font:inherit;color:var(--k-fg);background:var(--k-bg);border:1.5px solid var(--k-line);border-radius:999px;padding:10px 16px;margin-bottom:12px}
.tkk-search:focus{outline:none;border-color:var(--k-brine)}
.tkk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.tkk-item{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-items:center;text-align:left;border:1.5px solid var(--k-line);background:var(--k-bg);border-radius:12px;padding:8px 10px}
.tkk-item:hover{border-color:var(--k-brine)}
.tkk-item.is-on{border-color:var(--k-brine);background:var(--k-surface);box-shadow:inset 0 0 0 1px var(--k-brine)}
.tkk-item.is-full{opacity:.5}
.tkk-thumb{grid-row:span 2;width:40px;height:40px;border-radius:50%;object-fit:cover;display:block}
.tkk-dot{box-shadow:inset 0 0 0 1px rgb(0 0 0 / .15),inset 0 -8px 0 rgb(0 0 0 / .08)}
.tkk-name{font-weight:600;font-size:14px;line-height:1.25;overflow-wrap:anywhere}
.tkk-price{font-size:12px;color:var(--k-muted);font-variant-numeric:tabular-nums}
.tkk-badge{position:absolute;top:-8px;right:-6px;background:var(--k-brine);color:var(--k-ink);font-size:12px;font-weight:800;padding:2px 8px;border-radius:999px;font-variant-numeric:tabular-nums}

/* Oranlar */
.tkk-rows{display:flex;flex-direction:column;gap:10px}
.tkk-row{display:grid;grid-template-columns:14px minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--k-line);border-radius:12px;background:var(--k-bg)}
.tkk-sw{width:14px;height:14px;border-radius:50%;box-shadow:inset 0 0 0 1px rgb(0 0 0 / .15);flex-shrink:0}
.tkk-row-main{min-width:0;display:flex;flex-direction:column;gap:6px}
.tkk-row-head{display:flex;justify-content:space-between;gap:8px;font-size:14px}
.tkk-row-head span{color:var(--k-muted);font-variant-numeric:tabular-nums}
.tkk-meter{height:8px;border-radius:4px;background:var(--k-glass);overflow:hidden}
.tkk-meter i{display:block;height:100%;border-radius:4px;transition:width .25s}
.tkk-step{display:inline-flex;align-items:center;border:1.5px solid var(--k-line);border-radius:999px;background:var(--k-surface)}
.tkk-step button{width:40px;height:40px;border:0;background:none;font-size:20px;font-weight:700;border-radius:50%}
.tkk-step button:disabled{opacity:.3;cursor:default}
.tkk-step output{min-width:46px;text-align:center;font-weight:800;font-size:16px;font-variant-numeric:tabular-nums;font-family:var(--k-display)}
.tkk-x{width:32px;height:32px;border:0;border-radius:50%;background:none;color:var(--k-muted)!important;font-size:20px}
.tkk-x:hover{background:var(--k-glass)}
.tkk-rows-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;font-size:14px;font-weight:700;flex-wrap:wrap}
.tkk-rows-foot .ok{color:var(--k-brine)}
.tkk-rows-foot .warn{color:var(--k-beet)}
.tkk-link{border:0;background:none;color:var(--k-brine)!important;font-weight:700;text-decoration:underline;text-underline-offset:3px;padding:4px}

/* Acı */
.tkk-heat{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tkk-heat button{border:1.5px solid var(--k-line);background:var(--k-bg);border-radius:14px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
.tkk-heat button[aria-checked="true"]{border-color:var(--k-brine);background:var(--k-surface);box-shadow:inset 0 0 0 1px var(--k-brine)}
.tkk-heat button[aria-checked="true"]:has(.hot){border-color:#c8302c;box-shadow:inset 0 0 0 1px #c8302c}
.tkk-heat strong{font-family:var(--k-display);font-size:20px}
.tkk-heat small{font-size:13px;color:var(--k-muted)}
.tkk-pep svg{width:30px;height:30px;display:block;color:#7fa646}
.tkk-pep.hot svg{color:#c8302c}

/* Özet */
.tkk-summary{position:sticky;top:calc(130px + env(safe-area-inset-top,0px));background:var(--k-surface);border:1px solid var(--k-line);border-radius:16px;overflow:hidden}
.tkk-jar{background:radial-gradient(120% 80% at 50% 100%,var(--k-glass),var(--k-surface));padding:14px 24px 2px;display:flex;justify-content:center}
.tkk-jar svg{width:100%;max-width:230px;height:auto;display:block}
.tkk-sum{padding:14px 18px 18px;display:flex;flex-direction:column;gap:10px}
.tkk-sum h3{font-size:18px}
.tkk-lines{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:14px}
.tkk-lines li{display:grid;grid-template-columns:14px minmax(0,1fr) auto auto;gap:8px;align-items:center}
.tkk-lines em{font-style:normal;color:var(--k-muted);font-variant-numeric:tabular-nums}
.tkk-lines b{font-variant-numeric:tabular-nums;min-width:70px;text-align:right}
.tkk-lines .fee{color:var(--k-muted)}
.tkk-heat-line{font-size:14px;font-weight:600;padding-top:8px;border-top:1px dashed var(--k-line)}

/* Alt çubuk */
.tkk-bar{position:fixed;left:0;right:0;bottom:0;z-index:55;background:var(--k-surface);border-top:1px solid var(--k-line);box-shadow:0 -6px 20px rgb(0 0 0 / .08);padding-bottom:env(safe-area-inset-bottom,0px)}
.tkk-bar-in{max-width:1240px;margin:0 auto;display:flex;align-items:center;gap:12px;padding-block:12px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(88px,calc(72px + env(safe-area-inset-right,0px)))}
.tkk-total{display:flex;flex-direction:column;margin-right:auto}
.tkk-total strong{font-family:var(--k-display);font-size:24px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.1}
.tkk-total span{font-size:12px;color:var(--k-muted)}
.tkk-qty{display:inline-flex;align-items:center;border:1.5px solid var(--k-line);border-radius:999px}
.tkk-qty button{border:0;background:none;width:36px;height:36px;font-size:18px;font-weight:700}
.tkk-qty button:disabled{opacity:.3;cursor:default}
.tkk-qty output{min-width:58px;text-align:center;font-weight:700;font-size:14px;font-variant-numeric:tabular-nums}
.tkk-add{border:0;border-radius:999px;background:var(--k-beet);color:#fff!important;font-weight:800;padding:13px 24px;font-size:16px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}
.tkk-add:disabled{background:var(--k-glass);color:var(--k-muted)!important;cursor:default}
.tkk-ghost{border:1.5px solid var(--k-line);background:none;border-radius:999px;padding:12px 20px;font-weight:700}

.tkk-sheet{position:fixed;inset:0;z-index:80;background:rgb(0 0 0 / .45);display:flex;align-items:flex-end;justify-content:center;padding:16px}
.tkk-sheet[hidden]{display:none}
.tkk-sheet-in{background:var(--k-surface);color:var(--k-fg);border-radius:18px;padding:22px;width:min(460px,100%);margin-bottom:env(safe-area-inset-bottom,0px);display:flex;flex-direction:column;gap:12px}
.tkk-sheet-in h3{font-size:22px}
.tkk-recap{margin:0;padding-left:18px;font-size:15px;display:flex;flex-direction:column;gap:4px}
.tkk-note{font-size:13px;color:var(--k-muted);margin:4px 0 0}
.tkk-sheet-actions{display:flex;gap:10px;flex-wrap:wrap}
.tkk-toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(100px + env(safe-area-inset-bottom,0px));background:var(--k-fg);color:var(--k-bg);padding:9px 16px;border-radius:999px;font-size:14px;font-weight:600;z-index:90;max-width:calc(100% - 32px);text-align:center}
.tkk-toast[hidden]{display:none}

@media (max-width:900px){
  .tkk{grid-template-columns:1fr}
  .tkk-summary{position:static;order:-1;display:grid;grid-template-columns:140px minmax(0,1fr);align-items:center}
  .tkk-jar{padding:8px 4px}
}
@media (max-width:560px){
  .tkk-summary{grid-template-columns:110px minmax(0,1fr)}
  .tkk-sum{padding:12px 12px 12px 0}
  .tkk-lines{font-size:13px}
  .tkk-lines b{min-width:0}
  .tkk-sec{padding:14px}
  .tkk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tkk-row{grid-template-columns:minmax(0,1fr) auto;row-gap:8px}
  .tkk-row .tkk-sw{display:none}
  .tkk-row .tkk-row-main{grid-column:1/-1}
  .tkk-step{justify-self:start}
  .tkk-bar-in{gap:10px;padding-right:max(80px,calc(72px + env(safe-area-inset-right,0px)))}
  .tkk-total strong{font-size:19px}
  .tkk-qty output{min-width:44px;font-size:13px}
  .tkk-qty button{width:30px}
  .tkk-add{padding:12px 14px;font-size:14px;white-space:normal;text-align:center;max-width:150px}
}
@media (max-width:440px){
  [data-tursu-kurucu]{padding-bottom:140px}
  .tkk-bar-in{flex-wrap:wrap;padding-right:max(16px,env(safe-area-inset-right,0px))}
  .tkk-add{order:3;flex:1 0 100%;max-width:none;margin-right:64px}
}

/* Dökme animasyonu: alt çubuktaki küçük kavanoz (telefonda kavanoz ekrandan çıkınca da görünür) */
.tkk-jar svg{overflow:visible}
.tkk-mini{width:40px;height:54px;flex-shrink:0;display:none}
.tkk-mini svg{width:100%;height:100%;display:block;overflow:visible}
.tkk-add.is-fill{background:var(--k-brine);color:var(--k-ink)!important}
@media (max-width:900px){.tkk-mini{display:block}}

.tkk-bar-rest{flex:1;min-width:0;display:flex;align-items:center;gap:16px}
.tkk-jar{padding:10px 8px 0;background:radial-gradient(120% 70% at 50% 100%,var(--k-glass),var(--k-surface))}
.tkk-jar canvas{display:block;width:100%;aspect-ratio:460/600;height:auto}
.tkk-mini{width:46px;height:60px}.tkk-mini canvas{display:block;width:100%;height:100%}
@media (max-width:900px){.tkk-jar{align-self:stretch;padding:6px}.tkk-jar canvas{height:100%;max-height:240px;width:auto;margin:0 auto}}
@media (max-width:560px){.tkk-bar-rest{gap:10px}}
@media (max-width:440px){.tkk-bar-rest{flex-wrap:wrap}.tkk-bar-in{align-items:flex-start}}

.tkk-overlay{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:75}
.tkk-overlay[hidden]{display:none}
.tkk-sec{transition:box-shadow .4s,border-color .4s}
.tkk-sec.tkk-flash{border-color:var(--k-brine);box-shadow:0 0 0 3px color-mix(in srgb,var(--k-brine) 25%,transparent)}
.tkk-sec h3,.tkk-total strong,.tkk-step output{font-weight:800}

/* Seçim sayacı: kavanoz slotları */
.tkk-sec>header{flex-wrap:wrap}
.tkk-head-txt{flex:1;min-width:180px}
.tkk-slots{display:flex;flex-wrap:wrap;gap:4px;align-items:flex-end;max-width:100%}
.tkk-slot svg{width:22px;height:28px;display:block}
.tkk-slot .lid{fill:#c9cfc6}
.tkk-slot .body{fill:#dfe3dc;stroke:#c3c9c0;stroke-width:1}
.tkk-slot.is-on .lid{fill:var(--k-brine)}
.tkk-slot.is-on .body{fill:#fff;stroke:var(--k-brine);stroke-width:1.4}
.tkk-slot.is-on svg{filter:drop-shadow(0 1px 2px rgb(0 0 0 / .15))}
.tkk-slot.is-new svg{animation:tkk-pop .45s cubic-bezier(.3,1.6,.5,1)}
@keyframes tkk-pop{0%{transform:scale(.6)}100%{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.tkk-slot.is-new svg{animation:none}}
@media (max-width:560px){.tkk-slots{width:100%;padding-left:42px}.tkk-slot svg{width:19px;height:24px}}

/* Tarif alanı */
.tkk-describe{border-color:var(--k-brine);background:linear-gradient(180deg,color-mix(in srgb,var(--k-brine) 7%,var(--k-surface)),var(--k-surface))}
.tkk-spark{background:var(--k-beet)}
.tkk-spark svg{width:16px;height:16px}
.tkk-describe textarea{width:100%;font:inherit;font-size:16px;color:var(--k-fg);background:var(--k-surface);border:1.5px solid var(--k-line);border-radius:12px;padding:12px 14px;resize:vertical;min-height:64px}
.tkk-describe textarea:focus{outline:none;border-color:var(--k-brine)}
.tkk-desc-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.tkk-gen{border:0;border-radius:999px;background:var(--k-brine);color:var(--k-ink)!important;font-weight:800;padding:11px 22px}
.tkk-gen:disabled{opacity:.6}
.tkk-examples{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.tkk-examples .tkk-chip{font-weight:500;font-size:13px;background:var(--k-surface)}
.tkk-got{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:12px;font-size:13px}
.tkk-got-lbl{font-weight:700;color:var(--k-muted)}
.tkk-tagc{background:var(--k-glass);color:var(--k-fg);border-radius:999px;padding:4px 10px;font-weight:600}

/* Boy seçimi */
.tkk-sizes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.tkk-size{display:flex;flex-direction:column;align-items:center;gap:2px;border:1.5px solid var(--k-line);background:var(--k-bg);border-radius:14px;padding:12px 8px;text-align:center}
.tkk-size.is-on{border-color:var(--k-brine);background:var(--k-surface);box-shadow:inset 0 0 0 1px var(--k-brine)}
.tkk-size strong{font-size:18px;font-weight:800}
.tkk-size span{font-size:13px;color:var(--k-fg)}
.tkk-size small{font-size:11px;color:var(--k-muted)}
.tkk-size-jar{width:calc(var(--h) * .8);height:var(--h);border:2px solid #9fb3a5;border-top:6px solid #2fa344;border-radius:5px 5px 7px 7px;background:#fff;margin-bottom:6px}
.tkk-size.is-on .tkk-size-jar{background:linear-gradient(180deg,#fff 30%,#c9d98f 30%,#c9d98f 55%,#e07a2c 55%,#e07a2c 75%,#6c8d2e 75%)}
.tkk-chip{border:1.5px solid var(--k-line);background:var(--k-surface);color:var(--k-fg);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;line-height:1.3;text-align:left}
.tkk-chip:hover{border-color:var(--k-brine)}
.tkk-ghost{color:var(--k-fg)}

/* Alt çubuk v2: daha büyük kavanoz ve çubuk; dolarken yüzde, dolunca fiyat */
.tkk-bar{--fillp:0%}
.tkk-bar::before{content:"";position:absolute;left:0;top:-1px;height:4px;width:var(--fillp);background:var(--k-brine);transition:width .5s cubic-bezier(.2,.7,.2,1)}
.tkk-bar.is-full::before{background:#46a23f}
.tkk-bar-in{padding-block:14px;gap:16px}
.tkk-mini{display:block!important;width:62px;height:82px;margin-block:-22px -4px}
.tkk-total strong{font-size:28px}
.tkk-total span{font-size:13px}
.tkk-total.is-pct strong{color:var(--k-brine)}
.tkk-add{padding:15px 28px;font-size:17px}
.tkk-qty{height:48px}
@media (max-width:900px){.tkk-total strong{font-size:23px}.tkk-mini{width:56px;height:74px;margin-block:-18px -2px}}
@media (max-width:440px){.tkk-mini{width:52px;height:68px;margin-top:-14px}}
.tkk-mini{width:80px;height:104px;margin-block:-30px -6px}
@media (max-width:900px){.tkk-mini{width:74px;height:96px;margin-block:-30px -4px}}
@media (max-width:440px){.tkk-mini{width:70px;height:92px;margin-top:-28px}.tkk-bar-rest{row-gap:10px}.tkk-total{flex:1 1 auto}.tkk-qty{height:42px}}

/* Alt çubuk v3: kavanoz çubuğun içinde kalır; iki düğme (Kalanı doldur + Sepete ekle) */
.tkk-mini{width:58px;height:76px;margin:0!important}
.tkk-bar-in{padding-block:12px}
.tkk-btns{display:flex;gap:10px;align-items:center}
.tkk-btns .tkk-add{white-space:nowrap}
.tkk-fillbtn{background:transparent!important;color:var(--k-brine)!important;box-shadow:inset 0 0 0 2px var(--k-brine)}
.tkk-fillbtn:hover{background:var(--k-glass)!important}
.tkk-total span{max-width:44ch}
.tkk-attn{animation:tkkAttn 1.4s ease}
@keyframes tkkAttn{0%,100%{box-shadow:none}25%,75%{box-shadow:0 0 0 3px var(--k-brine)}}
@media (max-width:900px){
  .tkk-bar-in{flex-wrap:wrap;gap:10px 12px;padding-right:max(16px,env(safe-area-inset-right,0px))}
  .tkk-mini{width:46px;height:60px}
  .tkk-bar-rest{flex-wrap:wrap;gap:10px 12px}
  .tkk-total{flex:1 1 0;min-width:0}
  .tkk-total strong{font-size:22px}
  .tkk-total span{font-size:12px}
  .tkk-qty{height:40px}
  .tkk-btns{flex:1 0 100%;order:3;margin-right:64px}
  .tkk-btns .tkk-add{flex:1;max-width:none;margin:0;padding:12px 10px;font-size:15px}
}
@media (max-width:440px){.tkk-mini{width:42px;height:56px;margin-top:0}.tkk-bar-in{align-items:center}.tkk-btns{margin-right:62px}.tkk-btns .tkk-add{font-size:14px}}
@media (max-width:900px){[data-tursu-kurucu]{padding-bottom:170px}}
@media (max-width:440px){.tkk-mini{width:50px;height:66px}}

/* Çeşit kartında hızlı ayar */
.tkk-cell{position:relative;display:flex}
.tkk-cell>.tkk-item{flex:1;width:100%}
.tkk-item.is-on .tkk-price{visibility:hidden}
.tkk-cstep{position:absolute;left:58px;right:8px;bottom:7px;display:flex;align-items:center;justify-content:space-between;background:var(--k-brine);color:#fff;border-radius:999px;height:30px;padding:0 3px;z-index:2;box-shadow:0 2px 6px rgb(0 0 0 / .12)}
.tkk-cstep button{width:26px;height:26px;border:0;border-radius:50%;background:rgba(255,255,255,.16);color:#fff;font-size:17px;font-weight:700;line-height:1;display:grid;place-items:center;cursor:pointer;padding:0}
.tkk-cstep button:hover{background:rgba(255,255,255,.3)}
.tkk-cstep button:disabled{opacity:.35;cursor:default}
.tkk-cstep output{font-weight:800;font-size:13px;font-variant-numeric:tabular-nums}
.tkk-item.is-on{padding-bottom:40px}
/* Kavanoz boyu: kavanozlar alttan hizalı büyür, yazılar aynı hizada */
.tkk-size-jar{margin-bottom:0}
.tkk-size .tkk-size-jar{align-self:center}
.tkk-size{justify-content:flex-start}
.tkk-size::before{content:none}
.tkk-size-ico{height:54px;display:flex;align-items:flex-end;justify-content:center;margin-bottom:8px}
/* Su seçimi */
.tkk-drop{width:26px;height:34px;background:var(--c);border:1.5px solid rgb(0 0 0 / .18);border-radius:50% 50% 50% 50% / 60% 60% 40% 40%;clip-path:polygon(50% 0,100% 62%,92% 85%,70% 100%,30% 100%,8% 85%,0 62%);margin-bottom:4px}
.tkk-su button[aria-checked="true"].is-red{border-color:#b8324f;box-shadow:inset 0 0 0 1px #b8324f}
.tkk-item.is-on .tkk-badge{display:none}

/* Kart ayarı v2: tam genişlik, yüzde ve gram ayrı */
.tkk-cstep{left:8px;right:8px;height:32px;padding:0 4px}
.tkk-cstep output{display:flex;align-items:baseline;gap:6px}
.tkk-cstep output b{font-size:14px;font-weight:800}
.tkk-cstep output small{font-size:11px;font-weight:700;color:#ffd27a}
.tkk-item.is-on{padding-bottom:46px}

/* Alt çubuk v4: marka yeşili zemin, beyaz yazılar, turuncu Sepete ekle */
.tkk-bar{background:#2C612A;border-top:0;color:#fff;box-shadow:0 -6px 24px rgb(0 0 0 / .18)}
.tkk-bar::before{background:#ffd27a}
.tkk-bar.is-full::before{background:#ffd27a}
.tkk-bar .tkk-total strong,.tkk-bar .tkk-total.is-pct strong{color:#fff}
.tkk-bar .tkk-total span{color:rgba(255,255,255,.82)}
.tkk-grams{font-style:normal;font-size:.62em;font-weight:700;color:#ffd27a;margin-left:8px;white-space:nowrap}
.tkk-bar .tkk-qty{border-color:rgba(255,255,255,.55);color:#fff}
.tkk-bar .tkk-qty button{color:#fff}
.tkk-bar .tkk-fillbtn{color:#fff!important;box-shadow:inset 0 0 0 2px #fff;background:transparent!important}
.tkk-bar .tkk-fillbtn:hover{background:rgba(255,255,255,.12)!important}
.tkk-bar .tkk-add:not(.tkk-fillbtn){background:#e8892b;color:#1b1b1b!important}
.tkk-bar .tkk-add:not(.tkk-fillbtn):hover{background:#f39b42}
.tkk-bar .tkk-add:disabled{background:rgba(255,255,255,.18);color:rgba(255,255,255,.7)!important}
.tkk-bar .tkk-mini{background:rgba(255,255,255,.95);border-radius:12px}
.tkk-cstep{background:#2C612A}

/* Not alanı */
.tkk-notebox{position:relative}
.tkk-note-in{width:100%;min-height:84px;resize:vertical;font:inherit;font-size:15px;padding:12px 14px 26px;border:1.5px solid var(--k-line);border-radius:12px;background:var(--k-bg);color:var(--k-fg)}
.tkk-note-in:focus{outline:2px solid var(--k-brine);outline-offset:0;border-color:transparent}
.tkk-note-len{position:absolute;right:12px;bottom:8px;font-size:11px;color:var(--k-muted);pointer-events:none}

/* Alt çubuk v5: daha koyu yeşil, beyaz Sepete ekle */
.tkk-bar{background:#1d4a1c}
.tkk-bar .tkk-add:not(.tkk-fillbtn){background:#fff;color:#1d4a1c!important;font-size:18.7px;font-weight:800;letter-spacing:.005em}
.tkk-bar .tkk-add:not(.tkk-fillbtn):hover{background:#EFEFEF}
@media (max-width:900px){.tkk-btns .tkk-add:not(.tkk-fillbtn){font-size:16.5px}}

/* Bidonu boşalt + kompakt boş durum */
.tkk-empty-btn{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:rgba(255,255,255,.85);font:inherit;font-size:14px;font-weight:600;padding:10px 6px;cursor:pointer;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}
.tkk-empty-btn:hover{color:#fff}
.tkk-empty-btn svg{width:18px;height:18px}
.tkk-empty-btn .tkk-sm{display:none}
.tkk-hint{display:inline-flex;align-items:center;font-size:14px;font-weight:600;color:rgba(255,255,255,.9);background:rgba(255,255,255,.12);border-radius:999px;padding:9px 16px;white-space:nowrap}
@media (max-width:900px){
  .tkk-btns .tkk-empty-btn{flex:0 0 auto;padding:10px 4px}
  .tkk-btns .tkk-hint{flex:1;justify-content:center;font-size:13px;padding:9px 12px}
}
@media (max-width:520px){.tkk-empty-btn .tkk-lg{display:none}.tkk-empty-btn .tkk-sm{display:inline}}
@media (max-width:520px){
  .tkk-btns{margin-right:0!important;gap:8px}
  .tkk-empty-btn .tkk-sm{display:none}
  .tkk-btns .tkk-empty-btn{width:42px;height:42px;padding:0;justify-content:center;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.5);text-decoration:none}
  .tkk-btns .tkk-add{flex:1 1 0;min-width:0;padding:12px 8px;font-size:14px}
  .tkk-btns .tkk-add:not(.tkk-fillbtn){font-size:16px}
}
.tkk-fillbtn .tkk-sm{display:none}
@media (max-width:520px){.tkk-fillbtn .tkk-lg{display:none}.tkk-fillbtn .tkk-sm{display:inline}.tkk-bar-rest,.tkk-btns{min-width:0;max-width:100%}.tkk-btns{flex-basis:100%}}

/* Revizyon 18 Ekim: okunurluk — metinler marka koyu yeşili, açıklamalar kalın; bidon kutusu ortalı ve büyük */
[data-tursu-kurucu]{--k-fg:#1d4a1c;--k-muted:#2C612A;color:#1d4a1c}
[data-tursu-kurucu] .tkk-sec header h2,[data-tursu-kurucu] .tkk-sec header h3,[data-tursu-kurucu] .tkk-name{color:#1d4a1c}
.tkk-sec header p,.tkk-empty,.tkk-price,.tkk-heat small,.tkk-note,.tkk-size small,.tkk-size span,.tkk-lines em,.tkk-total span,.tkk-row-head span{font-weight:600;color:#2C612A}
.tkk-sec header p{font-size:15px}
.tkk-heat small{font-size:14px}
.tkk-size small{font-size:12px}
.tkk-size span{font-size:14px}
.tkk-price{font-size:13px}
.tkk-name{font-weight:700}
.tkk-search::placeholder,.tkk-note-in::placeholder{color:#5f7d5b}
.tkk-jar{display:flex;align-items:center;justify-content:center;padding:10px 6px 0}
.tkk-jar canvas{width:100%;max-width:none;margin:0 auto}
/* Kurucu sayfasında temanın sepet butonu: dolu yeşil, beyaz yazı ve çerçeve */
body:has([data-tursu-kurucu]) .site-header [data-cart-open]{border:2.5px solid #1d4a1c;background:#1d4a1c;color:#fff;border-radius:999px;padding:7px 14px;box-shadow:0 0 0 2px #fff inset}
body:has([data-tursu-kurucu]) .site-header [data-cart-open] svg{stroke:#fff}
body:has([data-tursu-kurucu]) .site-header [data-cart-open] .cart-count{background:#fff;color:#1d4a1c;font-weight:800}
body:has([data-tursu-kurucu]) .site-header [data-cart-open] .tkk-cart-kg{background:transparent;color:#fff;border:1.5px solid #fff}
/* Oranlar listesindeki çeşit kaldırma (×) butonu iki kat */
.tkk-x,[data-tursu-kurucu] .tkk-x{width:48px;height:48px;font-size:40px;font-weight:400;line-height:1;display:inline-grid;place-items:center;padding:0 0 4px;flex:none}

/* Siteye geri dön bağlantısı (kısa kodun üstünde, sağda) */
.tkk-back{display:flex;justify-content:flex-end;margin:0 0 12px}
.tkk-back a,.k-back{display:inline-flex;align-items:center;gap:8px;border:2px solid #1d4a1c;color:#1d4a1c;background:#fff;border-radius:999px;padding:10px 18px;font-weight:700;font-size:14px;text-decoration:none;white-space:nowrap;transition:background .15s,color .15s}
.tkk-back a:hover,.k-back:hover{background:#1d4a1c;color:#fff}
.tkk-back svg,.k-back svg{width:18px;height:18px;stroke:currentColor;stroke-width:2.4;fill:none;stroke-linecap:round;stroke-linejoin:round}
/* Kurucu sayfasında sepet butonu: daha dolgun oran, ortalı sayı */
body:has([data-tursu-kurucu]) .site-header [data-cart-open]{padding:12px 18px;gap:10px;font-size:15px}
body:has([data-tursu-kurucu]) .site-header [data-cart-open] .cart-count{min-width:24px;height:24px;padding:0 7px;font-size:13px;line-height:1;font-variant-numeric:lining-nums tabular-nums;display:inline-grid;place-items:center;font-family:"Segoe UI",Arial,sans-serif}
.tkk-hot{display:inline-flex;align-items:center;gap:4px}
.tkk-redsu{color:#c8302c;font-weight:700}
/* Revizyon: seçilen acı/su kartları dolu renk, yazı ve ikon beyaz */
.tkk-heat button[aria-checked="true"]{background:#1d4a1c;border-color:#1d4a1c;box-shadow:none;color:#fff}
.tkk-heat button[aria-checked="true"] strong,.tkk-heat button[aria-checked="true"] small{color:#fff!important}
.tkk-heat button[aria-checked="true"] .tkk-pep svg{color:#fff}
.tkk-heat button[aria-checked="true"]:has(.hot),.tkk-su button[aria-checked="true"].is-red{background:#c8302c;border-color:#c8302c;box-shadow:none}
.tkk-su button[aria-checked="true"].is-red{background:#a3243f;border-color:#a3243f}
.tkk-su button[aria-checked="true"] .tkk-drop{--c:#fff!important;background:#fff;border-color:rgba(255,255,255,.8)}
.tkk-heat button{transition:background .18s,border-color .18s,color .18s}
/* Çeşit sayacı bidonları %20 büyük, başlıkla dikey ortalı */
.tkk-sec>header{align-items:center}
.tkk-slots{align-self:center;gap:5px}
.tkk-slot svg{width:26px;height:34px}
@media (max-width:560px){.tkk-slot svg{width:23px;height:29px}}
body:has([data-tursu-kurucu]) .site-header [data-cart-open] .tkk-cart-kg{font-size:14.5px;font-weight:800;padding:4px 10px}