/* ============================================================
   BebekSünneti DS v2 — Base: Reset + Typography + Layout
   ============================================================ */

/* ── RESET ──────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{font-family:var(--font-sans);font-size:var(--t-body);line-height:var(--lh-body);color:var(--text-primary);background:var(--surface-paper);overflow-x:hidden}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit;border:none;background:none}
button{cursor:pointer}
ul,ol{list-style:none}
fieldset{border:none}
:focus-visible{outline:2px solid var(--anchor);outline-offset:3px;border-radius:var(--r-1)}
::selection{background:var(--teal-100);color:var(--ink-950)}

/* ── TYPOGRAPHY ─────────────────────────────────────── */
h1,h2,h3,h4,h5,h6{font-weight:600;line-height:var(--lh-heading);color:var(--text-primary)}

.aks-display{
  font-family:var(--font-display);
  font-size:var(--t-display);
  line-height:var(--lh-display);
  font-weight:700;
  font-optical-sizing:auto;
  letter-spacing:-0.02em;
}
.aks-h1{font-size:var(--t-h1);font-weight:700;letter-spacing:-0.015em}
.aks-h2{font-size:var(--t-h2);font-weight:600;letter-spacing:-0.01em}
.aks-h3{font-size:var(--t-h3);font-weight:600}
.aks-lead{font-size:var(--t-lead);line-height:var(--lh-body);color:var(--text-secondary)}
.aks-small{font-size:var(--t-small);line-height:var(--lh-small)}
.aks-xs{font-size:var(--t-xs);line-height:1.4;letter-spacing:0.06em;text-transform:uppercase;font-weight:600}
.aks-mono{font-family:var(--font-mono)}
.aks-eyebrow{
  font-size:var(--t-xs);
  line-height:1.3;
  letter-spacing:0.06em;
  text-transform:uppercase;
  font-weight:600;
  color:var(--anchor);
}

.aks-section-strap{
  display:inline-block;
  position:relative;
  padding-bottom:6px;
}
.aks-section-strap::after{
  content:'';
  position:absolute;
  bottom:0;left:0;
  width:5ch;height:2px;
  background:var(--anchor);
  border-radius:1px;
}

/* ── LINKS ──────────────────────────────────────────── */
.aks-link{
  color:var(--link);
  text-decoration:underline;
  text-decoration-color:var(--teal-100);
  text-underline-offset:0.15em;
  transition:text-decoration-color var(--dur-fast) var(--ease-out);
}
.aks-link:hover{text-decoration-color:var(--anchor)}

/* ── CONTAINERS ─────────────────────────────────────── */
.aks-wrap{
  width:100%;
  max-width:var(--container);
  margin-inline:auto;
  padding-inline:var(--gutter);
}
.aks-wrap--narrow{max-width:var(--container-narrow)}
.aks-wrap--wide{max-width:var(--container-wide)}

/* ── SECTION RHYTHM ─────────────────────────────────── */
.aks-section{padding-block:var(--section-y)}
.aks-section--sm{padding-block:var(--section-y-sm)}
.aks-section--lg{padding-block:var(--section-y-lg)}

/* Surface modifiers */
.aks-surface-paper{background:var(--surface-paper)}
.aks-surface-paper-2{background:var(--surface-paper-2)}
.aks-surface-mist{background:var(--surface-mist);border-top:1px solid var(--border-on-mist)}
.aks-surface-night{background:var(--surface-night);color:var(--text-on-night)}
.aks-surface-night .aks-h2,
.aks-surface-night .aks-h3,
.aks-surface-night h2,
.aks-surface-night h3{color:var(--text-on-night)}
.aks-surface-night .aks-lead,
.aks-surface-night .aks-eyebrow{color:var(--text-on-night-sec)}
.aks-surface-night .aks-section-strap::after{background:var(--amber-500)}

/* ── GRID SYSTEM (12-col) ───────────────────────────── */
.aks-grid{
  display:grid;
  gap:var(--s-6);
}
.aks-grid--7-5{grid-template-columns:7fr 5fr}
.aks-grid--5-7{grid-template-columns:5fr 7fr}
.aks-grid--8-4{grid-template-columns:8fr 4fr}
.aks-grid--4-8{grid-template-columns:4fr 8fr}
.aks-grid--6-6{grid-template-columns:1fr 1fr}
.aks-grid--3{grid-template-columns:repeat(3,1fr)}
.aks-grid--4{grid-template-columns:repeat(4,1fr)}
.aks-grid--2x2{grid-template-columns:repeat(2,1fr)}

@media(max-width:900px){
  .aks-grid--7-5,
  .aks-grid--5-7,
  .aks-grid--8-4,
  .aks-grid--4-8,
  .aks-grid--6-6{grid-template-columns:1fr}
  .aks-grid--3{grid-template-columns:repeat(2,1fr)}
  .aks-grid--4{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
  .aks-grid--3,
  .aks-grid--4,
  .aks-grid--2x2{grid-template-columns:1fr}
}

/* ── PROSE (for CMS content) ────────────────────────── */
.aks-prose{max-width:68ch}
.aks-prose h2{font-size:var(--t-h2);margin:var(--s-8) 0 var(--s-4)}
.aks-prose h3{font-size:var(--t-h3);margin:var(--s-7) 0 var(--s-3)}
.aks-prose p{margin-bottom:var(--s-5);color:var(--text-secondary)}
.aks-prose ul,.aks-prose ol{margin:0 0 var(--s-5) var(--s-5)}
.aks-prose li{margin-bottom:var(--s-2);color:var(--text-secondary)}
.aks-prose ul li{list-style:disc}
.aks-prose ol li{list-style:decimal}
.aks-prose strong{color:var(--text-primary);font-weight:600}
.aks-prose a{color:var(--link);text-decoration:underline;text-underline-offset:0.15em}
.aks-prose a:hover{color:var(--anchor)}

/* ── SCROLL ANIMATION (reveal) ──────────────────────── */
.aks-reveal{
  opacity:0;
  transform:translateY(20px);
  transition:opacity var(--dur-slow) var(--ease-out), transform var(--dur-slow) var(--ease-out);
}
.aks-reveal.is-visible{opacity:1;transform:translateY(0)}

/* ── UTILITIES ──────────────────────────────────────── */
.aks-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.aks-text-center{text-align:center}
.aks-text-muted{color:var(--text-muted)}
.aks-mt-0{margin-top:0}
.aks-mb-2{margin-bottom:var(--s-2)}
.aks-mb-3{margin-bottom:var(--s-3)}
.aks-mb-4{margin-bottom:var(--s-4)}
.aks-mb-5{margin-bottom:var(--s-5)}
.aks-mb-6{margin-bottom:var(--s-6)}
.aks-mb-7{margin-bottom:var(--s-7)}
.aks-gap-5{gap:var(--s-5)}
.aks-gap-7{gap:var(--s-7)}

/* ── FLASH MESSAGES ─────────────────────────────────── */
.aks-flash-bar{
  position:fixed;top:var(--s-5);left:50%;transform:translateX(-50%);
  z-index:9999;width:max-content;max-width:calc(100% - var(--s-8));
  display:flex;flex-direction:column;gap:var(--s-2);
}
.aks-flash-bar .aks-flash{
  padding:var(--s-3) var(--s-5);
  border-radius:var(--r-2);
  font-size:var(--t-small);
  font-weight:500;
  transition:opacity var(--dur-base),transform var(--dur-base);
}
.aks-flash--success,.aks-flash-bar .aks-flash--success{background:var(--positive-soft);color:var(--positive);border:1px solid var(--sage-100)}
.aks-flash--danger,.aks-flash-bar .aks-flash--danger{background:var(--warning-soft);color:var(--warning);border:1px solid var(--rose-100)}
.aks-flash--info,.aks-flash-bar .aks-flash--info{background:var(--mist-50);color:var(--text-secondary);border:1px solid var(--mist-200)}

/* ── SCROLL PROGRESS BAR ────────────────────────────── */
.aks-scroll-progress{
  position:fixed;top:0;left:0;
  width:0;height:2px;
  background:var(--accent);
  z-index:10001;
  transition:none;
  pointer-events:none;
}