/* IRONWM · A "Gece Yarışı" — koyu, sinematik, lime vurgu. Önce telefon. */
:root{
  --ink:#0F1A10; --ink2:#212E21; --lime:#EBFC72; --paper:#F4F3E8; --sand:#E6DCC8;
  --muted:#b9c0ad; --line:#ffffff22;
  --head:Anton,Impact,"Arial Narrow",sans-serif; --body:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  --r:14px; --gut:20px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ink);color:var(--paper);font:400 17px/1.6 var(--body);overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
.wrap{width:100%;max-width:1160px;margin:0 auto;padding:0 var(--gut)}
.narrow{max-width:760px}
.muted{color:var(--muted)}
.lime{color:var(--lime)}

/* Başlıklar */
.display,.title,.logo,.card h3,.event h3,.coach-name,.num,.when b{font-family:var(--head);font-weight:400;text-transform:uppercase;letter-spacing:.5px}
.display{font-size:clamp(64px,17vw,168px);line-height:1.04;margin:0 0 30px;padding-top:.08em}
.display span{display:block}
.display.sm{font-size:clamp(44px,11vw,96px);line-height:1.05;padding-top:.08em}
.title{font-size:clamp(38px,8vw,64px);line-height:1.05;margin:0 0 18px;padding-top:.06em}
.kicker{font-size:13px;letter-spacing:3px;text-transform:uppercase;color:var(--lime);font-weight:700;margin:0 0 14px}
.lead{font-size:clamp(17px,2.4vw,20px);max-width:620px;margin:0 0 26px}

/* Düğmeler */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:999px;font-weight:700;font-size:16px;text-decoration:none;border:2px solid transparent;transition:transform .15s,background .15s}
.btn:hover{transform:translateY(-2px)}
.btn-lime{background:var(--lime);color:var(--ink)}
.btn-line{border-color:var(--paper);color:var(--paper)}
.btn-line:hover{background:#ffffff14}
.btn-dark{background:var(--ink);color:var(--lime)}
.btn-line-dark{border-color:var(--ink);color:var(--ink)}
.btn-sm{min-height:40px;padding:0 16px;font-size:14px}
.btn-block{width:100%}
.actions{display:flex;flex-wrap:wrap;gap:12px}
.actions .btn{flex:1 1 220px}
@media(min-width:720px){.actions .btn{flex:0 0 auto}}

/* Üst bar */
.top{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;align-items:center;gap:16px;padding:14px var(--gut);background:linear-gradient(#0F1A10e6,#0F1A1000);transition:background .2s}
.top.solid{background:#0F1A10f2;backdrop-filter:blur(8px)}
.logo{font-size:26px;letter-spacing:3px;text-decoration:none;margin-right:auto}
.nav{display:none;gap:22px;font-size:15px}
.nav a{text-decoration:none;opacity:.85}.nav a:hover{opacity:1;color:var(--lime)}
.top-cta{display:none}
.menu{width:44px;height:44px;border:0;background:none;color:var(--paper);display:flex;flex-direction:column;justify-content:center;gap:7px;padding:10px;cursor:pointer}
.menu span{height:2px;background:currentColor;border-radius:2px}
.nav.open{display:flex;position:fixed;inset:70px 0 auto 0;flex-direction:column;background:var(--ink);padding:16px var(--gut) 24px;gap:6px;border-bottom:1px solid var(--line)}
.nav.open a{font-size:20px;padding:10px 0}
@media(min-width:900px){.nav{display:flex}.top-cta{display:inline-flex}.menu{display:none}}

/* Giriş */
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;padding:120px 0 48px;isolation:isolate}
.hero-bg{position:absolute;inset:0;z-index:-1;background:url(/assets/img/hero-m.jpg) center/cover}
@media(min-width:900px){.hero-bg{background-image:url(/assets/img/hero.jpg)}}
.hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0F1A10b3 0%,#0F1A10cc 45%,#0F1A10 100%)}
@media(min-width:900px){.hero-bg::after{background:linear-gradient(90deg,#0F1A10f0 0%,#0F1A10cc 45%,#0F1A1066 100%),linear-gradient(180deg,#0F1A1000 60%,#0F1A10 100%)}}
.hero .kicker,.hero .lead,.hero .display{text-shadow:0 2px 18px #0F1A10cc}
.hero .lead{color:#fff}
.dist-title{margin:34px 0 10px;font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);font-weight:700}
.dists{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-width:880px}
.dists li{background:#0F1A10b3;border:1px solid var(--line);border-radius:12px;padding:10px 14px;backdrop-filter:blur(4px)}
.dists b{display:block;font-family:var(--head);font-weight:400;text-transform:uppercase;letter-spacing:.5px;font-size:20px;color:var(--lime)}
.dists span{display:block;font-size:13px;white-space:nowrap;color:var(--paper);opacity:.85}
@media(min-width:800px){.dists{grid-template-columns:repeat(4,1fr)}}

/* Bölümler */
.sec{padding:84px 0}
.sec.light{background:var(--paper);color:var(--ink)}
.sec.light .muted{color:#5b6457}
.sec.dark{background:var(--ink2)}
.page-head{padding-top:130px}
.center{text-align:center}.center .lead{margin-left:auto;margin-right:auto}

.steps{list-style:none;padding:0;margin:0;display:grid;gap:18px}
.steps li{border-top:3px solid var(--ink);padding-top:16px}
.num{font-size:48px;line-height:1;color:var(--ink);opacity:.25}
.steps h3{font-size:22px;margin:6px 0}
.steps p{margin:0;color:#3c4637}
@media(min-width:800px){.steps{grid-template-columns:repeat(3,1fr);gap:32px}}

.cards{display:grid;gap:16px;margin-top:8px}
.card{background:var(--ink);border:1px solid var(--line);border-radius:var(--r);padding:26px;display:flex;flex-direction:column}
.card h3{font-size:34px;margin:0;color:var(--lime)}
.card .for{color:var(--muted);margin:6px 0 14px}
.card ul{margin:0 0 22px;padding-left:20px}
.card li{margin:4px 0}
.price{margin-top:auto;font-weight:700;text-decoration:none;color:var(--lime)}
@media(min-width:800px){.cards{grid-template-columns:repeat(3,1fr)}}

.photo{position:relative;isolation:isolate}
.alanya::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0F1A10e6,#0F1A10b0 50%,#0F1A10f2),url(/assets/img/alanya.jpg) center/cover}
.events{display:grid;gap:12px;margin:0 0 26px}
.event{display:flex;gap:18px;align-items:center;background:#0F1A10cc;border:1px solid var(--line);border-radius:var(--r);padding:16px 18px}
.when{display:flex;flex-direction:column;align-items:center;min-width:110px;border-right:1px solid var(--line);padding-right:16px}
.when b{font-size:20px;color:var(--lime)}.when span{font-family:var(--head);font-size:30px;line-height:1}
.event h3{font-size:24px;margin:0}.event p{margin:2px 0 0;color:var(--muted)}
@media(min-width:800px){.events{grid-template-columns:1fr 1fr}}

.coach-grid{display:grid;gap:28px;align-items:center}
.coach-photo{aspect-ratio:4/5;border-radius:var(--r);background:linear-gradient(180deg,#0F1A1000 50%,#0F1A10cc),url(/assets/img/coach.jpg) center/cover;display:flex;align-items:flex-end;padding:18px}
.coach-photo span{font-family:var(--head);font-size:28px;letter-spacing:3px;color:var(--lime)}
.coach-name{font-size:30px;margin:-6px 0 12px}
@media(min-width:800px){.coach-grid{grid-template-columns:5fr 7fr;gap:56px}}

.faq{border-bottom:1px solid var(--line);padding:6px 0}
.faq summary{cursor:pointer;list-style:none;font-weight:700;font-size:18px;padding:16px 36px 16px 0;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:10px;font-size:28px;color:var(--lime);transition:transform .2s}
.faq[open] summary::after{transform:rotate(45deg)}
.faq p{margin:0 0 18px;color:var(--muted)}

.final{background:var(--lime);color:var(--ink)}

/* Form */
.form{display:grid;gap:20px}
.f{display:grid;gap:8px;font-weight:600;border:0;padding:0;margin:0}
.f em{font-style:normal;font-weight:400;font-size:13px;color:#6b7266}
.f legend{padding:0;margin-bottom:8px}
.form input:not([type=radio]):not([type=checkbox]),.form textarea{font:inherit;font-weight:400;width:100%;min-height:52px;padding:12px 16px;border:1.5px solid #c9c6b6;border-radius:12px;background:#fff;color:var(--ink)}
.form input:focus,.form textarea:focus{outline:3px solid var(--lime);border-color:var(--ink)}
.opts{display:grid;gap:8px}
.opts.row{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}
.opts.days{grid-template-columns:repeat(auto-fit,minmax(64px,1fr))}
.opt{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 14px;border:1.5px solid #c9c6b6;border-radius:12px;background:#fff;font-weight:500;cursor:pointer}
.opt:has(input:checked){border-color:var(--ink);background:#EBFC7255}
.opt input{accent-color:var(--ink);width:18px;height:18px}
.check{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.5}
.check input{margin-top:3px;width:20px;height:20px;accent-color:var(--ink);flex:none}
.check a{font-weight:700}
.hp{display:none}

.prose h2{font-family:var(--head);font-weight:400;text-transform:uppercase;font-size:26px;margin:32px 0 8px}
.ticks{list-style:none;padding:0;margin:0 0 28px}
.ticks li{padding-left:30px;position:relative;margin:8px 0}
.ticks li::before{content:"✓";position:absolute;left:0;color:var(--lime);font-weight:800}

/* Alt bilgi */
.foot{background:var(--ink);border-top:1px solid var(--line);padding:48px 0 96px}
.foot-grid{display:grid;gap:24px}
.foot-links{display:flex;flex-wrap:wrap;gap:16px 24px}
.foot-links a{text-decoration:none;opacity:.85}.foot-links a:hover{color:var(--lime)}
.credits{font-size:12px;color:#7d8576;margin-top:24px}
.credits a{color:#7d8576}
@media(min-width:800px){.foot-grid{grid-template-columns:1fr auto;align-items:center}}

.wa-float{position:fixed;right:18px;bottom:18px;z-index:60;width:58px;height:58px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;box-shadow:0 8px 24px #0006}

@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Fiyat notu + koç rakamları */
.price-note{font-size:15px;margin:18px 0 0}
.facts{list-style:none;padding:0;margin:8px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.facts li{border-top:3px solid var(--ink);padding-top:10px}
.facts b{display:block;font-family:var(--head);font-weight:400;font-size:clamp(30px,6vw,44px);line-height:1.1}
.facts span{display:block;font-size:14px;line-height:1.35;color:#5b6457}

/* Dil seçici */
.langs{display:flex;gap:2px;font-size:13px;font-weight:700;letter-spacing:1px}
.langs a{text-decoration:none;padding:8px 7px;border-radius:8px;opacity:.7}
.langs a:hover{opacity:1}
.langs a.on{opacity:1;color:var(--lime)}