/* =========================================================================
   ÇARK VE KİL — Seramik Atölyesi
   "Kil Defteri / Sıcak Program" — warm, friendly, hand-thrown course site.
   Terracotta + cream + mustard + soft green + ink.
   Nunito (rounded sans) + Fraunces (warm serif accent).
   ========================================================================= */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,500&family=Nunito:wght@400;500;600;700;800&display=swap');

/* ---------------------------------------------------------------- tokens */
:root{
  --cream:#F3EADB;          /* page background */
  --cream-2:#EDE2CF;        /* deeper cream band */
  --cream-3:#E6D9C2;
  --surface:#FBF6EC;        /* card surface */
  --surface-hi:#FFFDF8;     /* lifted card */

  --ink:#2B221C;            /* primary text — warm near-black */
  --ink-2:#5A4F44;          /* muted body */
  --ink-3:#6F655A;          /* faint (AA on cream surfaces) */

  --terra:#C5603A;          /* brand terracotta (decor / large) */
  --terra-deep:#A8482A;     /* terracotta for text & buttons (AA) */
  --terra-dark:#8F3C22;     /* hover */
  --terra-soft:rgba(197,96,58,.12);

  --mustard:#D9A23B;        /* friendly mustard accent */
  --mustard-soft:rgba(217,162,59,.42);
  --mustard-deep:#9A6B14;

  --green:#6E8B6A;          /* soft green — "open / fresh" */
  --green-deep:#4F6B4B;     /* green text (AA) */
  --green-soft:rgba(110,139,106,.16);

  --line:rgba(43,34,28,.14);
  --line-2:rgba(43,34,28,.22);
  --on-terra:#FFF6EC;       /* text on terracotta */
  --footer:#2E241D;

  --maxw:1200px;
  --gutter:clamp(18px,4.5vw,52px);
  --ease:cubic-bezier(.22,.7,.26,1);
  --shadow-sm:0 6px 18px -12px rgba(60,40,25,.5);
  --shadow:0 18px 40px -24px rgba(60,40,25,.6);
  --shadow-lg:0 30px 60px -30px rgba(60,40,25,.55);

  --ff-sans:'Nunito',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --ff-serif:'Fraunces',Georgia,'Times New Roman',serif;

  --hh:76px;
  --radius:22px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
html,body{max-width:100%;overflow-x:clip}
body{
  margin:0;
  background:var(--cream);
  color:var(--ink);
  font-family:var(--ff-sans);
  font-size:clamp(16px,1.04vw,17.5px);
  line-height:1.66;
  font-weight:500;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img{max-width:100%;display:block;height:auto}
a{color:inherit;text-decoration:none}
ul{margin:0;padding:0;list-style:none}
button{font-family:inherit}
::selection{background:var(--mustard-soft);color:var(--ink)}
:focus-visible{outline:3px solid var(--terra-deep);outline-offset:3px;border-radius:6px}

.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}

.skip-link{position:absolute;left:-9999px;top:0;background:var(--ink);color:var(--cream);padding:12px 18px;z-index:3000;border-radius:0 0 12px 0;font-weight:700}
.skip-link:focus{left:0;top:0}

/* ---------------------------------------------------------------- type */
h1,h2,h3,h4{margin:0;font-family:var(--ff-serif);font-weight:600;line-height:1.08;letter-spacing:-.01em;color:var(--ink)}
h1{font-size:clamp(2rem,5.4vw,4.05rem);line-height:1.04}
h2{font-size:clamp(1.7rem,4vw,2.85rem)}
h3{font-size:clamp(1.2rem,2vw,1.5rem)}
p{margin:0 0 1em}
strong,b{font-weight:800}
.lead{font-size:clamp(1.08rem,1.6vw,1.32rem);line-height:1.55;color:var(--ink-2);font-weight:600}

/* friendly chip label (replaces eyebrow) */
.chip{
  display:inline-flex;align-items:center;gap:.55em;
  font-family:var(--ff-sans);font-weight:700;font-size:.82rem;letter-spacing:.01em;
  color:var(--terra-deep);background:var(--terra-soft);
  padding:.42em .95em .42em .8em;border-radius:999px;margin:0 0 1.1rem;
}
.chip::before{content:"";width:.52em;height:.52em;border-radius:50%;background:var(--terra);flex:none}
.chip.mustard{color:var(--mustard-deep);background:rgba(217,162,59,.18)}
.chip.mustard::before{background:var(--mustard)}
.chip.green{color:var(--green-deep);background:var(--green-soft)}
.chip.green::before{background:var(--green)}
.chip.cream{color:var(--on-terra);background:rgba(255,246,236,.16)}
.chip.cream::before{background:var(--mustard)}

/* highlighter swipe on accent words (box-decoration-break for clean wraps) */
.hl{
  display:inline;color:var(--ink);
  -webkit-box-decoration-break:clone;box-decoration-break:clone;
  background-image:linear-gradient(var(--mustard-soft),var(--mustard-soft));
  background-repeat:no-repeat;background-position:0 88%;
  background-size:0% .34em;padding:0 .05em;border-radius:.12em;
  transition:background-size .8s var(--ease) .15s;
}
.reveal.is-in .hl,.is-in.hl{background-size:100% .34em}
.no-js .hl{background-size:100% .34em}
@media (prefers-reduced-motion: reduce){.hl{background-size:100% .34em!important;transition:none}}
/* terracotta ink accent word (no highlight) */
.ink-terra{color:var(--terra-deep);white-space:nowrap}

/* ---------------------------------------------------------------- buttons */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.55em;
  font-family:var(--ff-sans);font-weight:800;font-size:1rem;line-height:1;
  padding:.92em 1.7em;border-radius:999px;border:2px solid transparent;
  cursor:pointer;text-align:center;
  transition:transform .2s var(--ease),box-shadow .2s var(--ease),background .2s,color .2s,border-color .2s;
  will-change:transform;
}
.btn svg{width:1.1em;height:1.1em}
.btn-primary{background:var(--terra-deep);color:var(--on-terra);border-color:var(--terra-deep);box-shadow:0 12px 22px -12px rgba(168,72,42,.75)}
.btn-primary:hover{background:var(--terra-dark);border-color:var(--terra-dark);color:var(--on-terra);transform:translateY(-3px);box-shadow:0 18px 28px -12px rgba(143,60,34,.7)}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line-2)}
.btn-ghost:hover{border-color:var(--terra-deep);color:var(--terra-deep);background:var(--terra-soft);transform:translateY(-3px)}
.btn-mustard{background:var(--mustard);color:var(--ink);border-color:var(--mustard);box-shadow:0 12px 22px -12px rgba(154,107,20,.6)}
.btn-mustard:hover{background:#E8B24E;border-color:#E8B24E;color:var(--ink);transform:translateY(-3px)}
.btn:active{transform:translateY(0)}
/* ghost button on dark/terra band */
.btn-ghost.on-dark{color:var(--on-terra);border-color:rgba(255,246,236,.5)}
.btn-ghost.on-dark:hover{background:var(--on-terra);color:var(--terra-deep);border-color:var(--on-terra)}

/* ---------------------------------------------------------------- header */
.site-header{
  position:sticky;top:0;z-index:1080;
  background:rgba(243,234,219,.86);backdrop-filter:saturate(1.4) blur(10px);
  border-bottom:1px solid var(--line);transition:box-shadow .25s,background .25s;
}
.site-header.is-scrolled{box-shadow:0 10px 30px -22px rgba(60,40,25,.8);background:rgba(243,234,219,.96)}
.header-inner{height:var(--hh);display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:inline-flex;align-items:center;gap:11px;font-family:var(--ff-serif);font-weight:600;font-size:1.28rem;letter-spacing:-.01em;color:var(--ink)}
.brand .mark{width:38px;height:38px;flex:none;color:var(--terra)}
.brand .mark .clay{transform-origin:19px 21px;animation:wobble 5.5s ease-in-out infinite}
.brand b{font-weight:600}
.brand .sub{color:var(--terra-deep)}
@keyframes wobble{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}
@media (prefers-reduced-motion: reduce){.brand .mark .clay{animation:none}}

.nav-desktop{display:flex;align-items:center;gap:2px}
.nav-desktop a{
  font-weight:700;font-size:.96rem;padding:.5em .85em;color:var(--ink-2);
  border-radius:999px;position:relative;transition:color .18s,background .18s;
}
.nav-desktop a::after{content:"";position:absolute;left:50%;right:50%;bottom:.28em;height:3px;border-radius:3px;background:var(--mustard);transition:left .22s var(--ease),right .22s var(--ease)}
.nav-desktop a:hover,.nav-desktop a.is-active{color:var(--ink)}
.nav-desktop a:hover::after,.nav-desktop a.is-active::after{left:.85em;right:.85em}
.nav-desktop .nav-cta{margin-left:8px;background:var(--terra-deep);color:var(--on-terra);padding:.55em 1.2em;font-weight:800}
.nav-desktop .nav-cta::after{display:none}
.nav-desktop .nav-cta:hover{background:var(--terra-dark);color:var(--on-terra)}

.nav-toggle{display:none;position:relative;z-index:1100;width:48px;height:48px;border:2px solid var(--line-2);background:var(--surface);cursor:pointer;border-radius:14px}
.nav-toggle span{display:block;width:21px;height:2.4px;border-radius:3px;background:var(--ink);margin:4px auto;transition:transform .25s var(--ease),opacity .2s}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6.4px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.4px) rotate(-45deg)}

/* ---------------------------------------------------------------- drawer */
.drawer-backdrop{position:fixed;inset:0;background:rgba(43,34,28,.45);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s;z-index:1040}
.drawer-backdrop.is-open{opacity:1;visibility:visible}
.drawer{
  position:fixed;top:0;right:0;height:100%;width:min(86vw,350px);
  background:var(--surface);border-left:1px solid var(--line);
  transform:translateX(100%);transition:transform .34s var(--ease);
  z-index:1050;padding:calc(var(--hh) + 20px) 26px 28px;display:flex;flex-direction:column;gap:2px;overflow-y:auto;
  box-shadow:-30px 0 60px -40px rgba(60,40,25,.7);
}
.drawer.is-open{transform:translateX(0)}
.drawer a{font-weight:700;font-size:1.12rem;color:var(--ink);padding:14px 4px;border-bottom:1px solid var(--line);transition:color .15s,padding-left .15s}
.drawer a:hover{color:var(--terra-deep);padding-left:10px}
.drawer .drawer-cta{margin-top:18px;border-bottom:none;background:var(--terra-deep);color:var(--on-terra)!important;border-radius:999px;text-align:center;font-weight:800;padding:14px 18px}
.drawer a.drawer-cta:hover{padding-left:18px;color:var(--on-terra)!important;background:var(--terra-dark)}
.drawer-meta{margin-top:auto;padding-top:22px;font-size:.95rem;line-height:1.6;color:var(--ink-2)}
.drawer-meta a{display:inline-block;margin-top:8px;color:var(--terra-deep);border-bottom:none;padding:0;font-weight:800}

/* ---------------------------------------------------------------- sections */
.section{padding-block:clamp(56px,8vw,118px);position:relative;overflow:clip}
.section--tint{background:var(--cream-2)}
.section--cream{background:var(--surface-hi)}
.section-head{max-width:64ch;margin-bottom:clamp(32px,4.5vw,58px)}
.section-head.center{margin-inline:auto;text-align:center}
.section-head h2{margin-bottom:.4em}
.section-head>p{color:var(--ink-2);font-size:1.08rem;margin-bottom:0}

/* organic clay blobs (decor) */
.blob{position:absolute;border-radius:46% 54% 58% 42%/50% 44% 56% 50%;pointer-events:none;z-index:0;filter:blur(2px);opacity:.5}
.blob.b1{width:min(38vw,360px);aspect-ratio:1;background:var(--terra-soft);top:-8%;right:-6%;animation:breathe 9s ease-in-out infinite}
.blob.b2{width:min(30vw,280px);aspect-ratio:1;background:var(--green-soft);bottom:-10%;left:-8%;animation:breathe 11s ease-in-out infinite reverse}
.blob.b3{width:min(26vw,240px);aspect-ratio:1;background:rgba(217,162,59,.16);top:30%;left:-7%;animation:breathe 13s ease-in-out infinite}
@keyframes breathe{0%,100%{transform:scale(1) rotate(0deg)}50%{transform:scale(1.12) rotate(8deg)}}
@media (prefers-reduced-motion: reduce){.blob{animation:none}}
.section>.container{position:relative;z-index:1}

/* ---------------------------------------------------------------- reveal */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:calc(var(--i,0) * 85ms)}
.reveal.is-in{opacity:1;transform:none}
.no-js .reveal{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){.reveal{opacity:1!important;transform:none!important;transition:none!important}}
.clip-reveal{clip-path:inset(0 0 0 0 round var(--radius));opacity:1}
.clip-reveal img{clip-path:inset(100% 0 0 0);transition:clip-path 1s var(--ease)}
.clip-reveal.is-in img{clip-path:inset(0 0 0 0)}
.no-js .clip-reveal img{clip-path:none}
@media (prefers-reduced-motion: reduce){.clip-reveal img{clip-path:none!important}}

/* =====================================================================
   HERO
   ===================================================================== */
.hero{position:relative;overflow:clip;padding-top:clamp(34px,5vw,68px);padding-bottom:clamp(44px,6vw,86px)}
.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:clamp(28px,5vw,64px);align-items:center}
.hero h1{margin:.2em 0 .55em}
.hero-sub{font-size:clamp(1.08rem,1.55vw,1.32rem);color:var(--ink-2);max-width:46ch;font-weight:600;margin-bottom:1.7rem}
.hero-cta{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.hero-note{margin-top:1.7rem;display:flex;align-items:center;gap:12px;font-size:.95rem;color:var(--ink-2);font-weight:600}
.hero-note .dots{display:inline-flex;gap:5px;flex:none}
.hero-note .dots i{width:9px;height:9px;border-radius:50%}
.hero-note .dots i:nth-child(1){background:var(--terra)}
.hero-note .dots i:nth-child(2){background:var(--mustard)}
.hero-note .dots i:nth-child(3){background:var(--green)}

/* hero photo — soft polaroid, warm duotone */
.hero-visual{position:relative}
.photo-frame{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--cream-3);box-shadow:var(--shadow-lg)}
.photo-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(217,162,59,.12),rgba(168,72,42,.16));mix-blend-mode:multiply;pointer-events:none}
.photo-frame img{width:100%;height:100%;object-fit:cover;filter:saturate(.96) contrast(1.02) brightness(1.02);transition:transform .9s var(--ease),filter .6s}
.photo-frame:hover img{transform:scale(1.045);filter:saturate(1.08) contrast(1.03)}
.hero-visual .badge{
  position:absolute;left:-14px;bottom:22px;z-index:3;
  background:var(--surface-hi);color:var(--ink);border-radius:18px;
  padding:14px 18px;box-shadow:var(--shadow);display:flex;align-items:center;gap:12px;max-width:78%;
}
.hero-visual .badge .ic{width:42px;height:42px;border-radius:50%;background:var(--green-soft);color:var(--green-deep);display:flex;align-items:center;justify-content:center;flex:none}
.hero-visual .badge .ic svg{width:22px;height:22px}
.hero-visual .badge b{display:block;font-size:.98rem;font-weight:800}
.hero-visual .badge span{font-size:.82rem;color:var(--ink-2);font-weight:600}

/* fact chips strip (friendly facts, counter-up) */
.facts{margin-top:clamp(34px,5vw,56px);display:flex;flex-wrap:wrap;gap:14px}
.fact{
  flex:1 1 160px;min-width:0;background:var(--surface);border:1px solid var(--line);
  border-radius:18px;padding:18px 20px;box-shadow:var(--shadow-sm);
}
.fact .num{font-family:var(--ff-serif);font-weight:600;font-size:clamp(1.7rem,3.4vw,2.4rem);line-height:1;color:var(--terra-deep);font-variant-numeric:tabular-nums}
.fact .lbl{margin-top:8px;font-size:.9rem;color:var(--ink-2);font-weight:600;line-height:1.4}

/* =====================================================================
   HAFTALIK PROGRAM — wrapping card grid (mobile = 1 col, no scroller)
   ===================================================================== */
.week-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:clamp(14px,2vw,22px)}
.day-card{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  padding:22px 22px 20px;display:flex;flex-direction:column;gap:14px;min-width:0;
  box-shadow:var(--shadow-sm);transition:transform .25s var(--ease),box-shadow .25s var(--ease);
}
.day-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.day-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.day-top .dow{font-family:var(--ff-serif);font-weight:600;font-size:1.32rem;color:var(--ink)}
.day-top .date{font-weight:800;font-size:.82rem;color:var(--terra-deep);background:var(--terra-soft);padding:.3em .7em;border-radius:999px;white-space:nowrap}
.day-slots{display:flex;flex-direction:column;gap:2px}
.day-slot{display:flex;align-items:baseline;gap:12px;padding:9px 0;border-top:1px solid var(--line)}
.day-slot .time{font-weight:800;font-size:.95rem;color:var(--ink);min-width:50px;font-variant-numeric:tabular-nums}
.day-slot .what{font-size:.95rem;color:var(--ink-2);font-weight:600;min-width:0}
.cap{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:.85rem;padding:.5em .9em;border-radius:999px;align-self:flex-start}
.cap::before{content:"";width:.6em;height:.6em;border-radius:50%;background:currentColor;flex:none}
.cap--open{color:var(--green-deep);background:var(--green-soft)}
.cap--few{color:var(--mustard-deep);background:rgba(217,162,59,.2)}
.cap--full{color:var(--ink-3);background:rgba(43,34,28,.08)}
.schedule-foot{margin-top:clamp(22px,3vw,34px);display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between}
.legend{display:flex;flex-wrap:wrap;gap:16px;font-size:.86rem;font-weight:700;color:var(--ink-2)}
.legend span{display:inline-flex;align-items:center;gap:7px}
.legend i{width:11px;height:11px;border-radius:50%;flex:none}
.legend .o{background:var(--green)}.legend .f{background:var(--mustard)}.legend .d{background:var(--ink-3)}

/* =====================================================================
   GRIDS / CARDS
   ===================================================================== */
.grid{display:grid;gap:clamp(18px,2.5vw,26px)}
.grid-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
.grid-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}

.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(24px,2.6vw,34px);display:flex;flex-direction:column;position:relative;box-shadow:var(--shadow-sm);min-width:0}
.card h3{margin-bottom:.45em}
.card>p{color:var(--ink-2);margin-bottom:0}
.icon-badge{width:54px;height:54px;border-radius:18px;background:var(--terra-soft);color:var(--terra-deep);display:flex;align-items:center;justify-content:center;margin-bottom:18px;flex:none}
.icon-badge svg{width:26px;height:26px}
.icon-badge.mustard{background:rgba(217,162,59,.18);color:var(--mustard-deep)}
.icon-badge.green{background:var(--green-soft);color:var(--green-deep)}

/* gentle hover lift / tilt */
.tilt{transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.tilt:hover{box-shadow:var(--shadow)}
@media (hover:none),(prefers-reduced-motion: reduce){.tilt{transform:none!important}}

/* session / level cards */
.level-card{padding:0;overflow:hidden}
.level-card .card-photo{width:100%;aspect-ratio:3/2;object-fit:cover;filter:saturate(.96) contrast(1.02);transition:filter .5s,transform .7s var(--ease)}
.level-card:hover .card-photo{filter:saturate(1.08);transform:scale(1.04)}
.level-card .media{position:relative;overflow:hidden}
.ribbon{position:absolute;top:16px;left:16px;font-weight:800;font-size:.8rem;background:var(--surface-hi);color:var(--terra-deep);padding:.45em .9em;border-radius:999px;z-index:2;box-shadow:var(--shadow-sm)}
.ribbon.green{color:var(--green-deep)}
.level-card .pad{padding:clamp(22px,2.6vw,30px);display:flex;flex-direction:column;flex:1}
.level-card h3{margin-bottom:.45em}
.level-card>.pad>p{color:var(--ink-2)}
.feat-list{margin-top:16px;display:flex;flex-direction:column;gap:2px}
.feat-list li{display:flex;gap:11px;align-items:flex-start;padding:9px 0;border-top:1px solid var(--line);font-size:.96rem;color:var(--ink-2);font-weight:600}
.feat-list li svg{width:20px;height:20px;flex:none;color:var(--green-deep);margin-top:2px}
.feat-list li a{color:var(--terra-deep);font-weight:700;border-bottom:2px solid var(--mustard-soft);transition:color .15s}
.feat-list li a:hover{color:var(--ink)}
.cfoot{margin-top:auto;padding-top:24px}

/* split (experience / story) */
.split{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(28px,5vw,64px);align-items:center}
.split.flip .split-media{order:-1}
.split-media{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--cream-3);box-shadow:var(--shadow)}
.split-media img{width:100%;height:100%;object-fit:cover;min-height:280px;filter:saturate(.96) contrast(1.02);transition:filter .6s,transform .9s var(--ease)}
.split-media:hover img{filter:saturate(1.08);transform:scale(1.045)}
.exp-feats{margin:22px 0 28px;display:flex;flex-direction:column;gap:14px}
.exp-feats li{display:flex;gap:16px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px 18px;box-shadow:var(--shadow-sm)}
.exp-feats .ic{width:42px;height:42px;border-radius:12px;background:var(--terra-soft);color:var(--terra-deep);display:flex;align-items:center;justify-content:center;flex:none}
.exp-feats .ic svg{width:22px;height:22px}
.exp-feats b{display:block;margin-bottom:2px;color:var(--ink);font-weight:800}
.exp-feats span{color:var(--ink-2);font-size:.95rem;font-weight:600}

/* decorative drawn panel (no photo) */
.split-media.deco{background:linear-gradient(150deg,var(--terra),var(--mustard));display:flex;align-items:center;justify-content:center;min-height:300px;padding:42px;color:var(--on-terra)}
.split-media.deco svg{width:70%;max-width:240px;height:auto}

/* =====================================================================
   PRICING — soft rounded plans
   ===================================================================== */
.price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:clamp(16px,2vw,22px);align-items:stretch}
.price-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(26px,2.6vw,34px);display:flex;flex-direction:column;position:relative;box-shadow:var(--shadow-sm);min-width:0}
.price-card.featured{background:var(--terra-deep);color:var(--on-terra);box-shadow:var(--shadow-lg);transform:translateY(-6px)}
.price-card.featured h3{color:var(--on-terra)}
.price-card.featured .price{color:var(--on-terra)}
.price-card.featured .price small{color:rgba(255,246,236,.78)}
.price-card.featured .price-note{color:rgba(255,246,236,.82)}
.price-card.featured li{border-color:rgba(255,246,236,.22);color:rgba(255,246,236,.92)}
.price-card.featured li svg{color:var(--mustard)}
.price-card.featured li.no{color:rgba(255,246,236,.6)}
.tag{display:inline-block;align-self:flex-start;font-weight:800;font-size:.78rem;background:var(--mustard);color:var(--ink);padding:.4em .9em;border-radius:999px;margin-bottom:16px}
.price-card h3{font-size:1.4rem;margin-bottom:10px}
.price{font-family:var(--ff-serif);font-weight:600;font-size:clamp(2.1rem,4vw,2.9rem);line-height:1;color:var(--terra-deep);font-variant-numeric:tabular-nums}
.price small{font-size:.42em;color:var(--ink-3);font-weight:600}
.price-note{font-size:.92rem;font-weight:700;color:var(--ink-3);margin:10px 0 18px}
.price-card ul{display:flex;flex-direction:column;margin-bottom:24px;gap:2px}
.price-card li{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--line);font-size:.94rem;color:var(--ink-2);font-weight:600}
.price-card li svg{width:19px;height:19px;flex:none;margin-top:2px;color:var(--green-deep)}
.price-card li.no{color:var(--ink-3)}
.price-card li.no svg{color:var(--ink-3)}
.price-card .cfoot{margin-top:auto;padding-top:0}
.price-card .btn{width:100%}
.price-disclaimer{margin-top:24px;font-size:.92rem;color:var(--ink-3);max-width:80ch;font-weight:600}

/* =====================================================================
   PROCESS — friendly numbered steps + sticky progress
   ===================================================================== */
.process-photo{margin:0 0 clamp(28px,4vw,46px);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.process-photo img{width:100%;aspect-ratio:16/8;object-fit:cover;filter:saturate(.97) contrast(1.02)}
.proc-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(28px,5vw,64px);align-items:start}
.proc-sticky{position:sticky;top:calc(var(--hh) + 26px);align-self:start}
.proc-sticky h2{margin-bottom:.55em}
.proc-sticky>p{color:var(--ink-2)}
.proc-progress{margin-top:24px;display:flex;flex-direction:column;gap:4px}
.proc-progress .pp{display:flex;align-items:center;gap:13px;padding:11px 14px;border-radius:14px;font-weight:700;font-size:.95rem;color:var(--ink-3);transition:color .3s,background .3s}
.proc-progress .pp .n{width:26px;height:26px;border-radius:50%;background:rgba(43,34,28,.08);color:var(--ink-3);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800;flex:none;transition:background .3s,color .3s}
.proc-progress .pp.on{color:var(--ink);background:var(--terra-soft)}
.proc-progress .pp.on .n{background:var(--terra-deep);color:var(--on-terra)}
.steps{display:flex;flex-direction:column;gap:18px;position:relative}
.step{display:grid;grid-template-columns:auto 1fr;gap:20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(20px,2.6vw,28px);box-shadow:var(--shadow-sm)}
.step .n{width:48px;height:48px;border-radius:50%;background:var(--mustard);color:var(--ink);display:flex;align-items:center;justify-content:center;font-family:var(--ff-serif);font-weight:600;font-size:1.3rem;flex:none}
.step:nth-child(2) .n{background:var(--terra);color:var(--on-terra)}
.step:nth-child(4) .n{background:var(--green);color:var(--on-terra)}
.step .when{font-weight:800;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:var(--terra-deep);display:block;margin-bottom:5px}
.step h3{margin-bottom:.35em}
.step p{color:var(--ink-2);margin-bottom:0}

/* =====================================================================
   TEAM
   ===================================================================== */
.team-card{align-items:flex-start}
.avatar{width:66px;height:66px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--ff-serif);font-weight:600;font-size:1.4rem;margin-bottom:18px;flex:none}
.avatar.t{background:var(--terra);color:var(--on-terra)}
.avatar.m{background:var(--mustard);color:var(--ink)}
.avatar.g{background:var(--green);color:var(--on-terra)}
.team-card .role{font-weight:800;font-size:.85rem;color:var(--terra-deep);display:block;margin:-.2em 0 .9em}
.team-card>p{color:var(--ink-2)}

/* =====================================================================
   WARM BAND + quote
   ===================================================================== */
.band{background:var(--terra-deep);color:var(--on-terra);position:relative;overflow:clip}
.band .chip{color:var(--on-terra);background:rgba(255,246,236,.16)}
.band .chip::before{background:var(--mustard)}
.band .blob.b1{background:rgba(255,246,236,.08)}
.band .blob.b2{background:rgba(217,162,59,.18)}
.quote{position:relative;z-index:1;max-width:24ch;margin-inline:auto;text-align:center}
.quote.wide{max-width:30ch}
.quote blockquote{margin:0;font-family:var(--ff-serif);font-weight:500;font-size:clamp(1.7rem,4.6vw,3.1rem);line-height:1.16}
.quote .accent{color:var(--mustard);font-style:italic}
.quote cite{display:block;margin-top:1.1em;font-style:normal;font-weight:700;font-size:.92rem;color:rgba(255,246,236,.82)}
.band .lead{color:rgba(255,246,236,.9)}

/* =====================================================================
   TESTIMONIALS — soft note cards
   ===================================================================== */
.testi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:clamp(16px,2vw,24px)}
.testi{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(24px,2.6vw,32px);display:flex;flex-direction:column;box-shadow:var(--shadow-sm);min-width:0}
.testi .stars{color:var(--mustard);font-size:1.05rem;letter-spacing:.1em;margin-bottom:14px}
.testi .quote-t{font-size:1.04rem;line-height:1.6;color:var(--ink);margin-bottom:20px;font-weight:600;max-width:none;text-align:left}
.testi .who{margin-top:auto;display:flex;align-items:center;gap:12px}
.testi .who .av{width:40px;height:40px;border-radius:50%;background:var(--terra-soft);color:var(--terra-deep);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem;flex:none}
.testi .who b{display:block;font-weight:800;font-size:.95rem}
.testi .who span{color:var(--ink-3);font-size:.82rem;font-weight:600}

/* journal / notes */
.notes-list{display:flex;flex-direction:column;gap:14px}
.note-row{display:grid;grid-template-columns:140px 1fr;gap:20px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px 22px;box-shadow:var(--shadow-sm)}
.note-row time{font-weight:800;font-size:.85rem;color:var(--terra-deep)}
.note-row p{margin:0;color:var(--ink-2);font-weight:600}
.note-row b{color:var(--ink);font-weight:800}

/* =====================================================================
   FAQ
   ===================================================================== */
.faq{display:flex;flex-direction:column;gap:12px;max-width:880px}
.faq-item{background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-sm)}
.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:16px;padding:20px 24px;font-family:var(--ff-serif);font-weight:600;font-size:clamp(1.05rem,1.7vw,1.28rem);color:var(--ink)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item .chev{width:24px;height:24px;margin-left:auto;flex:none;color:var(--terra-deep);transition:transform .3s var(--ease)}
.faq-item[open] .chev{transform:rotate(180deg)}
.faq-item .answer{padding:0 24px 22px;color:var(--ink-2);max-width:80ch;font-weight:600}
.faq-item .answer a{color:var(--terra-deep);border-bottom:2px solid var(--mustard-soft);font-weight:700}

/* =====================================================================
   INTERIOR PAGE HEROES
   ===================================================================== */
.page-hero,.contact-hero{padding:clamp(48px,7vw,92px) 0 clamp(34px,4vw,52px);background:var(--cream-2);position:relative;overflow:clip}
.crumb{font-weight:700;font-size:.88rem;color:var(--ink-3);margin-bottom:1.2rem}
.crumb a{color:var(--terra-deep)}
.page-hero h1,.contact-hero h1{margin-bottom:.4em}
.page-hero .lead,.contact-hero .lead{max-width:60ch}

/* doc (legal) */
.doc{max-width:78ch}
.doc h2{font-size:clamp(1.3rem,2.4vw,1.75rem);margin:1.8em 0 .5em;color:var(--ink)}
.doc h2:first-of-type{margin-top:.6em}
.doc p{color:var(--ink-2)}
.doc a{color:var(--terra-deep);border-bottom:2px solid var(--mustard-soft);font-weight:700}
.doc .updated{display:inline-block;margin-top:.4rem;font-weight:700;color:var(--ink-3)}

/* tables */
.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:16px;margin:18px 0;-webkit-overflow-scrolling:touch}
table{width:100%;border-collapse:collapse;min-width:380px;font-size:.96rem}
th,td{text-align:left;padding:14px 18px;border-bottom:1px solid var(--line)}
thead th{background:var(--cream-3);color:var(--ink);font-weight:800;font-size:.85rem}
tbody tr:last-child td{border-bottom:none}
td{color:var(--ink-2);font-weight:600}

/* =====================================================================
   CONTACT
   ===================================================================== */
.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:clamp(16px,2vw,22px)}
.contact-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(22px,2.4vw,28px);box-shadow:var(--shadow-sm);transition:transform .25s var(--ease),box-shadow .25s var(--ease);min-width:0}
.contact-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.contact-card .ico{width:48px;height:48px;border-radius:14px;background:var(--terra-soft);color:var(--terra-deep);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.contact-card .ico svg{width:24px;height:24px}
.contact-card .ch{font-weight:800;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);margin-bottom:6px}
.contact-card a{font-weight:800;font-size:1.05rem;color:var(--ink);border-bottom:2px solid var(--mustard-soft);word-break:break-word;transition:color .15s}
.contact-card a:hover{color:var(--terra-deep)}
.contact-card .sub{font-size:.9rem;color:var(--ink-3);margin:9px 0 0;font-weight:600}

.hours-grid{display:flex;flex-direction:column;gap:6px;margin-top:18px}
.hours-row{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:13px 16px;border-radius:14px;background:var(--surface);border:1px solid var(--line);font-weight:700}
.hours-row .d{color:var(--ink-2)}
.hours-row .h{font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}
.hours-row.is-today{background:var(--terra-deep);border-color:var(--terra-deep)}
.hours-row.is-today .d,.hours-row.is-today .h{color:var(--on-terra)}
.hours-row.is-today .h::after{content:" · Bugün";font-size:.82em;color:var(--mustard)}

/* =====================================================================
   FORM
   ===================================================================== */
.form-wrap{border:1px solid var(--line);border-radius:var(--radius);padding:clamp(24px,3vw,40px);background:var(--surface);box-shadow:var(--shadow)}
.grid-form{display:grid;gap:18px}
.grid-form.two{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.field{display:flex;flex-direction:column;min-width:0}
.field.full{grid-column:1/-1}
.field>label{font-weight:800;font-size:.88rem;margin-bottom:8px;color:var(--ink-2)}
.field .opt{color:var(--ink-3);font-weight:600}
.field input,.field select,.field textarea{
  font-family:var(--ff-sans);font-size:1rem;font-weight:600;padding:13px 16px;
  background:var(--surface-hi);color:var(--ink);
  border:2px solid var(--line-2);border-radius:14px;width:100%;
  transition:border-color .15s,box-shadow .15s;
}
.field textarea{min-height:140px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--terra-deep);box-shadow:0 0 0 4px var(--terra-soft)}
.field.kvkk{flex-direction:row;align-items:flex-start;gap:12px;margin-top:4px}
.field.kvkk input{width:22px;height:22px;flex:none;margin-top:2px;accent-color:var(--terra-deep)}
.field.kvkk span{font-size:.95rem;color:var(--ink-2);font-weight:600}
.field.kvkk a{color:var(--terra-deep);border-bottom:2px solid var(--mustard-soft);font-weight:700}

/* thanks / 404 */
.thanks-wrap,.notfound{max-width:660px;margin-inline:auto;text-align:center;padding-block:clamp(20px,4vw,44px)}
.thanks-wrap .check{width:84px;height:84px;border-radius:50%;background:var(--green-soft);color:var(--green-deep);display:flex;align-items:center;justify-content:center;margin:0 auto 26px}
.thanks-wrap .check svg{width:42px;height:42px}
.thanks-wrap h1,.notfound h1{margin-bottom:.45em}
.thanks-wrap p,.notfound p{color:var(--ink-2)}
.thanks-wrap a:not(.btn),.notfound a:not(.btn){color:var(--terra-deep);border-bottom:2px solid var(--mustard-soft);font-weight:700}
.notfound .big{font-family:var(--ff-serif);font-weight:600;font-size:clamp(5rem,18vw,11rem);line-height:.9;color:var(--terra-deep);margin-bottom:.1em}

/* =====================================================================
   FOOTER
   ===================================================================== */
.site-footer{background:var(--footer);color:var(--cream);padding:clamp(48px,6vw,80px) 0 30px}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:clamp(28px,4vw,52px)}
.footer-brand .brand{color:var(--cream)}
.footer-brand .brand .mark{color:var(--mustard)}
.footer-brand .brand .sub{color:var(--mustard)}
.footer-brand p{color:rgba(243,234,219,.66);margin-top:14px;max-width:34ch;font-size:.95rem}
.footer-col h4{font-family:var(--ff-sans);font-weight:800;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mustard);margin-bottom:14px}
.footer-col li{margin-bottom:2px}
.footer-col a{display:inline-block;padding:5px 0;color:rgba(243,234,219,.8);font-size:.95rem;font-weight:600;transition:color .15s,padding-left .15s}
.footer-col a:hover{color:var(--cream);padding-left:6px}
.footer-contact p{color:rgba(243,234,219,.8);font-size:.95rem;margin-bottom:8px;line-height:1.5;font-weight:600}
.footer-contact a{color:var(--cream);border-bottom:1px solid rgba(243,234,219,.35)}
.footer-contact a:hover{border-color:var(--mustard)}
.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:clamp(36px,4vw,54px);padding-top:24px;border-top:1px solid rgba(243,234,219,.18);font-size:.85rem;font-weight:600;color:rgba(243,234,219,.6)}

/* =====================================================================
   COOKIE BANNER  (3 buttons; "Ayarlar" opens separate modal in JS)
   ===================================================================== */
.cookie-banner{position:fixed;left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));bottom:16px;z-index:9999;max-width:var(--maxw);margin-inline:auto;background:var(--surface-hi);border:1px solid var(--line-2);border-radius:var(--radius);box-shadow:0 30px 60px -24px rgba(60,40,25,.7);padding:22px clamp(20px,3vw,28px);transform:translateY(140%);transition:transform .45s var(--ease)}
.cookie-banner.is-visible{transform:translateY(0)}
.cookie-banner[hidden]{display:none}
.cookie-banner h3{font-family:var(--ff-serif);font-size:1.2rem;margin-bottom:6px}
.cookie-banner>p{color:var(--ink-2);font-size:.95rem;margin-bottom:16px;max-width:70ch;font-weight:600}
.cookie-actions{display:flex;flex-wrap:wrap;gap:10px}
.cookie-actions button{font-family:var(--ff-sans);font-weight:800;font-size:.95rem;padding:.7em 1.4em;border-radius:999px;border:2px solid var(--line-2);cursor:pointer;background:var(--surface);color:var(--ink);transition:transform .18s var(--ease),background .18s,color .18s,border-color .18s}
.cookie-actions button:hover{transform:translateY(-2px)}
.cookie-actions button[data-consent="accept"]{background:var(--terra-deep);color:var(--on-terra);border-color:var(--terra-deep)}
.cookie-actions button[data-consent="accept"]:hover{background:var(--terra-dark);border-color:var(--terra-dark)}
.cookie-actions button[data-consent="settings"]{border-color:var(--line-2)}

/* scroll progress */
.scroll-progress{position:fixed;top:0;left:0;height:4px;width:0;background:linear-gradient(90deg,var(--terra),var(--mustard));z-index:2000;pointer-events:none;transition:width .08s linear;border-radius:0 4px 4px 0}

/* =====================================================================
   RESPONSIVE
   ===================================================================== */
@media (max-width:980px){
  .footer-grid{grid-template-columns:1fr 1fr}
  .proc-grid{grid-template-columns:1fr}
  .proc-sticky{position:static}
  .proc-progress{display:none}
}
@media (max-width:860px){
  .nav-desktop{display:none}
  .nav-toggle{display:block}
  .hero-grid{grid-template-columns:1fr;gap:32px}
  .hero-visual{order:-1}
  .split{grid-template-columns:1fr;gap:30px}
  .split.flip .split-media{order:0}
  .price-card.featured{transform:none}
}
@media (max-width:620px){
  :root{--hh:64px;--radius:18px}
  .note-row{grid-template-columns:1fr;gap:6px}
  .footer-grid{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;align-items:flex-start}
  .step{grid-template-columns:1fr;gap:12px}
  .hero-visual .badge{left:0;max-width:none;position:relative;bottom:0;margin-top:16px}
  .cookie-actions button{flex:1 1 auto}
}
@media (max-width:380px){
  .fact{flex-basis:100%}
}

/* header-cta-padding-guard v1 */
.nav-desktop a.nav-cta, header a.nav-cta, .site-header a.nav-cta {
  padding: 10px 18px;
}

/* drawer-cta-color-guard v1 */
.drawer a.nav-cta, .drawer .nav-cta, .mobile-menu a.nav-cta, nav[class*=mobile] a.nav-cta {
  color: var(--on-terra) !important;
}

/* table-scroll ancestor guard v1 */
.table-scroll{max-width:100%}
:where(*:has(> .table-scroll), *:has(> * > .table-scroll), *:has(> * > * > .table-scroll)){min-width:0}
/* drawer-close v1 */
.drawer-close{position:absolute;top:16px;right:16px;width:44px;height:44px;display:none;place-items:center;border:2px solid var(--line-2);background:var(--surface);border-radius:12px;color:var(--ink);cursor:pointer;z-index:6;transition:background .2s,color .2s}
.drawer-close svg{width:20px;height:20px}
.drawer-close:hover{background:var(--terra-deep);color:var(--on-terra);border-color:var(--terra-deep)}
@media (max-width:1024px){.drawer.is-open .drawer-close{display:grid}}