/* ==========================================================================
   Kuvvet — Denge Studio
   Enerjik ama premium butik stüdyo şablonu
   ========================================================================== */

:root{
  --c-bg: #f2eee7;
  --c-bg-alt: #e7e1d6;
  --c-surface: #fbf9f5;
  --c-text: #17140f;
  --c-text-soft: #5d574d;
  --c-line: #d8d0c2;
  --c-primary: #d23c14;
  --c-on-primary: #ffffff;
  --c-accent: #2438a8;

  --f-display: 'Anton', 'Impact', 'Arial Narrow', sans-serif;
  --f-body: 'Manrope', system-ui, sans-serif;

  --r-sm: 4px;
  --r-md: 10px;
  --r-lg: 18px;
  --r-btn: 999px;

  --ease: cubic-bezier(.16,1,.3,1);
  --ease-io: cubic-bezier(.65,0,.35,1);
  --gut: clamp(16px, 4vw, 56px);
  --sec: clamp(80px, 11vw, 160px);
  --hdr: 84px;

  /* türetilmiş tonlar */
  --ink: var(--c-text);
  --on-ink: var(--c-bg);
  --ink-soft: color-mix(in oklab, var(--c-bg) 68%, var(--c-text));
  --ink-line: color-mix(in oklab, var(--c-bg) 18%, var(--c-text));
  --tint: color-mix(in oklab, var(--c-primary) 9%, var(--c-bg));
}

/* ---------- Temel ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:80px}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
html.kmg-static{scroll-behavior:auto!important}
body{
  margin:0;background:var(--c-bg);color:var(--c-text);
  font-family:var(--f-body);font-size:17px;line-height:1.6;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  overflow-x:clip;
}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure,blockquote{margin:0}
ul,ol{padding:0;list-style:none}
svg{stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
::selection{background:var(--c-primary);color:var(--c-on-primary)}
:focus-visible{outline:2px solid var(--c-accent);outline-offset:3px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:fixed;left:16px;top:-60px;z-index:100;padding:10px 16px;background:var(--c-text);color:var(--c-bg);border-radius:var(--r-sm);transition:top .3s var(--ease)}
.skip:focus{top:12px}

.wrap{width:min(100% - 2*var(--gut), 1480px);margin-inline:auto}
.sec{padding-block:var(--sec);position:relative}

.eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--c-text-soft);
}
.eyebrow::before{content:"";width:10px;height:10px;background:var(--c-primary);border-radius:var(--r-sm);flex:none}

.h2{
  font-family:var(--f-display);font-weight:800;font-synthesis:none;
  font-size:clamp(52px, 7.2vw, 128px);line-height:1.04;letter-spacing:-.005em;text-transform:uppercase;
  margin-top:22px;
}
.h2 em,.approach-title em{font-style:normal;color:var(--c-accent)}
.sec-lead{font-size:clamp(17px,1.35vw,20px);line-height:1.6;color:var(--c-text-soft);max-width:46ch}

/* ---------- Butonlar ---------- */
.btn{
  --bb:var(--c-text);--bf:var(--c-bg);
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;
  min-height:54px;padding:0 26px;border-radius:var(--r-btn);
  font-weight:700;font-size:15px;letter-spacing:.01em;white-space:nowrap;
  overflow:hidden;isolation:isolate;
  transition:color .45s var(--ease),border-color .45s var(--ease),transform .45s var(--ease);
}
.btn svg{width:20px;height:20px;flex:none;transition:transform .45s var(--ease)}
.btn::before{
  content:"";position:absolute;inset:0;z-index:-1;background:var(--bb);
  transform:translateY(101%);transition:transform .5s var(--ease);
}
.btn:hover::before,.btn:focus-visible::before{transform:none}
.btn:hover svg{transform:translateX(4px)}
.btn:active{transform:scale(.98)}
.btn-primary{background:var(--c-primary);color:var(--c-on-primary)}
.btn-primary:hover{color:var(--c-bg)}
.btn-ghost{border:1.5px solid currentColor;color:var(--c-text)}
.btn-ghost:hover{color:var(--c-bg);border-color:var(--c-text)}
.btn-invert{background:var(--c-on-primary);color:var(--c-primary);--bb:var(--c-text);}
.btn-invert:hover{color:var(--c-bg)}
.btn-sm{min-height:44px;padding:0 18px;font-size:14px}
.btn-block{width:100%}

/* ---------- Üst menü ---------- */
.hdr{position:fixed;inset:0 0 auto 0;z-index:50;pointer-events:none}
.hdr-in{
  position:relative;z-index:2;pointer-events:auto;
  display:flex;align-items:center;gap:24px;height:var(--hdr);
  transition:height .5s var(--ease);
}
.hdr::before{
  content:"";position:absolute;inset:0 0 auto;height:var(--hdr);z-index:1;
  background:color-mix(in oklab, var(--c-bg) 86%, transparent);
  -webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);
  border-bottom:1px solid var(--c-line);
  opacity:0;transform:translateY(-100%);transition:opacity .5s var(--ease),transform .5s var(--ease),height .5s var(--ease);
}
.hdr.is-scrolled{--hdr:66px}
.hdr.is-scrolled::before{opacity:1;transform:none}
.logo{display:flex;align-items:baseline;gap:8px;margin-right:auto;line-height:1}
.logo-mark{width:28px;height:28px;align-self:center;stroke-width:2.2;color:color-mix(in oklab, var(--c-primary) 70%, var(--c-text))}
.logo-name{font-family:var(--f-display);font-weight:800;font-synthesis:none;font-size:30px;text-transform:uppercase;letter-spacing:.01em}
.logo-suffix{font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--c-text-soft)}
.nav ul{display:flex;gap:4px}
.nav a{
  position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0 12px;
  font-size:14px;font-weight:600;
}
.nav a::after{
  content:"";position:absolute;left:12px;right:12px;bottom:10px;height:2px;background:var(--c-primary);
  transform:scaleX(0);transform-origin:right;transition:transform .45s var(--ease);
}
.nav a:hover::after,.nav a.is-active::after{transform:scaleX(1);transform-origin:left}
.burger{display:none;position:relative;width:48px;height:48px;border-radius:var(--r-btn);background:var(--c-text);color:var(--c-bg)}
.burger span{position:absolute;left:14px;right:14px;height:2px;background:currentColor;transition:transform .5s var(--ease)}
.burger span:first-child{top:19px}
.burger span:last-child{top:27px}
html.menu-open .burger span:first-child{transform:translateY(4px) rotate(45deg)}
html.menu-open .burger span:last-child{transform:translateY(-4px) rotate(-45deg)}

.mnav{
  position:fixed;inset:0;z-index:1;pointer-events:none;
  background:var(--c-primary);color:var(--c-on-primary);
  clip-path:inset(0 0 100% 0);visibility:hidden;
  transition:clip-path .7s var(--ease-io),visibility 0s linear .7s;
}
html.menu-open .mnav{clip-path:inset(0 0 0 0);visibility:visible;pointer-events:auto;transition:clip-path .7s var(--ease-io),visibility 0s}
.mnav-in{min-height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:calc(var(--hdr) + 24px) 0 32px}
.mnav ul{display:flex;flex-direction:column}
.mnav li{overflow:hidden;border-bottom:1px solid color-mix(in oklab, var(--c-on-primary) 25%, transparent)}
.mnav li a{
  display:flex;align-items:baseline;gap:14px;padding:8px 0;
  font-family:var(--f-display);font-weight:800;font-synthesis:none;text-transform:uppercase;
  font-size:clamp(44px, 12vw, 88px);line-height:1.08;
  transform:translateY(105%);transition:transform .8s var(--ease);
}
.mnav li a small{font-family:var(--f-body);font-size:12px;font-weight:700;letter-spacing:.14em;opacity:.7}
html.menu-open .mnav li a{transform:none}
html.menu-open .mnav li:nth-child(2) a{transition-delay:.05s}
html.menu-open .mnav li:nth-child(3) a{transition-delay:.1s}
html.menu-open .mnav li:nth-child(4) a{transition-delay:.15s}
html.menu-open .mnav li:nth-child(5) a{transition-delay:.2s}
html.menu-open .mnav li:nth-child(6) a{transition-delay:.25s}
.mnav-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-top:32px;font-size:15px}
html.menu-open .hdr .logo,html.menu-open .hdr .logo-suffix,html.menu-open .hdr .logo-mark{color:var(--c-on-primary)}
html.menu-open .hdr::before{opacity:0}
html.menu-open .burger{background:var(--c-on-primary);color:var(--c-primary)}
html.menu-open .hdr-cta{opacity:0;pointer-events:none}

/* ---------- Hero ---------- */
.hero{min-height:100svh;display:flex;flex-direction:column;padding-top:calc(var(--hdr) + clamp(16px, 3vw, 40px));overflow:hidden}
.hero-in{flex:1;display:flex;flex-direction:column}
.hero-top{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.hero-hours{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--c-text-soft)}
.live{position:relative;width:8px;height:8px;border-radius:50%;background:var(--c-primary);flex:none}
.live::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1.5px solid var(--c-primary);animation:pulse 2s var(--ease) infinite}
@keyframes pulse{0%{transform:scale(.4);opacity:1}100%{transform:scale(1.8);opacity:0}}
html.kmg-static .live::after{opacity:0}

.hero-title{
  --hfs:clamp(64px, 14.6vw, 250px);
  font-family:var(--f-display);font-weight:800;font-synthesis:none;
  font-size:var(--hfs);line-height:.9;letter-spacing:-.005em;text-transform:uppercase;
  margin:clamp(30px,3.6vw,60px) 0 0;
}
.ht-row{display:flex;align-items:center;gap:.1em;white-space:nowrap;will-change:transform}
.ht-row2{justify-content:flex-end;margin-top:.18em}
.ht-accent{
  display:inline-block;background:var(--c-primary);color:var(--c-on-primary);
  padding:.1em var(--gut) 0 .12em;margin-right:calc(-1 * var(--gut));
  border-radius:var(--r-lg) 0 0 var(--r-lg);line-height:.92;
}
.reel{
  position:relative;flex:1 1 0;min-width:1.4em;height:.76em;
  border-radius:var(--r-lg);overflow:hidden;background:var(--c-text);
  transform:translateY(-.03em);isolation:isolate;
}
.reel-frame{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  opacity:0;transform:scale(1.12);
  transition:opacity .9s var(--ease),transform 5s linear;
}
.reel-frame.on{opacity:1;transform:scale(1.02)}
.reel::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg, rgba(0,0,0,0) 45%, rgba(0,0,0,.45));pointer-events:none}
.reel-ui{
  position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:12px;
  padding:0 clamp(10px,1.2vw,18px) clamp(14px,1.5vw,22px);
  font-family:var(--f-body);font-size:clamp(10px, .85vw, 13px);font-weight:700;letter-spacing:.06em;line-height:1;
  text-transform:none;color:rgba(255,255,255,1);white-space:nowrap;
}
.reel-tc{font-variant-numeric:tabular-nums;display:inline-flex;align-items:center;gap:8px}
.reel-tc::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--c-primary)}
.reel-label{overflow:hidden;text-overflow:ellipsis}
.reel-bars{position:absolute;left:clamp(10px,1.2vw,18px);right:clamp(10px,1.2vw,18px);bottom:clamp(6px,.6vw,10px);z-index:2;display:flex;gap:4px;height:2px}
.reel-bars i{flex:1;background:rgba(255,255,255,.3);overflow:hidden;position:relative}
.reel-bars i::after{content:"";position:absolute;inset:0;background:rgba(255,255,255,1);transform:scaleX(0);transform-origin:left}
.reel-bars i.done::after{transform:scaleX(1)}
.reel-bars i.run::after{animation:bar var(--dur,3.6s) linear forwards}
@keyframes bar{to{transform:scaleX(1)}}

.hero-foot{
  display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr) auto;gap:clamp(20px,3vw,48px);align-items:end;
  margin-top:clamp(28px,3.2vw,52px);
}
.hero-lead{font-size:clamp(17px,1.3vw,20px);max-width:44ch;color:var(--c-text-soft)}
.hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}

.next{
  background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-md);
  padding:18px 20px;box-shadow:0 30px 60px -34px rgba(0,0,0,.28);
}
.next-k{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--c-text-soft)}
.next-name{font-family:var(--f-display);font-weight:800;font-synthesis:none;text-transform:uppercase;font-size:clamp(26px,2.2vw,34px);line-height:1;margin-top:12px}
.next-meta{font-size:14px;color:var(--c-text-soft);margin-top:6px}
.next-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding-top:12px;border-top:1px solid var(--c-line)}
.next-left{font-size:13px;font-weight:700}
.next-btn{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:14px;font-weight:800;color:var(--c-text)}
.next-btn svg{width:18px;height:18px;transition:transform .4s var(--ease)}
.next-btn:hover svg{transform:translateX(4px)}

.spin{position:relative;display:grid;place-items:center;width:132px;height:132px;border-radius:50%;background:var(--c-text);color:var(--c-bg);flex:none}
.spin-ring{position:absolute;inset:0;width:100%;height:100%;animation:spin 16s linear infinite}
.spin-ring text{fill:currentColor;stroke:none;font-family:var(--f-body);font-size:15.5px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.spin-arrow{width:34px;height:34px;stroke-width:1.8;transition:transform .5s var(--ease);color:var(--c-primary)}
.spin:hover .spin-arrow{transform:rotate(45deg)}
@keyframes spin{to{transform:rotate(360deg)}}

/* ---------- Kayan şeritler ---------- */
.tapes{position:relative;height:clamp(120px, 12vw, 190px);margin-top:clamp(28px,4vw,56px)}
.tape{position:absolute;left:-4%;right:-4%;overflow:hidden;padding:12px 0}
.tape-a{top:26%;background:var(--c-primary);color:var(--c-on-primary);transform:rotate(-2.2deg);z-index:2}
.tape-b{top:30%;background:var(--c-text);color:var(--c-bg);transform:rotate(1.6deg)}
.tape-track{display:flex;align-items:center;width:max-content;animation:marquee 34s linear infinite}
.tape-b .tape-track{animation-direction:reverse;animation-duration:42s}
.tape span{
  font-family:var(--f-display);font-weight:800;font-synthesis:none;text-transform:uppercase;
  font-size:clamp(28px, 3.6vw, 58px);line-height:1;padding:0 .45em;white-space:nowrap;
}
.tape-b span{font-size:clamp(20px, 2.2vw, 34px)}
.tape i{width:.55em;height:.55em;border-radius:50%;border:3px solid currentColor;flex:none;font-size:clamp(28px, 3.6vw, 58px)}
.tape-b i{border-width:2px;font-size:clamp(20px, 2.2vw, 34px)}
@keyframes marquee{to{transform:translateX(-50%)}}

/* ---------- Bölüm başlıkları ---------- */
.sec-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.62fr);grid-template-areas:"eb eb" "h l";column-gap:clamp(24px,5vw,80px);align-items:end;margin-bottom:clamp(40px,5vw,72px)}
.sec-head .eyebrow{grid-area:eb}
.sec-head .h2{grid-area:h}
.sec-head .sec-lead{grid-area:l;padding-bottom:.4em}
.sec-head--split{grid-template-areas:none;grid-template-columns:minmax(0,1fr) minmax(0,.62fr)}

/* ---------- Dersler ---------- */
.classes{background:var(--c-bg)}
.cgrid{
  display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(12px,1.3vw,20px);
  grid-template-areas:
    "a a a a a a a b b b b b"
    "a a a a a a a c c c c c"
    "d d d d d e e e f f f f";
}
.ccard{
  --cbg:var(--c-bg);
  position:relative;display:block;overflow:hidden;border-radius:var(--r-lg);isolation:isolate;
  background:var(--c-bg-alt);min-height:360px;
}
.ccard--a{grid-area:a;min-height:clamp(560px, 58vw, 820px)}
.ccard--b{grid-area:b}
.ccard--c{grid-area:c}
.ccard--d{grid-area:d;min-height:clamp(380px,34vw,520px)}
.ccard--e{grid-area:e;min-height:clamp(380px,34vw,520px)}
.ccard--f{grid-area:f;min-height:clamp(380px,34vw,520px)}
.ccard-media{position:absolute;inset:0;overflow:hidden}
.ccard-media img{
  position:absolute;left:0;top:-8%;width:100%;height:116%;object-fit:cover;
  transform:translate3d(0,var(--py,0px),0) scale(var(--sc,1.01));
  transition:transform 1.1s var(--ease);filter:saturate(.92) contrast(1.03);
}
.ccard:hover{--sc:1.07}
.ccard-go{
  position:absolute;top:16px;right:16px;z-index:2;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;
  background:var(--c-surface);color:var(--c-text);transition:transform .5s var(--ease),background .4s,color .4s;
}
.ccard-go svg{width:22px;height:22px}
.ccard:hover .ccard-go{transform:rotate(45deg);background:var(--c-primary);color:var(--c-on-primary)}
.ccard-tag{
  position:absolute;left:0;bottom:0;z-index:2;display:flex;flex-direction:column;gap:8px;
  max-width:min(84%, 460px);padding:22px 28px 0 0;background:var(--cbg);border-top-right-radius:var(--r-lg);
}
/* ters köşe detayları */
.ccard-tag::before,.ccard-tag::after{
  content:"";position:absolute;width:var(--r-lg);height:var(--r-lg);
  background:radial-gradient(circle at 100% 0, transparent calc(var(--r-lg) - .5px), var(--cbg) var(--r-lg));
}
.ccard-tag::before{left:0;top:calc(-1 * var(--r-lg))}
.ccard-tag::after{right:calc(-1 * var(--r-lg));bottom:0}
.ccard-num{font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--c-text-soft)}
.ccard-name{
  font-family:var(--f-display);font-weight:800;font-synthesis:none;text-transform:uppercase;
  font-size:clamp(38px, 4.2vw, 72px);line-height:.95;transition:color .4s var(--ease);
}
.ccard--a .ccard-name{font-size:clamp(56px, 7.6vw, 132px)}
.ccard--b .ccard-name,.ccard--c .ccard-name,.ccard--e .ccard-name{font-size:clamp(34px, 3.4vw, 56px)}
.ccard--b,.ccard--c{min-height:400px}
.ccard:hover .ccard-name{color:var(--c-accent)}
.ccard-desc{font-size:15px;line-height:1.55;color:var(--c-text-soft);max-width:40ch}
.ccard-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.ccard-meta b{font-size:12px;font-weight:700;padding:5px 10px;border:1px solid var(--c-line);border-radius:var(--r-btn);color:var(--c-text)}

/* ---------- Yaklaşım ---------- */
.approach{background:var(--c-bg-alt)}
.approach .ccard-tag{--cbg:var(--c-bg-alt)}
.approach-title{
  font-family:var(--f-display);font-weight:800;font-synthesis:none;text-transform:uppercase;
  font-size:clamp(64px, 12.4vw, 220px);line-height:1;letter-spacing:-.005em;margin-top:28px;
  max-width:10ch;
}
.approach-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(28px,5vw,88px);margin-top:clamp(40px,5vw,80px);align-items:start}
.approach-fig{position:relative;border-radius:var(--r-lg);overflow:hidden;aspect-ratio:4/5;position:sticky;top:100px}
.approach-fig img{width:100%;height:100%;object-fit:cover;transform:scale(var(--s,1.08));transition:transform .8s var(--ease)}
.approach-fig figcaption{
  position:absolute;left:16px;bottom:16px;padding:8px 14px;border-radius:var(--r-btn);
  background:var(--c-surface);font-size:12px;font-weight:700;letter-spacing:.04em;
}
.approach-lead{font-size:clamp(19px,1.6vw,24px);line-height:1.5;color:var(--c-text);max-width:34ch}
.principles{margin-top:clamp(32px,4vw,56px);border-top:1px solid var(--c-line)}
.principles li{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;padding:26px 0;border-bottom:1px solid var(--c-line)}
.pr-num{font-family:var(--f-display);font-weight:800;font-synthesis:none;font-size:34px;line-height:1;color:var(--c-accent)}
.principles h3{font-family:var(--f-display);font-weight:800;font-synthesis:none;text-transform:uppercase;font-size:clamp(26px,2.3vw,36px);line-height:1}
.principles p{margin-top:10px;color:var(--c-text-soft);max-width:48ch}

.stats{display:grid;grid-template-columns:1.25fr 1fr 1fr 1.15fr;gap:clamp(10px,1.2vw,18px);margin-top:clamp(48px,6vw,96px)}
.stat{
  display:flex;flex-direction:column;justify-content:space-between;gap:28px;min-height:clamp(220px,20vw,300px);
  padding:clamp(20px,2vw,30px);border-radius:var(--r-md);
}
.stat b{font-family:var(--f-display);font-weight:800;font-synthesis:none;font-size:clamp(72px,8.6vw,150px);line-height:.82;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.stat span{font-size:15px;font-weight:600;max-width:22ch;line-height:1.4}
.stat--primary{background:var(--c-primary);color:var(--c-on-primary)}
.stat--ink{background:var(--ink);color:var(--on-ink)}
.stat--accent{background:var(--c-accent);color:var(--c-bg)}
.stat--line{background:var(--c-surface);border:1px solid var(--c-line)}

/* ---------- Program ---------- */
.schedule{background:var(--c-bg)}
.sch-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.62fr);gap:clamp(24px,5vw,80px);align-items:end;margin-bottom:clamp(36px,4vw,56px)}
.sch-side{display:flex;flex-direction:column;gap:18px;padding-bottom:.4em}
.sch-mine{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;padding:8px 16px 8px 10px;border-radius:var(--r-btn);background:var(--c-surface);border:1px solid var(--c-line);font-size:14px;font-weight:700}
.sch-mine svg{width:22px;height:22px;padding:3px;border-radius:50%;background:var(--c-line);stroke-width:2.2}
.sch-mine.has{background:var(--c-text);color:var(--c-bg);border-color:var(--c-text)}
.sch-mine.has svg{background:var(--c-primary);color:var(--c-on-primary)}

.sch-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid var(--c-line);border-radius:var(--r-md);overflow:hidden;background:var(--c-surface)}
.day{
  position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:14px 16px 16px;min-height:96px;text-align:left;
  border-right:1px solid var(--c-line);transition:background .4s var(--ease),color .4s var(--ease);
}
.day:last-child{border-right:0}
.day-n{font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--c-text-soft)}
.day-d{font-family:var(--f-display);font-weight:800;font-synthesis:none;font-size:clamp(30px,3vw,46px);line-height:1}
.day-c{font-size:12px;font-weight:600;color:var(--c-text-soft)}
.day-today{position:absolute;top:14px;right:14px;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:3px 7px;border-radius:var(--r-btn);background:var(--c-accent);color:var(--c-bg)}
.day:hover{background:var(--tint)}
.day[aria-selected="true"]{background:var(--c-primary);color:var(--c-on-primary)}
.day[aria-selected="true"] .day-n,.day[aria-selected="true"] .day-c{color:var(--c-on-primary);opacity:.85}

.sch-filter{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 8px}
.chip{
  display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:var(--r-btn);
  border:1px solid var(--c-line);background:transparent;font-size:14px;font-weight:700;
  transition:background .35s var(--ease),color .35s var(--ease),border-color .35s var(--ease);
}
.chip:hover{border-color:var(--c-text)}
.chip.is-on{background:var(--c-text);color:var(--c-bg);border-color:var(--c-text)}
.tdot{width:10px;height:10px;border-radius:50%;flex:none;display:inline-block}
.t-reformer{background:var(--c-primary)}
.t-mat{background:var(--c-accent)}
.t-fonksiyonel{background:var(--c-text)}
.t-yoga{background:color-mix(in oklab, var(--c-primary) 45%, var(--c-bg))}
.t-mobilite{background:color-mix(in oklab, var(--c-accent) 40%, var(--c-bg))}
.chip.is-on .t-fonksiyonel{box-shadow:0 0 0 1.5px var(--c-bg)}

.sch-list{border-top:2px solid var(--c-text);margin-top:18px}
.srow{
  display:grid;grid-template-columns:120px minmax(0,1.6fr) minmax(0,1.1fr) minmax(0,.9fr) minmax(0,1.1fr) 190px;
  gap:20px;align-items:center;padding:20px 12px;border-bottom:1px solid var(--c-line);
  animation:rowIn .7s var(--ease) both;animation-delay:calc(var(--i,0) * 50ms);
  transition:background .35s var(--ease);
}
.srow:hover{background:var(--c-surface)}
@keyframes rowIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.s-time b{display:block;font-family:var(--f-display);font-weight:800;font-synthesis:none;font-size:36px;line-height:1;font-variant-numeric:tabular-nums}
.s-time span{font-size:13px;color:var(--c-text-soft);font-weight:600}
.s-type{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--c-text-soft)}
.s-name{font-size:20px;font-weight:800;line-height:1.25;margin-top:4px}
.s-coach{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:600}
.s-coach img{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:none}
.s-lvl{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600}
.s-lvl .bars{display:inline-flex;align-items:flex-end;gap:3px;height:16px}
.s-lvl .bars i{width:5px;background:var(--c-line);border-radius:0}
.s-lvl .bars i:nth-child(1){height:6px}.s-lvl .bars i:nth-child(2){height:11px}.s-lvl .bars i:nth-child(3){height:16px}
.s-lvl[data-l="1"] .bars i:nth-child(-n+1),.s-lvl[data-l="2"] .bars i:nth-child(-n+2),.s-lvl[data-l="3"] .bars i,.s-lvl[data-l="0"] .bars i{background:var(--c-text)}
.s-cap{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:700}
.cells{display:flex;gap:3px}
.cells i{flex:1;max-width:14px;height:8px;border-radius:0;background:var(--c-line)}
.cells i.f{background:var(--c-text)}
.cells i.me{background:var(--c-primary)}
.s-cap.is-full{color:var(--c-text-soft)}
.s-cap.is-low .left-t{color:var(--c-text)}
.low-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--c-primary);margin-right:6px;vertical-align:middle}
.s-act{display:flex;flex-direction:column;align-items:stretch;gap:4px}
.bk-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;border-radius:var(--r-btn);
  font-size:14px;font-weight:800;border:1.5px solid var(--c-text);background:var(--c-text);color:var(--c-bg);
  transition:background .35s var(--ease),color .35s var(--ease),border-color .35s var(--ease),transform .35s var(--ease);
}
.bk-btn:hover{background:var(--c-primary);border-color:var(--c-primary);color:var(--c-on-primary)}
.bk-btn.is-wait{background:transparent;color:var(--c-text)}
.bk-btn.is-wait:hover{background:var(--c-text);color:var(--c-bg);border-color:var(--c-text)}
.bk-btn.is-mine{background:var(--c-primary);border-color:var(--c-primary);color:var(--c-on-primary);cursor:default}
.bk-btn.is-mine.w{background:var(--c-accent);border-color:var(--c-accent);color:var(--c-bg)}
.bk-btn svg{width:18px;height:18px;stroke-width:2.2}
.undo{align-self:center;min-height:32px;font-size:12px;font-weight:700;color:var(--c-text-soft);text-decoration:underline;text-underline-offset:3px}
.undo:hover{color:var(--c-text)}
.srow.is-mine{background:var(--tint)}
.sch-empty{padding:48px 12px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--c-line)}
.sch-empty p{font-size:18px;font-weight:600;max-width:40ch}
.sch-empty button{font-weight:800;text-decoration:underline;text-underline-offset:4px;min-height:44px}

/* ---------- Eğitmenler ---------- */
.team{background:var(--c-bg-alt)}
.trainers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.4vw,22px);align-items:start}
.trainer:nth-child(even){margin-top:clamp(0px,6vw,96px)}
.trainer-media{position:relative;overflow:hidden;border-radius:var(--r-lg);aspect-ratio:4/5;background:var(--c-line)}
.trainer-media img{width:100%;height:100%;object-fit:cover;filter:grayscale(.25) contrast(1.02);transition:transform 1s var(--ease),filter .6s}
.trainer:hover .trainer-media img{transform:scale(1.05);filter:none}
.trainer-yrs{position:absolute;top:14px;left:14px;padding:6px 12px;border-radius:var(--r-btn);background:var(--c-surface);font-size:12px;font-weight:800;letter-spacing:.06em}
.trainer-bio{
  position:absolute;left:10px;right:10px;bottom:10px;z-index:2;padding:20px;border-radius:var(--r-md);
  background:var(--c-primary);color:var(--c-on-primary);font-size:14.5px;line-height:1.55;
  transform:translateY(calc(100% + 14px));transition:transform .65s var(--ease);
}
.trainer-bio ul{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.trainer-bio li{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:4px 9px;border-radius:var(--r-btn);border:1px solid color-mix(in oklab, var(--c-on-primary) 55%, transparent)}
.trainer:hover .trainer-bio,.trainer:focus-within .trainer-bio,.trainer.is-open .trainer-bio{transform:none}
.trainer-cap{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px;padding-top:16px}
.trainer-cap h3{font-family:var(--f-display);font-weight:800;font-synthesis:none;text-transform:uppercase;font-size:clamp(28px,2.4vw,40px);line-height:1}
.trainer-cap p{grid-column:1;font-size:14px;color:var(--c-text-soft);font-weight:600;margin-top:6px}
.trainer-more{grid-column:2;grid-row:1 / span 2;display:none;min-height:44px;padding:0 14px;border-radius:var(--r-btn);border:1px solid var(--c-line);font-size:13px;font-weight:700}

/* ---------- Üyelik ---------- */
.pricing{background:var(--c-bg)}
.pr-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;margin-bottom:clamp(40px,5vw,72px)}
.pr-head .sec-lead{margin-top:20px}
.period{
  position:relative;display:inline-grid;grid-auto-flow:column;padding:5px;border-radius:var(--r-btn);
  background:var(--c-surface);border:1px solid var(--c-line);
}
.period-thumb{
  position:absolute;top:5px;bottom:5px;left:0;width:var(--tw,90px);border-radius:var(--r-btn);background:var(--c-text);
  transform:translateX(var(--tx,5px));transition:transform .6s var(--ease),width .6s var(--ease);
}
.period button{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 20px;border-radius:var(--r-btn);font-size:15px;font-weight:800;transition:color .45s var(--ease)}
.period button small{font-size:11px;font-weight:800;padding:3px 7px;border-radius:var(--r-btn);background:var(--c-accent);color:var(--c-bg)}
.period button.is-on{color:var(--c-bg)}
.period button.is-on small{background:var(--c-primary);color:var(--c-on-primary)}

.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,22px);align-items:stretch}
.plan{
  position:relative;display:flex;flex-direction:column;padding:clamp(24px,2.4vw,36px);border-radius:var(--r-lg);
  background:var(--c-surface);border:1px solid var(--c-line);
}
.plan header h3{font-family:var(--f-display);font-weight:800;font-synthesis:none;text-transform:uppercase;font-size:clamp(32px,2.8vw,44px);line-height:1}
.plan header p{margin-top:10px;color:var(--c-text-soft);font-size:15px;max-width:30ch}
.price{display:flex;align-items:flex-start;gap:6px;margin-top:clamp(28px,3vw,44px);line-height:.85}
.price-cur{font-size:26px;font-weight:800;margin-top:.3em}
.price-num{
  display:inline-block;font-family:var(--f-display);font-weight:800;font-synthesis:none;
  font-size:clamp(72px,7.4vw,124px);letter-spacing:-.01em;font-variant-numeric:tabular-nums;
}
.price-num.bump{animation:bump .6s var(--ease)}
@keyframes bump{0%{transform:translateY(0)}30%{transform:translateY(-8px)}100%{transform:none}}
.price-per{align-self:flex-end;font-size:15px;font-weight:700;color:var(--c-text-soft);margin-bottom:.4em}
.price-sub{margin-top:14px;font-size:14px;font-weight:600;color:var(--c-text-soft);min-height:2.9em}
.price-sub b{color:var(--c-text)}
.plan-list{margin:22px 0 28px;border-top:1px solid var(--c-line)}
.plan-list li{position:relative;padding:12px 0 12px 30px;border-bottom:1px solid var(--c-line);font-size:15px;font-weight:600}
.plan-list li::before{content:"";position:absolute;left:2px;top:19px;width:14px;height:8px;border-left:2px solid var(--c-accent);border-bottom:2px solid var(--c-accent);transform:rotate(-45deg)}
.plan--pop .plan-list li::before{border-color:var(--on-ink)}
.plan-cta{margin-top:auto}
.plan--pop{background:var(--ink);color:var(--on-ink);border-color:var(--ink);box-shadow:0 40px 80px -40px rgba(0,0,0,.45)}
.plan--pop header p,.plan--pop .price-per,.plan--pop .price-sub{color:var(--ink-soft)}
.plan--pop .price-sub b{color:var(--on-ink)}
.plan--pop .plan-list,.plan--pop .plan-list li{border-color:var(--ink-line)}
.plan--pop .btn-primary{--bb:var(--c-bg);}
.plan--pop .btn-primary:hover{color:var(--c-text)}
.plan-badge{
  position:absolute;top:-14px;left:clamp(24px,2.4vw,36px);padding:7px 14px;border-radius:var(--r-btn);
  background:var(--c-accent);color:var(--c-bg);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
}
.plan .btn-ghost{color:var(--c-text)}

.compare-wrap{margin-top:clamp(40px,5vw,72px);overflow-x:auto;-webkit-overflow-scrolling:touch}
.compare{width:100%;min-width:560px;border-collapse:collapse;font-size:15px}
.compare caption{text-align:left;font-family:var(--f-display);font-weight:800;font-synthesis:none;text-transform:uppercase;font-size:clamp(28px,2.6vw,40px);line-height:1;padding-bottom:20px}
.compare th,.compare td{padding:15px 14px;text-align:left;border-bottom:1px solid var(--c-line)}
.compare thead th{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--c-text-soft);border-bottom:2px solid var(--c-text)}
.compare tbody th{font-weight:600;width:34%}
.compare td{font-weight:700;width:22%}
.compare .is-pop{background:var(--tint)}
.compare thead .is-pop{color:var(--c-text)}
.yes,.no{display:inline-block;position:relative;width:18px;height:18px;vertical-align:middle}
.yes::before{content:"";position:absolute;left:3px;top:3px;width:12px;height:7px;border-left:2px solid var(--c-accent);border-bottom:2px solid var(--c-accent);transform:rotate(-45deg)}
.no::before{content:"";position:absolute;left:3px;right:3px;top:8px;height:2px;background:var(--c-line)}
.pr-note{margin-top:22px;font-size:14px;color:var(--c-text-soft)}

/* ---------- Hikâyeler ---------- */
.stories{background:var(--c-bg-alt)}
.story{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,88px);align-items:center;margin-top:28px}
.story-fig{position:relative;border-radius:var(--r-lg);overflow:hidden;aspect-ratio:5/6}
.story-fig img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08);transform:scale(var(--s,1.08));transition:transform .8s var(--ease)}
.story-metric{
  position:absolute;right:0;bottom:0;display:flex;align-items:flex-end;gap:14px;padding:20px 24px;
  background:var(--c-primary);color:var(--c-on-primary);border-top-left-radius:var(--r-lg);
}
.story-metric b{font-family:var(--f-display);font-weight:800;font-synthesis:none;font-size:clamp(64px,7vw,112px);line-height:.8}
.story-metric span{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;line-height:1.35}
.story-copy .h2{margin-top:0}
.story-copy blockquote{margin-top:clamp(24px,3vw,40px);padding-left:clamp(20px,2.4vw,36px);border-left:3px solid var(--c-primary)}
.story-copy blockquote p{font-size:clamp(20px,1.8vw,27px);line-height:1.45;font-weight:500;letter-spacing:-.005em}
.story-copy blockquote footer{margin-top:18px;font-size:14px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--c-text-soft)}
.story-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(28px,3.4vw,48px);border-top:1px solid var(--c-line)}
.story-kpis li{padding:18px 16px 0 0}
.story-kpis li+li{padding-left:16px;border-left:1px solid var(--c-line)}
.story-kpis b{display:block;font-family:var(--f-display);font-weight:800;font-synthesis:none;font-size:clamp(28px,2.8vw,44px);line-height:1;white-space:nowrap}
.story-kpis span{font-size:13px;color:var(--c-text-soft);font-weight:600}

.rv-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:clamp(56px,7vw,110px);padding-bottom:20px;border-bottom:1px solid var(--c-line)}
.rv-score{font-size:15px;font-weight:600;color:var(--c-text-soft)}
.rv-score b{font-family:var(--f-display);font-weight:800;font-synthesis:none;font-size:34px;color:var(--c-text);margin-right:8px;vertical-align:-4px}
.rv-nav{display:flex;gap:8px}
.rv-btn{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:1px solid var(--c-text);transition:background .35s,color .35s}
.rv-btn:hover{background:var(--c-text);color:var(--c-bg)}
.rv-btn svg{width:22px;height:22px}
.rv-track{
  display:flex;gap:clamp(12px,1.4vw,20px);overflow-x:auto;scroll-snap-type:x mandatory;padding:24px 0 8px;
  scrollbar-width:none;overscroll-behavior-x:contain;cursor:grab;
}
.rv-track::-webkit-scrollbar{display:none}
.rv-track.is-drag{cursor:grabbing;scroll-snap-type:none}
.rv{
  flex:0 0 clamp(290px,28vw,400px);scroll-snap-align:start;display:flex;flex-direction:column;justify-content:space-between;gap:28px;
  padding:clamp(22px,2.2vw,32px);border-radius:var(--r-lg);background:var(--c-surface);border:1px solid var(--c-line);min-height:300px;
}
.rv--wide{flex-basis:clamp(300px,36vw,520px)}
.rv--tint{background:var(--c-accent);color:var(--c-bg);border-color:var(--c-accent)}
.rv blockquote{font-size:17px;line-height:1.6;font-weight:500}
.rv--wide blockquote{font-size:clamp(18px,1.5vw,21px)}
.rv figcaption{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--c-text-soft);font-weight:600}
.rv--tint figcaption{color:color-mix(in oklab, var(--c-bg) 80%, var(--c-accent))}
.rv figcaption b{display:block;font-size:15px;color:var(--c-text);font-weight:800}
.rv--tint figcaption b{color:var(--c-bg)}
.rv figcaption img,.rv-ini{width:46px;height:46px;border-radius:50%;object-fit:cover;flex:none}
.rv-ini{display:grid;place-items:center;background:var(--c-primary);color:var(--c-on-primary);font-weight:800;font-size:14px}

/* ---------- Deneme ---------- */
.trial{background:var(--c-primary);color:var(--c-on-primary);overflow:hidden;padding-top:0}
.trial .eyebrow{color:var(--c-on-primary)}
.trial .eyebrow::before{background:var(--c-on-primary)}
.tape-c{position:relative;left:0;right:0;background:var(--c-text);color:var(--c-bg);padding:14px 0;margin-bottom:var(--sec)}
.tape-c span{font-size:clamp(22px,2.4vw,36px)}
.tape-c i{font-size:clamp(22px,2.4vw,36px);border-width:2px}
.tape-c .tape-track{animation-duration:38s}
.trial-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:clamp(32px,5vw,88px);align-items:start}
.trial-title{
  font-family:var(--f-display);font-weight:800;font-synthesis:none;text-transform:uppercase;
  font-size:clamp(76px,11vw,200px);line-height:1;letter-spacing:-.005em;margin-top:34px;
}
.trial-title span{display:block}
.trial-lead{margin-top:28px;font-size:clamp(18px,1.4vw,21px);max-width:40ch}
.trial-steps{margin-top:clamp(28px,3.4vw,48px);border-top:1px solid color-mix(in oklab, var(--c-on-primary) 30%, transparent)}
.trial-steps li{display:flex;align-items:center;gap:18px;padding:16px 0;border-bottom:1px solid color-mix(in oklab, var(--c-on-primary) 30%, transparent);font-weight:600}
.trial-steps b{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1.5px solid currentColor;font-size:14px;flex:none}
.trial-card{
  position:relative;background:var(--c-surface);color:var(--c-text);border-radius:var(--r-lg);
  padding:clamp(22px,2.8vw,40px);box-shadow:0 50px 90px -40px rgba(0,0,0,.5);
}
.fs{border:0;margin:0 0 22px;padding:0;min-width:0}
.fs legend{padding:0;margin-bottom:12px;font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.fs legend small{font-weight:600;letter-spacing:0;text-transform:none;color:var(--c-text-soft);font-size:13px}
.req{color:var(--c-accent)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip-in{position:relative;cursor:pointer}
.chip-in input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.chip-in span{
  display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:var(--r-btn);
  border:1px solid var(--c-line);font-size:14px;font-weight:700;background:var(--c-bg);
  transition:background .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease);
}
.chip-in:hover span{border-color:var(--c-text)}
.chip-in input:checked+span{background:var(--c-text);border-color:var(--c-text);color:var(--c-bg)}
.chip-in input[type=checkbox]:checked+span::before{content:"";width:10px;height:6px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg) translateY(-2px)}
.chip-in input:focus-visible+span{outline:2px solid var(--c-accent);outline-offset:2px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field{display:flex;flex-direction:column;gap:8px;margin-bottom:6px}
.field label{font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.field input{
  width:100%;min-height:52px;padding:0 16px;border-radius:var(--r-sm);border:1px solid var(--c-line);
  background:var(--c-bg);color:var(--c-text);font:inherit;font-size:16px;
  transition:border-color .3s var(--ease),box-shadow .3s var(--ease);
}
.field input::placeholder{color:color-mix(in oklab, var(--c-text-soft) 70%, var(--c-bg))}
.field input:focus{outline:none;border-color:var(--c-text);box-shadow:0 0 0 3px color-mix(in oklab, var(--c-primary) 25%, transparent)}
.field input[aria-invalid="true"]{border-color:var(--c-text);box-shadow:inset 3px 0 0 var(--c-primary)}
.err{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--c-text)}
.err::before{content:"!";display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--c-primary);color:var(--c-on-primary);font-size:11px;font-weight:800;flex:none}
.err:empty{display:none}
.check{display:flex;align-items:flex-start;gap:12px;margin:14px 0 6px;font-size:14px;color:var(--c-text-soft);cursor:pointer}
.check input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--c-text);flex:none}
.trial-form .btn-block{margin-top:18px}
.trial-ok{text-align:left;padding:clamp(8px,2vw,24px) 0;animation:rowIn .7s var(--ease) both}
.trial-ok h3,.bk-ok h3{font-family:var(--f-display);font-weight:800;font-synthesis:none;text-transform:uppercase;font-size:clamp(40px,4vw,64px);line-height:.92;margin-top:22px}
.trial-ok p,.bk-ok p{margin-top:14px;color:var(--c-text-soft);max-width:42ch}
.trial-ok .btn{margin-top:26px}
.ok-ico{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--c-primary);color:var(--c-on-primary)}
.ok-ico svg{width:30px;height:30px;stroke-width:2.2}

/* ---------- Galeri ---------- */
.gallery{background:var(--c-bg);overflow:hidden}
.gal-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:clamp(32px,4vw,56px)}
.gal-head .h2{max-width:9ch}
.gal-hint{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--c-text-soft)}
.gal-hint svg{width:20px;height:20px}
.gal-viewport{overflow:hidden;padding-left:var(--gut)}
.gal-track{display:flex;align-items:flex-start;gap:clamp(12px,1.4vw,22px);width:max-content;will-change:transform}
.gi{position:relative;flex:none}
.gi img{border-radius:var(--r-lg);object-fit:cover;filter:saturate(.9)}
.gi--p img{width:clamp(240px,24vw,380px);aspect-ratio:4/5;height:auto}
.gi--l img{width:clamp(320px,38vw,600px);aspect-ratio:11/8;height:auto}
.gi--low{margin-top:clamp(40px,6vw,110px)}
.gi--note{display:flex;flex-direction:column;justify-content:space-between;width:clamp(240px,22vw,340px);aspect-ratio:4/5;padding:clamp(20px,2vw,30px);border-radius:var(--r-lg);background:var(--c-primary);color:var(--c-on-primary)}
.gi--note b{font-family:var(--f-display);font-weight:800;font-synthesis:none;text-transform:uppercase;font-size:clamp(40px,4vw,64px);line-height:1}
.gi--note span{font-size:15px;font-weight:600;line-height:1.5;max-width:26ch}
.gi--note small{font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.gi figcaption{display:flex;gap:10px;margin-top:12px;font-size:14px;font-weight:600;color:var(--c-text-soft)}
.gi figcaption b{color:var(--c-text);font-weight:800}

/* ---------- SSS ---------- */
.faq{background:var(--c-bg-alt)}
.faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,110px);align-items:start}
.faq-side{position:sticky;top:110px}
.faq-side .h2{margin-top:22px}
.faq-side .sec-lead{margin-top:24px}
.faq-list{border-top:2px solid var(--c-text)}
.qa{border-bottom:1px solid var(--c-line)}
.qa h3{font:inherit}
.qa button{
  display:flex;justify-content:space-between;align-items:center;gap:24px;width:100%;min-height:76px;padding:20px 0;text-align:left;
  font-size:clamp(18px,1.5vw,22px);font-weight:700;line-height:1.35;transition:color .3s var(--ease);
}
.qa button:hover{color:var(--c-accent)}
.qa button i{position:relative;width:40px;height:40px;border-radius:50%;border:1px solid var(--c-line);flex:none;transition:transform .5s var(--ease),background .35s,border-color .35s}
.qa button i::before,.qa button i::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;margin:-1px 0 0 -7px;background:currentColor}
.qa button i::after{transform:rotate(90deg);transition:transform .5s var(--ease)}
.qa button[aria-expanded="true"] i{background:var(--c-primary);border-color:var(--c-primary);color:var(--c-on-primary);transform:rotate(180deg)}
.qa button[aria-expanded="true"] i::after{transform:rotate(0)}
.qa-a{padding:0 64px 26px 0;color:var(--c-text-soft);font-size:16.5px;animation:rowIn .6s var(--ease) both}

/* ---------- İletişim ---------- */
.contact{background:var(--c-bg)}
.contact-title{
  font-family:var(--f-display);font-weight:800;font-synthesis:none;text-transform:uppercase;
  font-size:clamp(52px,9vw,164px);line-height:.95;letter-spacing:-.005em;margin-top:24px;
}
.contact-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);margin-top:clamp(36px,4vw,64px);align-items:stretch}
.map{position:relative;border-radius:var(--r-lg);overflow:hidden;min-height:460px;background:var(--c-bg-alt)}
.map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:grayscale(1) contrast(1.05)}
.info{display:flex;flex-direction:column;gap:0;align-items:flex-start}
.info-block{width:100%;padding:22px 0;border-top:1px solid var(--c-line)}
.info-block:first-child{border-top:2px solid var(--c-text)}
.info-two{display:grid;grid-template-columns:1fr;gap:18px}
.info-k{font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--c-text-soft);margin-bottom:8px}
.info-v{font-size:clamp(18px,1.5vw,22px);font-weight:700;line-height:1.35}
.info-link{display:inline-block;background-image:linear-gradient(currentColor,currentColor);background-size:0 2px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .5s var(--ease);word-break:break-word}
.info-link:hover{background-size:100% 2px}
.info-s{margin-top:8px;font-size:15px;color:var(--c-text-soft)}
.hours div{display:flex;justify-content:space-between;gap:16px;padding:8px 0;font-size:16px}
.hours dt{color:var(--c-text-soft);font-weight:600}
.hours dd{font-weight:800;font-variant-numeric:tabular-nums}
.hours div.is-today dt{color:var(--c-text);font-weight:800}
.hours div.is-today dt::after{content:"Bugün";margin-left:10px;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:3px 7px;border-radius:var(--r-btn);background:var(--c-primary);color:var(--c-on-primary);vertical-align:2px}
.info .btn{margin-top:22px}

/* ---------- Altbilgi ---------- */
.ft{background:var(--ink);color:var(--on-ink);padding-top:clamp(64px,8vw,120px);overflow:hidden}
.ft a{transition:opacity .3s}
.ft a:hover{opacity:.65}
.ft-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:clamp(32px,5vw,80px)}
.ft-tag{font-size:clamp(20px,1.8vw,28px);line-height:1.4;font-weight:600;max-width:26ch}
.ft-cols{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr) minmax(0,.9fr);gap:24px}
.ft-k{font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:14px}
.ft-cols li a{display:inline-flex;min-height:36px;align-items:center;font-weight:600;font-size:15px;word-break:break-word}
.ft-word{
  font-family:var(--f-display);font-weight:800;font-synthesis:none;text-transform:uppercase;
  font-size:var(--fws, 24vw);line-height:.8;letter-spacing:-.01em;white-space:nowrap;
  margin:clamp(40px,6vw,90px) 0 0;color:var(--c-primary);
}
.ft-word span{display:block;transform:translateY(var(--fy,0));will-change:transform}
.ft-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:24px 0 32px;margin-top:clamp(16px,2vw,28px);border-top:1px solid var(--ink-line);font-size:14px;color:var(--ink-soft)}
.ft-up{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:var(--on-ink);min-height:44px}
.ft-up svg{width:18px;height:18px}

/* ---------- Modal ---------- */
.modal{
  width:min(520px, calc(100% - 32px));max-height:calc(100dvh - 32px);padding:clamp(24px,3vw,40px);border:0;border-radius:var(--r-lg);
  background:var(--c-surface);color:var(--c-text);box-shadow:0 50px 100px -30px rgba(0,0,0,.5);overflow:auto;
}
.modal::backdrop{background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.modal[open]{animation:modalIn .55s var(--ease)}
@keyframes modalIn{from{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:none}}
.modal-x{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--c-line);transition:transform .45s var(--ease),background .3s}
.modal-x:hover{transform:rotate(90deg);background:var(--c-bg)}
.modal-x svg{width:20px;height:20px}
.bk-title{font-family:var(--f-display);font-weight:800;font-synthesis:none;text-transform:uppercase;font-size:clamp(40px,5vw,60px);line-height:.92;margin-top:14px;padding-right:40px}
.bk-meta{display:flex;flex-direction:column;gap:6px;margin:18px 0 24px;padding:16px 0;border-block:1px solid var(--c-line);font-size:15px;font-weight:600}
.bk-meta li{display:flex;align-items:center;gap:10px}
.bk-meta li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--c-primary);flex:none}
.bk-left.is-full::before{background:var(--c-text-soft)}
.bk-form .field{margin-bottom:14px}
.bk-fine{margin-top:12px;font-size:13px;color:var(--c-text-soft);text-align:center}
.bk-ok{padding:8px 0}
.bk-ok .btn{margin-top:26px}

/* ---------- Duyarlı ---------- */
@media (max-width:1180px){
  .nav{display:none}
  .burger{display:block}
  .hero-foot{grid-template-columns:minmax(0,1fr) minmax(0,.8fr)}
  .spin{display:none}
  .srow{grid-template-columns:96px minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr) 170px;}
  .s-lvl{display:none}
  .trainers{grid-template-columns:repeat(2,minmax(0,1fr))}
  .trainer:nth-child(even){margin-top:64px}
  .trainer:nth-child(3){margin-top:-64px}
  .trainer:nth-child(4){margin-top:0}
}
@media (max-width:900px){
  :root{--hdr:72px}
  .hdr.is-scrolled{--hdr:64px}
  .hdr-cta{display:none}
  .hero-foot{grid-template-columns:1fr}
  .next{max-width:420px}
  .sec-head,.sec-head--split,.sch-head{grid-template-columns:1fr;grid-template-areas:none;row-gap:20px}
  .sec-head .eyebrow,.sec-head .h2,.sec-head .sec-lead{grid-area:auto}
  .cgrid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"a a" "b c" "d d" "e f"}
  .ccard--a{min-height:560px}
  .ccard,.ccard--d,.ccard--e,.ccard--f{min-height:420px}
  .approach-grid,.story,.trial-grid,.faq-grid,.contact-grid,.ft-top{grid-template-columns:1fr}
  .approach-fig{position:relative;top:auto;aspect-ratio:4/3}
  .faq-side{position:static}
  .stats{grid-template-columns:1fr 1fr}
  .plans{grid-template-columns:1fr;max-width:560px}
  .plan--pop{order:-1}
  .pr-head{flex-direction:column;align-items:flex-start}
  .srow{grid-template-columns:84px minmax(0,1fr) 160px;grid-template-areas:"t n a" "t c a" "t k a";row-gap:6px}
  .s-time{grid-area:t;align-self:start}
  .s-class{grid-area:n}
  .s-coach{grid-area:c}
  .s-cap{grid-area:k}
  .s-act{grid-area:a}
  .s-coach img{width:28px;height:28px}
  .s-cap{flex-direction:row;align-items:center;gap:12px}
  .cells{width:120px}
  .map{min-height:360px}
  .story-fig{aspect-ratio:4/4}
}
@media (max-width:640px){
  body{font-size:16px}
  .hero-top .hero-hours{display:none}
  .ht-row{flex-wrap:wrap;white-space:normal}
  .ht-row1{row-gap:.1em}
  .ht-row2{justify-content:flex-start}
  .ht-row2 .ht-accent{display:block;width:calc(100% + var(--gut));padding:.1em var(--gut) .02em .1em}
  .reel{flex:1 1 100%;order:2;height:.9em;min-height:150px;transform:none}
  .hero-title.is-stack .reel{height:auto;aspect-ratio:16/10;margin-top:.12em}
  .ht-row .ht-word{order:1}
  .hero-ctas .btn{flex:1 1 100%}
  .tape-a{transform:rotate(-3deg)}
  .tape-b{transform:rotate(2.4deg)}
  .cgrid{grid-template-columns:1fr;grid-template-areas:"a" "b" "c" "d" "e" "f"}
  .ccard--a{min-height:520px}
  .ccard,.ccard--d,.ccard--e,.ccard--f{min-height:400px}
  .ccard-tag{max-width:90%;padding:18px 20px 0 0}
  .ccard-desc{font-size:14px}
  .principles li{grid-template-columns:48px minmax(0,1fr)}
  .pr-num{font-size:26px}
  .stats{grid-template-columns:1fr 1fr;gap:10px}
  .stat{min-height:180px;padding:18px}
  .stat b{font-size:clamp(56px,17vw,80px)}
  .stat span{font-size:13px}
  .day{align-items:center;min-height:78px;padding:12px 0 14px;text-align:center}
  .day-n{font-size:10px;letter-spacing:.08em}
  .day-d{font-size:28px}
  .day-today{top:auto;bottom:6px;right:auto;left:50%;width:6px;height:6px;padding:0;margin-left:-3px;font-size:0;border-radius:50%}
  .day[aria-selected="true"] .day-today{background:var(--c-on-primary)}
  .day-c{display:none}
  .sch-filter{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1 * var(--gut));padding-inline:var(--gut)}
  .sch-filter::-webkit-scrollbar{display:none}
  .chip{flex:none}
  .srow{grid-template-columns:64px minmax(0,1fr);grid-template-areas:"t n" "t c" "t k" "a a";padding:18px 4px;column-gap:14px}
  .s-time b{font-size:28px}
  .s-name{font-size:18px}
  .s-act{flex-direction:row;align-items:center;margin-top:10px}
  .s-act .bk-btn{flex:1}
  .trainers{grid-template-columns:1fr 1fr;gap:12px}
  .trainer:nth-child(n){margin-top:0}
  .trainer:nth-child(even){margin-top:40px}
  .trainer-cap{grid-template-columns:1fr;padding-top:12px}
  .trainer-cap h3{font-size:24px}
  .trainer-cap p{font-size:13px}
  .trainer-more{grid-column:1;grid-row:auto;justify-self:start;margin-top:8px;min-height:40px;padding:0 12px}
  .trainer-bio{left:6px;right:6px;bottom:6px;padding:14px;font-size:13px}
  .trainer-bio ul{display:none}
  .period{width:100%;grid-auto-columns:1fr}
  .period button{justify-content:center;padding:0 8px;font-size:14px;flex-direction:column;gap:2px;min-height:56px}
  .period button small{font-size:10px;padding:1px 6px}
  .story-kpis li{padding-right:8px}
  .story-kpis li+li{padding-left:10px}
  .story-kpis b{font-size:24px}
  .rv-bar{flex-wrap:wrap}
  .row2{grid-template-columns:1fr;gap:0}
  .gal-viewport{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-right:var(--gut);scroll-padding-inline:var(--gut)}
  .gi--note{width:72vw}
  .gal-viewport::-webkit-scrollbar{display:none}
  .gi{scroll-snap-align:start}
  .gi--p img{width:72vw}
  .gi--l img{width:84vw}
  .gi--low{margin-top:0}
  .qa-a{padding-right:0}
  .ft-cols{grid-template-columns:1fr 1fr}
  .ft-cols>div:nth-child(2){grid-column:1 / -1;order:3}
  .compare{min-width:0;font-size:13px}
  .compare th,.compare td{padding:12px 6px}
  .compare thead th{font-size:10px;letter-spacing:.06em}
  .compare tbody th{width:36%}
  .ft-bottom{flex-direction:column;align-items:flex-start}
  .info-two{grid-template-columns:1fr}
}
@media (hover:none){
  .trainer-more{display:inline-flex;align-items:center}
  .trainer:hover .trainer-bio,.trainer:focus-within .trainer-bio{transform:translateY(calc(100% + 14px))}
  .trainer.is-open .trainer-bio{transform:none}
}
@media (prefers-reduced-motion:reduce){
  .tape-track,.spin-ring,.live::after{animation:none}
  .reel-frame{transition:opacity .3s}
  *{scroll-behavior:auto}
}