/* =========================================================
   Lovecassette — style.css
   ---------------------------------------------------------
   Logodan türetilmiş sistem:
   · Orman Yeşili #2E5A45 — sayfanın ana zemini (logo gibi)
   · Yaprak Yeşili #3C6E54 — organik blob formlar
   · Kaset Pembesi #F17FAB — "love", birincil CTA
   · Hardal Sarısı #E7A72E — "ANIMATION" şeridi, rozetler
   · Kaset Beyazı #FBF6EC — "cassette", açık bölümler
   Tipografi:
   · Fraunces (SOFT 100 / WONK 1) — logodaki gruvi, yüksek
     kontrastlı, yumuşak terminalli display serif
   · Jost — harf aralığı açık geometrik sans
   ========================================================= */

/* ---------- Tokens ---------- */
:root{
  --forest:#2E5A45;
  --forest-deep:#20402F;
  --leaf:#3C6E54;
  --leaf-2:#457C5F;
  --pink:#F17FAB;
  --pink-soft:#F9A9C8;
  --pink-deep:#D9578C;
  --mustard:#E7A72E;
  --mustard-deep:#C98A17;
  --cream:#FBF6EC;
  --cream-2:#F3EBDB;

  --ink:#1C3327;
  --ink-soft:rgba(28,51,39,.74);
  --ink-mute:rgba(28,51,39,.56);
  --line:rgba(46,90,69,.16);

  --on-dark:rgba(251,246,236,.78);
  --line-dark:rgba(251,246,236,.16);

  --serif:"Fraunces",Georgia,"Times New Roman",serif;
  --sans:"Jost","Helvetica Neue",Arial,sans-serif;

  --wonk:"SOFT" 100,"WONK" 1;

  --r-sm:12px;
  --r-md:22px;
  --r-lg:34px;
  --r-xl:48px;
  --r-blob:58% 42% 46% 54% / 44% 48% 52% 56%;

  --shadow-sm:0 2px 12px rgba(20,40,30,.10);
  --shadow-md:0 18px 46px -20px rgba(20,40,30,.45);
  --shadow-lg:0 46px 100px -44px rgba(12,28,20,.75);

  --pad:clamp(1.25rem,4vw,2.5rem);
  --sec:clamp(4.5rem,10vw,8.5rem);
}

/* ---------- Reset ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:100px}
body{
  margin:0;
  background:var(--forest);
  color:var(--ink);
  font-family:var(--sans);
  font-weight:400;
  font-size:clamp(1rem,.97rem + .16vw,1.075rem);
  line-height:1.68;
  letter-spacing:.005em;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img,svg,video{max-width:100%;display:block}
[hidden]{display:none!important}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4,p,ul,ol,figure{margin:0}
ul,ol{padding:0;list-style:none}

::selection{background:var(--pink);color:#3B1226}

.skip-link{position:absolute;left:-9999px;top:0;z-index:200;background:var(--pink);color:#3B1226;padding:.75rem 1.25rem;border-radius:0 0 var(--r-sm) 0}
.skip-link:focus{left:0}
:focus-visible{outline:2.5px solid var(--pink);outline-offset:3px;border-radius:6px}

/* ---------- Layout ---------- */
.wrap{width:min(1200px,100% - var(--pad)*2);margin-inline:auto}
.wrap--narrow{width:min(820px,100% - var(--pad)*2)}
.section{padding-block:var(--sec);position:relative;overflow:hidden}
.section--cream{background:var(--cream);color:var(--ink)}
.section--cream-alt{background:var(--cream-2);color:var(--ink)}
.section--dark{background:var(--forest);color:var(--cream)}
.section--dark .section__sub,.section--dark p{color:var(--on-dark)}
.section--dark .eyebrow{color:var(--mustard)}

/* Organik blob dekorları (logodaki formlar) */
.blob{
  position:absolute;pointer-events:none;z-index:0;
  border-radius:var(--r-blob);
  background:var(--leaf);
  opacity:.55;
  filter:blur(.4px);
}
.section > .wrap{position:relative;z-index:1}
.blob--a{width:46vw;max-width:620px;aspect-ratio:1/1.15;top:-14%;right:-14%;transform:rotate(18deg)}
.blob--b{width:38vw;max-width:520px;aspect-ratio:1/1.3;bottom:-22%;left:-16%;transform:rotate(-24deg);border-radius:44% 56% 62% 38% / 52% 40% 60% 48%}
.section--cream .blob,.section--cream-alt .blob{background:var(--leaf);opacity:.07}

/* ---------- Tipografi ---------- */
.display{
  font-family:var(--serif);
  font-optical-sizing:auto;
  font-variation-settings:var(--wonk);
  font-weight:800;
  line-height:.98;
  letter-spacing:-.028em;
  font-size:clamp(2.9rem,7.4vw,5.6rem);
}
.display em{font-style:normal;font-weight:800;color:var(--pink)}
.section--dark .display em{color:var(--pink)}
.section--cream .display em,.section--cream-alt .display em{color:var(--pink-deep)}
.display--md{font-size:clamp(2.05rem,4.6vw,3.5rem);line-height:1.04}
.display--sm{font-size:clamp(1.5rem,2.6vw,2rem);line-height:1.1}

.eyebrow{
  font-family:var(--sans);font-weight:500;font-size:.75rem;
  letter-spacing:.32em;text-transform:uppercase;
  color:var(--mustard);margin-bottom:1.2rem;
}
.section--cream .eyebrow,.section--cream-alt .eyebrow{color:var(--mustard-deep)}
.lede{font-size:clamp(1.05rem,1rem + .45vw,1.3rem);line-height:1.6;max-width:46ch;color:var(--on-dark)}
.section__head{max-width:62ch;margin-bottom:clamp(2.75rem,5vw,4.25rem)}
.section__sub{margin-top:1.2rem;max-width:56ch;color:var(--ink-soft)}
.link{color:var(--pink-deep);text-decoration:none;border-bottom:1.5px solid rgba(217,87,140,.4);transition:border-color .25s,color .25s}
.section--dark .link{color:var(--mustard);border-color:rgba(231,167,46,.45)}
.link:hover{border-color:currentColor}

/* ---------- Marka ---------- */
/* Asıl logo: assets/img/logo.png  ·  dosya yoksa yazı tipli kilit devreye girer */
.brand{display:inline-flex;align-items:center;gap:.22em;text-decoration:none;line-height:1}
.brand__img{height:clamp(42px,4.6vw,56px);width:auto}
.brand__text{display:inline-flex;align-items:baseline;gap:.22em}
.brand__love,.brand__cassette{
  font-family:var(--serif);font-optical-sizing:auto;
  font-variation-settings:var(--wonk);
  font-weight:900;letter-spacing:-.035em;font-size:1.55rem;
}
.brand__love{color:var(--pink)}
.brand__cassette{color:var(--cream)}
.brand--ink .brand__cassette{color:var(--forest)}

/* Logodaki gibi istiflenmiş versiyon */
.lockup{display:grid;justify-items:center;line-height:.82;text-align:center;text-decoration:none}
.lockup__love,.lockup__cassette{
  font-family:var(--serif);font-optical-sizing:auto;
  font-variation-settings:var(--wonk);font-weight:900;letter-spacing:-.045em;
}
.lockup__love{color:var(--pink);font-size:clamp(2.6rem,7vw,3.4rem)}
.lockup__cassette{color:var(--cream);font-size:clamp(1.85rem,5vw,2.35rem)}
.lockup__tag{
  color:var(--mustard);font-family:var(--sans);font-weight:600;
  font-size:.62rem;letter-spacing:.52em;text-indent:.52em;margin-top:.7rem;
}
.lockup--ink .lockup__cassette{color:var(--forest)}

/* ---------- Butonlar ---------- */
.btn{
  --bg:var(--pink);--fg:#3B1226;--bd:transparent;
  display:inline-flex;align-items:center;justify-content:center;gap:.6rem;
  background:var(--bg);color:var(--fg);border:1.5px solid var(--bd);
  padding:1rem 1.75rem;border-radius:999px;
  font-weight:500;font-size:.94rem;letter-spacing:.045em;
  text-decoration:none;cursor:pointer;
  transition:transform .3s cubic-bezier(.2,.8,.3,1),box-shadow .3s,background .25s,color .25s,border-color .25s;
  box-shadow:var(--shadow-sm);
}
.btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.btn:active{transform:translateY(-1px)}
.btn--pink{--bg:var(--pink);--fg:#3B1226}
.btn--pink:hover{--bg:var(--pink-soft)}
.btn--cream{--bg:var(--cream);--fg:var(--forest)}
.btn--cream:hover{--bg:#fff}
.btn--mustard{--bg:var(--mustard);--fg:#3E2A05}
.btn--forest{--bg:var(--forest);--fg:var(--cream)}
.btn--forest:hover{--bg:var(--leaf)}
.btn--ghost{--bg:transparent;--fg:var(--cream);--bd:var(--line-dark);box-shadow:none}
.btn--ghost:hover{--bg:var(--cream);--fg:var(--forest);--bd:var(--cream)}
.btn--outline{--bg:transparent;--fg:var(--forest);--bd:rgba(46,90,69,.3);box-shadow:none}
.btn--outline:hover{--bg:var(--forest);--fg:var(--cream)}
.btn--sm{padding:.62rem 1.2rem;font-size:.85rem}
.btn--lg{padding:1.12rem 2.15rem;font-size:1rem}
.btn--block{width:100%}

.ico-wa{
  width:1.15em;height:1.15em;flex:none;background:currentColor;
  -webkit-mask:var(--wa) center/contain no-repeat;mask:var(--wa) center/contain no-repeat;
  --wa:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.46 1.32 4.96L2 22l5.25-1.38a9.9 9.9 0 0 0 4.79 1.22h.01c5.46 0 9.91-4.45 9.91-9.91S17.5 2 12.04 2Zm0 18.15h-.01a8.2 8.2 0 0 1-4.19-1.15l-.3-.18-3.12.82.83-3.04-.2-.31a8.19 8.19 0 0 1-1.26-4.38c0-4.54 3.7-8.24 8.25-8.24 2.2 0 4.27.86 5.83 2.42a8.19 8.19 0 0 1 2.41 5.83c0 4.54-3.7 8.23-8.24 8.23Zm4.52-6.16c-.25-.12-1.47-.72-1.69-.81-.23-.08-.39-.12-.56.13-.16.24-.64.8-.79.97-.14.16-.29.19-.54.06-.25-.12-1.05-.39-1.99-1.23-.74-.66-1.23-1.47-1.38-1.72-.14-.25-.01-.38.11-.5.11-.11.25-.29.37-.43.13-.15.17-.25.25-.41.08-.17.04-.31-.02-.43-.06-.12-.56-1.34-.76-1.84-.2-.48-.4-.42-.56-.43h-.47c-.17 0-.43.06-.66.31-.22.25-.87.85-.87 2.07s.89 2.4 1.02 2.57c.12.16 1.75 2.67 4.23 3.74.59.26 1.05.41 1.41.52.59.19 1.13.16 1.56.1.47-.07 1.47-.6 1.68-1.18.21-.58.21-1.07.14-1.18-.06-.11-.22-.17-.47-.29Z'/></svg>");
}

/* ---------- Üst şerit (yaklaşan özel gün) ---------- */
.topbar{background:var(--mustard);color:#3E2A05}
.topbar[hidden]{display:none}
.topbar__inner{
  display:flex;align-items:center;justify-content:center;gap:.85rem;flex-wrap:wrap;
  width:min(1200px,100% - var(--pad)*2);margin-inline:auto;
  padding:.7rem 0;text-decoration:none;font-size:.87rem;letter-spacing:.02em;text-align:center;
}
.topbar__text strong{font-weight:600}
.topbar__cta{font-weight:600;border-bottom:1.5px solid rgba(62,42,5,.45);transition:border-color .25s}
.topbar__inner:hover .topbar__cta{border-color:currentColor}

/* ---------- Nav ---------- */
.nav{
  position:sticky;top:0;z-index:100;
  background:rgba(46,90,69,.86);
  backdrop-filter:saturate(150%) blur(16px);
  -webkit-backdrop-filter:saturate(150%) blur(16px);
  color:var(--cream);
  border-bottom:1px solid transparent;
  transition:border-color .3s,box-shadow .3s;
}
.nav.is-stuck{border-color:var(--line-dark);box-shadow:0 10px 40px -26px rgba(0,0,0,.9)}
.nav__inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:92px}
.nav__links{display:flex;align-items:center;gap:clamp(1rem,2vw,2rem)}
.nav__links a:not(.btn){
  text-decoration:none;font-size:.92rem;letter-spacing:.05em;
  color:rgba(251,246,236,.76);position:relative;padding-block:.35rem;transition:color .25s;
}
.nav__links a:not(.btn)::after{
  content:"";position:absolute;left:0;right:100%;bottom:0;height:1.5px;background:var(--pink);
  transition:right .35s cubic-bezier(.2,.8,.3,1);
}
.nav__links a:not(.btn):hover{color:var(--cream)}
.nav__links a:not(.btn):hover::after{right:0}
.nav__toggle{display:none;background:none;border:0;padding:.5rem;cursor:pointer}
.nav__toggle span{display:block;width:24px;height:2px;background:var(--cream);border-radius:2px;transition:transform .3s,opacity .2s}
.nav__toggle span+span{margin-top:5px}
.nav__toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav__toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav__toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ---------- Hero ---------- */
.hero{position:relative;background:var(--forest);color:var(--cream);overflow:hidden;padding-top:clamp(2.5rem,6vw,5rem)}
.hero__blobs{position:absolute;inset:0;pointer-events:none;z-index:0}
.hero__blobs span{position:absolute;background:var(--leaf);border-radius:var(--r-blob);opacity:.62}
.hero__blobs span:nth-child(1){width:48vw;max-width:660px;aspect-ratio:1/1.25;top:-22%;right:-10%;transform:rotate(14deg)}
.hero__blobs span:nth-child(2){width:34vw;max-width:440px;aspect-ratio:1/1.4;bottom:-26%;left:-12%;transform:rotate(-18deg);border-radius:46% 54% 60% 40% / 50% 42% 58% 50%;opacity:.5}
.hero__blobs span:nth-child(3){width:20vw;max-width:250px;aspect-ratio:1;top:38%;left:42%;opacity:.28;border-radius:52% 48% 40% 60% / 56% 44% 56% 44%}
.hero__inner{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,5vw,4.5rem);align-items:center;padding-bottom:clamp(3.5rem,7vw,6rem)}
.hero__copy .lede{margin-top:1.7rem}
.hero__cta{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:2.5rem}
.hero__assure{
  margin-top:1.4rem;font-size:.9rem;line-height:1.55;max-width:44ch;
  color:rgba(251,246,236,.66);padding-left:1.15rem;position:relative;
}
.hero__assure::before{content:"";position:absolute;left:0;top:.42em;bottom:.42em;width:2.5px;border-radius:2px;background:var(--mustard)}
.hero__assure strong{color:var(--cream);font-weight:500}

/* Hızlı soru pilleri */
.chips{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.5rem}
.chip{
  display:inline-block;text-decoration:none;font-size:.84rem;letter-spacing:.03em;
  padding:.5rem 1rem;border-radius:999px;
  border:1.5px solid var(--line-dark);color:rgba(251,246,236,.82);
  transition:background .25s,border-color .25s,color .25s,transform .25s;
}
.chip:hover{background:var(--cream);border-color:var(--cream);color:var(--forest);transform:translateY(-2px)}
.chip::before{content:"↳ ";opacity:.5}

.hero__trust{
  display:flex;flex-wrap:wrap;gap:1.2rem 2.4rem;margin-top:2.6rem;
  padding-top:1.7rem;border-top:1px solid var(--line-dark);
  font-size:.88rem;letter-spacing:.05em;color:rgba(251,246,236,.6);
}
.hero__trust strong{
  display:block;font-family:var(--serif);font-variation-settings:var(--wonk);
  font-size:1.5rem;font-weight:800;color:var(--mustard);letter-spacing:-.02em;line-height:1.1;
}

/* Kaset illüstrasyonu */
.hero__art{position:relative;display:grid;place-items:center;padding:1.25rem}
.cassette{
  position:relative;width:min(100%,450px);aspect-ratio:8/5.4;
  background:var(--cream);
  border-radius:26px;padding:clamp(.85rem,2.2vw,1.25rem);
  box-shadow:var(--shadow-lg);
  display:flex;flex-direction:column;gap:.75rem;
  transform:rotate(-4deg);
  animation:float 7.5s ease-in-out infinite;
}
.cassette::after{content:"";position:absolute;inset:9px;border:1.5px solid rgba(46,90,69,.18);border-radius:19px;pointer-events:none}
@keyframes float{0%,100%{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(-4deg) translateY(-13px)}}
.cassette__label{
  background:var(--forest);border-radius:14px;padding:1.1rem .9rem .95rem;position:relative;overflow:hidden;
  display:grid;place-items:center;
}
.cassette__logo{width:min(66%,215px);height:auto}
.cassette__label::before{
  content:"";position:absolute;left:0;right:0;top:0;height:6px;
  background:linear-gradient(90deg,var(--pink) 0 34%,var(--mustard) 34% 67%,var(--cream) 67%);
}
.cassette__reels{
  flex:1;background:var(--forest);border-radius:14px;
  display:flex;align-items:center;justify-content:center;gap:clamp(.6rem,2vw,1.1rem);
  padding-inline:clamp(1rem,4vw,1.9rem);
}
.reel{
  width:clamp(46px,13%,64px);aspect-ratio:1;border-radius:50%;
  background:var(--cream);display:grid;place-items:center;
  box-shadow:inset 0 0 0 6px var(--leaf);
}
.reel__spin{width:44%;height:44%;border-radius:50%;background:conic-gradient(var(--mustard) 0 25%,var(--pink) 0 50%,var(--mustard) 0 75%,var(--pink) 0);animation:spin 5s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.cassette__tape{flex:1;height:clamp(22px,5vw,32px);background:var(--cream);opacity:.25;border-radius:5px}
.cassette__base{display:flex;justify-content:space-around;padding-inline:16%}
.cassette__base span{width:10px;height:10px;border-radius:50%;background:rgba(46,90,69,.22)}

.sticker{
  position:absolute;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;font-weight:500;
  padding:.55rem .95rem;border-radius:999px;box-shadow:var(--shadow-md);z-index:2;
}
.sticker--1{top:2%;right:-3%;transform:rotate(7deg);background:var(--mustard);color:#3E2A05}
.sticker--2{bottom:3%;left:-4%;transform:rotate(-6deg);background:var(--pink);color:#3B1226}

/* ---------- Steps ---------- */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1rem,2.4vw,1.9rem)}
.step{
  position:relative;background:#fff;border:1px solid var(--line);
  border-radius:var(--r-lg) var(--r-lg) var(--r-lg) 10px;
  padding:clamp(1.5rem,2.6vw,2rem);
  display:flex;flex-direction:column;gap:.8rem;
  transition:transform .38s cubic-bezier(.2,.8,.3,1),box-shadow .38s,border-color .38s;
}
.step:hover{transform:translateY(-7px);box-shadow:var(--shadow-md);border-color:var(--pink)}
.step__num{
  font-family:var(--serif);font-variation-settings:var(--wonk);
  font-size:2.9rem;font-weight:900;line-height:1;color:var(--pink);letter-spacing:-.04em;
}
.step h3{font-family:var(--serif);font-variation-settings:var(--wonk);font-size:1.4rem;font-weight:800;letter-spacing:-.02em;line-height:1.15}
.step p{color:var(--ink-soft);font-size:.95rem;flex:1}

/* ---------- Fotoğraf → karakter karşılaştırma ---------- */
.compares{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.1rem,2.4vw,1.9rem)}
.compare{--pos:50%}
.compare__frame{
  position:relative;aspect-ratio:4/5;border-radius:var(--r-lg);overflow:hidden;
  box-shadow:var(--shadow-md);background:var(--forest);
  touch-action:pan-y;
  user-select:none;-webkit-user-select:none;
}
.compare__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.compare__img--before{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
.compare__tag{
  position:absolute;top:.85rem;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;
  padding:.3rem .7rem;border-radius:999px;backdrop-filter:blur(6px);pointer-events:none;
  transition:opacity .25s;
}
.compare__tag--l{left:.85rem;background:rgba(32,64,47,.72);color:var(--cream)}
.compare__tag--r{right:.85rem;background:var(--pink);color:#3B1226}
.compare__bar{
  position:absolute;top:0;bottom:0;left:var(--pos);width:2px;background:var(--cream);
  transform:translateX(-1px);pointer-events:none;box-shadow:0 0 0 1px rgba(32,64,47,.25);
}
.compare__bar::after{
  content:"";position:absolute;top:50%;left:50%;width:42px;height:42px;
  transform:translate(-50%,-50%);border-radius:50%;
  background:var(--cream) center/14px 14px no-repeat;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232E5A45'><path d='M9.5 5.5 4 12l5.5 6.5v-13Zm5 0v13L20 12l-5.5-6.5Z'/></svg>");
  box-shadow:0 6px 18px -6px rgba(12,28,20,.7);
}
.compare__range{
  position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;
  appearance:none;background:none;
  /* Dikey kaydırma tarayıcıda kalsın, yatay hareketi biz yönetelim */
  touch-action:pan-y;
}
.compare__range::-webkit-slider-thumb{appearance:none;width:44px;height:100%}
.compare__range::-moz-range-thumb{width:44px;height:100%;border:0;background:transparent}
.compare__range:focus-visible{opacity:1;outline:none}
.compare__range:focus-visible + .compare__cap,
.compare__frame:has(.compare__range:focus-visible){outline:2.5px solid var(--pink);outline-offset:3px}
.compare__cap{margin-top:.9rem;font-size:.86rem;letter-spacing:.05em;color:var(--ink-mute)}

/* görseller yoksa */
.compare.is-empty .compare__frame{
  display:grid;place-items:center;text-align:center;padding:1.5rem;
  background:linear-gradient(200deg,var(--leaf),var(--forest));
}
.compare.is-empty .compare__cap{display:none}
.compare.is-empty .compare__img,.compare.is-empty .compare__bar,
.compare.is-empty .compare__range,.compare.is-empty .compare__tag{display:none}
.compare__soon{
  color:var(--cream);font-family:var(--serif);font-variation-settings:var(--wonk);
  font-weight:800;font-size:1.15rem;letter-spacing:-.02em;line-height:1.3;
}
.compare__soon small{
  display:block;font-family:var(--sans);font-weight:400;font-size:.82rem;
  letter-spacing:.02em;color:rgba(251,246,236,.68);margin-top:.5rem;
}

/* ---------- Tepki videosu ödülü ---------- */
.bounty{
  display:grid;grid-template-columns:auto 1fr;gap:clamp(1.5rem,4vw,3rem);align-items:start;
  background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);
  padding:clamp(1.75rem,3.6vw,3rem);box-shadow:var(--shadow-md);
}
.bounty__badge{
  display:grid;justify-items:center;align-content:center;gap:.1rem;
  background:var(--forest);color:var(--cream);border-radius:var(--r-md);
  padding:1.5rem 1.75rem;min-width:180px;
}
.bounty__amount{
  font-family:var(--serif);font-variation-settings:var(--wonk);font-weight:900;
  font-size:clamp(2.6rem,5vw,3.6rem);line-height:1;letter-spacing:-.04em;color:var(--mustard);
}
.bounty__cur{
  font-family:var(--serif);font-variation-settings:var(--wonk);font-weight:800;
  font-size:1.5rem;color:var(--mustard);margin-top:-.4rem;
}
.bounty__note{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(251,246,236,.7);margin-top:.6rem;text-align:center}
.bounty__lede{margin-top:1.15rem;color:var(--ink-soft);max-width:56ch}
.bounty__steps{display:grid;gap:.85rem;margin:1.6rem 0}
.bounty__steps li{display:flex;gap:.85rem;align-items:flex-start;font-size:.95rem;color:var(--ink-soft);line-height:1.5}
.bounty__steps span{
  flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;
  background:var(--mustard);color:#3E2A05;font-size:.8rem;font-weight:600;
}
.bounty__steps strong{color:var(--forest);font-weight:500}
.bounty__terms{margin-top:1.5rem;border-top:1px solid var(--line);padding-top:1rem}
.bounty__terms summary{
  cursor:pointer;list-style:none;font-size:.85rem;letter-spacing:.06em;color:var(--leaf);
  display:inline-flex;align-items:center;gap:.4rem;
}
.bounty__terms summary::-webkit-details-marker{display:none}
.bounty__terms summary::after{content:"▾";transition:transform .25s}
.bounty__terms[open] summary::after{transform:rotate(180deg)}
.bounty__terms ul{list-style:disc;padding-left:1.2rem;margin-top:.9rem;display:grid;gap:.5rem}
.bounty__terms li{font-size:.85rem;color:var(--ink-mute);line-height:1.55}
.bounty__terms strong{color:var(--ink-soft);font-weight:500}

/* ---------- Gallery ---------- */
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.1rem,2.4vw,1.9rem)}
.vcard{cursor:pointer}
.vcard__media{position:relative;aspect-ratio:9/13;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-lg);transition:transform .45s cubic-bezier(.2,.8,.3,1)}
.vcard:hover .vcard__media{transform:translateY(-9px)}
.vcard__ph{position:absolute;inset:0;background:radial-gradient(78% 58% at 50% 24%,var(--a),transparent 72%),linear-gradient(200deg,var(--b),var(--forest-deep))}
.vcard__ph::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 2px,transparent 2px 5px);mix-blend-mode:overlay}
.vcard video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vcard__play{
  position:absolute;inset:0;margin:auto;width:68px;height:68px;border-radius:50%;
  border:0;background:var(--cream);cursor:pointer;display:grid;place-items:center;
  box-shadow:0 14px 34px -12px rgba(0,0,0,.6);transition:transform .3s,background .3s;
}
.vcard:hover .vcard__play{transform:scale(1.1);background:var(--pink)}
.vcard__play span{width:0;height:0;margin-left:4px;border-left:17px solid var(--forest);border-block:10px solid transparent}
.vcard__len{
  position:absolute;right:.85rem;bottom:.85rem;background:rgba(32,64,47,.72);color:var(--cream);
  font-size:.7rem;letter-spacing:.12em;padding:.28rem .65rem;border-radius:999px;backdrop-filter:blur(6px);
}
.vcard__body{padding:1.2rem .3rem 0}
.vcard__body h3{font-family:var(--serif);font-variation-settings:var(--wonk);font-size:1.35rem;font-weight:800;letter-spacing:-.02em;color:var(--cream)}
.vcard__body p{font-size:.84rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mustard);margin-top:.35rem}
.gallery__note{margin-top:2.75rem;text-align:center}

/* ---------- Plans ---------- */
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.1rem,2.2vw,1.75rem);align-items:start}
.plan{
  position:relative;background:#fff;border:1px solid var(--line);
  border-radius:var(--r-lg);padding:clamp(1.75rem,3vw,2.4rem);
  display:flex;flex-direction:column;gap:1.5rem;
  transition:transform .38s cubic-bezier(.2,.8,.3,1),box-shadow .38s;
}
.plan:hover{transform:translateY(-7px);box-shadow:var(--shadow-md)}
.plan--featured{background:var(--forest);color:var(--cream);border-color:transparent;box-shadow:var(--shadow-lg);transform:translateY(-14px)}
.plan--featured:hover{transform:translateY(-21px)}
.plan__badge{
  position:absolute;top:-15px;left:50%;transform:translateX(-50%);
  background:var(--mustard);color:#3E2A05;font-size:.68rem;font-weight:600;
  letter-spacing:.2em;text-transform:uppercase;padding:.45rem 1.1rem;border-radius:999px;
  white-space:nowrap;box-shadow:var(--shadow-sm);
}
.plan__name{font-family:var(--serif);font-variation-settings:var(--wonk);font-size:1.95rem;font-weight:800;letter-spacing:-.035em}
.plan__for{font-size:.88rem;color:var(--ink-mute);margin-top:.25rem}
.plan--featured .plan__for{color:rgba(251,246,236,.68)}
.plan__price{display:flex;align-items:baseline;gap:.15rem;margin-top:1.2rem}
.plan__amt{font-family:var(--serif);font-variation-settings:var(--wonk);font-size:clamp(2.7rem,4.6vw,3.3rem);font-weight:900;line-height:1;letter-spacing:-.045em}
.plan__cur{font-family:var(--serif);font-variation-settings:var(--wonk);font-size:1.6rem;font-weight:800;color:var(--pink-deep)}
.plan--featured .plan__cur{color:var(--mustard)}
.plan__note{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--leaf);margin-top:.7rem}
.plan--featured .plan__note{color:var(--mustard)}
.plan__list{display:grid;gap:.72rem;font-size:.94rem;color:var(--ink-soft);flex:1}
.plan--featured .plan__list{color:rgba(251,246,236,.87)}
.plan__list li{position:relative;padding-left:1.75rem;line-height:1.5}
.plan__list li::before{content:"";position:absolute;left:0;top:.5em;width:.85rem;height:.5rem;border-left:2.5px solid var(--pink);border-bottom:2.5px solid var(--pink);transform:rotate(-45deg)}
.plan--featured .plan__list li::before{border-color:var(--mustard)}
.plan--featured .plan__list strong{color:#fff;font-weight:500}

.plan__pay{font-size:.78rem;color:var(--ink-mute);margin-top:.45rem}
.plan--featured .plan__pay{color:rgba(251,246,236,.6)}

/* Risk kaldırma şeridi */
.guarantee{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  margin-top:clamp(2.5rem,5vw,3.5rem);
  background:var(--line);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;
}
.guarantee li{background:var(--cream);padding:1.6rem 1.5rem}
.section--cream-alt .guarantee li{background:#fff}
.guarantee__ico{
  display:grid;place-items:center;width:38px;height:38px;border-radius:50%;
  background:var(--mustard);color:#3E2A05;font-size:1.05rem;margin-bottom:.9rem;
}
.guarantee h3{font-family:var(--serif);font-variation-settings:var(--wonk);font-size:1.1rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.35rem}
.guarantee p{font-size:.88rem;color:var(--ink-soft);line-height:1.55}
.plans__helper{margin-top:1.75rem;text-align:center;font-size:.94rem;color:var(--ink-soft)}

/* ---------- Yorumlar ---------- */
#yorumlar[hidden]{display:none}
.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2.2vw,1.6rem)}
.review{
  background:#fff;border:1px solid var(--line);border-radius:var(--r-lg) var(--r-lg) var(--r-lg) 10px;
  padding:clamp(1.5rem,2.6vw,2rem);display:flex;flex-direction:column;gap:1rem;
}
.review__stars{color:var(--mustard);letter-spacing:.15em;font-size:.9rem}
.review__text{font-family:var(--serif);font-variation-settings:var(--wonk);font-weight:500;font-size:1.08rem;line-height:1.45;letter-spacing:-.01em;color:var(--ink);flex:1}
.review__meta{font-size:.83rem;color:var(--ink-mute);padding-top:.9rem;border-top:1px dashed var(--line)}
.review__meta strong{display:block;color:var(--forest);font-weight:500;font-size:.9rem}

/* ---------- Hangi paket testi ---------- */
.quiz{
  display:grid;grid-template-columns:1.35fr .65fr;gap:0;
  margin-top:clamp(2.5rem,5vw,3.5rem);
  background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;
  box-shadow:var(--shadow-md);
}
.quiz__body{padding:clamp(1.5rem,3vw,2.25rem);display:grid;gap:1.4rem;align-content:start}
.quiz__title{font-family:var(--serif);font-variation-settings:var(--wonk);font-size:1.55rem;font-weight:800;letter-spacing:-.03em}
.quiz__hint{font-size:.9rem;color:var(--ink-mute);margin-top:-1rem}
.quiz__q{display:grid;gap:.55rem}
.quiz__q .field__legend{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--leaf);font-weight:500}
.quiz__result{
  background:var(--forest);color:var(--cream);
  padding:clamp(1.5rem,3vw,2.25rem);display:grid;align-content:center;gap:.4rem;
}
.quiz__resultLabel{font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;color:var(--mustard)}
.quiz__resultName{
  font-family:var(--serif);font-variation-settings:var(--wonk);font-weight:800;
  font-size:clamp(1.5rem,2.6vw,2rem);letter-spacing:-.03em;line-height:1.1;
}
.quiz__resultWhy{font-size:.9rem;color:rgba(251,246,236,.72);line-height:1.5}
.quiz__result .btn{margin-top:1rem;justify-self:start}

/* ---------- Karşılaştırma tablosu ---------- */
.cmp{margin-top:clamp(2.5rem,5vw,3.5rem)}
.cmp__title{font-family:var(--serif);font-variation-settings:var(--wonk);font-size:1.6rem;font-weight:800;letter-spacing:-.03em;margin-bottom:1.25rem}
.cmp__scroll{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-lg);background:#fff}
.cmp__table{width:100%;border-collapse:collapse;min-width:680px;font-size:.92rem}
.cmp__table th,.cmp__table td{padding:.85rem 1rem;text-align:left;border-bottom:1px solid var(--line)}
.cmp__table thead th{
  font-family:var(--serif);font-variation-settings:var(--wonk);font-weight:800;
  font-size:1.05rem;letter-spacing:-.02em;color:var(--forest);
  background:var(--cream);position:sticky;top:0;
}
.cmp__table thead th.is-featured{background:var(--forest);color:var(--cream)}
.cmp__table tbody th{
  font-weight:400;color:var(--ink-mute);font-size:.82rem;letter-spacing:.06em;
  text-transform:uppercase;white-space:nowrap;background:#fff;
  position:sticky;left:0;border-right:1px solid var(--line);
}
.cmp__table td{color:var(--ink-soft)}
.cmp__table td.is-featured{background:rgba(46,90,69,.06);color:var(--ink);font-weight:500}
.cmp__table td.no{color:rgba(28,51,39,.32)}
.cmp__table tbody tr:last-child th,.cmp__table tbody tr:last-child td{border-bottom:0}
.cmp__price td,.cmp__price th{
  font-family:var(--serif);font-variation-settings:var(--wonk);font-weight:800;
  font-size:1.15rem;letter-spacing:-.02em;color:var(--forest);
}
.cmp__price th{font-family:var(--sans);font-size:.82rem;font-weight:400}
.cmp__table .cmp__price td.is-featured{font-weight:800}
.cmp__note{margin-top:.9rem;font-size:.84rem;color:var(--ink-mute)}

/* ---------- Form öncesi beklenti ---------- */
.order__prep{
  margin-top:1.25rem;font-size:.92rem;line-height:1.55;color:var(--ink-soft);
  background:rgba(231,167,46,.14);border-radius:var(--r-md);padding:.9rem 1.1rem;
}
.order__prep strong{color:var(--forest);font-weight:500}

/* ---------- Occasions ---------- */
.occasions{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1rem,2vw,1.5rem)}
.occ{background:var(--cream);border:1px solid var(--line);border-radius:var(--r-md) var(--r-md) var(--r-md) 8px;padding:1.6rem 1.5rem;transition:transform .3s,border-color .3s,background .3s}
.occ:hover{transform:translateY(-5px);border-color:var(--pink);background:#fff}
.occ__ico{font-size:1.75rem;display:block;margin-bottom:.75rem}
.occ h3{font-family:var(--serif);font-variation-settings:var(--wonk);font-size:1.25rem;font-weight:800;letter-spacing:-.025em;margin-bottom:.4rem}
.occ p{font-size:.88rem;color:var(--ink-soft);line-height:1.55}

/* ---------- Why ---------- */
.why{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:start}
.why__list{display:grid;gap:1.45rem}
.why__list li{border-top:1px solid var(--line-dark);padding-top:1.35rem}
.why__list h3{font-family:var(--serif);font-variation-settings:var(--wonk);font-size:1.35rem;font-weight:800;letter-spacing:-.025em;margin-bottom:.35rem;color:var(--cream)}
.why__list p{color:var(--on-dark);font-size:.95rem}

/* ---------- Sipariş bölümü ---------- */
.order{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(2rem,4vw,3.5rem);align-items:start}
.order__intro{position:sticky;top:110px}
.order__facts{margin-top:2rem;display:grid;gap:.7rem;font-size:.93rem;color:var(--ink-soft)}
.order__facts li{padding-left:1.35rem;position:relative}
.order__facts li::before{content:"";position:absolute;left:0;top:.6em;width:8px;height:8px;border-radius:50%;background:var(--mustard)}
.order__facts strong{color:var(--forest);font-weight:500}
.order__skip{margin-top:1.6rem;font-size:.92rem;color:var(--ink-soft)}

/* ---------- Sihirbaz ---------- */
.wizard{
  background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);
  padding:clamp(1.35rem,2.8vw,2.25rem);box-shadow:var(--shadow-md);position:relative;
}
.wizard__steps{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1rem}
.wstep{
  display:flex;align-items:center;gap:.5rem;font-size:.83rem;letter-spacing:.02em;
  color:var(--ink-mute);padding:.35rem .7rem .35rem .35rem;border-radius:999px;transition:color .25s,background .25s;
}
.wstep__num{
  display:grid;place-items:center;width:24px;height:24px;border-radius:50%;
  background:var(--cream-2);color:var(--ink-mute);font-size:.78rem;font-weight:600;transition:background .25s,color .25s;
}
.wstep.is-active{color:var(--forest);font-weight:500}
.wstep.is-active .wstep__num{background:var(--pink);color:#3B1226}
.wstep.is-done{color:var(--leaf);cursor:pointer}
.wstep.is-done .wstep__num{background:var(--forest);color:var(--cream)}
.wstep.is-done .wstep__num::after{content:"✓";font-size:.7rem}
.wstep.is-done .wstep__num{font-size:0}

.wizard__bar{height:4px;background:var(--cream-2);border-radius:999px;overflow:hidden;margin-bottom:1.75rem}
.wizard__bar span{display:block;height:100%;width:33.333%;background:var(--pink);border-radius:999px;transition:width .45s cubic-bezier(.2,.8,.3,1)}

.wpane{border:0;padding:0;margin:0;display:grid;gap:1.15rem}
.wpane[hidden]{display:none}
.wpane__title{font-family:var(--serif);font-variation-settings:var(--wonk);font-size:clamp(1.35rem,2.4vw,1.7rem);font-weight:800;letter-spacing:-.03em;margin-bottom:-.5rem}
.wpane__hint{font-size:.92rem;color:var(--ink-soft);line-height:1.55}
.wgrid{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}

/* Alanlar */
.field{display:grid;gap:.45rem;align-content:start}
.field--full{grid-column:1/-1}
.wizard .field > label,.wizard .field__legend{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--leaf);font-weight:500}
.wizard .field > label em,.consent em{color:var(--pink-deep);font-style:normal}
.field__opt{text-transform:none;letter-spacing:.02em;color:var(--ink-mute);font-size:.78rem}
.wizard input[type=text],.wizard input[type=tel],.wizard input[type=email],
.wizard input[type=date],.wizard textarea,.wizard select{
  width:100%;background:var(--cream);border:1.5px solid var(--line);border-radius:var(--r-sm);
  padding:.85rem 1rem;font-size:.97rem;transition:border-color .25s,background .25s;appearance:none;
}
.wizard textarea{resize:vertical;min-height:110px;font-family:var(--sans);line-height:1.6}
.wizard input:focus,.wizard textarea:focus,.wizard select:focus{outline:none;border-color:var(--pink);background:#fff}
.wizard input::placeholder,.wizard textarea::placeholder{color:rgba(28,51,39,.38)}
.select{position:relative}
.select::after{content:"";position:absolute;right:1.05rem;top:50%;width:8px;height:8px;border-right:2px solid var(--leaf);border-bottom:2px solid var(--leaf);transform:translateY(-70%) rotate(45deg);pointer-events:none}

.field__hint{font-size:.82rem;line-height:1.45;padding:.5rem .75rem;border-radius:var(--r-sm);background:rgba(60,110,84,.1);color:var(--forest)}
.field__hint[hidden]{display:none}
.field__hint.is-warn{background:rgba(231,167,46,.2);color:#5A3D07}
.field__hint.is-tight{background:rgba(217,87,140,.16);color:#7A2247}
.field__err{font-size:.82rem;color:var(--pink-deep);letter-spacing:.01em}
.field.is-invalid input,.field.is-invalid textarea,.field.is-invalid select{border-color:var(--pink-deep);background:rgba(217,87,140,.06)}

/* Karakter kartı */
.charcard{
  border:1px solid var(--line);border-radius:var(--r-md);
  padding:clamp(1.1rem,2.2vw,1.5rem);display:grid;gap:1rem;position:relative;background:var(--cream);
}
.charcard__title{font-family:var(--serif);font-variation-settings:var(--wonk);font-size:1.15rem;font-weight:800;letter-spacing:-.02em}
#addChar{justify-self:start}
.charcard__title span{font-family:var(--sans);font-weight:400;font-size:.82rem;letter-spacing:.02em;color:var(--ink-mute)}
.charcard--extra{background:#fff;border-style:dashed}
.charcard__remove{
  position:absolute;top:.7rem;right:.7rem;width:28px;height:28px;border-radius:50%;
  border:1px solid var(--line);background:#fff;color:var(--ink-mute);font-size:1.1rem;line-height:1;cursor:pointer;
  transition:background .2s,color .2s,border-color .2s;
}
.charcard__remove:hover{background:var(--pink);border-color:var(--pink);color:#3B1226}

/* Fotoğraf yükleyici */
.uploader{display:grid;gap:.75rem}
.uploader__drop{
  display:flex;align-items:center;justify-content:center;gap:.7rem;flex-wrap:wrap;
  text-align:left;cursor:pointer;
  border:1.5px dashed rgba(46,90,69,.28);border-radius:var(--r-md);
  padding:.85rem 1rem;background:#fff;transition:border-color .25s,background .25s;
  text-transform:none;letter-spacing:normal;color:inherit;
}
.uploader__drop > span:not(.uploader__ico){display:grid}
.uploader__req{font-weight:400;color:var(--pink-deep)}
.charcard.is-invalid{border-color:var(--pink-deep);background:rgba(217,87,140,.05)}
.charcard.is-invalid .uploader__drop{border-color:var(--pink-deep);background:rgba(217,87,140,.06)}
.uploader__drop:hover,.uploader__drop.is-over{border-color:var(--pink);background:rgba(241,127,171,.06)}
.uploader__drop.is-over{transform:scale(1.01)}
.uploader__ico{
  display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:50%;
  background:var(--mustard);color:#3E2A05;font-size:.95rem;
}
.uploader__drop strong{font-size:.95rem;font-weight:500;color:var(--forest);letter-spacing:.01em}
.uploader__drop small{font-size:.78rem;color:var(--ink-mute)}
.uploader__list{display:flex;flex-wrap:wrap;gap:.6rem}
.thumb{position:relative;width:78px}
.thumb img{width:78px;height:78px;object-fit:cover;border-radius:var(--r-sm);border:1px solid var(--line)}
.thumb__meta{display:block;font-size:.68rem;color:var(--ink-mute);text-align:center;margin-top:.2rem}
.thumb__del{
  position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;
  border:0;background:var(--forest);color:var(--cream);font-size:.95rem;line-height:1;cursor:pointer;
  box-shadow:var(--shadow-sm);transition:background .2s;
}
.thumb__del:hover{background:var(--pink-deep)}

/* Seçim pilleri (radio / checkbox) */
.pickers{display:flex;flex-wrap:wrap;gap:.5rem}
.picker{position:relative;text-transform:none;letter-spacing:normal}
.picker input{position:absolute;opacity:0;width:0;height:0}
.picker span{
  display:inline-block;padding:.55rem 1rem;border-radius:999px;cursor:pointer;
  border:1.5px solid var(--line);background:var(--cream);
  font-size:.88rem;color:var(--ink-soft);transition:all .22s;
}
.picker input:checked + span{background:var(--forest);border-color:var(--forest);color:var(--cream)}
.picker input:focus-visible + span{outline:2.5px solid var(--pink);outline-offset:2px}
.picker span:hover{border-color:var(--pink)}

/* Onaylar */
.consents{display:grid;gap:.85rem;padding:1.1rem 1.2rem;background:var(--cream);border-radius:var(--r-md);border:1px solid var(--line)}
.consent{display:flex;gap:.7rem;align-items:flex-start;cursor:pointer;text-transform:none;letter-spacing:normal;font-size:.87rem;line-height:1.5;color:var(--ink-soft);font-weight:400}
.consent input{flex:none;width:19px;height:19px;margin-top:.15rem;accent-color:var(--pink-deep)}
.consent a{color:var(--pink-deep)}
.hpot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* Gezinme + durum */
.wizard__nav{display:flex;gap:.75rem;margin-top:1.9rem;padding-top:1.5rem;border-top:1px solid var(--line)}
.wizard__nav .btn{flex:1;justify-content:center}
.wizard__nav #wPrev{flex:0 0 auto}
.btn__sub{font-size:.78rem;opacity:.6;font-weight:400}
.wizard__status{font-size:.88rem;padding:.75rem 1rem;border-radius:var(--r-sm);background:rgba(60,110,84,.1);color:var(--forest)}
.wizard__status[hidden]{display:none}
.wizard__status.is-warn{background:rgba(231,167,46,.2);color:#5A3D07}
.wizard__status.is-info{background:rgba(60,110,84,.1);color:var(--forest)}

/* Başarı ekranı */
.wpane--done{justify-items:center;text-align:center;gap:1rem;padding-block:1.5rem}
.done__ico{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--forest);color:var(--mustard);font-size:1.6rem}
.done__note{font-size:.84rem;color:var(--ink-mute);max-width:38ch}

/* ---------- FAQ ---------- */
.faq{display:grid;gap:.3rem}
.faq__item{border-bottom:1px solid var(--line)}
.faq__item summary{
  cursor:pointer;list-style:none;padding:1.4rem 3rem 1.4rem 0;position:relative;
  font-family:var(--serif);font-variation-settings:var(--wonk);
  font-size:clamp(1.1rem,1.6vw,1.32rem);font-weight:800;letter-spacing:-.02em;transition:color .25s;
}
.faq__item summary::-webkit-details-marker{display:none}
.faq__item summary:hover{color:var(--pink-deep)}
.faq__item summary::after{
  content:"";position:absolute;right:.35rem;top:50%;width:13px;height:13px;
  background:linear-gradient(var(--leaf),var(--leaf)) center/100% 2.5px no-repeat,
             linear-gradient(var(--leaf),var(--leaf)) center/2.5px 100% no-repeat;
  transform:translateY(-50%);transition:transform .35s cubic-bezier(.2,.8,.3,1);
}
.faq__item[open] summary::after{transform:translateY(-50%) rotate(135deg)}
.faq__item p{padding-bottom:1.55rem;color:var(--ink-soft);max-width:65ch;font-size:.97rem}

/* ---------- CTA (pembe blok) ---------- */
.cta{background:var(--pink);color:#3B1226;text-align:center;padding-block:clamp(4.5rem,9vw,7.5rem);position:relative;overflow:hidden}
.cta__blobs{position:absolute;inset:0;pointer-events:none}
.cta__blobs span{position:absolute;background:var(--pink-soft);border-radius:var(--r-blob);opacity:.55}
.cta__blobs span:nth-child(1){width:34vw;max-width:440px;aspect-ratio:1/1.2;top:-24%;left:-8%;transform:rotate(12deg)}
.cta__blobs span:nth-child(2){width:28vw;max-width:360px;aspect-ratio:1/1.3;bottom:-28%;right:-6%;transform:rotate(-16deg)}
.cta__inner{position:relative;z-index:1;display:grid;justify-items:center;gap:1.15rem}
.cta .display em{color:var(--cream)}
.cta__inner p{color:rgba(59,18,38,.72);max-width:44ch}
.cta__inner .btn{margin-top:.8rem}
.cta__inner p.cta__sub{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(59,18,38,.58);max-width:none;text-wrap:balance}

/* ---------- Footer ---------- */
.footer{background:var(--forest-deep);color:rgba(251,246,236,.7);padding-top:clamp(3rem,6vw,4.5rem)}
.footer__inner{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:clamp(1.75rem,4vw,3rem);padding-bottom:3rem}
.footer__logo{display:inline-block;text-decoration:none}
.footer__logo img{width:min(190px,62%);height:auto}
.footer__brand p{margin-top:1.25rem;max-width:34ch;font-size:.92rem;line-height:1.6}
.footer__col{display:grid;gap:.65rem;align-content:start}
.footer__col h3{font-family:var(--sans);font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:var(--mustard);font-weight:600;margin-bottom:.4rem}
.footer__col a{text-decoration:none;font-size:.93rem;transition:color .25s}
.footer__col a:hover{color:var(--pink)}
.footer__bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding-block:1.6rem;border-top:1px solid var(--line-dark);font-size:.82rem;letter-spacing:.06em;color:rgba(251,246,236,.48)}

/* ---------- FAB ---------- */
.fab{
  position:fixed;right:clamp(1rem,3vw,2rem);bottom:clamp(1rem,3vw,2rem);z-index:90;
  display:inline-flex;align-items:center;gap:.65rem;background:var(--pink);color:#3B1226;
  text-decoration:none;padding:.95rem 1.45rem;border-radius:999px;font-weight:500;font-size:.92rem;
  box-shadow:0 20px 44px -16px rgba(12,28,20,.7);
  transform:translateY(130%);opacity:0;
  transition:transform .5s cubic-bezier(.2,.8,.3,1),opacity .35s,background .25s;
}
.fab.is-visible{transform:translateY(0);opacity:1}
.fab:hover{background:var(--pink-soft)}
.fab .ico-wa{width:1.35em;height:1.35em;flex:none}
.fab__label{display:grid;line-height:1.2;text-align:center}
.fab__label strong{font-weight:600;letter-spacing:.02em}
.fab__label small{display:none;font-size:.74rem;opacity:.75;margin-top:.15rem}
.fab__arrow{font-size:1.05em;opacity:.65;transition:transform .25s}
.fab:hover .fab__arrow{transform:translateX(3px)}

/* ---------- Lightbox ---------- */
.lightbox{position:fixed;inset:0;z-index:150;background:rgba(20,40,30,.94);backdrop-filter:blur(10px);display:grid;place-items:center;padding:var(--pad)}
.lightbox[hidden]{display:none}
.lightbox__inner{width:min(420px,100%);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-lg)}
.lightbox__inner video{width:100%;height:auto;display:block;background:#000}
.lightbox__empty{background:var(--cream);color:var(--ink);padding:2.5rem 2rem;text-align:center;font-size:.96rem}
.lightbox__empty strong{display:block;font-family:var(--serif);font-variation-settings:var(--wonk);font-weight:800;font-size:1.45rem;margin-bottom:.5rem;color:var(--forest)}
.lightbox__empty code{background:rgba(46,90,69,.1);padding:.1em .4em;border-radius:5px;font-size:.9em}
.lightbox__close{position:absolute;top:1.25rem;right:1.5rem;background:none;border:0;color:var(--cream);font-size:2.6rem;line-height:1;cursor:pointer;opacity:.75;transition:opacity .2s,transform .2s}
.lightbox__close:hover{opacity:1;transform:scale(1.1)}

/* ---------- Reveal ---------- */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .85s cubic-bezier(.2,.8,.3,1),transform .85s cubic-bezier(.2,.8,.3,1)}
.reveal.is-in{opacity:1;transform:none}

/* ---------- Hukuki sayfalar ---------- */
.legal{background:var(--cream);color:var(--ink);padding-block:clamp(3rem,7vw,5rem) var(--sec)}
.legal__inner{width:min(820px,100% - var(--pad)*2);margin-inline:auto}
.legal__back{display:inline-block;margin-bottom:2rem;text-decoration:none;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:var(--leaf)}
.legal__back:hover{color:var(--pink-deep)}
.legal h1{font-family:var(--serif);font-variation-settings:var(--wonk);font-weight:800;letter-spacing:-.035em;font-size:clamp(2rem,4.4vw,3.1rem);line-height:1.05;margin-bottom:.8rem}
.legal__updated{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:2.75rem}
.legal h2{font-family:var(--serif);font-variation-settings:var(--wonk);font-size:clamp(1.25rem,2.2vw,1.6rem);font-weight:800;letter-spacing:-.025em;margin:2.5rem 0 .85rem}
.legal p,.legal li{color:var(--ink-soft);margin-bottom:.85rem}
.legal ul{list-style:disc;padding-left:1.35rem;margin-bottom:1rem}
.legal ul li{margin-bottom:.4rem}
.legal__todo{background:rgba(231,167,46,.16);border:1px dashed var(--mustard-deep);border-radius:var(--r-md);padding:1.15rem 1.4rem;margin-bottom:2.5rem;font-size:.92rem;color:var(--ink)}
.legal__todo strong{color:var(--forest)}

/* ---------- Responsive ---------- */
@media (max-width:1080px){
  .steps{grid-template-columns:repeat(2,1fr)}
  .occasions{grid-template-columns:repeat(2,1fr)}

  .footer__inner{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .hero__inner{grid-template-columns:1fr;padding-bottom:3rem}
  .hero__art{order:-1;max-width:420px;margin-inline:auto}
  .hero__copy .lede{max-width:none}
  .gallery{grid-template-columns:1fr}
  .compares{grid-template-columns:1fr;max-width:420px;margin-inline:auto}
  .bounty{grid-template-columns:1fr}
  .quiz{grid-template-columns:1fr}
  .bounty__badge{justify-self:start}
  .vcard__media{aspect-ratio:16/10}
  .plans{grid-template-columns:1fr;max-width:480px;margin-inline:auto}
  .plan--featured{transform:none}
  .plan--featured:hover{transform:translateY(-7px)}
  .why,.order{grid-template-columns:1fr}
  .order__intro{position:static}
  .nav__links{
    position:fixed;inset:92px 0 auto 0;flex-direction:column;align-items:stretch;
    background:var(--forest);padding:1.5rem var(--pad) 2rem;gap:.35rem;
    border-bottom:1px solid var(--line-dark);box-shadow:var(--shadow-md);
    transform:translateY(-140%);transition:transform .42s cubic-bezier(.2,.8,.3,1);
  }
  .nav__links.is-open{transform:translateY(0)}
  .nav__links a:not(.btn){padding:.9rem 0;border-bottom:1px solid var(--line-dark);font-size:1.05rem}
  .nav__links .btn{margin-top:1rem;justify-content:center;padding:.95rem}
  .nav__toggle{display:block}
  .reviews{grid-template-columns:1fr}
  .guarantee{grid-template-columns:1fr}

  /* Mobilde sabit tam genişlik sipariş şeridi */
  body{padding-bottom:84px}
  .fab{
    left:0;right:0;bottom:0;border-radius:0;justify-content:center;gap:.55rem;
    padding:.85rem 1rem calc(.85rem + env(safe-area-inset-bottom));
    box-shadow:0 -12px 34px -18px rgba(12,28,20,.85);
  }
  .fab__label{justify-items:center}
  .fab__label small{display:block}
  /* Ok metni kaydırmasın diye mutlak konumda */
  .fab__arrow{position:absolute;right:1.35rem;top:50%;transform:translateY(-50%);opacity:.55}
  .fab:hover .fab__arrow{transform:translateY(-50%)}
  .footer__bottom{padding-bottom:1.6rem}
}
@media (max-width:560px){
  .steps,.occasions{grid-template-columns:1fr}
  .wgrid{grid-template-columns:1fr}
  .wizard__steps{gap:.2rem}
  .wstep{font-size:.76rem;padding-right:.5rem}
  .wizard__nav{flex-wrap:wrap}
  .wizard__nav .btn{flex:1 1 100%}
  .footer__inner{grid-template-columns:1fr}
  .sticker--1{right:-2px}
  .sticker--2{left:-2px}
  .hero__trust{gap:1rem 1.7rem}
  .brand__love,.brand__cassette{font-size:1.32rem}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  html{scroll-behavior:auto}
  .reveal{opacity:1;transform:none}
}

@media print{
  .nav,.fab,.hero__art,.lightbox,.blob,.hero__blobs,.cta__blobs{display:none}
  body{background:#fff;color:#000}
}