/* Yazi tipleri yerelden sunulur (dis asset yok; arıza A77 / GSC İE-E7-E9 turu 07.10.2026).
   Dosyalar assets/fonts/ altinda, Google Fonts'un verdigi woff2'lerin aynisi; lisans OFL-*.txt. */
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/hanken-grotesk-normal-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/hanken-grotesk-normal-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* ============================================================
   MYCORA · EVDE MANTAR — site-v3 "Duna yönü" tasarım sistemi
   Tek yazı tipi (Hanken Grotesk), cömert boşluk, boyalı illüstrasyon
   bantları, siyah hap buton. Renkler marka paleti; ölçüler Duna'nın
   10.09/11.09 ölçümlerinden (390 / 1440 px).
   cart.js bu dosyanın yolundan site kökünü bulur — ADI DEĞİŞMEZ.
   ============================================================ */
:root{
  --paper:#FFFDF7; --cream:#FCF4E3; --cream2:#F7F1E2; --white:#fff;
  --ink:#26301E; --ink2:#4A5142; --mute:#6B7360; --line:#E7E2D5; --line2:#F0ECE1;
  --leaf:#2E7D46; --leaf-d:#1F5A33; --sun:#FFC93B; --apricot:#F27A3D; --sky:#2A6078;
  --r:16px; --r2:24px; --pill:999px;
  --wrap:1120px; --gut:28px;
  --font:"Hanken Grotesk",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --sh:0 14px 34px rgba(38,48,30,.09);
  /* v2 uyumluluk degiskenleri: gunluk/sihirbaz gibi tasinan sayfalarin kendi <style> bloklari bunlari kullanir.
     Degerler v3 diline cekildi (yumusak golge, kose, tek font). */
  --cream-2:#F3EBD6; --sun-soft:#FFE39A; --sun-deep:#8F6400; --leaf-deep:#1C5A33; --leaf-mist:#E4F0E4; --ink-soft:#5A6350;
  --hair:rgba(38,48,30,.14); --radius-lg:24px; --radius-md:16px; --radius-pill:999px;
  --shadow-candy:0 10px 28px rgba(38,48,30,.10); --bounce:cubic-bezier(.2,.8,.2,1);
  --s1:8px; --s2:16px; --s3:24px; --s4:32px; --s5:40px; --s6:48px; --s8:64px; --s10:80px; --s12:96px; --s14:112px;
  --font-display:var(--font); --font-body:var(--font);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--font);font-size:17px;line-height:1.55;color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg,video{max-width:100%;display:block}
img[width][height]{height:auto}
a{color:inherit}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--leaf);outline-offset:3px;border-radius:6px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- tipografi: Duna gibi hafif ağırlık, sıkı harf aralığı ---------- */
h1,h2,h3,h4{font-weight:500;letter-spacing:-.02em;line-height:1.1;text-wrap:balance}
h1{font-size:clamp(36px,5vw,64px);line-height:1.05;letter-spacing:-.03em}
h2{font-size:clamp(28px,3.4vw,40px)}
h3{font-size:20px;letter-spacing:-.01em}
.kicker{display:inline-block;font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.lede{font-size:18px;color:var(--ink2);max-width:56ch}
.mute{color:var(--mute)}
.small{font-size:14px}
p+p{margin-top:1em}

/* ---------- butonlar ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--pill);padding:12px 22px;font-weight:600;font-size:15px;text-decoration:none;cursor:pointer;transition:.18s;white-space:nowrap;line-height:1.2}
.btn-ink,.btn-primary,.btn-sun,.btn-leaf{background:var(--leaf);color:#fff;border-color:var(--leaf)}   /* 11.10.2026 Onur: düğmeler siyah değil marka yeşili */
.btn-ink:hover,.btn-primary:hover,.btn-sun:hover,.btn-leaf:hover{background:var(--leaf-d);border-color:var(--leaf-d);transform:translateY(-1px)}
.btn-line,.btn-ghost{background:var(--white);color:var(--ink);border-color:var(--ink)}
.btn-line:hover,.btn-ghost:hover{background:var(--ink);color:#fff}
.btn-soft{background:var(--cream2);color:var(--ink);border-color:var(--cream2)}
.btn-soft:hover{background:var(--line)}
.btn-big{padding:15px 28px;font-size:16px}
.btn-block{width:100%}
.btn[disabled],.btn[aria-disabled="true"]{opacity:.55;pointer-events:none}
.pill{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.8);border:1px solid var(--line);border-radius:var(--pill);padding:6px 14px;font-size:12.5px;font-weight:600;letter-spacing:.04em;color:var(--ink)}
.tag{display:inline-block;background:var(--cream2);border-radius:var(--pill);padding:6px 12px;font-size:13px;color:var(--ink2)}

/* ---------- üstbilgi (Duna: logo · orta menü · siyah hap) ---------- */
header.site{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.86);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid transparent;transition:border-color .2s}
header.site.on{border-color:var(--line)}
.nav-in{max-width:1240px;margin:0 auto;padding:12px var(--gut);display:flex;align-items:center;gap:22px}
/* LOGO KILIDI L2 (Onur secimi 16.09.2026): isaret 42px; metin blogu isaretin yuksekliginde ve ortalanmis;
   "Mycora" siki/agir, altinda EVDE MANTAR genis aralikli, yaprak yesili. Footer'da ayni kilit, koyu zemin. */
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);padding:4px 14px 4px 4px;border-radius:var(--pill);white-space:nowrap}
.brand img{width:42px;height:42px;object-fit:contain;flex:none}
.brand-txt{display:flex;flex-direction:column;justify-content:center;height:42px}
.brand-wm{font-weight:600;font-size:20px;letter-spacing:-.02em;line-height:1}
.brand small,.foot-brand small{display:block;font-size:10.5px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--leaf);line-height:1;margin-top:7px}
/* Duna menusu: 16 px, hover/acik durumda koyu hap, tiklaninca koyu acilir panel */
nav.main{margin:0 auto;display:flex;gap:6px;align-items:center}
nav.main a,nav.main .mi-btn{color:var(--ink2);text-decoration:none;font-size:16px;font-weight:500;padding:9px 16px;border-radius:var(--pill);white-space:nowrap;border:0;background:transparent;cursor:pointer;line-height:1.2;transition:background .15s,color .15s}
nav.main a:hover,nav.main .mi-btn:hover,nav.main .has-dd.open .mi-btn{color:#fff;background:#333}
nav.main a[aria-current="page"],nav.main .mi-btn[aria-current="page"]{color:#fff;background:#333}
.mi{position:relative}
.dd{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%);display:none;grid-template-columns:1fr 1fr;gap:0 44px;min-width:600px;padding:22px 28px 24px;background:rgba(38,38,38,.92);backdrop-filter:saturate(140%) blur(16px);-webkit-backdrop-filter:saturate(140%) blur(16px);border-radius:22px;box-shadow:0 24px 60px rgba(0,0,0,.28);color:#fff;text-align:left;z-index:70}
.dd.dd-tek{grid-template-columns:1fr;min-width:320px}
.has-dd.open .dd{display:grid}
.dd-col+.dd-col{border-left:1px solid rgba(255,255,255,.14);padding-left:44px;margin-left:-22px}
.dd-h{font-size:13px;color:rgba(255,255,255,.62);margin-bottom:8px;letter-spacing:.01em}
.dd a,.dd a b{color:#fff}
.dd a{display:block;padding:9px 0;text-decoration:none;border-radius:10px}
.dd a b{display:block;font-weight:500;font-size:17px;letter-spacing:-.01em}
.dd a span{display:block;font-size:13.5px;color:rgba(255,255,255,.66);margin-top:2px}
.dd a:hover b{text-decoration:underline;text-underline-offset:3px}
.dd::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}   /* fare gecisinde kapanmasin */
.header-actions{display:flex;align-items:center;gap:8px}
.header-actions .nav-cta{padding:10px 18px;font-size:14px}
.menu-btn{display:none;width:40px;height:40px;border:1px solid var(--line);background:var(--white);border-radius:12px;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.menu-btn span{display:block;width:16px;height:1.6px;background:var(--ink);border-radius:2px;transition:.2s}
.menu-btn[aria-expanded="true"] span:nth-child(1){transform:translateY(5.6px) rotate(45deg)}
.menu-btn[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-btn[aria-expanded="true"] span:nth-child(3){transform:translateY(-5.6px) rotate(-45deg)}
/* ---------- DUNA MOBİL MENÜ: tam ekran koyu-bulanık örtü, büyük liste, ikinci seviye panel, altta beyaz hap ---------- */
.mnav{position:fixed;inset:0;z-index:55;display:flex;flex-direction:column;color:#fff;overflow:hidden;overflow:clip;
  background:rgba(34,31,28,.62);backdrop-filter:blur(52px) saturate(120%);-webkit-backdrop-filter:blur(52px) saturate(120%);
  padding:calc(var(--header-h,72px) + 10px) var(--gut) max(18px,env(safe-area-inset-bottom));
  visibility:hidden;opacity:0;transition:opacity .28s ease,visibility 0s .28s}
.mnav.open{visibility:visible;opacity:1;transition:opacity .28s ease}
.mnav-panel{position:absolute;left:0;right:0;top:calc(var(--header-h,72px) + 10px);bottom:96px;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 var(--gut);
  transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .28s ease,visibility 0s .32s;visibility:hidden;opacity:0}
.mnav-l1{padding-top:48px;transform:translateX(-40px)}
.mnav-l2{padding-top:26px;transform:translateX(60px)}
.mnav.open .mnav-l1:not(.out),.mnav .mnav-l2.in{transform:none;opacity:1;visibility:visible;transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .28s ease}
.mnav ul{list-style:none;margin:0;padding:0}
.mnav-list li+li{margin-top:2px}
.mnav-list a,.mnav-more{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:52px;padding:8px 0;
  background:none;border:0;color:#fff;text-decoration:none;font-size:21px;font-weight:400;letter-spacing:-.01em;line-height:1.2;text-align:left;cursor:pointer}
.mnav-list a[aria-current]{font-weight:600}
.mnav-more svg{opacity:.9}
.mnav-back{display:inline-flex;align-items:center;gap:10px;background:none;border:0;color:#fff;font-size:19px;font-weight:600;padding:8px 0;margin:0 0 20px -2px;cursor:pointer}
.mnav-sub li+li{margin-top:4px}
.mnav-sub a{display:block;padding:8px 0;text-decoration:none;color:#fff}
.mnav-sub b{display:block;font-size:21px;font-weight:400;letter-spacing:-.01em;line-height:1.2}
.mnav-sub span{display:block;margin-top:5px;font-size:15.5px;line-height:1.35;color:rgba(255,255,255,.62)}
.mnav-foot{position:absolute;left:var(--gut);right:var(--gut);bottom:max(18px,env(safe-area-inset-bottom))}
.mnav-panel{bottom:126px}
.mnav-foot .btn{width:100%;min-height:54px;font-size:17px;font-weight:600;background:#fff;border-color:#fff;color:#111}
.mnav-foot .btn:hover{background:#fff}
.mnav-wa{display:block;text-align:center;margin-top:12px;color:rgba(255,255,255,.82);font-size:13.5px;text-decoration:none}
.mnav-wa:hover{color:#fff;text-decoration:underline}
/* menü açıkken üstbilgi: örtünün üstünde, saydam, beyaz yazı; hamburger X'e döner */
header.site.menu-open{background:transparent;border-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;transition:none}
header.site.menu-open .brand,header.site.over.menu-open:not(.on) .brand{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;color:#fff}
header.site.menu-open .brand small{color:rgba(255,255,255,.72)}
header.site.menu-open .menu-btn,header.site.menu-open #cart-badge-link,header.site.over.menu-open .menu-btn,header.site.over.menu-open #cart-badge-link{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.28);color:#fff}
header.site.menu-open .menu-btn span{background:#fff}
header.site.menu-open #cart-badge-link svg{stroke:#fff}
html.mnav-lock,html.mnav-lock body{overflow:hidden;height:100%}
html.mnav-lock .wa-float{display:none!important}
.mnav-back:focus:not(:focus-visible),.mnav-more:focus:not(:focus-visible){outline:none}
@media(prefers-reduced-motion:reduce){.mnav,.mnav-panel{transition:none}.mnav-l1,.mnav-l2{transform:none}}
#cart-badge-link{order:0!important;width:40px!important;height:40px!important;border:1px solid var(--line);border-radius:12px!important;background:var(--white)}
#cart-badge{font-family:var(--font)!important;font-weight:700!important;font-size:11px!important;line-height:18px!important;letter-spacing:0;background:var(--sun)!important;top:-4px!important;right:-4px!important;box-sizing:border-box;display:none;align-items:center;justify-content:center}

/* ---------- hero: illüstrasyon akışta, başlık krem banda oturur ---------- */
.hero{position:relative;background:var(--cream)}
.hero-img{display:block;width:100%;height:auto}
.hero-img img{width:100%;height:auto;display:block;-webkit-mask-image:linear-gradient(180deg,#000 80%,transparent 100%);mask-image:linear-gradient(180deg,#000 80%,transparent 100%)}
.hero-img-band img{-webkit-mask-image:linear-gradient(180deg,#000 62%,rgba(0,0,0,.5) 80%,transparent 100%);mask-image:linear-gradient(180deg,#000 62%,rgba(0,0,0,.5) 80%,transparent 100%)}
.hero-in{position:relative;z-index:2;max-width:1040px;margin:-10% auto 0;padding:0 var(--gut) 60px;text-align:center}
.hero-in .pill{margin-bottom:20px}
.hero-in h1{margin:0 auto}
.hero-in .lede{margin:22px auto 26px;text-align:center}
.hero-in .actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.hero.hero-sade{background:var(--cream);padding:72px 0 56px}
.hero.hero-sade .hero-in{margin:0 auto;padding-bottom:0}
.hero.hero-sade.left .hero-in{text-align:left;max-width:var(--wrap);margin:0 auto}
.hero.hero-sade.left h1{max-width:20ch;margin:0}
.hero.hero-sade.left .lede{margin-left:0;text-align:left}
.hero.hero-sade.left .actions{justify-content:flex-start}
.crumbs{display:flex;flex-wrap:wrap;gap:6px;font-size:13.5px;color:var(--mute);margin-bottom:18px}
.crumbs a{color:var(--mute);text-decoration:none}
.crumbs a:hover{color:var(--ink)}


/* ---------- DUNA HERO: tam ekran, saydam üstbilgi, metin alta demirli (13.09 ölçümü) ----------
   Duna 1440: H1 72px/400, lede 20px, buton 17px; 2000px'te H1 80px (tavan). Metin bloğu
   hero'nun alt %35'inde: rozet ~%65, başlık %69-80, lede %84-89, buton %92-95. */
header.site.over{position:fixed;left:0;right:0;top:0;background:transparent;border-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
header.site.over.on{background:rgba(255,255,255,.86);border-color:var(--line);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px)}
header.site.over .menu-btn,header.site.over #cart-badge-link{background:rgba(255,255,255,.7)}
header.site.over:not(.on) .brand{background:rgba(255,255,255,.74);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
header.site.over:not(.on) nav.main > a:not(:hover):not([aria-current]),header.site.over:not(.on) nav.main .has-dd:not(.open) > .mi-btn:not(:hover):not([aria-current]){color:var(--ink)}
.hero.hero-tam{position:relative;min-height:100svh;background:var(--hero-zemin,var(--cream));display:flex;flex-direction:column;justify-content:flex-end}
.hero.hero-tam .hero-img{position:absolute;inset:0;z-index:0}
.hero.hero-tam .hero-img img{width:100%;height:100%;object-fit:cover;object-position:50% 100%;-webkit-mask-image:none;mask-image:none}
.hero.hero-tam .hero-in{margin:0 auto;padding:0 var(--gut) 4vh;max-width:1180px}
.hero.hero-tam .pill{margin-bottom:18px;background:rgba(255,255,255,.72);backdrop-filter:blur(6px)}
.hero.hero-tam h1{font-size:clamp(44px,5vw,80px);line-height:1.02;letter-spacing:-.03em;font-weight:500;max-width:none}
.hero.hero-tam .lede{font-size:clamp(17px,1.4vw,20px);margin:24px auto 28px;max-width:60ch;color:#4D4846}
.hero.hero-tam .actions .btn{padding:16px 30px;font-size:17px}
@media(max-width:900px){
  /* MOBIL KURAL (Onur, 16.09.2026): ilk bolum ekrana TAM sigar — gorsel + baslik + metin + butonlar tek ekranda,
     kaydirinca sonraki icerik baslar. Gorsel ustte esner (flex:1), metin altta sabit; kalan sari alan yok. */
  .hero:not(.hero-sade):not(.article-hero){position:relative;height:calc(100svh - var(--header-h,77px));min-height:520px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:var(--hero-zemin,var(--cream))}
  .hero.hero-tam.hero-tam:not(.hero-sade){min-height:520px;height:100svh}   /* ana sayfa: ustbilgi saydam, gorsel ustbilginin altina girer */
  .hero:not(.hero-sade):not(.article-hero) .hero-img{position:relative;inset:auto;flex:1 1 auto;min-height:150px;width:100%;overflow:hidden;z-index:0}
  .hero:not(.hero-sade):not(.article-hero) .hero-img img{width:100%;height:100%;object-fit:cover;object-position:50% 38%;-webkit-mask-image:linear-gradient(180deg,#000 82%,transparent 100%);mask-image:linear-gradient(180deg,#000 82%,transparent 100%)}
  /* ana sayfa: 9:16 gorsel tum ekrani kaplar (alt %34 bos band tasarimda var), metin o bandin ustune oturur */
  .hero.hero-tam.hero-tam .hero-img{position:absolute;inset:0;flex:none;min-height:0}
  .hero.hero-tam.hero-tam .hero-img img{object-position:50% 0;-webkit-mask-image:none;mask-image:none}
  .hero.hero-tam.hero-tam .hero-in{margin:0 auto;padding-top:56px;background:linear-gradient(180deg,rgba(255,253,247,0) 0%,rgba(255,253,247,.92) 22%,rgba(255,253,247,.98) 100%)}
  .hero:not(.hero-sade):not(.article-hero) .hero-in{position:relative;flex:0 0 auto;margin:-36px auto 0;padding:0 var(--gut) max(16px,env(safe-area-inset-bottom));max-width:none}
  .hero:not(.hero-sade):not(.article-hero) .pill{margin-bottom:12px}
  .hero.hero-sade{padding:28px 0 32px}
  .checkout,.cart-wrap,.track-wrap,.acct-wrap{padding-top:24px}
  .hero:not(.hero-sade):not(.article-hero) h1,.hero.hero-tam h1{font-size:clamp(30px,8.4vw,38px);line-height:1.06;letter-spacing:-.025em}
  .hero:not(.hero-sade):not(.article-hero) .lede,.hero.hero-tam .lede{font-size:15px;line-height:1.42;margin:10px auto 14px;max-width:36ch;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
  .hero:not(.hero-sade):not(.article-hero) .actions{gap:8px}
  .hero:not(.hero-sade):not(.article-hero) .actions .btn,.hero.hero-tam .actions .btn{padding:13px 20px;font-size:15.5px;min-height:46px}
  .brand{gap:10px;padding:3px 10px 3px 3px}
  .brand img{width:38px;height:38px}
  .brand-txt{height:38px}
  .brand-wm{font-size:18px}
  .brand small{font-size:9.5px;margin-top:6px}
  /* ustbilgi: ikonlar saga yaslı, cerceve yok, tutarli olcu */
  .nav-in{padding:12px var(--gut)}
  .header-actions{margin-left:auto;gap:2px}
  .menu-btn,#cart-badge-link,.acct-link{width:44px!important;height:44px!important;border:0!important;background:transparent!important;border-radius:50%}
  header.site.over:not(.on) .menu-btn,header.site.over:not(.on) #cart-badge-link,header.site.over:not(.on) .acct-link{background:rgba(255,255,255,.72)!important}
  header.site.menu-open .menu-btn,header.site.menu-open #cart-badge-link,header.site.menu-open .acct-link,header.site.over.menu-open .menu-btn,header.site.over.menu-open #cart-badge-link,header.site.over.menu-open .acct-link{background:rgba(255,255,255,.14)!important;color:#fff}
  .menu-btn span{width:18px;height:1.7px}
  /* tarif/blog kartlari: ana sayfada yatay kaydirmali seride, listelerde kompakt satir */
  .posts.posts-scroll{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 calc(var(--gut) * -1);padding:2px var(--gut) 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .posts-scroll::-webkit-scrollbar{display:none}
  .posts-scroll .post{flex:0 0 74%;scroll-snap-align:start}
  .posts-scroll .post img{aspect-ratio:4/3}
  .posts-scroll .post .body{padding:12px 14px 14px}
  .posts-scroll .post h3{font-size:15.5px}
  .posts.posts-list{display:grid;grid-template-columns:1fr;gap:10px}
  .posts-list .post{flex-direction:row;align-items:stretch}
  .posts-list .post img{width:118px;flex:none;aspect-ratio:1;height:auto}
  .posts-list .post .body{padding:12px 14px;display:flex;flex-direction:column;justify-content:center;min-width:0}
  .posts-list .post h3{font-size:15.5px}
  .posts-list .post p{display:none}
  /* WhatsApp balonu ilk ekranda hero butonlarini ortmesin (site.js gizler) */
  body.has-wa-bar{padding-bottom:calc(70px + env(safe-area-inset-bottom))}
}

/* ---------- ölçü şeridi (gerçek veri) ---------- */
.stats{padding:96px 0 72px}
.stats h2{max-width:22ch}
.srow{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:44px;border-top:1px solid var(--line);padding-top:34px}
.snum{font-size:clamp(38px,5vw,62px);font-weight:500;letter-spacing:-.035em;line-height:1}
.slab{color:var(--mute);font-size:14px;margin-top:8px}

/* ---------- tür şeridi (kayan bant) ---------- */
.species{padding:12px 0 88px;text-align:center}
.species p{color:var(--mute);font-size:14px;margin-bottom:24px}
.sp{display:flex;gap:12px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.sp-in{display:flex;gap:12px;flex-shrink:0;padding-right:12px;animation:kay 42s linear infinite}
.sp:hover .sp-in{animation-play-state:paused}
.sp a,.sp span{border:1px solid var(--line);border-radius:var(--pill);padding:9px 16px;font-size:14px;color:var(--ink2);background:var(--white);text-decoration:none;white-space:nowrap}
.sp a:hover{border-color:var(--ink);color:var(--ink)}
@keyframes kay{to{transform:translateX(-100%)}}

/* ---------- bölüm başlığı ---------- */
.sec{padding:88px 0}
.sec.tint{background:var(--paper)}
.shead{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}
.shead p{color:var(--mute);margin-top:8px;max-width:56ch}
.shead .more{color:var(--leaf);font-weight:600;font-size:14.5px;text-decoration:none;white-space:nowrap}
.shead .more:hover{text-decoration:underline}

/* ---------- ürün kartları ---------- */
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.grid.three{grid-template-columns:repeat(3,1fr)}
.card{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--white);transition:.22s;display:flex;flex-direction:column;position:relative}
.card:hover{transform:translateY(-3px);box-shadow:var(--sh)}
.card .ph{aspect-ratio:1;background:var(--white);border-bottom:1px solid var(--line);display:grid;place-items:center;padding:12%;overflow:hidden;min-height:0}
/* A177 (30.09.2026): height:100% grid satırında çözülmüyordu, 2:3 fotoğrafın kutusu 2:3 kalıp altı kesiliyordu.
   Görselin kendi kutusu kare; contain ile fotoğrafın tamamı görünür, beyaz fonlu çekim kartın beyazına karışır. */
.card .ph img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;margin:0}
.card .body{padding:16px 16px 18px;flex:1;display:flex;flex-direction:column}
.card h3{font-size:15.5px;font-weight:600;line-height:1.3}
.card h3 a{text-decoration:none}
.card h3 a::after{content:"";position:absolute;inset:0}
.card .sub{color:var(--mute);font-size:13px;margin:5px 0 14px}
.one-cikan{grid-column:1/-1;display:flex;justify-content:center;margin:0 0 12px}
/* Onur 11.10: öne çıkan set kartı yatay; solda kare görsel, sağda kısa açıklama (dikey dev kart sayfayı kaplıyordu) */
.one-cikan .card{width:min(100%,820px);border:2px solid var(--ink);display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);align-items:stretch}
.one-cikan .card .ph{padding:3%;aspect-ratio:1;align-self:center}
.one-cikan .card .body{padding:22px 24px;display:flex;flex-direction:column;justify-content:center}
.one-cikan .card h3{font-size:22px}
.one-cikan .card .sub{font-size:14.5px;margin-bottom:8px}
.one-cikan .card .blurb{font-size:15px;line-height:1.5;color:var(--ink);margin:0 0 16px}
.one-cikan .card .price{font-size:20px}
@media(max-width:620px){.one-cikan .card{grid-template-columns:minmax(0,42%) minmax(0,1fr)}.one-cikan .card .body{padding:14px}.one-cikan .card h3{font-size:17px}.one-cikan .card .blurb{font-size:13.5px;margin-bottom:10px}}
.card .foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;position:relative;z-index:1}
.card .price{font-weight:600;font-size:16px;white-space:nowrap}
/* kart 'Sepete Ekle': gunes sarisi (Onur: siyah kacirir), tiklayinca yesil 'Eklendi ✓' */
.card .add{border:1px solid var(--sun);background:var(--sun);color:var(--ink);border-radius:var(--pill);padding:9px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:.15s;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.card .add:hover{background:#FFD35C;border-color:#FFD35C;transform:translateY(-1px)}
.card .add:active{transform:scale(.97)}
.card .add.ok{background:var(--leaf);border-color:var(--leaf);color:#fff;animation:btnPop .45s cubic-bezier(.2,.8,.2,1)}
.card .add[disabled]{opacity:.5;pointer-events:none}
.badge{position:absolute;top:12px;left:12px;background:var(--sun);color:var(--ink);border-radius:var(--pill);padding:4px 10px;font-size:11.5px;font-weight:700;letter-spacing:.04em;z-index:1}

/* ---------- kategori kartları (illüstrasyon) ---------- */
.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.cat{position:relative;border-radius:var(--r2);overflow:hidden;background:var(--cream2);text-decoration:none;display:block;transition:.22s}
.cat:hover{transform:translateY(-3px);box-shadow:var(--sh)}
.cat img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;display:block}
.cat .cap{position:absolute;left:0;right:0;bottom:0;padding:18px 18px 20px;background:linear-gradient(180deg,rgba(252,244,227,0),rgba(252,244,227,.92) 45%)}
.cat h3{font-size:18px;font-weight:600}
.cat .cap p{font-size:13.5px;color:var(--ink2);margin-top:4px}

/* ---------- atmosfer bandı ---------- */
.band{position:relative;background:var(--cream)}
.band-img{display:block;width:100%;height:auto}
.band-img img{width:100%;height:auto;display:block}
.band-in{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 var(--gut);z-index:2}
.band-in h2{font-size:clamp(28px,4vw,50px);letter-spacing:-.03em}
.band-in p{margin:14px auto 0;max-width:46ch;color:var(--ink2);font-size:16.5px}
.band-in .btn{margin-top:22px}
/* dolu (P1) bant gorsellerinde metin okunsun: yumusak kagit plaka (V4 sade bantlar gelince kaldirilabilir) */
.band:not(.dark) .band-in > div{background:rgba(255,253,247,.84);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:28px;padding:34px 44px 38px;max-width:680px;box-shadow:0 10px 40px rgba(38,48,30,.08)}
@media(max-width:900px){
  /* mobil: dolu (P1) bantlarda plaka gorselin ustune SIGMIYOR (16:9 gorsel 219px, metin ~400px) -> gorsel ustte, metin altta krem zeminde */
  .band:not(.dark){display:flex;flex-direction:column;background:var(--cream)}
  .band:not(.dark) .band-img{order:0}
  .band:not(.dark) .band-img img{aspect-ratio:16/10;object-fit:cover;object-position:50% 45%;-webkit-mask-image:linear-gradient(180deg,#000 78%,transparent 100%);mask-image:linear-gradient(180deg,#000 78%,transparent 100%)}
  .band:not(.dark) .band-in{position:static;order:1;padding:0;display:block}
  .band:not(.dark) .band-in > div{background:none;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;border-radius:0;padding:6px var(--gut) 40px;max-width:none;text-align:center}
  .band:not(.dark) .band-in h2{font-size:30px}
}
.band.dark .band-in{color:#fff;text-shadow:0 1px 14px rgba(20,40,60,.28)}
.band.dark .band-in p{color:rgba(255,255,255,.88)}
.btn-paper{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.btn-paper:hover{background:#fff}

/* ---------- üç adım ---------- */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;border-top:1px solid var(--line);padding-top:36px}
.step img{width:96px;height:96px;object-fit:cover;border-radius:20px;margin-bottom:16px;background:var(--cream)}
.step .n{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--ink);color:#fff;font-size:12px;font-weight:600;margin-bottom:12px}
.step h3{font-size:17px;font-weight:600;margin-bottom:8px}
.step p{color:var(--mute);font-size:14.5px}

/* ---------- güven ---------- */
.trust{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:56px 0}
.trust .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:26px}
.trust h3{font-size:22px}
.trust p{color:var(--mute);font-size:14.5px;max-width:42ch;margin-top:6px}
.badges{display:flex;gap:12px;flex-wrap:wrap}
.badges span{border:1px solid var(--line);background:var(--white);border-radius:12px;padding:12px 16px;font-size:12.5px;font-weight:600;color:var(--ink2);text-align:center;line-height:1.4}

/* ---------- öne çıkan yazılar / tarif kartları ---------- */
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.post{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--white);text-decoration:none;display:flex;flex-direction:column;transition:.22s}
.post:hover{transform:translateY(-3px);box-shadow:var(--sh)}
.post img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;background:var(--cream2)}
.post .body{padding:16px 18px 20px}
.post .kicker{margin-bottom:8px}
.post h3{font-size:17px;font-weight:600;line-height:1.3}
.post p{color:var(--mute);font-size:14px;margin-top:8px}

/* ---------- footer: linkler illüstrasyonun sakin göğünde ---------- */
footer.site{position:relative;background:var(--sky);color:#fff;margin-top:0;min-height:min(39vw,640px);display:flex;flex-direction:column}
footer.site .foot-img{position:absolute;inset:0;z-index:0;display:block}
footer.site .foot-img img{width:100%;height:100%;object-fit:cover;object-position:50% 100%;display:block}
footer.site .foot-in{position:relative;z-index:2;display:flex;flex-direction:column;flex:1;min-height:inherit}
footer.site .foot-in .wrap{width:100%;padding-top:min(4.4vw,56px)}
.foot-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr 1fr;gap:26px}
.foot-grp summary{list-style:none;cursor:default;display:flex;align-items:center;justify-content:space-between}
.foot-grp summary::-webkit-details-marker{display:none}
.foot-grp h4{font-size:14px;font-weight:600;margin-bottom:10px;color:#fff;text-shadow:0 1px 3px rgba(12,24,48,.55),0 1px 12px rgba(12,24,48,.45)}
.foot-plus{display:none}
.foot-grid ul{list-style:none;margin:0;padding:0}
.foot-grid a{display:block;color:rgba(255,255,255,.88);text-decoration:none;font-size:14px;margin-bottom:7px;text-shadow:0 1px 3px rgba(12,24,48,.55),0 1px 12px rgba(12,24,48,.45)}
.foot-grid a:hover{color:#fff;text-decoration:underline}
.foot-brand{display:flex;align-items:center;gap:11px;margin-bottom:12px;color:#fff;text-shadow:0 1px 10px rgba(12,24,48,.45)}
.foot-brand img{width:36px;height:36px;flex:none}
.foot-brand .brand-txt{height:36px}
.foot-brand .brand-wm{font-size:18px}
.foot-brand small{font-size:9.5px;margin-top:6px;color:rgba(255,255,255,.72)}
.foot-note{color:rgba(255,255,255,.82);font-size:13.5px;max-width:28ch;text-shadow:0 1px 3px rgba(12,24,48,.55),0 1px 12px rgba(12,24,48,.45)}
.foot-track{display:inline-block;margin-top:12px;color:#fff;font-weight:600;font-size:13.5px;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.45)}
.foot-track:hover{border-color:#fff}
.foot-bottom{margin-top:auto;padding:16px var(--gut) 18px;display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;font-size:12.5px;color:rgba(255,255,255,.9);text-shadow:0 1px 3px rgba(12,24,48,.6),0 1px 12px rgba(12,24,48,.5)}
.foot-bottom a{color:inherit;text-decoration:none;margin-right:14px}
@media(min-width:901px){.foot-grp:not([open]) ul{display:block}.foot-bottom{padding-right:230px}}   /* sagda WhatsApp hapi var */
.foot-bottom a:hover{text-decoration:underline}
/* ---------- WHATSAPP: masaustu D1 (murekkep hap) ---------- */
.wa-float{position:fixed;right:24px;bottom:24px;z-index:70;display:inline-flex;align-items:center;gap:10px;height:50px;padding:0 20px 0 14px;border-radius:999px;background:var(--leaf);color:#fff;font-weight:600;font-size:15px;line-height:1;text-decoration:none;box-shadow:0 10px 30px rgba(0,0,0,.18);
  transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .35s ease,box-shadow .2s ease,padding .4s cubic-bezier(.2,.8,.2,1)}
.wa-float .wa-ico{position:relative;width:22px;height:22px;flex:none;display:grid;place-items:center}
.wa-float .wa-ico svg{width:22px;height:22px;color:#fff}
.wa-float .wa-ico svg .wa-hs{fill:#111}
.wa-float .wa-lab{white-space:nowrap;max-width:170px;overflow:hidden;transition:max-width .4s cubic-bezier(.2,.8,.2,1),opacity .25s ease,margin-left .4s cubic-bezier(.2,.8,.2,1)}
.wa-float.mini{padding:0 14px}
.wa-float.mini .wa-lab{max-width:0;opacity:0;margin-left:-10px}
.wa-float:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(0,0,0,.24)}
.wa-float.away{opacity:0;transform:translateY(22px);pointer-events:none}
/* girişte tek halka + arada bir el sallama */
.wa-float .wa-ico::after{content:"";position:absolute;inset:-7px;border-radius:50%;border:2px solid rgba(37,211,102,.75);opacity:0;transform:scale(.55);pointer-events:none}
.wa-float.in .wa-ico::after{animation:waRing 1.1s cubic-bezier(.2,.8,.2,1) .35s 1}
@keyframes waRing{0%{opacity:.95;transform:scale(.55)}100%{opacity:0;transform:scale(2.1)}}
@keyframes waWave{0%,100%{transform:rotate(0)}20%{transform:rotate(-16deg)}40%{transform:rotate(13deg)}60%{transform:rotate(-9deg)}80%{transform:rotate(6deg)}}
.wa-float.wave .wa-ico svg,.wa-bar.wave .wa-ico svg{animation:waWave .9s ease-in-out 1;transform-origin:50% 60%}
/* ---------- WHATSAPP: mobil M1 (alt cubuk) ---------- */
.wa-bar{position:fixed;left:0;right:0;bottom:0;z-index:70;display:none;gap:10px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(255,253,247,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);
  transition:transform .42s cubic-bezier(.2,.8,.2,1),opacity .3s ease}
.wa-bar a{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;border-radius:999px;font-weight:600;font-size:15px;line-height:1;text-decoration:none;transition:background .25s ease,color .25s ease,transform .2s ease}
.wa-bar a:active{transform:scale(.97)}
.wa-bar .wa-bar-cta{background:var(--sun);color:var(--ink);border:1px solid var(--sun);position:relative;overflow:hidden}
.wa-bar .wa-bar-cartlink{background:#fff;border:1px solid var(--line);color:var(--ink);position:relative}
.wa-bar .wa-bar-cartlink svg{width:20px;height:20px}
.wa-bar .wa-bar-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--leaf);color:#fff;font-size:12px;font-weight:700;margin-left:2px}
.wa-bar .wa-bar-count[hidden]{display:none}
.wa-bar .wa-bar-cta.ok{background:var(--leaf);border-color:var(--leaf)}
.wa-bar.away,.wa-bar.down{transform:translateY(112%)}
html.mnav-lock .wa-bar{display:none!important}
@media(prefers-reduced-motion:reduce){.wa-float,.wa-float .wa-lab,.wa-bar{transition:none}.wa-float.in .wa-ico::after,.wa-float.wave .wa-ico svg,.wa-bar.wave .wa-ico svg{animation:none}}

/* ---------- ortak sayfa bölümleri ---------- */
.prose{max-width:72ch;font-size:17.5px;line-height:1.7;color:var(--ink2)}
.prose h2{font-size:28px;margin:44px 0 14px;color:var(--ink)}
.prose h3{font-size:21px;margin:30px 0 10px;color:var(--ink)}
.prose p{margin:0 0 1.1em}
.prose ul,.prose ol{margin:0 0 1.2em 1.3em}
.prose li{margin-bottom:.4em}
.prose img{border-radius:var(--r);margin:24px 0}
.prose blockquote{border-left:3px solid var(--sun);padding:6px 0 6px 18px;color:var(--ink);margin:24px 0}
.prose table{width:100%;border-collapse:collapse;font-size:15px;margin:20px 0}
.prose th,.prose td{border-bottom:1px solid var(--line);padding:10px 8px;text-align:left;vertical-align:top}
.prose th{font-weight:600;color:var(--ink)}
.prose a:not(.btn):not(.share-btn){color:var(--leaf)}
.prose p,.prose li,.prose td,.legal-article p,.legal-article li{overflow-wrap:anywhere}
.prose .note,.prose .draft-note,.disclaimer{background:var(--cream2);border-radius:12px;padding:14px 18px;font-size:14.5px;color:var(--ink2);margin:20px 0}
.article-hero{background:var(--cream);padding:64px 0 48px}
.article-hero .meta{display:flex;gap:14px;flex-wrap:wrap;color:var(--mute);font-size:14px;margin-top:16px}
.article-cover{max-width:var(--wrap);margin:-24px auto 0;padding:0 var(--gut)}
.article-cover img{width:100%;height:auto;aspect-ratio:16/8;object-fit:cover;border-radius:var(--r2)}
.article-cover figcaption{font-size:12.5px;color:var(--mute);margin-top:8px}
.article-body{padding:56px 0 72px}
.two{display:grid;grid-template-columns:260px 1fr;gap:48px;align-items:start}
.toc{position:sticky;top:90px;border:1px solid var(--line);border-radius:var(--r);padding:18px 20px;font-size:14px}
.toc h4{font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin-bottom:10px}
.toc a:not(.btn){display:block;color:var(--ink2);text-decoration:none;padding:5px 0;border-bottom:1px solid var(--line2)}
.toc a:not(.btn):hover{color:var(--ink)}
.toc ol{list-style:none;counter-reset:t}
.toc ol li a{counter-increment:t}
.toc ol li a::before{content:counter(t) '  ';color:var(--mute)}
.toc-mini{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);font-size:13px;color:var(--ink2)}
.toc-mini .btn{margin-top:12px;width:100%;justify-content:center}
.g-sec-head .kicker{margin-bottom:6px}
.g-sec-head .intro{font-size:17px;color:var(--ink2);margin-bottom:14px}
.related{padding:0 0 88px}
mark.eksik{background:var(--sun);color:var(--ink);border-radius:6px;padding:1px 7px;font-size:.85em;font-weight:600;white-space:nowrap}

/* ---------- EDITORYAL MAKALE (blog + tarif): v2'nin karakteri, v3'un sistemi ----------
   Baslik ve ara basliklar Fraunces (serif); vurgu kelime italik + gunes sarisi alt cizgi.
   Govde, menu, buton, kartlar Hanken kalir. Sarı bant, gunes grafigi, 3B buton GELMEZ. */
.editoryal .article-hero{padding:72px 0 52px}
.editoryal .article-hero h1{font-family:"Fraunces","Iowan Old Style",Georgia,serif;font-weight:500;font-size:clamp(40px,4.8vw,68px);line-height:1.06;letter-spacing:-.015em;max-width:22ch;font-variation-settings:"SOFT" 40,"opsz" 96}
.editoryal .article-hero h1 .u-sun{font-style:italic;font-weight:500;color:var(--leaf);text-decoration:underline;text-decoration-color:var(--sun);text-decoration-thickness:.09em;text-underline-offset:.12em;text-decoration-skip-ink:none}
.editoryal .prose{font-size:18px;line-height:1.72}
.editoryal .prose h2{font-family:"Fraunces","Iowan Old Style",Georgia,serif;font-weight:500;font-size:32px;letter-spacing:-.01em;margin:52px 0 16px;font-variation-settings:"SOFT" 40}
.editoryal .prose h3{font-family:"Fraunces","Iowan Old Style",Georgia,serif;font-weight:500;font-size:24px}
.editoryal .prose > p:first-of-type{font-size:20px;color:var(--ink);line-height:1.6}
.editoryal .prose blockquote{font-family:"Fraunces",Georgia,serif;font-style:italic;font-size:22px;line-height:1.45;border-left:0;padding:0 0 0 24px;position:relative}
.editoryal .prose blockquote::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:4px;border-radius:2px;background:var(--sun)}
.editoryal .h2num{font-family:var(--font)}
.editoryal .article-cover img{border-radius:var(--r2)}

/* ---------- formlar (ödeme, iletişim, takip) ---------- */
form .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
form .row.three{grid-template-columns:1fr 1fr 1fr}
label{display:block;font-size:13.5px;font-weight:600;margin-bottom:6px;color:var(--ink2)}
input:not([type]),input[type=text],input[type=email],input[type=tel],input[type=number],input[type=search],select,textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px 14px;font:inherit;font-size:15.5px;background:var(--white);color:var(--ink);transition:.15s}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px rgba(38,48,30,.08)}
textarea{min-height:110px;resize:vertical}
.field{margin-bottom:14px}
.help,.hint{font-size:12.5px;color:var(--mute);margin-top:5px}
.error,.err{color:#B3261E;font-size:13px;margin-top:5px}
fieldset{border:0;margin:0 0 22px}
legend{font-weight:600;font-size:17px;margin-bottom:14px}

/* ödeme düzeni */
.checkout{display:grid;grid-template-columns:1fr 380px;gap:40px;align-items:start;padding:56px var(--gut) 88px}
.panel{border:1px solid var(--line);border-radius:var(--r2);padding:26px;background:var(--white)}
.panel.sticky{position:sticky;top:90px}
.sum-row{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid var(--line2);font-size:14.5px}
.sum-row.sum-total{border:0;padding-top:14px;font-size:17px}
#paytr-container{margin-top:20px;min-height:40px}
#paytr-container iframe{width:100%;border:0;border-radius:12px}
.note-box,#offline-note{background:var(--cream2);border-radius:12px;padding:14px 16px;font-size:14px;color:var(--ink2)}

/* sepet (cart.js çizer) */
.cart-wrap{padding:48px var(--gut) 88px;max-width:820px}
.cart-list{border:1px solid var(--line);border-radius:var(--r2);overflow:hidden}
.cart-row{display:grid;grid-template-columns:1fr auto auto auto;gap:16px;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line2)}
.cart-row:last-child{border-bottom:0}
.cart-row-name{font-weight:600;font-size:15.5px}
.cart-qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:var(--pill);overflow:hidden}
.cart-qty button{width:34px;height:34px;border:0;background:var(--white);cursor:pointer;font-size:17px}
.cart-qty button:hover{background:var(--cream2)}
.cart-qty span{min-width:30px;text-align:center;font-weight:600}
.cart-row-price{font-weight:600;min-width:90px;text-align:right}
.cart-remove{border:0;background:none;cursor:pointer;color:var(--mute);font-size:16px;width:32px;height:32px;border-radius:50%}
.cart-remove:hover{background:var(--cream2);color:var(--ink)}
.cart-summary{margin-top:22px;border:1px solid var(--line);border-radius:var(--r2);padding:22px 24px}
.cart-total{display:flex;justify-content:space-between;font-size:18px;margin-bottom:8px}
.cart-note{color:var(--mute);font-size:13.5px;margin-bottom:16px}
.cart-total small{font-weight:400;color:var(--mute);font-size:12.5px}.cart-total.cart-grand{border-top:1px solid var(--line);padding-top:12px;margin:8px 0 14px;font-size:20px}.cart-total.cart-grand b{color:var(--leaf-d)}
.sum-note{color:var(--mute);font-size:13px;margin:2px 0 8px}#order-summary .sum-row small{font-weight:400;color:var(--mute);font-size:12px}
.cart-empty{text-align:center;padding:40px 20px}
.cart-empty img{width:220px;margin:0 auto 18px;border-radius:24px}
.cart-empty .lead{font-size:20px;margin-bottom:18px}

/* sipariş takip */
.track-wrap{max-width:640px;padding:48px var(--gut) 88px}
.track-result{margin-top:26px;border:1px solid var(--line);border-radius:var(--r2);padding:22px 24px}
.status-line{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}
.status-line div{border-top:3px solid var(--line);padding-top:8px;font-size:13px;color:var(--mute)}
.status-line div.on{border-color:var(--leaf);color:var(--ink);font-weight:600}

/* ürün detay */
.pd-top{padding:40px 0 64px}
.pd-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:start}
.gallery-main{border:1px solid var(--line);border-radius:var(--r2);overflow:hidden;background:var(--white);aspect-ratio:1;display:grid;place-items:center;padding:6%}
.gallery-main img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;margin:0}
.gallery-main{position:relative}
.gallery-cap{position:absolute;left:12px;right:12px;bottom:12px;margin:0;padding:8px 12px;border-radius:12px;background:rgba(255,253,247,.92);color:var(--ink,#26301E);font-size:14px;line-height:1.35;text-align:center;box-shadow:0 1px 4px rgba(38,48,30,.12)}
.gallery-cap[hidden]{display:none}   /* A177: kare kutu, fotoğraf kesilmez */
.gallery-thumbs{display:flex;gap:10px;margin-top:12px}
.gallery-thumbs img{width:76px;height:76px;object-fit:contain;border:1px solid var(--line);border-radius:12px;padding:8px;background:var(--white);cursor:pointer}
.gallery-thumbs img.on{border-color:var(--ink)}
.buybox h1{font-size:clamp(28px,3.2vw,40px)}
.price-block{margin:18px 0 14px;display:flex;align-items:baseline;gap:12px}
.price-big{font-size:32px;font-weight:600;letter-spacing:-.02em}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
/* alt seçenekler (11.10.2026): ürün sayfasında 1 kg / 2 kg … */
.secimler{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.paket-secim{display:grid;gap:10px;margin:0 0 20px}.paket-secim p{margin:0}
.paket-kutu{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:10px;font-weight:600}
.paket-kutu select{width:100%;padding:11px 12px;border:1.5px solid rgba(38,48,30,.22);border-radius:12px;background:#fff;color:inherit;font:inherit}
.paket-kutu select:focus{outline:2px solid #2E7D46;outline-offset:1px}
.secim{min-width:64px;padding:10px 14px;border:1.5px solid rgba(38,48,30,.22);border-radius:999px;background:transparent;color:inherit;font:inherit;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s}
.secim:hover{border-color:rgba(38,48,30,.5)}
.secim.on{border-color:#26301E;background:#26301E;color:#FCF4E3}
.secim:focus-visible{outline:2px solid #26301E;outline-offset:2px}
.secim[hidden],.secimler[hidden]{display:none}.secim.tukendi{opacity:.45;text-decoration:line-through}
.buy-row .btn[disabled],.card .add[disabled]{opacity:.5;cursor:not-allowed}
a.add{display:inline-flex;align-items:center;text-decoration:none}
.chip{background:var(--cream2);border-radius:var(--pill);padding:6px 12px;font-size:13px;color:var(--ink2)}
.assurance{list-style:none;margin-top:22px;display:grid;gap:8px;font-size:14px;color:var(--ink2)}
.assurance li{padding-left:20px;position:relative}
.assurance li::before{content:"";position:absolute;left:0;top:8px;width:9px;height:9px;border-radius:50%;background:var(--leaf)}
.pd-section{padding:56px 0}
.pd-section.tint{background:var(--paper)}
.section-head{margin-bottom:26px}
.section-head h2{font-size:28px}
.section-head p{color:var(--mute);margin-top:6px}
.contents-grid,.expect-grid,.cross-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.setup-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.su-step{border:1px solid var(--line);border-radius:var(--r);padding:18px;font-size:14.5px}
.su-step b,.su-step strong{display:block;margin-bottom:6px}
.spec-table{width:100%;border-collapse:collapse;font-size:15px}
.spec-table th,.spec-table td{border-bottom:1px solid var(--line);padding:11px 8px;text-align:left}
.spec-table th{font-weight:600;width:38%}
.faq{max-width:760px}
details.acc{border-bottom:1px solid var(--line);padding:14px 0}
details.acc summary{cursor:pointer;font-weight:600;font-size:16px;list-style:none;display:flex;justify-content:space-between;gap:12px}
details.acc summary::-webkit-details-marker{display:none}
details.acc summary::after{content:"+";color:var(--mute);font-weight:400}
details.acc[open] summary::after{content:"–"}
details.acc p{margin-top:10px;color:var(--ink2);font-size:15px}
.cross-card{border:1px solid var(--line);border-radius:var(--r);padding:18px;display:flex;gap:14px;align-items:center}
.cross-card img{width:72px;height:72px;object-fit:contain}
.ph{background:var(--cream2);border-radius:var(--r);min-height:120px}
.wa-ico{display:none}

/* v2'den taşınan içerik parçaları */
.h2num{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--cream2);color:var(--ink2);font-size:13px;font-weight:600;margin-right:10px;vertical-align:middle}
.acc-body{margin-top:10px;color:var(--ink2);font-size:15px;line-height:1.6}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-field{margin-bottom:14px}
.form-legend{font-weight:600;font-size:18px;margin:0 0 16px;display:flex;align-items:center;gap:8px}
.opt{font-weight:400;color:var(--mute)}
.pay-note{background:var(--cream2);border-radius:12px;padding:12px 14px;font-size:13.5px;margin-top:12px;display:flex;gap:8px;align-items:flex-start}
.order-box h3{display:flex;align-items:center;gap:8px;font-size:18px;margin-bottom:12px}
.order-trust{list-style:none;margin-top:16px;display:grid;gap:8px;font-size:13.5px;color:var(--ink2)}
.order-trust li{display:flex;gap:8px;align-items:flex-start}
.back-link,.order-back{display:inline-block;margin-top:14px;font-size:13.5px;color:var(--leaf)}
.tip-box{background:var(--cream2);border-radius:12px;padding:14px 16px;font-size:15px;margin:18px 0}
.lede-p{font-size:17.5px;color:var(--ink2);margin-bottom:18px}
.contents-list{list-style:none;display:grid;gap:10px;margin:14px 0}
.contents-list li{display:flex;gap:10px;align-items:flex-start;font-size:15px}
.c-ico{flex:none;width:22px;height:22px}
.pd-section .ph:not(.has-photo),.prose .ph:not(.has-photo),.article-body .ph:not(.has-photo){display:none}
/* 05.10.2026 (A178): üstteki gizleme eski içerikteki BOŞ fotoğraf kutuları (.ph > .ph-icon/.ph-tag) içindir.
   Ürün kartının görsel kutusu istisnadır: 'Bunlar da ilgini çekebilir' kartları görseliyle çıkar. */
.pd-section .card .ph,.prose .card .ph,.article-body .card .ph{display:grid}
.contents-ph{display:none}
.eyebrow{display:inline-block;font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin-bottom:8px}
.u-sun{text-decoration:underline;text-decoration-color:var(--sun);text-decoration-thickness:3px;text-underline-offset:4px}
.expect-grid>div h3,.contents-grid>div h3{margin-bottom:8px}
.su-step .n,.su-step .no{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--ink);color:#fff;font-size:12px;margin-bottom:8px}
.g-sec{margin:44px 0}.g-sec h2{font-size:26px;margin-bottom:12px}
.fix{background:var(--cream2);border-radius:10px;padding:10px 14px;font-size:14.5px}
.ph-tag{display:none}
.pdf-card{display:flex;gap:20px;align-items:center;flex-wrap:wrap;justify-content:space-between}
.track-form,.track-fields{display:grid;gap:14px}
.track-hint,.track-note{font-size:13.5px;color:var(--mute);margin-top:8px}
.checkout .panel #order-summary .sum-row:first-child{padding-top:0}
/* mağaza filtre */
.filterbar{border-bottom:1px solid var(--line);background:var(--white);position:sticky;top:69px;z-index:40}
.filter-in{display:flex;flex-wrap:wrap;gap:8px;padding:12px var(--gut);align-items:center}
.filter-in button{border:1px solid var(--line);background:var(--white);border-radius:var(--pill);padding:8px 14px;font-size:13.5px;font-weight:500;cursor:pointer}
.filter-in button.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.filter-in input[type=search]{max-width:240px;margin-left:auto;padding:9px 14px;font-size:14px}
.count{font-size:13.5px;color:var(--mute)}

/* iletişim */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:48px 0 88px}
.contact-card{border:1px solid var(--line);border-radius:var(--r2);padding:24px}
.contact-card h3{margin-bottom:10px}
.contact-card a:not(.btn){color:var(--leaf)}

/* hakkımızda */
.values-grid,.flow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.values-grid>div,.flow-grid>div{border:1px solid var(--line);border-radius:var(--r);padding:20px}


/* ============================================================
   v2'DEN TASINAN ICERIK BILESENLERI (makale, rehber, urun, yasal, hakkimizda, iletisim)
   ============================================================ */
/* -- urun koprusu (makale icinde urun karti) -- */
.product-bridge,.bridge{display:grid;grid-template-columns:150px 1fr;gap:22px;align-items:center;border:1px solid var(--line);border-radius:var(--r2);padding:20px;margin:36px 0;background:var(--white)}
.product-bridge .pb-ph,.bridge .pb-ph{aspect-ratio:1;border-radius:var(--r);background:var(--cream2);display:grid;place-items:center;overflow:hidden;padding:10%}
/* A177: kare kutu + .prose img'in 24px dikey boşluğu sıfır (boşluk görseli kutudan aşağı itip altını kestiriyordu) */
.product-bridge .pb-ph img,.bridge .pb-ph img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;margin:0}
/* A125 + A177: 00-enoki.jpg'nin alt solunda tedarikçi logosu var (satır 801-1016 / 1100); eski kesilme onu gizliyordu.
   Gerçek çekim gelene kadar bu tek fotoğraf kare kutuda üstten kırpılır: satır 60-793 görünür (başlık ve küme tam, logo
   dışarıda). Yeni çekim product-meta.json'a girince bu kuralı sil. */
.card .ph img[src$="/00-enoki.jpg"],.gallery-main img[src$="/00-enoki.jpg"],.gallery-thumbs img[src$="/00-enoki.jpg"],.pb-ph img[src$="/00-enoki.jpg"]{object-fit:cover;object-position:50% 16%}
.product-bridge .b-ph:not(.has-photo),.bridge .b-ph:not(.has-photo){display:none}
/* Ürünün doğru fotoğrafı yokken markalı yer tutucu (A176, 30.09.2026): krem zemin + marka yazısı, fotoğraf gibi durmaz.
   build.py yer_tutucu(); gerçek çekim product-meta.json'a yazılınca kendiliğinden kalkar. */
.card .ph.ph-yok,.gallery-main.gallery-yok{background:var(--cream2)}
.yt{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--ink);line-height:1}
.yt-wm{font-weight:600;font-size:22px;letter-spacing:-.02em}
.yt small{display:block;font-size:9.5px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--leaf);margin-top:7px}
.yt-not{margin-top:16px;font-size:12px;color:var(--mute);line-height:1.3}
.gallery-yok .yt-wm{font-size:38px}
.gallery-yok .yt small{font-size:12px;margin-top:10px}
.gallery-yok .yt-not{margin-top:26px;font-size:14.5px}
.pb-ph.ph-yok .yt-wm{font-size:16px}
.pb-ph.ph-yok .yt small{font-size:7.5px;letter-spacing:.18em;margin-top:5px}
.pb-kick,.bridge .eyebrow{display:block;font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin-bottom:6px}
.product-bridge h3,.bridge h3{font-family:var(--font)!important;font-size:19px;margin:0 0 6px}
.product-bridge p,.bridge p{margin:0 0 10px;font-size:15px;color:var(--ink2)}
.pb-side,.b-cta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:6px}
.pb-price,.b-price{font-weight:600;font-size:18px}
.pb-price small,.b-price small{display:block;font-weight:400;font-size:12.5px;color:var(--mute)}
.product-bridge .btn,.bridge .btn{background:var(--leaf);color:#fff;border-color:var(--leaf)}
/* eski tek ürün köprüsü: görsel solda iki satırı kaplar, fiyat+düğme metnin altında (11.10.2026 düzen hatası) */
.product-bridge,.bridge{grid-template-areas:"ph info" "ph side";row-gap:10px}
.product-bridge>.pb-ph,.bridge>.pb-ph{grid-area:ph}.product-bridge>.pb-info,.bridge>.pb-info{grid-area:info;align-self:end}
.product-bridge>.pb-side,.bridge>.pb-side{grid-area:side;align-self:start;margin-top:0}
.product-bridge:not(:has(>.pb-ph.has-photo,>.pb-ph.ph-yok)),.bridge:not(:has(>.pb-ph.has-photo,>.pb-ph.ph-yok)){grid-template-columns:1fr;grid-template-areas:"info" "side"}
/* yazının konusundaki ürünler (11.10.2026): başlık + 3'lü kart */
.pbx{margin:44px 0;padding:24px;border-radius:var(--r2);background:linear-gradient(160deg,var(--cream-2) 0%,#FFFDF7 70%);border:1px solid var(--line)}
.pbx-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}
.pbx-head h3{font-family:var(--font)!important;font-size:21px;margin:2px 0 0;letter-spacing:-.01em}
.pbx-head .pb-kick{margin:0;color:var(--leaf)}
.prose .pbx a.pbx-all,.pbx-all{flex:none;color:var(--leaf);font-weight:600;font-size:14.5px;text-decoration:none;white-space:nowrap}
.pbx-all:hover{text-decoration:underline;text-underline-offset:3px}
.pbx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.prose .pbx a.pbx-card,.pbx-card{display:flex;flex-direction:column;gap:6px;padding:10px 10px 14px;border-radius:var(--r);background:#fff;border:1px solid var(--line);color:var(--ink);text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s}
.pbx-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(38,48,30,.10);border-color:rgba(46,125,70,.35)}
.pbx-ph{display:grid;place-items:center;aspect-ratio:1;border-radius:calc(var(--r) - 4px);background:var(--cream2);overflow:hidden;margin-bottom:4px}
.prose .pbx-ph img,.pbx-ph img{width:100%;height:100%;object-fit:cover;margin:0;border-radius:0}
.pbx-ph.ph-yok .yt-wm{font-size:16px}.pbx-ph.ph-yok .yt small{font-size:7.5px}
.pbx-n{font-weight:600;font-size:14.5px;line-height:1.3;padding:0 4px}
.pbx-p{font-size:14px;color:var(--leaf);font-weight:600;padding:0 4px;margin-top:auto}
@media(max-width:640px){
  .pbx{padding:18px 16px}
  .pbx-head{flex-direction:column;align-items:flex-start;gap:6px}
  .pbx-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:62%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;margin:0 -4px}
  .pbx-card{scroll-snap-align:start}
}
.prose a.inline{color:var(--leaf);text-decoration:underline;text-underline-offset:3px}
/* -- paylas -- */
.share-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:36px 0 0;padding-top:22px;border-top:1px solid var(--line)}
.share-label{font-size:13.5px;color:var(--mute);margin-right:4px}
.share-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:var(--pill);padding:8px 14px;font-size:13.5px;font-weight:600;text-decoration:none;color:var(--ink);background:var(--white)}
.share-btn.wa,.prose .share-btn.wa,.share-btn.wa:hover{background:#25D366;border-color:#25D366;color:var(--ink)}
.share-btn svg{width:18px;height:18px}
/* -- adim listeleri -- */
.steps-list,.setup{list-style:none;counter-reset:adim;margin:22px 0 28px;padding:0}
.steps-list li,.setup li{position:relative;padding:14px 0 14px 52px;border-bottom:1px solid var(--line2);counter-increment:adim}
.steps-list li::before,.setup li::before{content:counter(adim);position:absolute;left:0;top:14px;width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:14px;font-weight:600}
.steps-list li strong,.setup li h4{display:block;font-size:17px;font-weight:600;color:var(--ink);margin:0 0 4px;font-family:var(--font)}
.steps-list li span,.setup li p{display:block;font-size:15.5px;color:var(--ink2);margin:0}
/* -- ipucu / uyari kutulari -- */
.tip,.callout{display:flex;gap:14px;align-items:flex-start;background:var(--cream2);border-radius:var(--r);padding:16px 18px;margin:26px 0;font-size:15.5px;color:var(--ink2)}
.tip h3,.tip h4,.callout h3{font-family:var(--font)!important;font-size:16px;margin:0 0 4px;color:var(--ink)}
.tip p,.callout p{margin:0}
.tip-ico,.tip .ico,.callout > svg{flex:none;width:24px;height:24px}
.tips{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}
.tips .tip{flex-direction:column;margin:0}
.pullquote{margin:34px 0;padding:6px 0 6px 24px;border-left:4px solid var(--sun)}
.pullquote p{font-family:"Fraunces",Georgia,serif;font-style:italic;font-size:22px;line-height:1.45;margin:0 0 8px;color:var(--ink)}
.pullquote cite{font-style:normal;font-size:13.5px;color:var(--mute)}
/* -- rehber bolumleri -- */
.g-sec{margin:0 0 56px;padding-top:8px}
.g-sec-head .kicker b{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--ink);color:#fff;font-size:12px;margin-right:8px}
.g-sec-head h2{margin-top:10px}
.diag-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}
.diag{border:1px solid var(--line);border-radius:var(--r);padding:18px;font-size:15px}
.diag .ph{display:none}
.diag h3{font-family:var(--font)!important;font-size:17px;margin:8px 0 6px}
.diag p{margin:0 0 8px;color:var(--ink2)}
.verdict{display:inline-block;border-radius:var(--pill);padding:4px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:var(--cream2);color:var(--ink2)}
.verdict.ok{background:#E3F2E7;color:var(--leaf-d)}.verdict.watch{background:#FFF1C9;color:#7A5A00}.verdict.act{background:#FDE3DB;color:#9A3B1F}
.gpix-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:22px 0}
.gpix{margin:0;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--white)}
.gpix img{width:100%;aspect-ratio:4/3;object-fit:cover}
.gpix figcaption{padding:10px 12px;font-size:13px;color:var(--ink2)}
.tbl-wrap{overflow-x:auto;margin:22px 0}
table.care{width:100%;border-collapse:collapse;font-size:15px}
table.care th,table.care td{border-bottom:1px solid var(--line);padding:10px 8px;text-align:left;vertical-align:top}
table.care th{font-weight:600}
td.phase{font-weight:600;white-space:nowrap}
h3.sub{font-size:20px;margin:30px 0 10px}
.leafy{color:var(--leaf)}
/* -- urun sayfasi ek bilesenleri -- */
.help-card{border:1px solid var(--line);border-radius:var(--r2);padding:22px 24px;margin-top:18px;background:var(--paper)}
.help-card h3{font-size:18px;margin-bottom:8px}
.help-card p{font-size:15px;color:var(--ink2);margin-bottom:12px}
.timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:10px}
.tl-item{position:relative;padding:18px 18px 18px 22px;border-left:3px solid var(--sun);border-radius:0 var(--r) var(--r) 0;background:var(--paper)}
.tl-dot{display:none}
.tl-day{font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);margin-bottom:6px}
.tl-item h3{font-size:17px;margin-bottom:6px}
.tl-item p{font-size:14.5px;color:var(--ink2)}
.tl-note{font-size:13px;color:var(--mute);margin-top:12px}
.su-num{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--ink);color:#fff;font-size:12.5px;font-weight:600;margin-bottom:10px}
.su-mini{font-size:13px;color:var(--mute);margin-top:6px}
.a-ico{display:inline-flex;width:16px;height:16px;flex:none;margin-right:4px;vertical-align:middle}
.assurance li{padding-left:0}.assurance li::before{display:none}
.spec-wrap{overflow-x:auto}
.plus{display:none}
/* -- yasal -- */
.legal-toc-card{font-size:14px}
.legal-updated{font-size:12.5px;color:var(--mute);margin-bottom:10px}
.legal-toc{list-style:none}
.legal-toc a:not(.btn){display:block;padding:6px 0;border-bottom:1px solid var(--line2);color:var(--ink2);text-decoration:none}
.legal-callout{background:var(--cream2);border-radius:12px;padding:14px 18px;margin:20px 0;font-size:15px}
.legal-footnote{font-size:13.5px;color:var(--mute);margin-top:26px;padding-top:14px;border-top:1px solid var(--line)}
.legal-table{width:100%;border-collapse:collapse;font-size:14.5px;margin:18px 0}
.legal-table th,.legal-table td{border-bottom:1px solid var(--line);padding:9px 8px;text-align:left;vertical-align:top}
/* -- hakkimizda -- */
.mission-lede{font-size:21px;line-height:1.5;color:var(--ink);max-width:60ch}
.mission-honest{display:flex;gap:10px;align-items:flex-start;margin-top:18px;color:var(--ink2);font-size:15.5px}
.mission-honest svg{flex:none;width:20px;height:20px}
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.value-card{border:1px solid var(--line);border-radius:var(--r);padding:22px;background:var(--white)}
.v-num{font-size:12.5px;font-weight:700;color:var(--mute);letter-spacing:.06em}
.v-ico{width:28px;height:28px;margin:10px 0}
.value-card h3{font-size:18px;margin-bottom:8px}
.value-card p{font-size:15px;color:var(--ink2)}
.v-foot{margin-top:14px;font-size:13px;color:var(--mute)}
.flow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.flow{border:1px solid var(--line);border-radius:var(--r);padding:22px;background:var(--white);position:relative}
.flow-num{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff;font-size:13px;font-weight:600;margin-bottom:12px}
.flow h3{font-size:18px;margin-bottom:8px}.flow p{font-size:15px;color:var(--ink2)}
.flow-arrow{display:none}
.flow-note{grid-column:1/-1;font-size:14px;color:var(--mute)}
.mini{font-size:13.5px;color:var(--mute)}
/* -- iletisim SSS -- */
details.acc .a{margin-top:10px;color:var(--ink2);font-size:15px;line-height:1.6}
details.acc .a p{margin:0 0 8px}
.q-ico{display:none}
@media(max-width:900px){
  .product-bridge,.bridge{grid-template-columns:96px 1fr;gap:14px;padding:14px;grid-template-areas:"ph info" "side side"}
  .tips,.diag-grid,.values-grid,.flow-grid{grid-template-columns:1fr}
  .timeline{grid-template-columns:1fr}
}

/* reveal */
.rv{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}
.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.sp-in{animation:none}.sp{flex-wrap:wrap;justify-content:center;mask-image:none;-webkit-mask-image:none}.sp-in+.sp-in{display:none}}

/* ---------- DUNA MOBİL KURALLARI (390 px ölçümü) ---------- */
@media(max-width:1080px){nav.main{display:none}.menu-btn{display:flex}.header-actions .nav-cta{display:none}}
@media(max-width:900px){
  :root{--gut:20px}
  body{font-size:16px}
  h1{font-size:38px;line-height:1.08;letter-spacing:-.025em}
  .lede{font-size:17px}
  .hero-in{margin-top:-32%;padding-bottom:44px}
  .hero.hero-sade{padding:52px 0 40px}
  .stats{padding:64px 0 48px}.stats h2{font-size:30px}
  .srow{grid-template-columns:repeat(3,1fr);gap:14px}.snum{font-size:32px}.slab{font-size:12.5px}
  .sec{padding:64px 0}
  .grid,.grid.three{grid-template-columns:repeat(2,1fr);gap:14px}
  .card .body{padding:14px}.card .foot{flex-direction:column;align-items:stretch;gap:9px}.card .add{width:100%;padding:10px 12px}
  .cats{grid-template-columns:repeat(2,1fr);gap:14px}
  .band-in h2{font-size:30px}
  .band.dark .band-in{align-items:center;padding-top:0}
  .steps{grid-template-columns:1fr;gap:22px}
  .badges{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .posts{grid-template-columns:1fr}
  .two{grid-template-columns:1fr}.toc{position:static}
  .checkout{grid-template-columns:1fr;gap:24px}.panel.sticky{position:static}
  form .row,form .row.three,.form-row{grid-template-columns:1fr}
  .cart-row{grid-template-columns:1fr auto;gap:10px}.cart-row-price{text-align:left;min-width:0}
  .pd-grid,.contents-grid,.expect-grid,.cross-grid,.contact-grid{grid-template-columns:1fr;gap:26px}
  .setup-steps{grid-template-columns:1fr 1fr}
  .values-grid,.flow-grid{grid-template-columns:1fr}
  .status-line{grid-template-columns:1fr 1fr}
  .filterbar{top:69px}.filter-in input[type=search]{max-width:none;margin-left:0;width:100%}
  /* footer: düz blok -> illüstrasyona erime (Duna mobil) */
  /* telefon: baglantilar duz mavi zeminde AKORDEON (kapali), altta 3:2 gorsel, en altta iletisim satiri (GPT 'Sakin Gol' duzeni) */
  footer.site{display:flex;flex-direction:column;background:#1D63B6;min-height:0} /* akşam görselinin gök rengi (11.10.2026) */
  footer.site .foot-in{position:static;order:0;padding:34px 0 8px;min-height:0}
  footer.site .foot-in .wrap{padding-top:0}
  .foot-grid{display:block}
  .foot-lead{margin-bottom:18px}
  .foot-grp{border-top:1px solid rgba(255,255,255,.16)}
  .foot-grp:last-of-type{border-bottom:1px solid rgba(255,255,255,.16)}
  .foot-grp summary{cursor:pointer;padding:14px 0;min-height:48px}
  .foot-grp h4{margin:0;font-size:15px;text-shadow:none}
  .foot-plus{display:block;position:relative;width:16px;height:16px;flex:none;opacity:.85}
  .foot-plus::before,.foot-plus::after{content:"";position:absolute;background:#fff;left:50%;top:50%;transform:translate(-50%,-50%)}
  .foot-plus::before{width:14px;height:1.6px}.foot-plus::after{width:1.6px;height:14px;transition:transform .2s}
  .foot-grp[open] .foot-plus::after{transform:translate(-50%,-50%) rotate(90deg)}
  .foot-grp ul{padding:2px 0 14px}
  .foot-grid a{font-size:15px;margin-bottom:10px;text-shadow:none}
  .foot-note{text-shadow:none}
  footer.site .foot-img{position:static;order:1;margin-top:22px}
  footer.site .foot-img img{aspect-ratio:3/2;height:auto;object-fit:cover;-webkit-mask-image:linear-gradient(180deg,transparent,#000 14%);mask-image:linear-gradient(180deg,transparent,#000 14%)}
  .foot-bottom{order:2;background:#1D63B6;margin-top:0;text-shadow:none;flex-direction:column;align-items:flex-start;gap:8px;padding:16px var(--gut) calc(18px + env(safe-area-inset-bottom))}
}
@media(max-width:520px){
  .grid,.grid.three{grid-template-columns:1fr 1fr}
  .setup-steps{grid-template-columns:1fr}
}
/* guvenlik agi: baglam kurallari (.toc a, .prose a ...) hap butonlari ezmesin */
.btn,.btn:hover{text-decoration:none}
.btn-ink,.btn-primary,.btn-sun,.btn-leaf,.btn-ink:hover,.btn-primary:hover,.btn-sun:hover,.btn-leaf:hover{color:#fff}
.btn-paper,.btn-paper:hover,.btn-line{color:var(--ink)}
.btn-line:hover,.btn-ghost:hover{color:#fff}

/* ---------- MÜŞTERİ HESABI ---------- */
.acct-link{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;color:inherit;text-decoration:none;transition:background .15s}
.acct-link:hover{background:rgba(38,48,30,.06)}
header.site.over:not(.on) .acct-link{background:rgba(255,255,255,.7)}
header.site.menu-open .acct-link,header.site.over.menu-open .acct-link{background:rgba(255,255,255,.14);color:#fff}
.mnav-acct-row{margin-top:18px!important;padding-top:14px;border-top:1px solid rgba(255,255,255,.18)}
.mnav-acct-row a{font-size:18px!important;color:rgba(255,255,255,.88)!important}
.acct-wrap{padding:40px var(--gut) 88px}
.acct-card{background:var(--white);border:1px solid var(--line);border-radius:var(--r2);padding:28px}
.acct-wrap[data-acct=login] .acct-card,.acct-wrap[data-acct=register] .acct-card,.acct-wrap[data-acct=password] .acct-card,.acct-wrap[data-acct=verify] .acct-card{max-width:520px;margin:0 auto}
.acct-card h3{font-size:19px;margin:0 0 14px;letter-spacing:-.01em}
.acct-form .form-field{margin-bottom:14px}
.acct-form input[type=password]{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px 14px;font:inherit;background:var(--white);color:var(--ink)}
.acct-form input[type=password]:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px rgba(38,48,30,.08)}
.btn-block{width:100%;justify-content:center}
.btn-sm{padding:8px 14px;font-size:13.5px}
.acct-msg{margin:0 0 14px;padding:12px 14px;border-radius:12px;font-size:14.5px;line-height:1.5;background:var(--cream2);color:var(--ink2)}
.acct-msg.ok{background:#E4F0E4;color:#1C5A33}
.acct-msg.err{background:#FBE9E4;color:#8A2E12}
.acct-msg[hidden]{display:none}
.acct-done{text-align:center;padding:8px 4px}
.acct-done-ico{width:64px;height:64px;margin:0 auto 16px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#E4F0E4;color:#1C5A33}
.acct-done h2{font-size:22px;margin:0 0 12px;letter-spacing:-.01em}
.acct-done p{margin:0 0 12px;line-height:1.6}
.acct-done-btns{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:18px}
.acct-alt{margin:18px 0 0;font-size:14px;color:var(--ink2);text-align:center}
.acct-alt a{color:var(--leaf-d);font-weight:600}
.acct-hint{font-size:13.5px;color:var(--mute);margin:-4px 0 14px;line-height:1.5}
.acct-hint a{color:var(--leaf-d);font-weight:600}
.opt{font-weight:400;color:var(--mute)}
.acct-check{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5;color:var(--ink2);margin:6px 0 16px;font-weight:400}
.acct-check input{margin-top:4px;width:16px;height:16px;flex:none}
.acct-check a{color:var(--leaf-d);font-weight:600}
.acct-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}
.acct-head h2{font-size:28px;letter-spacing:-.02em;margin:0 0 4px}
.acct-verify{background:#FFF4DC;border:1px solid #F1DDA8;border-radius:14px;padding:14px 16px;font-size:14.5px;line-height:1.55;margin-bottom:22px;display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center}
.acct-verify b{color:var(--ink)}
.acct-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.acct-span{grid-column:1/-1}
.acct-orders{display:grid;gap:12px}
.acct-empty{color:var(--ink2);font-size:15px;margin:0}
.acct-empty a{color:var(--leaf-d);font-weight:600}
.acct-order{border:1px solid var(--line);border-radius:16px;padding:16px 18px}
.acct-order-h{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.acct-order-h b{font-size:15.5px;letter-spacing:.01em}
.acct-date{margin-left:10px;color:var(--mute);font-size:13.5px}
.acct-status{display:inline-block;border-radius:var(--pill);padding:4px 12px;font-size:12.5px;font-weight:600;background:var(--cream2);color:var(--ink2)}
.acct-status.s-kargo{background:#E1EEF5;color:#1F4E66}.acct-status.s-teslim{background:#E4F0E4;color:#1C5A33}.acct-status.s-iptal,.acct-status.s-iade{background:#FBE9E4;color:#8A2E12}.acct-status.s-iade_tamam{background:#EEE9F8;color:#4B3A80}
.acct-order-b{display:flex;justify-content:space-between;gap:16px;margin-top:10px;font-size:14.5px;color:var(--ink2);line-height:1.6}
.acct-total{font-weight:600;color:var(--ink);white-space:nowrap}
.acct-track{margin-top:10px;padding-top:10px;border-top:1px solid var(--line2);font-size:14px;color:var(--ink2)}
.acct-track a{color:var(--leaf-d);font-weight:600}
.acct-danger{border-color:#F1DDD5}
.acct-inline-form{display:grid;grid-template-columns:minmax(0,320px) auto;gap:14px;align-items:end}
.acct-inline-form .form-field{margin:0}
.acct-inline-form .btn{justify-self:start}
.acct-inline-form .acct-msg{grid-column:1/-1;margin:0}
.acct-checkout{background:var(--cream2);border-radius:12px;padding:12px 16px;font-size:14px;line-height:1.5;color:var(--ink2);margin-bottom:18px}
.acct-checkout span{margin-right:4px}
.acct-checkout:empty{display:none}
.paytr-wrap:has(#paytr-container:empty){display:none}.paytr-wrap{padding-bottom:56px}
.acct-checkout a{color:var(--leaf-d);font-weight:600}
.acct-inline{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--ink)}
@media(max-width:760px){.acct-grid{grid-template-columns:1fr}.acct-head{flex-direction:column}.acct-inline-form{grid-template-columns:1fr}.acct-card{padding:20px}.acct-wrap{padding:24px 0 64px}}
/* WhatsApp: mobilde hap yok, alt cubuk var (temel kural dosyanin ustunde oldugu icin burada, en sonda) */
@media(max-width:900px){.wa-float{display:none}.wa-bar{display:flex}}

/* ---------- SATIN ALMA BUTONLARI (Onur 16.09: siyah kacirir; sicak, ilgi cekici, etkilesimli) ----------
   Sepete Ekle = gunes sarisi (isaretin rengi) + murekkep yazi (9:1). Hemen Al = yaprak yesili + beyaz (5:1). */
.buy-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:6px 0 4px}
.btn-cart{background:var(--sun);color:var(--ink);border-color:var(--sun);gap:9px;position:relative;overflow:hidden;box-shadow:0 8px 22px rgba(255,201,59,.35)}
.btn-cart:hover{background:#FFD35C;border-color:#FFD35C;transform:translateY(-1px);box-shadow:0 12px 26px rgba(255,201,59,.45)}
.btn-cart:active{transform:scale(.97)}
.btn-cart.ok{background:var(--leaf);border-color:var(--leaf);color:#fff;animation:btnPop .45s cubic-bezier(.2,.8,.2,1)}
.btn-cart.ok svg{display:none}
@keyframes btnPop{0%{transform:scale(1)}40%{transform:scale(1.05)}100%{transform:scale(1)}}
.btn-buy{background:var(--leaf);color:#fff;border-color:var(--leaf);gap:9px;position:relative;overflow:hidden;box-shadow:0 8px 22px rgba(46,125,70,.28)}
.btn-buy:hover{background:var(--leaf-d);border-color:var(--leaf-d);transform:translateY(-1px)}
.btn-buy:active{transform:scale(.97)}
.btn-buy svg{transition:transform .2s}
.btn-buy:hover svg{transform:translateX(3px)}
/* parilti: ara ara buttonun ustunden bir isik suzulur */
.btn-buy::after,.btn-cart::after{content:"";position:absolute;top:-40%;bottom:-40%;width:38%;left:-50%;background:linear-gradient(105deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.42) 50%,rgba(255,255,255,0) 100%);transform:skewX(-18deg);animation:sheen 7s ease-in-out infinite;pointer-events:none}
.btn-cart::after{animation-delay:3.5s;background:linear-gradient(105deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.6) 50%,rgba(255,255,255,0) 100%)}
@keyframes sheen{0%,72%{left:-50%}100%{left:130%}}
/* sepete ucan nokta + rozet ziplamasi */
.fly-dot{position:fixed;z-index:200;width:16px;height:16px;border-radius:50%;background:var(--sun);box-shadow:0 0 0 4px rgba(255,201,59,.35);pointer-events:none;transition:transform .65s cubic-bezier(.3,.7,.3,1),opacity .2s .5s;opacity:1}
#cart-badge-link.bump{animation:bump .5s cubic-bezier(.2,.8,.2,1)}
@keyframes bump{0%{transform:scale(1)}40%{transform:scale(1.28)}100%{transform:scale(1)}}
/* mobil cubuk: urun sayfasinda [Sepete Ekle][Hemen Al · fiyat] */
.wa-bar .wa-bar-cart{background:var(--sun);border:1px solid var(--sun);color:var(--ink);position:relative;overflow:hidden}
.wa-bar .wa-bar-cart.ok{background:var(--leaf);border-color:var(--leaf);color:#fff;animation:btnPop .45s cubic-bezier(.2,.8,.2,1)}
.wa-bar .wa-bar-buy{background:var(--leaf);border:1px solid var(--leaf);color:#fff;position:relative;overflow:hidden}
.wa-bar .wa-bar-buy::after,.wa-bar .wa-bar-cart::after{content:"";position:absolute;top:-40%;bottom:-40%;width:38%;left:-50%;background:linear-gradient(105deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.45) 50%,rgba(255,255,255,0) 100%);transform:skewX(-18deg);animation:sheen 7s ease-in-out infinite;pointer-events:none}
.wa-bar .wa-bar-cart::after{animation-delay:3.5s}
.wa-bar .wa-bar-buy small{font-weight:600;opacity:.85;margin-left:2px}
@media(max-width:380px){.wa-bar .wa-bar-buy small{display:none}}
@media(max-width:600px){.buy-row{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.btn-buy::after,.btn-cart::after,.wa-bar .wa-bar-buy::after,.wa-bar .wa-bar-cart::after{animation:none}.fly-dot{transition:none}}
/* ---------- urun sayfasi "Adim adim kullanim" kartlari: numara solda, metin sagda; dekoratif tik yok ---------- */
.su-step{display:grid;grid-template-columns:32px 1fr;gap:12px 14px;align-items:start;padding:18px 18px 18px 16px;background:var(--white)}
.su-mini{display:none}
.su-num{width:32px;height:32px;font-size:13.5px;margin:0;background:var(--leaf);grid-row:1}
.su-step p{margin:0;grid-column:2;line-height:1.55;color:var(--ink2)}
.su-step b,.su-step strong{grid-column:2;margin-top:6px}

/* hesap aciliri (kisi ikonu) — Menu A */
.acct-mi{position:relative;display:flex}
.acct-mi .acct-link{border:0;background:transparent;cursor:pointer;padding:0}
.acct-mi.open .acct-link{background:rgba(38,48,30,.08)}
.dd.dd-right{left:auto;right:0;transform:none;min-width:300px}
.dd-sep{height:1px;background:rgba(255,255,255,.16);margin:8px 0}

/* MASAUSTU ic sayfa hero'lari (Onur 16.09: genis ekranda gorsel ekrani asiyor, baslik alta dusuyor):
   gorsel yuksekligi ekrana bagli ve sinirli; kompozisyonun altı (mantarlar) korunur, gok kirpilir. */
@media(min-width:901px){
  .hero:not(.hero-sade):not(.article-hero):not(.hero-tam) .hero-img img{width:100%;height:min(58vh,620px);object-fit:cover;object-position:50% 100%}
  .hero:not(.hero-sade):not(.article-hero):not(.hero-tam) .hero-in{margin-top:-72px}
}
@media(min-width:901px) and (max-height:820px){
  .hero:not(.hero-sade):not(.article-hero):not(.hero-tam) .hero-img img{height:min(52vh,520px)}
}

/* ---------- GUNLUK / SIHIRBAZ: v2 'candy' vurgularini v3 diline cek (sari cerceve/rozet/golge yerine ince cizgi + yaprak yesili) ---------- */
.step-card{border-width:1px!important;border-color:var(--line)!important;box-shadow:none!important;transition:border-color .2s!important}
.step-card:hover{transform:none!important}
.step-card.active{border-color:var(--leaf)!important;box-shadow:none!important}
.step-card.done{border-color:var(--line)!important;background:var(--paper)!important}
.step-card .step-dot{background:var(--white)!important;border:1px solid var(--line)!important;box-shadow:none!important}
.step-card.active .step-dot{background:var(--leaf)!important;border-color:var(--leaf)!important;color:#fff!important}
.step-card.done .step-dot{background:var(--leaf)!important;border-color:var(--leaf)!important}
.next-flag{background:var(--cream2)!important;color:var(--leaf-d)!important;font-weight:700!important;letter-spacing:.08em!important}
.ring-card{box-shadow:none!important;border:1px solid var(--line)!important}
.step-when{color:var(--leaf-d)!important}
.tip{background:var(--cream2)!important;border-color:transparent!important}
.step-card .btn-done,.mark-btn{box-shadow:none!important}

/* yasal sayfalar: icindekiler — masaustunde acik kutu, telefonda akordeon */
.toc-acc summary{list-style:none;cursor:default;display:flex;align-items:center;justify-content:space-between;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);font-weight:600}
.toc-acc summary::-webkit-details-marker{display:none}
.toc-acc .foot-plus{display:none}
.toc-acc .toc-body{margin-top:10px}
.toc-legal .legal-toc-card > .small,.toc-legal .legal-toc-card > p{margin-bottom:8px}
@media(min-width:901px){.toc-acc:not([open]) .toc-body{display:block}}
@media(max-width:900px){
  .hero.hero-sade{padding:26px 0 28px}
  .hero.hero-sade h1{font-size:30px}
  .toc-legal{padding:0 18px}
  .toc-acc summary{cursor:pointer;min-height:48px;color:var(--ink);font-size:13.5px}
  .toc-acc .foot-plus{display:block;position:relative;width:16px;height:16px;flex:none}
  .toc-acc .foot-plus::before,.toc-acc .foot-plus::after{content:"";position:absolute;background:var(--ink);left:50%;top:50%;transform:translate(-50%,-50%)}
  .toc-acc .foot-plus::before{width:14px;height:1.6px}.toc-acc .foot-plus::after{width:1.6px;height:14px;transition:transform .2s}
  .toc-acc[open] .foot-plus::after{transform:translate(-50%,-50%) rotate(90deg)}
  .toc-acc .toc-body{margin:0 0 14px}
  .article-body{padding-top:22px}
}

/* ---------- taş heykel tür vitrini (/misel-tohum, 28.09.2026) ----------
   Yatay kayan şerit, JS yok (scroll-snap). Fon --sky; görsel kenarları maskeyle fona karışır
   (heykel duvarı ölçümde --sky'dan koyu: ~#2F4A52). Şerit başı .wrap içeriğiyle hizalı, sağa taşar. */
.tas{background:var(--sky);color:#fff;padding:80px 0 64px}
.tas-head{margin-bottom:32px}
.tas-head p{margin-top:10px;font-size:15px;color:rgba(255,255,255,.82);max-width:72ch}
.tas-serit{--tas-bas:max(var(--gut),calc((100vw - var(--wrap)) / 2 + var(--gut)));list-style:none;display:flex;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:4px var(--tas-bas) 22px;scroll-padding-inline:var(--tas-bas);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.4) transparent}
.tas-serit li{flex:0 0 clamp(190px,15.5vw,250px);scroll-snap-align:start}
.tas-kart{display:block;color:#fff;text-decoration:none;border-radius:10px}
.tas-kart:focus-visible{outline:2px solid #fff;outline-offset:4px}
.tas-kart img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent),linear-gradient(180deg,transparent,#000 8%,#000 82%,transparent);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent),linear-gradient(180deg,transparent,#000 8%,#000 82%,transparent);mask-composite:intersect;
  transition:transform .35s var(--bounce)}
.tas-ad{display:block;margin-top:10px;font-size:16px;font-weight:600;line-height:1.3;letter-spacing:-.01em}
.tas-lat{display:block;margin-top:2px;font-size:13.5px;line-height:1.35;color:rgba(255,255,255,.8)}
@media(hover:hover){.tas-kart:hover img{transform:translateY(-4px)}.tas-kart:hover .tas-ad{text-decoration:underline;text-underline-offset:3px}}
@media(max-width:900px){
  .tas{padding:56px 0 44px}
  .tas-head{margin-bottom:24px}
  .tas-serit{gap:12px;scrollbar-width:none}
  .tas-serit::-webkit-scrollbar{display:none}
  .tas-serit li{flex-basis:calc((100vw - var(--gut) - 12px) / 1.5)}
}
@media(prefers-reduced-motion:reduce){.tas-kart img{transition:none}}
/* taş heykel iç figürü (blog, 28.09.2026): masaüstünde metnin yanında 360 px, telefonda tam genişlik; üçlü figür sütun genişliğinde */
.prose .tas-fig{float:right;width:360px;margin:6px 0 22px 32px}
.prose .tas-fig img{margin:0;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:14px;background:var(--sky)}
.prose .tas-fig figcaption{margin-top:10px;font-size:13.5px;line-height:1.5;color:var(--mute)}
.prose .tas-fig figcaption strong{color:var(--ink);font-weight:600}
.prose .tas-fig ~ :is(h2,h3,aside,.share-row){clear:both}
.prose .tas-fig-uclu{float:none;width:auto;margin:8px 0 32px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.prose .tas-fig-uclu figcaption{grid-column:1/-1;margin-top:2px}
@media(max-width:900px){.prose .tas-fig{float:none;width:auto;margin:24px 0}.prose .tas-fig-uclu{gap:8px}}
/* 11.10.2026 Onur: iki renkli/resimli alan arada boşluk olmadan alt alta gelmesin.
   Son bölüm resimli/renkliyse alt bilgiden önce krem nefes payı; renkli bölümden resimli banda geçişte de aynı. */
main:has(> section:last-child:is(.band,.hero,.tint)){padding-bottom:clamp(56px,7vw,104px)}
.sec.tint + .band{margin-top:clamp(56px,7vw,104px)}

/* ana sayfa yolculuk: zikzak satırlar (11.10.2026) */
.yolc-satir{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center}
.yolc-satir + .yolc-satir{margin-top:clamp(40px,6vw,72px)}
.yolc-satir.ters .yolc-v{order:2}
.yolc-v{position:relative;display:block;aspect-ratio:16/9;border-radius:var(--r2);overflow:hidden;background:#1d1f1a;box-shadow:0 14px 34px rgba(38,48,30,.14)}
.yolc-v video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
.yolc-oynat{position:absolute;right:14px;top:14px;display:inline-flex;align-items:center;gap:8px;padding:9px 14px 9px 11px;border-radius:999px;background:rgba(255,253,247,.9);color:var(--ink);font-size:14px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.yolc-oynat b{font-weight:600}
.yolc-no{display:block;font-size:13px;font-weight:700;letter-spacing:.18em;color:var(--leaf);margin-bottom:10px}
.yolc-t h3{font-size:clamp(24px,2.6vw,32px);letter-spacing:-.02em;margin:0 0 12px}
.yolc-t p{margin:0 0 18px;color:var(--ink2);font-size:16.5px;line-height:1.6;max-width:46ch}
.yolc-git{color:var(--leaf);font-weight:600;text-decoration:none}
.yolc-git:hover{text-decoration:underline;text-underline-offset:3px}
@media(max-width:820px){.yolc-satir{grid-template-columns:1fr;gap:18px}.yolc-satir.ters .yolc-v{order:0}}
/* taş şeridi otomatik akarken mıknatıslanma kapalı (yoksa her karede karta geri zıplar) */
.tas-serit.akiyor{scroll-snap-type:none;scrollbar-width:none}
.tas-serit.akiyor::-webkit-scrollbar{display:none}
/* Tarifler sonu yazı bloğu (11.10.2026, büyük fotoğraf bandı yerine) */
.soz{padding-block:clamp(64px,9vw,120px)}
.soz-ic{max-width:820px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px}
.soz-kicker{font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--leaf);display:inline-flex;align-items:center;gap:14px}
.soz-kicker::before,.soz-kicker::after{content:"";width:36px;height:1px;background:currentColor;opacity:.5}
.soz-buyuk{font-family:"Fraunces","Iowan Old Style",Georgia,serif;font-weight:500;font-size:clamp(40px,6vw,76px);line-height:1.04;letter-spacing:-.02em;margin:0;font-variation-settings:"SOFT" 40,"opsz" 96}
.soz-buyuk em{font-style:italic;color:var(--leaf)}
.soz-alt{font-size:clamp(17px,1.6vw,20px);line-height:1.6;color:var(--ink-2,#4a4a42);max-width:52ch;margin:0 0 8px}

/* İkon ailesi "Şapka ve lamel" (Onur 11.10.2026, GB166). Çizimler build.py IKON sözlüğünde; renkler bu değişkenlerden okunur.
   Koyu zeminde (footer, .tas, açık menü) değişkenler açılır; yeni koyu bölgeye ikon konursa buraya eklenir. */
:root{--ik-cizgi:#2E7D46;--ik-dolgu:#F3EBD6;--ik-dolgu2:#FFFDF7;--ik-dolgu3:#E4F0E4}
footer.site,.tas,header.site.menu-open #cart-badge-link,header.site.menu-open .acct-link{--ik-cizgi:#fff;--ik-dolgu:rgba(255,255,255,.16);--ik-dolgu2:rgba(255,255,255,.08);--ik-dolgu3:rgba(255,255,255,.22)}
.btn-cart .ik{--ik-cizgi:var(--ink);--ik-dolgu:#FFFDF7;--ik-dolgu2:#FFF6DA}
.btn-cart.ok .ik,.btn-buy .ik{--ik-cizgi:#fff;--ik-dolgu:rgba(255,255,255,.2)}
.ik-satir{display:inline-block;vertical-align:-.22em;margin-right:6px}

/* ---------- footer bütünleşik alacakaranlık sahnesi (Onur 11.10.2026, duna.com örneği; sade pastel sürüm) ----------
   Zemin: sayfanın krem renginden görselin en üst satırının rengine yumuşak geçiş; görsel alta yaslı, üst kenarı zemine erir.
   Soluk gökte koyu yazı; en alt satır koyu çimenin üstünde açık yazı. */
footer.site{--foot-sky:#A2B7DF;background:linear-gradient(180deg,var(--cream) 0,var(--foot-sky) 140px);color:var(--ink);min-height:min(46vw,860px)}
footer.site{--ik-cizgi:var(--ink);--ik-dolgu:rgba(255,255,255,.35);--ik-dolgu2:rgba(255,255,255,.2);--ik-dolgu3:rgba(255,255,255,.45)}
footer.site .foot-img img{object-position:50% 100%;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 30%);mask-image:linear-gradient(180deg,transparent 0,#000 30%)}
footer.site .foot-in .wrap{padding-top:min(5vw,72px)}
.foot-grp h4,.foot-brand,.foot-brand .brand-wm{color:var(--ink);text-shadow:none}
.foot-brand small{color:var(--ink2)}
.foot-grid a{color:var(--ink2);text-shadow:none}
.foot-grid a:hover{color:var(--ink)}
.foot-note{color:var(--ink2);text-shadow:none}
.foot-track{color:var(--ink);border-bottom-color:rgba(38,48,30,.35)}
.foot-track:hover{border-color:var(--ink)}
.foot-bottom{color:rgba(255,255,255,.92);background:linear-gradient(180deg,rgba(30,36,22,0),rgba(30,36,22,.45));text-shadow:0 1px 4px rgba(0,0,0,.35)}
@media(max-width:900px){
  footer.site{--foot-sky:#9CB0DE;position:relative;min-height:calc(150vw + 170px)}
  footer.site .foot-img{position:absolute;left:0;right:0;bottom:0;top:auto;margin:0;z-index:0}
  footer.site .foot-img img{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 18%);mask-image:linear-gradient(180deg,transparent 0,#000 18%)}
  footer.site .foot-in{position:relative;z-index:2;display:flex;flex-direction:column;min-height:calc(150vw + 170px);padding-top:44px}
  .foot-grp{border-top-color:rgba(38,48,30,.16)}
  .foot-grp:last-of-type{border-bottom-color:rgba(38,48,30,.16)}
  .foot-plus::before,.foot-plus::after{background:var(--ink)}
  .foot-bottom{margin-top:auto;background:linear-gradient(180deg,rgba(30,36,22,0),rgba(30,36,22,.55) 40%);flex-direction:row;flex-wrap:wrap;gap:4px 14px;font-size:12px;padding:30px var(--gut) calc(12px + env(safe-area-inset-bottom))}
  .foot-bottom a{white-space:nowrap}
}
/* Yeni site açılış duyurusu (12.10.2026) */
/* sağ alt mesaj balonu (site.js; Onur 12.10.2026): WhatsApp düğmesinin üstünden sohbet balonu gibi */
.balon{position:fixed;right:24px;bottom:90px;z-index:71;width:340px;max-width:calc(100vw - 32px);background:var(--paper,#fffdf7);color:var(--ink);border:1px solid var(--line);border-radius:18px 18px 6px 18px;box-shadow:0 18px 44px rgba(30,30,20,.18);padding:14px 16px 16px;opacity:0;transform:translateY(14px) scale(.96);transform-origin:100% 100%;pointer-events:none;transition:opacity .3s ease,transform .45s cubic-bezier(.2,.8,.2,1)}
.balon.acik{opacity:1;transform:none;pointer-events:auto}
.balon::after{content:"";position:absolute;right:22px;bottom:-8px;width:14px;height:14px;background:inherit;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transform:rotate(45deg)}
.bl-bas{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.bl-av{width:32px;height:32px;border-radius:50%;background:var(--leaf);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700;letter-spacing:.02em;flex:none}
.bl-ad{display:flex;flex-direction:column;font-weight:600;font-size:14px;line-height:1.2}
.bl-ad small{font-weight:400;font-size:12px;color:var(--ink-soft);margin-top:2px}
.bl-x{margin-left:auto;width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:var(--ink-soft);display:grid;place-items:center;cursor:pointer}
.bl-x:hover{background:rgba(0,0,0,.06);color:var(--ink)}
.bl-icerik p{margin:0 0 10px;font-size:14.5px;line-height:1.55;color:var(--ink-soft)}
.bl-icerik p.bl-baslik{font-family:var(--font-display);font-size:18px;line-height:1.25;color:var(--ink);margin-bottom:6px}
.bl-icerik b{color:var(--ink)}
.bl-icerik.gel>*{animation:blGel .4s cubic-bezier(.2,.8,.2,1) both}
.bl-icerik.gel>*:nth-child(2){animation-delay:.06s}.bl-icerik.gel>*:nth-child(3){animation-delay:.12s}.bl-icerik.gel>*:nth-child(4){animation-delay:.18s}.bl-icerik.gel>*:nth-child(5){animation-delay:.24s}
@keyframes blGel{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.bl-yaziyor{display:inline-flex;gap:5px;padding:10px 14px;border-radius:14px;background:rgba(46,125,70,.08)}
.bl-yaziyor i{width:7px;height:7px;border-radius:50%;background:var(--leaf);opacity:.35;animation:blNokta 1s infinite ease-in-out}
.bl-yaziyor i:nth-child(2){animation-delay:.15s}.bl-yaziyor i:nth-child(3){animation-delay:.3s}
@keyframes blNokta{0%,100%{opacity:.3;transform:none}50%{opacity:1;transform:translateY(-3px)}}
.bl-kod{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1.5px dashed var(--leaf);border-radius:12px;padding:8px 8px 8px 14px;margin:2px 0 12px;background:rgba(46,125,70,.05)}
.bl-kod span{font-weight:700;letter-spacing:.08em;font-size:16px;color:var(--leaf-deep,#1C5A33)}
.bl-kopya{border:0;background:var(--white,#fff);border-radius:999px;padding:7px 12px;font:inherit;font-size:13px;font-weight:600;color:var(--ink);cursor:pointer;box-shadow:0 1px 0 rgba(0,0,0,.08)}
.bl-dugmeler{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.bl-ana{background:var(--leaf);color:#fff;border:0;text-decoration:none;font:inherit;font-weight:600;font-size:14px;padding:10px 16px;border-radius:999px;cursor:pointer}
.bl-ana:hover{background:var(--leaf-deep,#1C5A33)}
.bl-ikinci{background:none;border:0;color:var(--ink-soft);font:inherit;font-size:14px;padding:10px 8px;cursor:pointer}
.bl-not{font-size:12px!important;margin:10px 0 0!important;color:var(--ink-soft)}
@media (max-width:900px){.balon{right:12px;left:12px;width:auto;max-width:none;bottom:calc(16px + env(safe-area-inset-bottom))}.balon.ust-bar{bottom:calc(82px + env(safe-area-inset-bottom))}.balon::after{right:30px}}
@media (prefers-reduced-motion:reduce){.balon,.bl-icerik.gel>*,.bl-yaziyor i{transition:none;animation:none}}
/* sepet / ödeme kupon satırı */
.kupon-gir{margin:6px 0 4px;font-size:14px}
.kupon-gir summary{cursor:pointer;color:var(--leaf-deep,#1C5A33);font-weight:600;padding:6px 0}
.kupon-form{display:flex;gap:8px;margin-top:6px}
.kupon-form input{flex:1;min-width:0;height:42px;border:1px solid var(--line);border-radius:10px;padding:0 12px;font:inherit;text-transform:uppercase;letter-spacing:.05em;background:var(--white,#fff)}
.kupon-form button{height:42px;border:0;border-radius:10px;padding:0 16px;background:var(--ink);color:var(--paper,#fff);font:inherit;font-weight:600;cursor:pointer}
.kupon-hata{color:#A23B1E;font-size:13px;margin:6px 0 0}
.kupon-satir b{color:var(--leaf-deep,#1C5A33)}
.kupon-kaldir{border:0;background:none;padding:0 0 0 4px;font:inherit;font-size:12px;color:var(--ink-soft);text-decoration:underline;cursor:pointer}
.acct-eski-btn{display:inline-block;margin-top:10px;background:var(--ink);color:var(--paper);text-decoration:none;font-weight:600;font-size:14px;padding:10px 18px;border-radius:999px}
/* ---------- ana sayfa ürün rafları (Onur 12.10.2026: hero altında kategori kategori tüm ürünler, dekupe görsel) ---------- */
.ps{background:#fff;padding:72px 0 40px}
.ps-wrap{max-width:1280px;margin:0 auto;padding:0 var(--gut)}
.ps-h{margin-bottom:20px}.ps-h h2{font-size:clamp(28px,3.4vw,42px);letter-spacing:-.02em}.ps-h p{color:var(--ink2);margin-top:6px}
.ps-row{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;padding:26px 0;border-top:1px solid var(--line)}
.ps-row:first-of-type{border-top:0}
.ps-cat h3{font-size:22px;letter-spacing:-.01em}.ps-cat p{font-size:14px;color:var(--ink2);margin:6px 0 12px}
.ps-cat a{font-size:14px;font-weight:600;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink)}
.ps-scroll{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 14px;scrollbar-width:thin}
.pk{flex:0 0 200px;scroll-snap-align:start;display:flex;flex-direction:column}
.pk-ph{display:grid;place-items:center;aspect-ratio:1;border-radius:14px;overflow:hidden;background:#fff;border:1px solid var(--line2)}
.pk-ph img{width:100%;height:100%;object-fit:contain;padding:8%;transition:transform .35s}
.pk:hover .pk-ph img{transform:scale(1.04)}
.pk-ph .yt{width:100%;height:100%}
.pk-b{flex:1;display:flex;flex-direction:column;padding:10px 2px 0;gap:2px}
.pk-b h4{font-size:15px;font-weight:600;line-height:1.25;margin:0}
.pk-b h4 a{color:var(--ink);text-decoration:none}
.pk-b small{font-size:12.5px;color:var(--mute);min-height:1em}
.pk-f{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:6px}
.pk-f .price{font-weight:700;font-size:15px}
.pk-add{width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink);display:grid;place-items:center;font:inherit;font-size:18px;line-height:1;cursor:pointer;text-decoration:none;flex:none}
.pk-add:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.pk-add[disabled]{width:auto;height:28px;padding:0 11px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;color:var(--mute);background:var(--cream2);border-color:var(--cream2);opacity:1!important;cursor:default}   /* live-prices "Tükendi" yazar */
.pk-f{gap:8px}
@media(max-width:900px){
  .ps{padding:44px 0 24px}
  .ps-row{grid-template-columns:minmax(0,1fr);gap:12px;padding:20px 0}
  .ps-cat{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}.ps-cat p{display:none}.ps-cat a{margin-left:auto}
  .pk{flex-basis:44vw}
  .ps-scroll{margin:0 calc(-1*var(--gut));padding-left:var(--gut);padding-right:var(--gut);scroll-padding-left:var(--gut)}
}

/* ---------- site içi destek (destek.js; Onur 12.10.2026) ---------- */
/* sağ alt "Bize yaz" düğmesi: mürekkep hap, krem ikon dairesi, iki satır etiket */
.yaz-float{background:var(--ink);padding:0 22px 0 7px;height:58px;gap:12px;box-shadow:0 14px 34px rgba(38,48,30,.28),inset 0 0 0 1px rgba(255,255,255,.06)}
.yaz-float .wa-ico{width:44px;height:44px;border-radius:50%;background:var(--sun)}
.yaz-float .wa-ico svg{width:22px;height:22px;color:var(--ink)}
.yaz-float .wa-ico svg .yz-n{fill:var(--sun)}
.yaz-float .wa-ico::after{border-color:rgba(255,201,59,.8)}
.yaz-float .wa-lab{display:flex;flex-direction:column;gap:3px;line-height:1.1}
.yaz-float .wa-lab b{font-size:15.5px;font-weight:700;letter-spacing:-.01em}
.yaz-float .wa-lab small{font-size:12px;font-weight:500;opacity:.68}
.yaz-float.mini{padding:0 7px}
.yaz-float:hover{background:#1d2617}
html.dk-acik .yaz-float{opacity:0;pointer-events:none;transform:translateY(10px)}
.wa-bar .wa-bar-yaz{flex:0 0 48px;width:48px;padding:0;border-radius:50%;background:var(--ink);color:var(--sun);border:0}
/* pencere */
.dk-pencere{position:fixed;right:24px;bottom:24px;z-index:80;width:400px;max-height:min(680px,calc(100vh - 48px));display:flex;flex-direction:column;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:22px;box-shadow:0 28px 70px rgba(30,30,20,.26);overflow:hidden;opacity:0;transform:translateY(16px) scale(.97);transform-origin:100% 100%;pointer-events:none;visibility:hidden;transition:opacity .28s ease,transform .45s cubic-bezier(.2,.8,.2,1),visibility 0s .45s}
.dk-pencere.acik{opacity:1;transform:none;pointer-events:auto;visibility:visible;transition:opacity .28s ease,transform .45s cubic-bezier(.2,.8,.2,1)}
.dk-bas{display:flex;align-items:center;gap:12px;padding:16px 16px 14px 18px;background:var(--ink);color:#fff}
.dk-av{width:38px;height:38px;border-radius:50%;background:var(--sun);color:var(--ink);display:grid;place-items:center;font-weight:800;font-size:13px;flex:none}
.dk-ad{display:flex;flex-direction:column;font-weight:700;font-size:15.5px;line-height:1.2}
.dk-ad small{font-weight:400;font-size:12.5px;opacity:.72;margin-top:3px}
.dk-x{margin-left:auto;width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;display:grid;place-items:center;cursor:pointer;flex:none}
.dk-x:hover{background:rgba(255,255,255,.2)}
.dk-govde{padding:16px 18px 18px;overflow:auto}
/* form (pencere + destek sayfası) */
.dk-form{display:flex;flex-direction:column;gap:14px}
.dk-konu{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.dk-konu legend{font-weight:700;font-size:14.5px;margin-bottom:10px;padding:0}
.dk-cip{position:relative}
.dk-cip input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.dk-cip span{display:inline-block;padding:9px 14px;border-radius:999px;border:1px solid var(--line);background:var(--white);font-size:14px;font-weight:600;transition:background .2s,border-color .2s,color .2s}
.dk-cip input:checked+span{background:var(--ink);border-color:var(--ink);color:#fff}
.dk-cip input:focus-visible+span{outline:2px solid var(--leaf);outline-offset:2px}
.dk-alan[hidden]{display:none}
.dk-alan{display:flex;flex-direction:column;gap:6px;font-size:13.5px;font-weight:600}
.dk-alan small{font-weight:400;color:var(--ink-soft)}
.dk-alan input,.dk-alan textarea{font:inherit;font-weight:400;font-size:15px;border:1px solid var(--line);border-radius:12px;padding:11px 13px;background:var(--white);color:var(--ink);width:100%;box-sizing:border-box}
.dk-alan textarea{resize:vertical;min-height:96px;line-height:1.5}
.dk-alan input:focus,.dk-alan textarea:focus{outline:none;border-color:var(--leaf);box-shadow:0 0 0 3px rgba(46,125,70,.14)}
.dk-iki{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dk-bal{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.dk-onay{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.45;color:var(--ink-soft)}
.dk-onay input{margin-top:2px;width:18px;height:18px;accent-color:var(--leaf);flex:none}
.dk-onay a{color:var(--leaf-deep)}
.dk-hata{margin:0;color:#A23B1E;font-size:13.5px;font-weight:600}
.dk-gonder{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:50px;border:0;border-radius:999px;background:var(--leaf);color:#fff;font:inherit;font-weight:700;font-size:15.5px;cursor:pointer;text-decoration:none;transition:background .2s,transform .2s}
.dk-gonder:hover{background:var(--leaf-deep)}
.dk-gonder:active{transform:scale(.98)}
.dk-gonder:disabled{opacity:.6;cursor:wait}
.dk-alt{margin:0;font-size:12.5px;color:var(--ink-soft);text-align:center}
.dk-onceki{margin:0 0 14px;padding:10px 14px;border-radius:12px;background:var(--leaf-mist);font-size:13.5px}
.dk-onceki a{color:var(--leaf-deep);font-weight:700}
.dk-basari{text-align:center;padding:18px 6px 6px;display:flex;flex-direction:column;align-items:center;gap:10px}
.dk-basari p{margin:0;color:var(--ink-soft);line-height:1.55}
.dk-basari .dk-b-baslik{font-family:var(--font-display);font-size:22px;color:var(--ink)}
.dk-basari .dk-gonder{padding:0 26px;margin-top:6px}
/* destek sayfası */
.destek-izgara{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:36px;padding:44px 0 96px;align-items:start}
.destek-kart{border:1px solid var(--line);border-radius:24px;padding:28px;background:var(--paper)}
.destek-h{font-size:26px;margin:0 0 18px}
.destek-yan{display:flex;flex-direction:column;gap:12px;position:sticky;top:100px}
.destek-yan-h{font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 4px}
.destek-kisa{display:flex;gap:14px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--white);color:var(--ink);text-decoration:none;transition:border-color .2s,transform .2s}
.destek-kisa:hover{border-color:var(--leaf);transform:translateY(-1px)}
.destek-kisa span{display:flex;flex-direction:column;gap:3px}
.destek-kisa small{color:var(--ink-soft);font-size:13px;line-height:1.4}
.destek-talep{padding:40px 0 96px;max-width:760px}
.dk-t-bas{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:18px}
.dk-t-no{font-weight:800;letter-spacing:.04em}
.dk-t-konu{color:var(--ink-soft)}
.dk-t-durum{margin-left:auto;font-size:12.5px;font-weight:700;padding:5px 11px;border-radius:999px;background:var(--cream-2)}
.dk-d-yanitlandi{background:var(--leaf-mist);color:var(--leaf-deep)}
.dk-akis{display:flex;flex-direction:column;gap:12px;margin-bottom:22px}
.dk-msj{max-width:84%;padding:12px 15px;border-radius:18px;line-height:1.55}
.dk-msj p{margin:0;white-space:pre-wrap}
.dk-msj small{display:block;margin-top:6px;font-size:11.5px;opacity:.7}
.dk-sen{align-self:flex-end;background:var(--ink);color:#fff;border-bottom-right-radius:6px}
.dk-biz{align-self:flex-start;background:var(--cream);border-bottom-left-radius:6px}
.dk-cevap{display:flex;flex-direction:column;gap:12px}
.contact-ana{background:var(--paper)}
@media (max-width:900px){
  .dk-pencere{left:0;right:0;bottom:0;width:auto;max-height:92svh;border-radius:22px 22px 0 0;transform:translateY(40px)}
  .dk-govde{padding-bottom:calc(18px + env(safe-area-inset-bottom))}
  .destek-izgara{grid-template-columns:1fr;gap:24px;padding:24px 0 72px}
  .destek-kart{padding:20px;border-radius:20px}
  .destek-yan{position:static}
}
@media (max-width:420px){.dk-iki{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.dk-pencere{transition:none}}

/* 12.10 Onur: "doğruladım ama doğrulanmadı diyor" — display:flex/grid veren sınıflar hidden özniteliğini eziyordu
   (hesap doğrulama uyarısı her zaman görünüyordu). Gizli öğe her durumda gizli kalır. */
[hidden]{display:none!important}

/* destek: üye kartı, sipariş seçici, önceki mesajlar (12.10) */
.dk-uye{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:var(--leaf-mist)}
.dk-uye-av{width:36px;height:36px;border-radius:50%;background:var(--leaf);color:#fff;display:grid;place-items:center;font-weight:800;flex:none}
.dk-uye span:not(.dk-uye-av){display:flex;flex-direction:column;gap:2px;min-width:0}
.dk-uye small{color:var(--ink-soft);font-size:12.5px;overflow:hidden;text-overflow:ellipsis}
.dk-sipler{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.dk-sipler legend{font-weight:700;font-size:14.5px;margin-bottom:10px;padding:0}
.dk-sipsec{position:relative;display:block;cursor:pointer}
.dk-sipsec input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.dk-sipsec>span{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--white);transition:border-color .2s,box-shadow .2s}
.dk-sipsec b{font-size:14px}
.dk-sipsec small{font-size:12.5px;color:var(--ink-soft)}
.dk-sipsec em{font-style:normal;font-size:12.5px;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dk-sipsec input:checked+span{border-color:var(--ink);box-shadow:0 0 0 1.5px var(--ink) inset}
.dk-sipsec input:focus-visible+span{outline:2px solid var(--leaf);outline-offset:2px}
.dk-sipyok b{font-weight:600;color:var(--ink-soft)}
.dk-gecmis{margin:0 0 14px;display:flex;flex-direction:column;gap:6px}
.dk-gecmis p{margin:0 0 2px;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}
.dk-gecmis a{display:flex;justify-content:space-between;gap:10px;padding:9px 12px;border-radius:10px;background:var(--cream);color:var(--ink);text-decoration:none;font-size:13.5px}
.dk-gecmis a span{font-size:12px;font-weight:700;color:var(--ink-soft)}
.dk-gecmis a span.dk-d-yanitlandi{color:var(--leaf-deep)}
.acct-destek{margin-top:10px}
.acct-destek a{font-size:14px;font-weight:600;color:var(--leaf-deep)}

/* talep sayfası: solda tüm talepler (12.10) */
.destek-talep.iki{max-width:1080px;display:grid;grid-template-columns:280px minmax(0,1fr);gap:28px;align-items:start}
.dk-liste{display:flex;flex-direction:column;gap:8px;position:sticky;top:100px}
.dk-liste-h{margin:0 0 4px;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}
.dk-liste-o{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--white);color:var(--ink);text-decoration:none;transition:border-color .2s}
.dk-liste-o:hover{border-color:var(--leaf)}
.dk-liste-o.on{border-color:var(--ink);box-shadow:0 0 0 1.5px var(--ink) inset;background:var(--paper)}
.dk-liste-o b{font-size:14.5px}
.dk-liste-o small{grid-column:1;font-size:12.5px;color:var(--ink-soft)}
.dk-liste-o span{grid-column:2;grid-row:1/3;align-self:center;font-size:11.5px;font-weight:700;padding:4px 9px;border-radius:999px;background:var(--cream-2);color:var(--ink-soft);white-space:nowrap}
.dk-liste-o span.dk-d-yanitlandi{background:var(--leaf-mist);color:var(--leaf-deep)}
.dk-liste-yeni{margin-top:4px;padding:11px 14px;border:1.5px dashed var(--line);border-radius:14px;text-align:center;font-weight:700;font-size:14px;color:var(--leaf-deep);text-decoration:none}
.dk-liste-yeni:hover{border-color:var(--leaf)}
@media (max-width:900px){.destek-talep.iki{grid-template-columns:1fr;gap:18px}.dk-liste{position:static;order:2}}

/* Hesabım > Taleplerim (12.10) */
.acct-status.s-t-yanitlandi{background:#E4F0E4;color:#1C5A33}.acct-status.s-t-kapandi{background:var(--cream2);color:var(--mute)}.acct-status.s-t-yeni,.acct-status.s-t-musteri{background:#FFF1CC;color:#6B4B00}
.acct-talep-ozet{margin:10px 0 0;font-size:14.5px;color:var(--ink2);line-height:1.55;overflow-wrap:anywhere}
#acct-talepler{display:grid;gap:12px}

/* Sipariş takip: üyenin siparişleri (12.10) */
.takip-uye{margin:0 0 18px;padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:var(--paper,#FFFDF7)}
.takip-uye-h{margin:0 0 12px;font-weight:700;font-size:15px;display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}
.takip-uye-h small{font-weight:500;color:var(--mute);font-size:13px;overflow-wrap:anywhere}
.takip-uye-l{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.takip-uye-o{display:flex;flex-direction:column;gap:3px;text-align:left;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#fff;font:inherit;color:var(--ink);cursor:pointer;transition:border-color .15s,background .15s}
.takip-uye-o b{font-size:14.5px;letter-spacing:.01em}.takip-uye-o small{font-size:12.5px;color:var(--ink-soft)}
.takip-uye-o:hover{border-color:var(--leaf)}.takip-uye-o.on{border-color:var(--leaf);background:var(--leaf-mist);box-shadow:inset 0 0 0 1px var(--leaf)}
.takip-uye-not{margin:12px 0 0;font-size:13px;color:var(--mute)}
.takip-uye > .takip-uye-not:first-child{margin:0}
/* İletişim: sayfa içi form (12.10) */
.contact-grid-form{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:start}
@media (max-width:900px){.contact-grid-form{grid-template-columns:1fr}}
/* Bize yaz penceresi: kaydırmasız tek parça (Onur 12.10) */
@media (min-width:901px){.dk-pencere{max-height:calc(100dvh - 32px);bottom:16px}}
.dk-pencere .dk-bas{padding:11px 12px 11px 14px;gap:10px}
.dk-pencere .dk-av{width:32px;height:32px;font-size:12px}
.dk-pencere .dk-ad{font-size:14.5px}.dk-pencere .dk-ad small{font-size:12px;margin-top:1px}
.dk-pencere .dk-x{width:30px;height:30px}
.dk-pencere .dk-govde{padding:12px 14px 14px}
.dk-pencere .dk-form{gap:10px}
.dk-pencere .dk-gecmis{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 10px}
.dk-pencere .dk-gecmis p{margin:0 2px 0 0;font-size:11px}
.dk-pencere .dk-gecmis a{padding:4px 10px;border-radius:999px;font-size:12.5px;gap:6px;align-items:center}
.dk-pencere .dk-gecmis a b{font-weight:600}.dk-pencere .dk-gecmis a span{font-size:11px}
.dk-pencere .dk-onceki{margin:0 0 8px;font-size:12.5px}
.dk-pencere .dk-konu{gap:6px}
.dk-pencere .dk-konu legend{font-size:13.5px;margin-bottom:7px}
.dk-pencere .dk-cip span{padding:6px 11px;font-size:13px}
.dk-pencere .dk-alan{gap:4px;font-size:12.5px}
.dk-pencere .dk-alan input,.dk-pencere .dk-alan textarea{padding:9px 11px;font-size:14.5px;border-radius:10px}
.dk-pencere .dk-alan textarea{min-height:76px}
.dk-pencere .dk-metin>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.dk-pencere .dk-uye{padding:7px 10px;gap:9px;border-radius:10px}
.dk-pencere .dk-uye-av{width:26px;height:26px;font-size:12px}
.dk-pencere .dk-uye span:not(.dk-uye-av){flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:0 8px;font-size:13.5px}
.dk-pencere .dk-uye small{font-size:12px}
.dk-pencere .dk-iki{gap:8px}
.dk-pencere .dk-onay{font-size:12px;line-height:1.4;gap:8px}
.dk-pencere .dk-onay input{width:16px;height:16px}
.dk-pencere .dk-gonder{height:44px;font-size:15px}
.dk-pencere .dk-alt{display:none}
.dk-pencere .dk-sipler{max-height:150px;overflow:auto}
@media (max-width:900px){.dk-pencere{max-height:calc(100dvh - 12px)}}
/* ödeme: ön bilgilendirme + sözleşme onayı (Mesafeli Sözleşmeler Yön. m.6-8; 14.10.2026) */
.on-bilgi{margin:18px 0 14px;padding:16px 16px 14px;border:1px solid var(--hair);border-radius:14px;background:var(--cream-2);font-size:13.5px;line-height:1.55;color:var(--mute)}
.on-bilgi b{display:block;color:var(--ink);font-size:14.5px;margin-bottom:6px}
.on-bilgi ul{margin:0 0 12px;padding-left:18px}
.on-bilgi li{margin:3px 0}
.on-bilgi .onay{display:flex;gap:10px;align-items:flex-start;color:var(--ink);font-weight:600;font-size:14px;cursor:pointer}
.on-bilgi .onay input{width:20px;height:20px;flex:0 0 20px;margin:1px 0 0;accent-color:var(--leaf)}
.on-bilgi .kvkk{margin:10px 0 0;font-size:12.5px}
.on-bilgi a{color:var(--ink);text-decoration:underline;text-underline-offset:2px}
.odeme-yuk{font-size:12.5px;color:var(--mute);margin:8px 0 4px;text-align:center}
/* ürün galerisi: tüm görseller kare (ölçüldü 14.10.2026); sahne fotoğrafı beyaz çerçeve içinde küçük ve kaymış görünüyordu (Onur) -> kutuyu tam doldurur */
.gallery-main{padding:0}
.gallery-main img{width:100%;height:100%;object-fit:cover}