/* ==========================================================================
   ARONIA RU — tasarim sistemi
   Marka: aronya moru + krem kagit + yaprak yesili
   ========================================================================== */

:root{
  /* renk */
  --mor-900:#1C0A20; --mor-800:#2A1030; --mor-700:#3A1743; --mor-600:#4E2359;
  --mor-500:#653070; --mor-200:#D6C4DB; --mor-100:#F0E8F2;
  --krem-50:#FCFAF6; --krem-100:#F7F2E9; --krem-200:#EDE4D6; --krem-300:#DFD3BF;
  --yesil-700:#47623C; --yesil-600:#5F7F4E; --yesil-500:#749363; --yesil-300:#A9C295;
  --yesil-50:#EFF3E9;
  --altin:#A9884F; --altin-50:#F8F1E4;
  --metin:#26132A; --metin-2:#6A5670; --metin-3:#938597;
  --cizgi:#E6DDCE; --beyaz:#fff;
  --uyari:#B3261E;

  /* tipografi */
  --font-baslik:"Fraunces",ui-serif,Georgia,"Times New Roman",serif;
  --font-govde:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,
               "Helvetica Neue",Arial,sans-serif;

  /* olcek */
  --en:1180px; --en-dar:760px;
  --r-s:10px; --r:16px; --r-l:24px; --r-xl:32px;
  --golge-s:0 1px 2px rgba(38,19,42,.06),0 2px 8px rgba(38,19,42,.05);
  --golge:0 4px 12px rgba(38,19,42,.07),0 12px 32px rgba(38,19,42,.07);
  --golge-l:0 12px 28px rgba(38,19,42,.10),0 28px 64px rgba(38,19,42,.10);
  color-scheme:light;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:82px}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
}
body{
  margin:0;background:var(--krem-50);color:var(--metin);
  font-family:var(--font-govde);font-size:17px;line-height:1.68;
  font-feature-settings:"kern","liga";-webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--mor-600);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--mor-500)}
h1,h2,h3,h4{font-family:var(--font-baslik);font-weight:600;line-height:1.16;
  letter-spacing:-.015em;color:var(--mor-800);margin:0 0 .5em}
h1{font-size:clamp(2.1rem,5.2vw,3.55rem);letter-spacing:-.028em}
h2{font-size:clamp(1.62rem,3.5vw,2.5rem);letter-spacing:-.022em}
h3{font-size:clamp(1.18rem,2.1vw,1.44rem)}
h4{font-size:1.05rem;font-family:var(--font-govde);font-weight:700}
p{margin:0 0 1.05em}
ul,ol{margin:0 0 1.15em;padding-left:1.3em}
li{margin-bottom:.45em}
strong{font-weight:650;color:var(--mor-800)}
:focus-visible{outline:3px solid var(--yesil-500);outline-offset:3px;border-radius:4px}

/* ---------------------------------------------------------------- yerlesim */
.kap{width:100%;max-width:var(--en);margin-inline:auto;padding-inline:22px}
.kap-dar{max-width:var(--en-dar)}
.bolum{padding:clamp(56px,8vw,104px) 0}
.bolum-krem{background:var(--krem-100)}
.bolum-mor{background:var(--mor-800);color:var(--krem-100)}
.bolum-mor h2,.bolum-mor h3{color:var(--beyaz)}
.bolum-mor a{color:var(--yesil-300)}
.merkez{text-align:center}
.grid{display:grid;gap:clamp(20px,3vw,34px)}
.g2{grid-template-columns:repeat(auto-fit,minmax(290px,1fr))}
.g3{grid-template-columns:repeat(auto-fit,minmax(255px,1fr))}
.g4{grid-template-columns:repeat(auto-fit,minmax(205px,1fr))}

/* atlama linki (erisilebilirlik) */
.atla{position:absolute;left:-9999px;top:0;z-index:200;background:var(--mor-800);
  color:#fff;padding:12px 20px;border-radius:0 0 var(--r-s) 0;font-weight:600}
.atla:focus{left:0}

/* --------------------------------------------------------------- ust bilgi */
.ust-serit{background:var(--mor-800);color:var(--mor-100);font-size:.815rem;
  letter-spacing:.02em;padding:8px 0}
.ust-serit .kap{display:flex;gap:18px;align-items:center;justify-content:center;
  flex-wrap:wrap;text-align:center}
.ust-serit b{color:var(--yesil-300);font-weight:600}

header.ust{position:sticky;top:0;z-index:100;background:rgba(253,251,247,.93);
  backdrop-filter:saturate(1.7) blur(14px);
  -webkit-backdrop-filter:saturate(1.7) blur(14px);
  border-bottom:1px solid var(--cizgi)}
.ust .kap{display:flex;align-items:center;gap:16px;min-height:70px}
.logo{display:flex;align-items:center;gap:11px;text-decoration:none;flex-shrink:0}
.logo .im{width:42px;height:42px;display:block;flex-shrink:0}
.logo-yazi{display:flex;flex-direction:column;line-height:1.05}
.logo-yazi b{font-family:var(--font-baslik);font-size:1.24rem;font-weight:500;
  color:var(--mor-800);letter-spacing:.005em;line-height:1}
.logo-yazi .logo-ust{font-size:.6rem;letter-spacing:.34em;color:var(--yesil-600);
  font-weight:500;text-transform:uppercase;margin-bottom:3px}
nav.ana{margin-left:auto;display:flex;align-items:center;gap:4px}
nav.ana a{padding:9px 13px;border-radius:var(--r-s);color:var(--metin);
  text-decoration:none;font-size:.925rem;font-weight:500;white-space:nowrap;
  transition:background .16s,color .16s}
nav.ana a:hover{background:var(--mor-100);color:var(--mor-700)}
nav.ana a[aria-current="page"]{color:var(--mor-700);font-weight:650;background:var(--mor-100)}

.dil{position:relative}
.dil-btn{display:flex;align-items:center;gap:6px;background:none;cursor:pointer;
  border:1px solid var(--cizgi);border-radius:var(--r-s);padding:8px 11px;
  font:inherit;font-size:.855rem;font-weight:600;color:var(--metin-2)}
.dil-btn:hover{border-color:var(--mor-200);color:var(--mor-700)}
.dil-menu{position:absolute;right:0;top:calc(100% + 7px);background:var(--beyaz);
  border:1px solid var(--cizgi);border-radius:var(--r);box-shadow:var(--golge-l);
  padding:6px;min-width:158px;display:none;z-index:110}
.dil-menu.acik{display:block}
.dil-menu a{display:block;padding:9px 13px;border-radius:8px;text-decoration:none;
  color:var(--metin);font-size:.9rem;font-weight:500}
.dil-menu a:hover{background:var(--krem-100)}
.dil-menu a[aria-current]{background:var(--mor-100);color:var(--mor-700);font-weight:650}

.mnu-btn{display:none;background:none;border:1px solid var(--cizgi);cursor:pointer;
  border-radius:var(--r-s);padding:9px 11px;margin-left:auto}
.mnu-btn span{display:block;width:19px;height:2px;background:var(--mor-700);
  border-radius:2px;transition:.22s}
.mnu-btn span+span{margin-top:4.5px}
.mnu-btn[aria-expanded="true"] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.mnu-btn[aria-expanded="true"] span:nth-child(2){opacity:0}
.mnu-btn[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}

@media (max-width:940px){
  .mnu-btn{display:block}
  nav.ana{position:fixed;inset:70px 0 auto;background:var(--krem-50);
    flex-direction:column;align-items:stretch;gap:0;padding:14px 22px 26px;
    border-bottom:1px solid var(--cizgi);box-shadow:var(--golge);
    display:none;margin-left:0;max-height:calc(100vh - 70px);overflow-y:auto}
  nav.ana.acik{display:flex}
  nav.ana a{padding:13px 12px;font-size:1.02rem;border-bottom:1px solid var(--krem-200)}
  .dil{margin-top:12px}
  .dil-btn{width:100%;justify-content:center}
  .dil-menu{position:static;width:100%;box-shadow:none;margin-top:8px}
}

/* ------------------------------------------------------------------ butonlar */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;
  padding:15px 27px;border-radius:100px;font-weight:650;font-size:1rem;
  text-decoration:none;border:2px solid transparent;cursor:pointer;
  font-family:inherit;line-height:1.2;transition:transform .16s,box-shadow .16s,
  background .16s,border-color .16s;text-align:center}
.btn:active{transform:translateY(1px)}
.btn-ana{background:var(--yesil-600);color:#fff;box-shadow:0 4px 14px rgba(75,127,63,.3)}
.btn-ana:hover{background:var(--yesil-700);color:#fff;
  box-shadow:0 7px 22px rgba(75,127,63,.38);transform:translateY(-1px)}
.btn-mor{background:var(--mor-700);color:#fff;box-shadow:0 4px 14px rgba(63,27,71,.26)}
.btn-mor:hover{background:var(--mor-600);color:#fff;transform:translateY(-1px)}
.btn-cizgi{border-color:var(--mor-200);color:var(--mor-700);background:transparent}
.btn-cizgi:hover{border-color:var(--mor-500);background:var(--mor-100);color:var(--mor-700)}
.btn-acik{background:rgba(255,255,255,.13);color:#fff;border-color:rgba(255,255,255,.4);
  backdrop-filter:blur(8px)}
.btn-acik:hover{background:rgba(255,255,255,.22);color:#fff}
.btn-blok{width:100%}
.btn-s{padding:11px 19px;font-size:.9rem}
.btn-wa{background:#25D366;color:#0B2E17}
.btn-wa:hover{background:#1FBE5A;color:#0B2E17}

/* ---------------------------------------------------------------------- hero */
.hero{position:relative;min-height:min(84vh,720px);display:flex;align-items:center;
  overflow:hidden;background:var(--mor-900)}
.hero-bg{position:absolute;inset:0;z-index:0}
.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center 42%}
.hero-bg::after{content:"";position:absolute;inset:0;
  background:linear-gradient(100deg,rgba(24,9,28,.93) 0%,rgba(28,11,32,.82) 34%,
  rgba(34,14,38,.44) 62%,rgba(38,16,42,.3) 100%)}
.hero-ic{position:relative;z-index:1;padding:clamp(58px,9vw,104px) 0;
  max-width:660px;color:#fff}
.hero h1{color:#fff;margin-bottom:.42em;text-wrap:balance}
.hero .giris{font-size:clamp(1.06rem,2.1vw,1.24rem);color:#EADFEE;
  margin-bottom:1.7em;max-width:56ch;line-height:1.62}
.hero-btnlar{display:flex;gap:13px;flex-wrap:wrap}
.rozet-ust{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.11);
  border:1px solid rgba(168,208,126,.5);color:#DCF0C6;padding:7px 16px;border-radius:100px;
  font-size:.83rem;font-weight:600;letter-spacing:.045em;text-transform:uppercase;
  margin-bottom:22px;backdrop-filter:blur(8px)}
.rozet-ust::before{content:"";width:7px;height:7px;border-radius:50%;
  background:var(--yesil-300);box-shadow:0 0 0 4px rgba(168,208,126,.24)}
.hero-alt{display:flex;gap:26px;flex-wrap:wrap;margin-top:34px;
  padding-top:26px;border-top:1px solid rgba(255,255,255,.19)}
.hero-alt div{min-width:104px}
.hero-alt b{display:block;font-family:var(--font-baslik);font-size:1.55rem;
  color:#fff;line-height:1.1}
.hero-alt span{font-size:.815rem;color:#C9B6CE;letter-spacing:.03em}

/* --------------------------------------------------------------- guven serit */
.guven{background:var(--beyaz);border-bottom:1px solid var(--cizgi)}
.guven .kap{display:grid;grid-template-columns:repeat(auto-fit,minmax(178px,1fr));
  gap:2px}
.guven-o{display:flex;align-items:center;gap:12px;padding:22px 16px;
  border-right:1px solid var(--krem-200)}
.guven-o:last-child{border-right:none}
.guven-o svg{flex-shrink:0;color:var(--yesil-600)}
.guven-o b{display:block;font-size:.945rem;color:var(--mor-800);font-weight:650;
  line-height:1.3}
.guven-o span{font-size:.815rem;color:var(--metin-2);line-height:1.35}
@media (max-width:640px){.guven-o{border-right:none;border-bottom:1px solid var(--krem-200);
  padding:16px 6px}}

/* ---------------------------------------------------------------- bolum bas */
.bolum-bas{max-width:660px;margin:0 0 clamp(32px,4.5vw,52px)}
.bolum-bas.merkez{margin-inline:auto;text-align:center}
.etiket{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.15em;
  text-transform:uppercase;color:var(--yesil-600);margin-bottom:13px}
.bolum-mor .etiket{color:var(--yesil-300)}
.bolum-bas p{font-size:1.075rem;color:var(--metin-2);margin-bottom:0;text-wrap:pretty}
.bolum-mor .bolum-bas p{color:var(--mor-200)}

/* ------------------------------------------------------------------- kartlar */
.kart{background:var(--beyaz);border:1px solid var(--cizgi);border-radius:var(--r-l);
  padding:clamp(24px,3vw,32px);box-shadow:var(--golge-s);
  transition:transform .2s,box-shadow .2s}
.kart-h:hover{transform:translateY(-3px);box-shadow:var(--golge)}
.kart h3{margin-bottom:.42em}
.kart p:last-child{margin-bottom:0}
.kart-ikon{width:50px;height:50px;border-radius:14px;background:var(--yesil-50);
  color:var(--yesil-700);display:grid;place-items:center;margin-bottom:17px}
.kart-mor .kart-ikon{background:var(--mor-100);color:var(--mor-600)}
.kart-altin .kart-ikon{background:var(--altin-50);color:var(--altin)}

/* -------------------------------------------------------------- fiyat/paket */
.paketler{display:grid;gap:19px;grid-template-columns:repeat(auto-fit,minmax(212px,1fr))}
.paket{position:relative;background:var(--beyaz);border:1.5px solid var(--cizgi);
  border-radius:var(--r-l);padding:26px 21px;display:flex;flex-direction:column;
  text-align:center;transition:transform .2s,box-shadow .2s,border-color .2s}
.paket:hover{transform:translateY(-4px);box-shadow:var(--golge);
  border-color:var(--mor-200)}
.paket-one{border-color:var(--yesil-500);border-width:2px;
  box-shadow:0 8px 26px rgba(75,127,63,.15)}
.paket-one::before{content:attr(data-rozet);position:absolute;top:-12px;left:50%;
  transform:translateX(-50%);background:var(--yesil-600);color:#fff;font-size:.715rem;
  font-weight:700;letter-spacing:.09em;text-transform:uppercase;padding:5px 15px;
  border-radius:100px;white-space:nowrap;box-shadow:0 3px 10px rgba(75,127,63,.32)}
.paket-kg{font-family:var(--font-baslik);font-size:2.35rem;font-weight:600;
  color:var(--mor-800);line-height:1;margin-bottom:3px}
.paket-kg small{font-size:.94rem;font-weight:500;color:var(--metin-2);
  font-family:var(--font-govde)}
.paket-birim{font-size:.845rem;color:var(--metin-2);margin-bottom:16px}
.paket-fiyat{font-size:1.72rem;font-weight:700;color:var(--yesil-700);
  line-height:1.1;margin-bottom:3px;font-variant-numeric:tabular-nums}
.paket-tasarruf{font-size:.78rem;color:var(--altin);font-weight:650;min-height:1.2em;
  margin-bottom:18px}
.paket .btn{margin-top:auto}
.paket-not{font-size:.755rem;color:var(--metin-3);margin-top:11px;margin-bottom:0}

/* ------------------------------------------------------------------- tablo */
.tablo-sar{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 1.4em;
  border:1px solid var(--cizgi);border-radius:var(--r);background:var(--beyaz)}
table{border-collapse:collapse;width:100%;min-width:440px;font-size:.945rem}
caption{text-align:left;padding:15px 18px 0;font-size:.855rem;color:var(--metin-2);
  caption-side:top}
th,td{padding:13px 18px;text-align:left;border-bottom:1px solid var(--krem-200)}
thead th{background:var(--krem-100);font-weight:650;color:var(--mor-800);
  font-size:.845rem;letter-spacing:.035em;text-transform:uppercase;
  border-bottom:2px solid var(--cizgi)}
tbody tr:last-child td{border-bottom:none}
tbody tr:hover{background:var(--krem-50)}
td.sayi,th.sayi{text-align:right;font-variant-numeric:tabular-nums}

/* --------------------------------------------------------------- ozet kutu */
/* AI motorlarinin ve okurun hizli alintilayabilecegi cevap blogu */
.ozet{background:var(--yesil-50);border-left:4px solid var(--yesil-500);
  border-radius:0 var(--r) var(--r) 0;padding:22px 26px;margin:0 0 1.7em}
.ozet h2,.ozet h3{margin-top:0;font-size:1.1rem;font-family:var(--font-govde);
  font-weight:700;color:var(--yesil-700);letter-spacing:0}
.ozet p:last-child,.ozet ul:last-child{margin-bottom:0}
.bilgi{background:var(--altin-50);border-left:4px solid var(--altin);
  border-radius:0 var(--r) var(--r) 0;padding:20px 24px;margin:0 0 1.6em;
  font-size:.955rem}
.bilgi p:last-child{margin-bottom:0}
.bilgi strong{color:var(--altin)}

/* ------------------------------------------------------------------ galeri */
.galeri{display:grid;gap:13px;grid-template-columns:repeat(auto-fit,minmax(215px,1fr))}
.galeri figure{margin:0;border-radius:var(--r);overflow:hidden;position:relative;
  background:var(--krem-200);aspect-ratio:4/3}
.galeri img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.galeri figure:hover img{transform:scale(1.045)}
.galeri figcaption{position:absolute;inset:auto 0 0;padding:26px 15px 12px;
  background:linear-gradient(transparent,rgba(24,9,28,.85));color:#fff;
  font-size:.83rem;font-weight:500;line-height:1.35}
.galeri .gd2{grid-column:span 2}
@media (max-width:560px){.galeri .gd2{grid-column:span 1}}

/* --------------------------------------------------------------------- sss */
.sss{border-top:1px solid var(--cizgi)}
.sss details{border-bottom:1px solid var(--cizgi)}
.sss summary{cursor:pointer;padding:21px 44px 21px 2px;font-weight:650;
  font-size:1.045rem;color:var(--mor-800);list-style:none;position:relative;
  font-family:var(--font-baslik);letter-spacing:-.01em}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:"";position:absolute;right:10px;top:50%;width:10px;
  height:10px;border-right:2px solid var(--yesil-600);border-bottom:2px solid var(--yesil-600);
  transform:translateY(-70%) rotate(45deg);transition:transform .22s}
.sss details[open] summary::after{transform:translateY(-25%) rotate(225deg)}
.sss summary:hover{color:var(--mor-600)}
.sss-cvp{padding:0 44px 22px 2px;color:var(--metin-2)}
.sss-cvp p:last-child,.sss-cvp ul:last-child{margin-bottom:0}

/* ------------------------------------------------------------------- adim */
.adimlar{counter-reset:a;display:grid;gap:26px;
  grid-template-columns:repeat(auto-fit,minmax(232px,1fr))}
.adim{counter-increment:a;position:relative;padding-top:52px}
.adim::before{content:counter(a);position:absolute;top:0;left:0;width:40px;height:40px;
  border-radius:12px;background:var(--mor-700);color:#fff;display:grid;place-items:center;
  font-family:var(--font-baslik);font-size:1.16rem;font-weight:600}
.adim h3{font-size:1.09rem;margin-bottom:.4em}
.adim p{color:var(--metin-2);font-size:.955rem;margin-bottom:0}

/* -------------------------------------------------------------------- ikili */
.ikili{display:grid;gap:clamp(30px,5vw,62px);align-items:center;
  grid-template-columns:repeat(auto-fit,minmax(310px,1fr))}
.ikili-gorsel{border-radius:var(--r-l);overflow:hidden;box-shadow:var(--golge-l)}
.ikili-ters .ikili-gorsel{order:-1}
@media (min-width:860px){.ikili-ters .ikili-gorsel{order:1}}

/* ------------------------------------------------------------------- alinti */
.alinti{border-left:3px solid var(--yesil-500);padding-left:24px;margin:1.8em 0;
  font-family:var(--font-baslik);font-size:1.22rem;line-height:1.5;color:var(--mor-700);
  font-style:italic}
.alinti footer{font-family:var(--font-govde);font-size:.87rem;font-style:normal;
  color:var(--metin-2);margin-top:11px}

/* ---------------------------------------------------------------- son cagri */
.cagri{background:linear-gradient(135deg,var(--mor-800),var(--mor-600));
  color:#fff;border-radius:var(--r-xl);padding:clamp(34px,5.5vw,62px);
  text-align:center;position:relative;overflow:hidden}
.cagri::before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;
  background:radial-gradient(circle,rgba(168,208,126,.2),transparent 68%);
  top:-150px;right:-90px}
.cagri>*{position:relative}
.cagri h2{color:#fff;margin-bottom:.45em;text-wrap:balance}
.cagri p{color:var(--mor-200);max-width:52ch;margin-inline:auto;margin-bottom:1.9em;
  font-size:1.055rem}
.cagri-btnlar{display:flex;gap:13px;justify-content:center;flex-wrap:wrap}

/* -------------------------------------------------------------------- footer */
footer.alt{background:var(--mor-900);color:var(--mor-200);
  padding:clamp(46px,6vw,72px) 0 30px;font-size:.93rem}
.alt-grid{display:grid;gap:34px;grid-template-columns:1.5fr 1fr 1fr 1.15fr;
  margin-bottom:40px}
@media (max-width:840px){.alt-grid{grid-template-columns:repeat(auto-fit,minmax(178px,1fr))}}
footer.alt h4{color:#fff;font-size:.8rem;letter-spacing:.13em;text-transform:uppercase;
  margin-bottom:15px;font-weight:650}
footer.alt a{color:var(--mor-200);text-decoration:none}
footer.alt a:hover{color:var(--yesil-300);text-decoration:underline}
footer.alt ul{list-style:none;padding:0;margin:0}
footer.alt li{margin-bottom:9px}
.alt-logo{display:flex;align-items:center;gap:11px;margin-bottom:15px}
.alt-logo .im{width:44px;height:44px;display:block;flex-shrink:0}
.alt-logo b{font-family:var(--font-baslik);font-size:1.24rem;color:#fff;font-weight:500;
  letter-spacing:.005em;line-height:1;display:block}
.alt-logo-yazi{display:flex;flex-direction:column;line-height:1}
.alt-logo-yazi>span{font-size:.6rem;letter-spacing:.34em;color:var(--yesil-300);
  font-weight:500;text-transform:uppercase;margin-bottom:3px}
.alt-aciklama{color:#B49CB9;line-height:1.62;font-size:.9rem;max-width:34ch}
.alt-sosyal{display:flex;gap:9px;margin-top:17px}
.alt-sosyal a{width:40px;height:40px;border-radius:11px;background:rgba(255,255,255,.08);
  display:grid;place-items:center;color:#fff;transition:background .16s}
.alt-sosyal a:hover{background:var(--yesil-600)}
.alt-son{border-top:1px solid rgba(255,255,255,.12);padding-top:23px;
  display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
  font-size:.845rem;color:#9C86A1}
.alt-son a{color:#9C86A1}

/* -------------------------------------------------- mobil yapiskan cagri */
.mobil-cta{position:fixed;left:0;right:0;bottom:0;z-index:90;display:none;
  gap:9px;padding:10px 13px calc(10px + env(safe-area-inset-bottom));
  background:rgba(253,251,247,.97);backdrop-filter:blur(14px);
  border-top:1px solid var(--cizgi);box-shadow:0 -3px 18px rgba(38,19,42,.09)}
.mobil-cta .btn{flex:1;padding:13px 12px;font-size:.93rem}
@media (max-width:760px){
  .mobil-cta{display:flex}
  body{padding-bottom:74px}
}

/* ------------------------------------------------------------ blur-up img */
.gorsel-sar{position:relative;overflow:hidden;background-size:cover;
  background-position:center;background-color:var(--krem-200)}
.gorsel-sar img{position:relative;z-index:1;opacity:0;transition:opacity .45s ease}
.gorsel-sar img.yuklendi,.gorsel-sar img[data-hemen]{opacity:1}

/* ------------------------------------------------------------------ yardimci */
.gizli{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0}
.kucuk{font-size:.86rem;color:var(--metin-2)}
.mini{font-size:.775rem;color:var(--metin-3)}
.yildiz{color:var(--altin);letter-spacing:.08em}
.ust-bosluk{margin-top:clamp(30px,4vw,48px)}
.izgara-liste{list-style:none;padding:0;display:grid;gap:11px;
  grid-template-columns:repeat(auto-fit,minmax(238px,1fr))}
.izgara-liste li{display:flex;gap:11px;align-items:flex-start;margin:0;
  font-size:.955rem}
.izgara-liste li::before{content:"";flex-shrink:0;width:21px;height:21px;
  border-radius:50%;background:var(--yesil-50);margin-top:2px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234B7F3F' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
  background-size:13px;background-repeat:no-repeat;background-position:center}
.icindekiler{background:var(--krem-100);border:1px solid var(--cizgi);
  border-radius:var(--r);padding:22px 26px;margin-bottom:2em}
.icindekiler h2{font-size:.83rem;letter-spacing:.13em;text-transform:uppercase;
  font-family:var(--font-govde);color:var(--metin-2);margin-bottom:12px}
.icindekiler ol{margin:0;padding-left:1.2em;columns:2;column-gap:34px}
.icindekiler li{margin-bottom:7px;font-size:.925rem}
@media (max-width:600px){.icindekiler ol{columns:1}}
.ekmek{font-size:.83rem;color:var(--metin-2);padding:16px 0 0}
.ekmek ol{list-style:none;padding:0;margin:0;display:flex;gap:8px;flex-wrap:wrap}
.ekmek li::after{content:"›";margin-left:8px;color:var(--metin-3)}
.ekmek li:last-child::after{content:""}
.ekmek a{color:var(--metin-2)}
.makale{max-width:none}
.makale h2{margin-top:1.9em;padding-top:.3em}
.makale h3{margin-top:1.5em}
.makale>p:first-of-type{font-size:1.115rem;color:var(--metin-2);line-height:1.66}

/* ================================================================ duzeltmeler */
/* koyu zeminlerde vurgulu metin kontrasti */
.hero strong,.bolum-mor strong,.cagri strong{color:#fff}
.hero .giris strong{color:#DCF0C6;font-weight:600}
.bolum-mor .ozet{background:rgba(255,255,255,.07);border-left-color:var(--yesil-300)}
.bolum-mor .ozet h2,.bolum-mor .ozet h3{color:var(--yesil-300)}
.bolum-mor .ozet p{color:#EADFEE}

/* galeri: <picture> blok olmali, yoksa img yukseklik alamaz */
.galeri picture,.gorsel-sar picture,.hero-bg picture{display:block;width:100%;height:100%}
.ikili-gorsel picture{display:block;width:100%}

/* ust serit mobilde kompakt */
@media (max-width:600px){
  .ust-serit{font-size:.75rem;padding:7px 0;line-height:1.4}
  .hero .giris{font-size:1.01rem;line-height:1.55}
  h1{font-size:clamp(1.92rem,7.4vw,3.55rem)}
}

/* mobil yapiskan cagri: ikon + metin */
.mobil-cta .btn{gap:7px;white-space:nowrap}
@media (max-width:380px){.mobil-cta .btn{font-size:.86rem;padding:12px 8px}}

/* tablolarda ilk sutun basligi daha okunur */
tbody th[scope="row"]{font-weight:600;color:var(--mor-800)}

/* uzun basliklarda daha dengeli kirilma */
h2,h3{text-wrap:balance}

/* galeri: tum kareler ayni yukseklikte, genis olanlar iki sutun */
.galeri{grid-auto-rows:238px}
.galeri figure{aspect-ratio:auto;height:100%}
@media (max-width:900px){.galeri{grid-auto-rows:200px}}
@media (max-width:560px){.galeri{grid-auto-rows:230px;grid-template-columns:1fr}}

/* makale ici gorseller */
.makale .gorsel-sar{border-radius:var(--r);overflow:hidden;margin:0 0 2em;
  box-shadow:var(--golge-s)}

/* ==========================================================================
   ANIMASYON KATMANI
   Tumu prefers-reduced-motion ile devre disi kalir.
   ========================================================================== */

/* --- scroll ile beliren ogeler ---
   Gizleme yalnizca .js sinifi varken uygulanir; JS calismazsa tum icerik
   normal gorunur (SEO ve erisilebilirlik guvencesi). --- */
.js .bolum-bas,.js .kart,.js .paket,.js .adim,.js .galeri figure,
.js .ozet,.js .bilgi,.js .tablo-sar,.js .cagri,.js .alinti,
.js .icindekiler,.js .izgara-liste,.js .ikili>div,.js .ikili>.gorsel-sar,
.js .makale>h2,.js .guven-o,.js .sss details{
  opacity:0;transform:translateY(26px);will-change:opacity,transform}
.js .galeri figure{transform:scale(.965) translateY(14px)}
.js .ikili>div:first-child{transform:translateX(-26px)}
.js .ikili>.gorsel-sar,.js .ikili-ters>div{transform:translateX(26px)}
.js .cagri{transform:scale(.975)}
.js .gorundu{opacity:1!important;transform:none!important;
  transition:opacity .8s cubic-bezier(.22,.68,.32,1),
             transform .8s cubic-bezier(.22,.68,.32,1)}
/* ardisik gecikme — kart gruplarinda dalga etkisi */
.js .grid>*:nth-child(2).gorundu,.js .paketler>*:nth-child(2).gorundu,
.js .adimlar>*:nth-child(2).gorundu,.js .galeri>*:nth-child(2).gorundu,
.js .guven .kap>*:nth-child(2).gorundu{transition-delay:.09s}
.js .grid>*:nth-child(3).gorundu,.js .paketler>*:nth-child(3).gorundu,
.js .adimlar>*:nth-child(3).gorundu,.js .galeri>*:nth-child(3).gorundu,
.js .guven .kap>*:nth-child(3).gorundu{transition-delay:.18s}
.js .grid>*:nth-child(4).gorundu,.js .paketler>*:nth-child(4).gorundu,
.js .adimlar>*:nth-child(4).gorundu,.js .galeri>*:nth-child(4).gorundu,
.js .guven .kap>*:nth-child(4).gorundu{transition-delay:.27s}
.js .paketler>*:nth-child(5).gorundu,.js .galeri>*:nth-child(5).gorundu{transition-delay:.36s}
.js .galeri>*:nth-child(6).gorundu{transition-delay:.45s}
.js .sss details:nth-child(2).gorundu{transition-delay:.05s}
.js .sss details:nth-child(3).gorundu{transition-delay:.10s}
.js .sss details:nth-child(4).gorundu{transition-delay:.15s}
.js .sss details:nth-child(5).gorundu{transition-delay:.20s}
.js .sss details:nth-child(6).gorundu{transition-delay:.25s}

/* --- hero: yavas zoom (Ken Burns) + icerik girisi --- */
.hero-bg img{animation:kenburns 26s ease-out both}
@keyframes kenburns{
  from{transform:scale(1.085) translate3d(1.2%,.8%,0)}
  to{transform:scale(1) translate3d(0,0,0)}
}
.hero-ic>*{animation:heroGir .95s cubic-bezier(.2,.7,.3,1) both}
.hero-ic>*:nth-child(1){animation-delay:.10s}
.hero-ic>*:nth-child(2){animation-delay:.20s}
.hero-ic>*:nth-child(3){animation-delay:.31s}
.hero-ic>*:nth-child(4){animation-delay:.42s}
.hero-ic>*:nth-child(5){animation-delay:.54s}
@keyframes heroGir{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
/* rozetteki nabiz */
.rozet-ust::before{animation:nabiz 2.3s ease-in-out infinite}
@keyframes nabiz{
  0%,100%{box-shadow:0 0 0 0 rgba(168,208,126,.55)}
  55%{box-shadow:0 0 0 11px rgba(168,208,126,0)}
}

/* --- butonlarda parlama --- */
.btn-ana,.btn-mor{position:relative;overflow:hidden}
.btn-ana::after,.btn-mor::after{content:"";position:absolute;top:0;left:-120%;
  width:55%;height:100%;transform:skewX(-22deg);pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent)}
.btn-ana:hover::after,.btn-mor:hover::after{animation:parla .85s ease-out}
@keyframes parla{to{left:135%}}

/* --- paket kartlari: one cikan kartta hafif nefes --- */
.paket{transition:transform .28s cubic-bezier(.22,.68,.32,1),
  box-shadow .28s ease,border-color .28s ease}
.paket:hover{transform:translateY(-7px) scale(1.014)}
.paket-one::before{animation:rozetIn .7s cubic-bezier(.3,1.5,.5,1) both;animation-delay:.5s}
@keyframes rozetIn{from{opacity:0;transform:translateX(-50%) translateY(-9px) scale(.85)}
  to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}
.paket .btn{transition:transform .22s ease,box-shadow .22s ease,background .18s}
.paket:hover .btn-ana{transform:translateY(-2px);box-shadow:0 9px 24px rgba(75,127,63,.4)}

/* --- galeri --- */
.galeri figure{transition:transform .35s cubic-bezier(.22,.68,.32,1),box-shadow .35s}
.galeri figure:hover{transform:translateY(-5px);box-shadow:var(--golge-l);z-index:2}
.galeri figcaption{transform:translateY(6px);opacity:.92;
  transition:transform .35s ease,opacity .35s ease}
.galeri figure:hover figcaption{transform:translateY(0);opacity:1}

/* --- kartlar --- */
.kart-h{transition:transform .3s cubic-bezier(.22,.68,.32,1),box-shadow .3s,border-color .3s}
.kart-h:hover{transform:translateY(-5px);border-color:var(--mor-200)}
.kart-ikon{transition:transform .38s cubic-bezier(.3,1.4,.5,1),background .28s}
.kart-h:hover .kart-ikon{transform:scale(1.09) rotate(-5deg)}

/* --- adim numaralari --- */
.adim::before{transition:transform .34s cubic-bezier(.3,1.5,.5,1),box-shadow .3s}
.adim:hover::before{transform:scale(1.1) rotate(-6deg);
  box-shadow:0 8px 20px rgba(63,27,71,.32)}

/* --- SSS acilis animasyonu --- */
.sss details[open] .sss-cvp{animation:sssAc .42s cubic-bezier(.22,.68,.32,1) both}
@keyframes sssAc{from{opacity:0;transform:translateY(-9px)}to{opacity:1;transform:none}}
.sss summary{transition:color .2s,padding-left .25s}
.sss summary:hover{padding-left:8px}

/* --- navigasyon alt cizgi --- */
nav.ana a{position:relative}
@media (min-width:941px){
  nav.ana a::after{content:"";position:absolute;left:13px;right:13px;bottom:3px;height:2px;
    background:var(--yesil-600);border-radius:2px;transform:scaleX(0);transform-origin:left;
    transition:transform .28s cubic-bezier(.22,.68,.32,1)}
  nav.ana a:hover::after{transform:scaleX(1)}
  nav.ana a[aria-current="page"]::after{transform:scaleX(1);background:var(--mor-600)}
}

/* --- guven serit ikonlari --- */
.guven-o svg{transition:transform .35s cubic-bezier(.3,1.4,.5,1)}
.guven-o:hover svg{transform:scale(1.15) translateY(-2px)}

/* --- son cagri bolumunde yavas donen isik --- */
.cagri::before{animation:donenIsik 17s linear infinite}
@keyframes donenIsik{
  0%{transform:translate(0,0) scale(1)}
  50%{transform:translate(-46px,34px) scale(1.16)}
  100%{transform:translate(0,0) scale(1)}
}

/* --- gorsel yuklenince yumusak olcek --- */
.gorsel-sar img{transform:scale(1.028);
  transition:opacity .5s ease,transform .9s cubic-bezier(.22,.68,.32,1)}
.gorsel-sar img.yuklendi{transform:scale(1)}

/* --- yukari kaydiginda header golgesi --- */
header.ust{transition:box-shadow .3s ease,background .3s ease}
header.ust.kaydi{box-shadow:0 3px 20px rgba(38,19,42,.09)}

/* --- ilerleme cubugu (okuma göstergesi) --- */
.ilerleme{position:fixed;top:0;left:0;height:3px;z-index:120;width:0;
  background:linear-gradient(90deg,var(--yesil-500),var(--yesil-300));
  transition:width .1s linear}

/* --- hareket azaltma tercihi: her seyi kapat --- */
@media (prefers-reduced-motion:reduce){
  .js *{opacity:1!important;transform:none!important;filter:none!important;
    transition:none!important}
  .hero-bg img,.hero-ic>*,.rozet-ust::before,.cagri::before,.paket-one::before{
    animation:none!important}
  .gorsel-sar img{transform:none!important}
  .ilerleme{display:none}
}