/* Advenway HYROX — merkez sayfa (/hyrox/) tasarımı, 21 Eki 2026.
   Düzen (bölümler, kartlar, kayan bant, pist, istasyon keşfi) bu dosyanın üst kısmında; RENKLER dosyanın
   SONUNDAKİ «PALET 3» bloğunda (siyah/beyaz + tek vurgu sarı #FFE100, siyah-beyaz foto, mono etiketler).
   Yazı Archivo (genişlik ekseni) + IBM Plex Mono. Tasarım tuvali: claude.ai/artifact/MBrMdzgkXRBq1GyZxhsQnp
   Takvim ve «bana uygun mu?» bileşenleri hyrox.css'ten gelir; burada yalnız renk değişkenleri ve kart düzeni ezilir. */

.hxm{
  --hxm-komur:#0A0A0A; --hxm-beyaz:#F5F5F5; --hxm-v:#E10600; --hxm-v-koyu:#FF5A4E; --hxm-asit:#22E36B;
  --hxm-kart:#161616; --hxm-cizgi:#2C2C2C; --hxm-soluk:#A3A3A3; --hxm-soluk-k:#A3A3A3;
  --hx-beton:#F5F5F5; --hx-tebesir:#181818; --hx-murekkep:#0A0A0A; --hx-soluk:#A3A3A3; --hx-cizgi:#0A0A0A;
  --hx-kosu:#FF5A4E; --hx-istasyon:#E10600; --hx-istasyon-acik:#3A0B08;
  --hx-baslik:Archivo,system-ui,sans-serif; --hx-govde:Archivo,system-ui,sans-serif;
  font:400 18px/1.55 Archivo,system-ui,sans-serif; color:var(--hxm-komur); background:var(--hxm-beyaz);
  overflow:hidden; -webkit-font-smoothing:antialiased; width:100%;
}
.hxm *,.hxm *::before,.hxm *::after{box-sizing:border-box}
.hxm img{display:block; max-width:100%; height:auto}
.hxm a{color:var(--hxm-v-koyu)}
.hxm a:hover{color:var(--hxm-komur)}
.hxm a:focus-visible,.hxm button:focus-visible,.hxm summary:focus-visible,.hxm select:focus-visible,.hxm input:focus-visible{outline:3px solid var(--hxm-asit); outline-offset:3px}
.hxm .hxm-ic{max-width:1280px; margin:0 auto; padding:0 48px}
.hxm .hxm-koyu{background:var(--hxm-komur); color:var(--hxm-beyaz)}
.hxm .hxm-koyu a{color:var(--hxm-beyaz)}
.hxm .hxm-soluk{color:var(--hxm-soluk)}
.hxm .hxm-koyu .hxm-soluk{color:var(--hxm-soluk-k)}
.hxm .hxm-kucuk{font-size:14px}

/* --- yazı --- */
.hxm .hxm-h1,.hxm .hxm-h2{font-family:Archivo,system-ui,sans-serif!important; font-weight:900!important; font-style:italic!important; font-stretch:125%; text-transform:uppercase!important; letter-spacing:-.02em!important; margin:0!important; color:inherit!important}
.hxm .hxm-h1{font-size:clamp(64px,7vw,128px)!important; line-height:.86!important}
.hxm .hxm-h1 span{display:block; white-space:nowrap}
.hxm .hxm-h2{font-size:clamp(30px,8.5vw,76px)!important; line-height:.9!important; font-stretch:122%}
/* yan sütundaki başlıklar dar: tek uzun kelime («YARIŞACAKSIN?») taşmasın */
.hxm .hxm-kat .hxm-h2,.hxm .hxm-plan .hxm-h2,.hxm .hxm-birlikte .hxm-h2{font-size:clamp(30px,3.2vw,50px)!important}
.hxm .hxm-h2 em,.hxm .hxm-vurgu{font-style:italic; color:var(--hxm-v)}
.hxm .hxm-giris{font-size:20px; max-width:56ch; margin:0}
.hxm .hxm-bolum{position:relative; padding:120px 0}
.hxm .hxm-bas{display:flex; flex-direction:column; gap:20px; max-width:780px; margin-bottom:56px}

/* eğik geçiş: koyu bölüm üstten çapraz kesilir, öncekinin üstüne biner */
.hxm .hxm-egik{clip-path:polygon(0 64px,100% 0,100% 100%,0 100%); margin-top:-64px; padding-top:184px}
.hxm .hxm-egik-ters{clip-path:polygon(0 0,100% 64px,100% 100%,0 100%); margin-top:-64px; padding-top:184px}

/* --- düğmeler --- */
.hxm .hxm-btn{display:inline-flex; align-items:center; min-height:56px; padding:15px 28px; border-radius:0; border:2px solid transparent; font:900 italic 19px Archivo,sans-serif; font-stretch:115%; text-decoration:none; cursor:pointer; transition:transform .12s ease,box-shadow .12s ease}
.hxm .hxm-btn--ana{background:var(--hxm-v); color:var(--hxm-komur)!important; box-shadow:6px 6px 0 var(--hxm-mor)}
.hxm .hxm-btn--ana:hover{transform:translate(-3px,-3px); box-shadow:9px 9px 0 var(--hxm-mor)}
.hxm .hxm-btn--cizgi{border-color:var(--hxm-beyaz); color:var(--hxm-beyaz)!important; background:transparent}
.hxm .hxm-btn--cizgi:hover{background:var(--hxm-beyaz); color:var(--hxm-komur)!important}
.hxm .hxm-btn--koyu{background:var(--hxm-komur); color:var(--hxm-beyaz)!important; box-shadow:6px 6px 0 var(--hxm-v)}
.hxm .hxm-btn--koyu:hover{transform:translate(-3px,-3px); box-shadow:9px 9px 0 var(--hxm-v)}
.hxm .hxm-metinbag{font-weight:800; text-decoration:underline; text-decoration-thickness:3px; text-underline-offset:6px}
.hxm .hxm-metinbag--asit{color:var(--hxm-asit)!important}
.hxm .hxm-eylemler{display:flex; flex-wrap:wrap; gap:18px 22px; align-items:center}

/* çift ton foto: gri + kontrast, turuncu (ya da asit) zemine çarpılır; üstüne gelince gerçek renk */
.hxm .hxm-duo{display:block; background:var(--hxm-v); overflow:hidden}
.hxm .hxm-duo img{width:100%; height:100%; object-fit:cover; filter:grayscale(1) contrast(1.35) brightness(1.05); mix-blend-mode:multiply; transition:filter .25s ease}
.hxm .hxm-duo--asit{background:var(--hxm-asit)}

/* --- açılış --- */
.hxm .hxm-acilis{position:relative; min-height:820px; display:flex; flex-direction:column}
.hxm .hxm-acilis__foto{position:absolute; inset:0; width:100%; height:100%!important; object-fit:cover; object-position:62% 28%; filter:contrast(1.15) saturate(1.15)}
/* geniş ekranda foto sağ üçte ikiye yaslanır: sporcu metnin arkasında kalmaz */
@media (min-width:1101px){.hxm .hxm-acilis__foto{left:auto; right:-14%; width:70%}}
.hxm .hxm-acilis__ort{position:absolute; inset:0; background:linear-gradient(90deg,#0A0A0A 0%,#0A0A0A 34%,rgba(10,10,10,.55) 46%,rgba(10,10,10,0) 62%),linear-gradient(0deg,#0A0A0A 0%,rgba(10,10,10,0) 30%)}
.hxm .hxm-acilis__ic{position:relative; flex:1; display:flex; flex-direction:column; justify-content:center; gap:30px; padding-top:80px; padding-bottom:36px; width:100%}
.hxm .hxm-rozet{align-self:flex-start; margin:0; background:var(--hxm-asit); color:var(--hxm-komur); font:900 italic 20px Archivo,sans-serif; font-stretch:115%; padding:6px 14px}
.hxm .hxm-acilis .hxm-giris{color:#E6E6E6; max-width:44ch; font-size:21px}

/* pist: yarışın gerçek oranlı akışı (JS, motor.js plan) */
.hxm .hxm-pist-alan{position:relative; width:100%; padding-bottom:28px}
.hxm .hxm-pist__ust{display:flex; justify-content:space-between; gap:16px; font-size:14px; font-weight:600; color:var(--hxm-soluk-k); margin-bottom:10px}
.hxm .hxm-pist{display:flex; height:76px; gap:3px}
.hxm .hxm-pist > span{height:100%; display:flex; align-items:flex-end; padding:0 0 8px 6px; overflow:hidden; white-space:nowrap}
.hxm .hxm-s-kosu{background:repeating-linear-gradient(-55deg,#1A1A1A 0 9px,#2A2A2A 9px 18px); color:var(--hxm-beyaz); font:800 italic 13px Archivo,sans-serif}
.hxm .hxm-s-gecis{background:var(--hxm-asit); padding:0!important}
.hxm .hxm-s-ist{background:var(--hxm-v); color:var(--hxm-komur); font:900 italic 13px Archivo,sans-serif; font-stretch:100%}
.hxm .hxm-kunye{font-size:12px; color:#8A8A8A; margin:12px 0 0}

/* kayan istasyon bandı */
.hxm .hxm-bant{position:relative; z-index:2; background:var(--hxm-asit); color:var(--hxm-komur); overflow:hidden; border-top:2px solid var(--hxm-komur); border-bottom:2px solid var(--hxm-komur)}
.hxm .hxm-bant__ic{display:flex; width:max-content; animation:hxmkay 38s linear infinite}
.hxm .hxm-bant span{display:inline-flex; align-items:center; gap:28px; margin-right:28px; padding:14px 0; font:900 italic 34px Archivo,sans-serif; font-stretch:122%; text-transform:uppercase; white-space:nowrap}
.hxm .hxm-bant i{width:16px; height:16px; background:var(--hxm-v); display:inline-block; transform:skewX(-14deg)}
@keyframes hxmkay{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* --- başlangıç yolları --- */
.hxm .hxm-yollar{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px}
.hxm .hxm-yol{display:flex; flex-direction:column; text-decoration:none; color:var(--hxm-komur)!important; background:var(--hxm-kagit); border:2px solid var(--hxm-komur); box-shadow:8px 8px 0 var(--hxm-mor); transition:transform .12s ease,box-shadow .12s ease}
.hxm .hxm-yol:hover{transform:translate(-4px,-4px); box-shadow:12px 12px 0 var(--hxm-v)}
.hxm .hxm-yol:hover .hxm-duo img,.hxm .hxm-one:hover .hxm-duo img{filter:none; mix-blend-mode:normal}
.hxm .hxm-yol__foto{height:260px; border-bottom:2px solid var(--hxm-komur)}
.hxm .hxm-yol__ic{display:flex; flex-direction:column; gap:12px; padding:26px 26px 28px; flex:1; font-size:17px}
.hxm .hxm-yol__h{font:900 italic 30px/.95 Archivo,sans-serif; font-stretch:118%; text-transform:uppercase}
.hxm .hxm-yol__git{margin-top:auto; padding-top:14px; font-weight:900; font-style:italic; color:var(--hxm-v-koyu)}

/* --- istasyon keşfi --- */
/* Liste ile kart aynı yerde başlayıp biter: ızgara satırı iki sütunu eşit boya çeker, liste satırları paylaşır. */
.hxm .hxm-kesif{display:grid; grid-template-columns:minmax(0,420px) minmax(0,1fr); gap:48px; align-items:stretch}
.hxm .hxm-kesif__liste{list-style:none; margin:0!important; padding:0!important; display:flex; flex-direction:column; gap:6px}
.hxm .hxm-kesif__liste li{margin:0!important; padding:0!important; flex:1 1 0; display:flex}
.hxm .hxm-kesif__liste li > button{flex:1}
.hxm .hxm-kesif__liste li::before{content:none!important}
.hxm .hxm-kesif__dug{width:100%; display:grid; grid-template-columns:64px 1fr auto; align-items:center; gap:12px; min-height:64px; padding:12px 16px 12px 10px; background:var(--hxm-kart); border:0; border-left:6px solid transparent; border-radius:0; color:var(--hxm-beyaz); font:700 19px Archivo,sans-serif; text-align:left; cursor:pointer}
.hxm .hxm-kesif__dug:hover{background:#222222}
.hxm .hxm-kesif__no{font:900 italic 28px Archivo,sans-serif; font-stretch:125%; color:#6B6B6B}
.hxm .hxm-kesif__olc{font-size:15px; color:var(--hxm-soluk-k); font-variant-numeric:tabular-nums}
.hxm .hxm-kesif__dug[aria-selected="true"]{background:var(--hxm-v); color:var(--hxm-komur); border-left-color:var(--hxm-asit)}
.hxm .hxm-kesif__dug[aria-selected="true"] .hxm-kesif__no,.hxm .hxm-kesif__dug[aria-selected="true"] .hxm-kesif__olc{color:var(--hxm-komur)}
.hxm .hxm-kesif__panel{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); background:var(--hxm-kart); border:2px solid var(--hxm-cizgi); min-height:520px}
.hxm .hxm-kesif__panel + .hxm-kesif__panel{margin-top:24px}
.hxm.hxm-js .hxm-kesif__panel + .hxm-kesif__panel{margin-top:0}
/* Paneller JS ile aynı ızgara hücresinde üst üste durur: kutu en uzun panelin boyunu alır, istasyon değişince
   yükseklik zıplamaz. Foto yüksekliği belirlemez, verilen alanı doldurur (dikey/yatay foto farkı görünmez). */
.hxm.hxm-js .hxm-kesif__paneller{display:grid}
.hxm.hxm-js .hxm-kesif__panel{grid-area:1/1}
.hxm.hxm-js .hxm-kesif__panel.hxm-kapali{visibility:hidden}
.hxm .hxm-kesif__foto{position:relative; min-height:320px}
.hxm .hxm-kesif__foto img{position:absolute; inset:0; height:100%!important}
.hxm .hxm-kesif__bilgi{position:relative; overflow:hidden; display:flex; flex-direction:column; gap:14px; padding:28px 30px}
.hxm .hxm-kesif__dev{position:absolute; right:-12px; top:-36px; font:900 italic 200px/1 Archivo,sans-serif; font-stretch:125%; color:transparent; -webkit-text-stroke:2px var(--hxm-asit); opacity:.55; pointer-events:none}
.hxm .hxm-kesif__baslik{position:relative; margin:0!important; font:900 italic 36px/.95 Archivo,sans-serif!important; font-stretch:115%; text-transform:uppercase!important; color:var(--hxm-beyaz)!important}
.hxm .hxm-kesif__olcu{position:relative; margin:0; white-space:nowrap; font:900 italic 52px/.85 Archivo,sans-serif; font-stretch:115%; color:var(--hxm-v); font-variant-numeric:tabular-nums}
.hxm .hxm-kesif__olcu small{display:block; margin-top:8px; white-space:normal; font:600 16px/1.3 Archivo,sans-serif; color:var(--hxm-soluk-k)}
.hxm .hxm-kesif__tablo{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:2px; margin:0; background:var(--hxm-cizgi); border:2px solid var(--hxm-cizgi)}
.hxm .hxm-kesif__tablo div{background:var(--hxm-komur); padding:9px 12px}
.hxm .hxm-kesif__tablo dt{font-size:13px; color:var(--hxm-soluk-k)}
.hxm .hxm-kesif__tablo dd{margin:0; font-size:18px; font-weight:800; color:var(--hxm-beyaz); font-variant-numeric:tabular-nums}
.hxm .hxm-kesif__ipucu{margin:0; font-size:16px; color:#E6E6E6; border-left:4px solid var(--hxm-asit); padding-left:14px}

/* --- planlayıcı önizleme --- */
.hxm .hxm-plan{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.5fr); gap:64px; align-items:center}
.hxm .hxm-plan__sol{display:flex; flex-direction:column; gap:24px}
.hxm .hxm-plan__kart{display:flex; flex-direction:column; gap:24px; padding:32px; background:var(--hxm-kagit); border:2px solid var(--hxm-komur); box-shadow:10px 10px 0 var(--hxm-v)}
.hxm .hxm-ornek{align-self:flex-start; background:var(--hxm-komur); color:var(--hxm-asit); font:900 italic 15px Archivo,sans-serif; padding:5px 12px}
.hxm .hxm-plan__ust{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-end; gap:16px}
.hxm .hxm-plan__hedef{font:900 italic 112px/.82 Archivo,sans-serif; font-stretch:122%; font-variant-numeric:tabular-nums; margin-top:8px}
.hxm .hxm-plan__toplam{display:flex; flex-wrap:wrap; gap:28px}
.hxm .hxm-plan__toplam div{display:flex; flex-direction:column; font-size:14px; color:var(--hxm-soluk)}
.hxm .hxm-plan__toplam b{font:900 italic 30px Archivo,sans-serif; font-stretch:112%; color:var(--hxm-komur); font-variant-numeric:tabular-nums}
.hxm .hxm-anahtar{display:inline-block; width:12px; height:12px; margin-right:6px; vertical-align:-1px}
.hxm .hxm-plan__serit{display:flex; height:60px; gap:2px}
.hxm .hxm-plan__serit span{height:100%}
.hxm .hxm-p-kosu{background:repeating-linear-gradient(-55deg,#0A0A0A 0 7px,#2A2A2A 7px 14px)}
.hxm .hxm-p-gecis{background:var(--hxm-asit); outline:1px solid var(--hxm-komur)}
.hxm .hxm-plan__serit .hxm-p-gecis{outline:0}
.hxm .hxm-p-ist{background:var(--hxm-v)}
.hxm .hxm-plan__satir{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px}
.hxm .hxm-plan__satir div{border-top:4px solid var(--hxm-komur); padding-top:10px; font-size:14px; color:var(--hxm-soluk)}
.hxm .hxm-plan__satir div.i{border-top-color:var(--hxm-v)}
.hxm .hxm-plan__satir b{display:block; font:900 italic 24px Archivo,sans-serif; color:var(--hxm-komur); font-variant-numeric:tabular-nums}

/* --- takvim (hyrox.css bileşeni, koyu zeminde kart düzeni) --- */
.hxm .hxm-koyu .advhx--takvim{--hx-murekkep:#F5F5F5; --hx-tebesir:#161616; --hx-soluk:#A3A3A3; --hx-cizgi:#3A3A3A; --hx-kosu:#22E36B; --hx-beton:#0A0A0A; background:transparent; color:var(--hxm-beyaz); padding:0; border:0; max-width:none}
.hxm .advhx--takvim > .advhx__baslik,.hxm .advhx--takvim > .advhx__alt,.hxm .advhx--takvim > .advhx__kaynak{display:none}
.hxm .advhx--takvim .advhx__govde{gap:24px}
.hxm .advhx--takvim .advhx__tr{background:var(--hxm-asit); color:var(--hxm-komur); border:0; border-radius:0; padding:18px 24px; font-size:17px; box-shadow:8px 8px 0 var(--hxm-v)}
.hxm .advhx--takvim .advhx__tr b{font:900 italic 24px Archivo,sans-serif; text-transform:uppercase; margin-right:6px}
.hxm .advhx--takvim .advhx__tr a{color:var(--hxm-komur)!important; font-weight:800}
.hxm .advhx .advhx__dug{border-radius:0; border-width:2px; font-family:Archivo,sans-serif; font-weight:700; min-height:44px}
.hxm .advhx .advhx__dug[aria-pressed="true"]{font-style:italic; font-weight:900}
.hxm .advhx--takvim .advhx__dug{background:transparent; color:var(--hxm-beyaz); border-color:#3A3A3A}
.hxm .advhx--takvim .advhx__dug[aria-pressed="true"]{background:var(--hxm-beyaz); color:var(--hxm-komur); border-color:var(--hxm-beyaz)}
.hxm .advhx--takvim .advhx__alan--secim select{background:var(--hxm-kart)!important; color:var(--hxm-beyaz)!important; border:2px solid #3A3A3A!important; border-radius:0!important}
.hxm .advhx--takvim .advhx__ay{font:900 italic 22px Archivo,sans-serif!important; color:var(--hxm-asit)!important; text-transform:uppercase!important; margin:12px 0 0!important}
.hxm .advhx--takvim .advhx__liste{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; border-top:0}
.hxm .advhx--takvim .advhx__etkinlik{display:flex; flex-direction:column; align-items:flex-start; gap:8px; min-height:220px; padding:22px 24px 24px!important; background:var(--hxm-kart); border:0; border-top:8px solid var(--hxm-v); transition:transform .12s ease,box-shadow .12s ease}
.hxm .advhx--takvim .advhx__etkinlik:hover{transform:translate(-3px,-3px); box-shadow:8px 8px 0 var(--hxm-asit)}
/* Şehir görseli: kartın üst şeridinin altında, kenardan kenara; çift ton, üstüne gelince gerçek renk */
.hxm .advhx--takvim .advhx__etkinlik{padding-top:0!important; overflow:hidden}
.hxm .advhx--takvim .advhx__gorsel{align-self:stretch; margin:0 -24px 10px; background:var(--hxm-v)}
.hxm .advhx--takvim .advhx__gorsel img{filter:grayscale(1) contrast(1.3) brightness(1.05); mix-blend-mode:multiply; transition:filter .25s ease}
.hxm .advhx--takvim .advhx__etkinlik:hover .advhx__gorsel img{filter:none; mix-blend-mode:normal}
.hxm .advhx--takvim .advhx__gorsel--yok{background:repeating-linear-gradient(-55deg,#141414 0 12px,#1C1C1C 12px 24px); padding:14px 18px}
.hxm .advhx--takvim .advhx__gorsel-ad{font:900 italic 34px/.9 Archivo,sans-serif; font-stretch:122%; text-transform:uppercase; color:transparent; -webkit-text-stroke:1.5px var(--hxm-asit)}
.hxm .advhx--takvim .advhx__gorsel-ad--uzun{font-size:24px}
.hxm .advhx--takvim .advhx__gorsel-ulke{font:800 13px Archivo,sans-serif; color:var(--hxm-soluk-k); margin-top:6px; letter-spacing:.06em}
.hxm .advhx--takvim .advhx__tarih{font:900 italic 26px/1 Archivo,sans-serif; font-stretch:118%; color:var(--hxm-v)}
.hxm .advhx--takvim .advhx__yer{flex-direction:column; align-items:flex-start; gap:4px}
.hxm .advhx--takvim .advhx__yer b{font:900 italic 28px/1 Archivo,sans-serif; font-stretch:115%; text-transform:uppercase}
.hxm .advhx--takvim .advhx__rozet{border-color:var(--hxm-asit); color:var(--hxm-asit); border-radius:0}
.hxm .advhx--takvim .advhx__eylem{margin-top:auto; justify-content:flex-start; gap:12px}
.hxm .advhx--takvim .advhx__resmi{border:2px solid var(--hxm-beyaz); border-radius:0; color:var(--hxm-beyaz)!important}
.hxm .advhx--takvim .advhx__ics{color:var(--hxm-asit)}
.hxm .advhx--takvim .advhx__eylem{flex-wrap:wrap}
.hxm .advhx--takvim .advhx__kaydet{border:2px solid #3A3A3A; border-radius:0; color:var(--hxm-beyaz); font-family:Archivo,sans-serif; font-weight:700}
.hxm .advhx--takvim .advhx__kaydet[aria-pressed="true"]{background:var(--hxm-asit); border-color:var(--hxm-asit); color:var(--hxm-komur); font-style:italic; font-weight:900}
.hxm .advhx--takvim .advhx__ekle > summary{cursor:pointer; padding:6px 4px}
.hxm .advhx--takvim .advhx__ekle-ic{background:var(--hxm-beyaz); border:2px solid var(--hxm-komur); box-shadow:6px 6px 0 var(--hxm-v)}
.hxm .advhx--takvim .advhx__ekle-ic a,.hxm .advhx--takvim .advhx__ekle-ic button{color:var(--hxm-komur)!important; font-family:Archivo,sans-serif; font-weight:700; border-bottom-color:#2C2C2C}
.hxm .advhx--takvim .advhx__ekle-ic a:hover,.hxm .advhx--takvim .advhx__ekle-ic button:hover{background:#141414}
.hxm .advhx--takvim .advhx__kayitlarim{color:var(--hxm-asit)!important; font-weight:800; text-decoration:underline; text-underline-offset:5px}
.hxm .advhx--takvim .advhx__hepsi{background:var(--hxm-v)!important; color:var(--hxm-komur)!important; border:0!important; border-radius:0!important; font:900 italic 19px Archivo,sans-serif!important; padding:15px 28px!important; min-height:56px; box-shadow:6px 6px 0 var(--hxm-asit)}
.hxm .advhx--takvim .advhx__not{color:var(--hxm-soluk-k)}

/* --- kategoriler --- */
.hxm .hxm-kat{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); gap:64px; align-items:start}
.hxm .hxm-bicim__sec{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:32px}
.hxm .hxm-bicim__dug{display:flex; flex-direction:column; align-items:flex-start; gap:6px; min-height:150px; padding:20px; border:2px solid var(--hxm-komur); border-radius:0; background:var(--hxm-kagit); color:var(--hxm-komur); font:800 18px Archivo,sans-serif; text-align:left; cursor:pointer; transition:transform .12s ease,box-shadow .12s ease}
.hxm .hxm-bicim__dug:hover{transform:translate(-2px,-2px); box-shadow:6px 6px 0 var(--hxm-mor)}
.hxm .hxm-bicim__k{font:900 italic 80px/.82 Archivo,sans-serif; font-stretch:125%}
.hxm .hxm-bicim__kk{font-size:14px; font-weight:600; color:var(--hxm-soluk)}
.hxm .hxm-bicim__dug[aria-pressed="true"]{background:var(--hxm-komur); color:var(--hxm-beyaz); box-shadow:6px 6px 0 var(--hxm-v)}
.hxm .hxm-bicim__dug[aria-pressed="true"] .hxm-bicim__k{color:var(--hxm-v)}
.hxm .hxm-bicim__dug[aria-pressed="true"] .hxm-bicim__kk{color:var(--hxm-soluk-k)}
.hxm .hxm-bicim__not{margin:22px 0 0; font-size:19px; max-width:50ch}
.hxm.hxm-js .hxm-bicim__not b{display:none}
.hxm .hxm-kat__sag{display:flex; flex-direction:column; gap:20px}
.hxm .hxm-agirlik{width:100%; border-collapse:collapse; font-size:16px; background:var(--hxm-kagit); border:2px solid var(--hxm-komur); margin:0}
.hxm .hxm-agirlik caption{text-align:left; padding:0 0 12px; font:900 italic 26px Archivo,sans-serif; font-stretch:118%; text-transform:uppercase}
.hxm .hxm-agirlik th,.hxm .hxm-agirlik td{padding:14px 16px; text-align:left; border:0; border-bottom:2px solid #2C2C2C}
.hxm .hxm-agirlik thead th{background:var(--hxm-komur); color:var(--hxm-beyaz); font-size:14px; font-weight:700}
.hxm .hxm-agirlik tbody th{font-weight:700}
.hxm .hxm-agirlik td{white-space:nowrap; font:900 italic 18px Archivo,sans-serif; font-stretch:110%; font-variant-numeric:tabular-nums}
.hxm .hxm-agirlik tr:last-child th,.hxm .hxm-agirlik tr:last-child td{border-bottom:0}

/* --- bana uygun mu (hyrox.css bileşeni) --- */
.hxm .hxm-uygun{background:#141414; border-top:2px solid var(--hxm-komur)}
.hxm .hxm-uygun .advhx--uygun{background:var(--hxm-kagit); border:2px solid var(--hxm-komur); border-radius:0; box-shadow:10px 10px 0 var(--hxm-mor); padding:32px; max-width:900px}
.hxm .hxm-uygun .advhx .advhx__dug[aria-pressed="true"]{background:var(--hxm-komur); color:var(--hxm-beyaz); box-shadow:4px 4px 0 var(--hxm-v)}

/* --- rehberler --- */
.hxm .hxm-rehber{border-top:2px solid var(--hxm-komur)}
.hxm .hxm-rehberler{display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:48px}
.hxm .hxm-one{display:flex; flex-direction:column; gap:14px; text-decoration:none; color:var(--hxm-komur)!important}
.hxm .hxm-one__foto{aspect-ratio:16/10; border:2px solid var(--hxm-komur); box-shadow:10px 10px 0 var(--hxm-mor)}
.hxm .hxm-one__h{margin-top:6px; font:900 italic 44px/.95 Archivo,sans-serif; font-stretch:118%; text-transform:uppercase}
.hxm .hxm-one:hover .hxm-one__h{color:var(--hxm-v-koyu)}
.hxm .hxm-etiket{align-self:flex-start; background:var(--hxm-komur); color:var(--hxm-beyaz); font:900 italic 15px Archivo,sans-serif; padding:4px 10px}
.hxm .hxm-rliste{display:flex; flex-direction:column; gap:30px}
.hxm .hxm-rgrup{display:flex; flex-direction:column; gap:12px}
.hxm .hxm-rgrup h3{margin:0!important; font:900 italic 15px Archivo,sans-serif!important; color:var(--hxm-v-koyu)!important; text-transform:uppercase!important; letter-spacing:.02em}
.hxm .hxm-rbag{display:grid; grid-template-columns:124px minmax(0,1fr); gap:16px; align-items:center; padding-bottom:12px; border-bottom:2px solid var(--hxm-komur); text-decoration:none; color:var(--hxm-komur)!important}
.hxm .hxm-rbag__foto{width:124px; height:82px}
.hxm .hxm-rbag b{font-weight:800; font-size:19px; line-height:1.2}
.hxm .hxm-rbag:hover b{color:var(--hxm-v-koyu)}

/* --- birlikte hazırlan --- */
.hxm .hxm-birlikte__ic{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:64px; align-items:center}
.hxm .hxm-birlikte__foto{aspect-ratio:4/3; box-shadow:12px 12px 0 var(--hxm-asit)}
.hxm .hxm-birlikte__sag{display:flex; flex-direction:column; gap:26px}
.hxm .hxm-sehirler{list-style:none; margin:0!important; padding:0!important; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:2px; background:var(--hxm-cizgi); border:2px solid var(--hxm-cizgi)}
.hxm .hxm-sehirler li{margin:0!important; display:flex; justify-content:space-between; align-items:baseline; gap:12px; padding:16px 18px; background:var(--hxm-komur); font-size:18px; font-weight:700}
.hxm .hxm-sehirler li::before{content:none!important}
.hxm .hxm-sehirler b{font:900 italic 44px/1 Archivo,sans-serif; font-stretch:125%; color:var(--hxm-asit); font-variant-numeric:tabular-nums}
.hxm .hxm-hazir{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px}
.hxm .hxm-hazir div{border:2px dashed #4A4A4A; padding:16px 18px; font-size:15px; color:var(--hxm-soluk-k)}
.hxm .hxm-hazir b{display:block; margin-bottom:4px; color:var(--hxm-beyaz); font:900 italic 19px Archivo,sans-serif}

/* --- SSS --- */
.hxm .hxm-sss{display:grid; grid-template-columns:minmax(0,1fr); gap:36px; max-width:1080px}
.hxm .hxm-sss__sol{display:flex; flex-direction:column; gap:28px}
.hxm .hxm-sss__konular{display:none; flex-direction:row; flex-wrap:wrap; gap:10px}
.hxm.hxm-js .hxm-sss__konular{display:flex}
.hxm .hxm-sss__konu{min-height:54px; padding:12px 18px; border:2px solid var(--hxm-komur); border-radius:0; background:transparent; color:var(--hxm-komur); font:800 18px Archivo,sans-serif; text-align:left; cursor:pointer}
.hxm .hxm-sss__konu[aria-pressed="true"]{background:var(--hxm-komur); color:var(--hxm-beyaz); font-style:italic; font-weight:900; box-shadow:6px 6px 0 var(--hxm-v)}
.hxm .hxm-sss details{border-bottom:2px solid var(--hxm-komur); margin:0}
.hxm .hxm-sss details[hidden]{display:none}
.hxm .hxm-sss__liste{border-top:2px solid var(--hxm-komur)}
.hxm .hxm-sss summary{list-style:none; display:flex; justify-content:space-between; align-items:center; gap:24px; padding:22px 0; font-weight:800; font-size:23px; cursor:pointer}
.hxm .hxm-sss summary::-webkit-details-marker{display:none}
.hxm .hxm-sss summary::after{content:"+"; font-weight:900; font-size:34px; line-height:1; color:var(--hxm-v-koyu)}
.hxm .hxm-sss details[open] summary::after{content:"\2212"}
.hxm .hxm-sss details p{margin:0 0 24px; max-width:66ch}

/* --- alt --- */
.hxm .hxm-alt{padding:48px 0 64px; font-size:14px; color:var(--hxm-soluk-k)}
.hxm .hxm-alt p{margin:0 0 10px}
.hxm .hxm-fk summary{cursor:pointer; font-weight:700; color:var(--hxm-beyaz)}
.hxm .hxm-fk ul{margin:10px 0 0; padding-left:18px; columns:2; column-gap:40px}
.hxm .hxm-fk li{margin:0 0 6px; break-inside:avoid}
.hxm .hxm-fk a{color:var(--hxm-soluk-k)!important}
@media (max-width:820px){.hxm .hxm-fk ul{columns:1}}

@media (prefers-reduced-motion: reduce){
  .hxm .hxm-bant__ic{animation:none}
  .hxm .hxm-btn,.hxm .hxm-yol,.hxm .hxm-bicim__dug,.hxm .advhx--takvim .advhx__etkinlik{transition:none}
}

/* --- dar ekran --- */
@media (max-width:1100px){
  .hxm .advhx--takvim .advhx__liste{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hxm .hxm-kesif__panel{grid-template-columns:minmax(0,1fr)}
  .hxm .hxm-kesif{align-items:start}
  .hxm .hxm-kesif__foto{height:300px; min-height:0}
  .hxm .hxm-kesif__panel{min-height:0}
}

/* --- telefon --- */
@media (max-width:820px){
  .hxm{font-size:17px}
  .hxm .hxm-ic{padding:0 16px}
  .hxm .hxm-bolum{padding:72px 0}
  .hxm .hxm-egik,.hxm .hxm-egik-ters{clip-path:polygon(0 28px,100% 0,100% 100%,0 100%); margin-top:-28px; padding-top:100px}
  .hxm .hxm-h1{font-size:clamp(34px,10.5vw,68px)!important}
  .hxm .hxm-giris{font-size:18px}
  .hxm .hxm-bas{margin-bottom:36px}
  .hxm .hxm-acilis{min-height:0}
  .hxm .hxm-acilis__foto{position:relative; height:360px!important; object-position:58% 25%}
  .hxm .hxm-acilis__ort{top:0; bottom:auto; height:360px; background:linear-gradient(0deg,#0A0A0A 0%,rgba(10,10,10,0) 45%)}
  .hxm .hxm-acilis__ic{padding-top:0; margin-top:-70px; gap:22px}
  .hxm .hxm-acilis .hxm-giris{font-size:18px}
  .hxm .hxm-eylemler .hxm-btn{flex:1 1 100%; justify-content:center}
  .hxm .hxm-pist__ust span + span{display:none}
  .hxm .hxm-pist{height:48px; gap:2px}
  .hxm .hxm-pist > span{padding:0 0 6px 4px}
  .hxm .hxm-s-kosu{font-size:0}
  .hxm .hxm-s-ist{font-size:0}
  .hxm .hxm-bant span{font-size:24px; padding:10px 0}
  .hxm .hxm-yollar,.hxm .hxm-kesif,.hxm .hxm-plan,.hxm .hxm-kat,.hxm .hxm-rehberler,.hxm .hxm-sss,.hxm .hxm-birlikte__ic{grid-template-columns:minmax(0,1fr); gap:32px}
  .hxm .hxm-yol{box-shadow:6px 6px 0 var(--hxm-mor)}
  .hxm .hxm-yol__foto{height:190px}
  .hxm .hxm-yol__h{font-size:28px}
  .hxm .hxm-kesif__liste{flex-direction:row; overflow-x:auto; gap:8px; padding-bottom:10px!important; scroll-snap-type:x mandatory}
  .hxm .hxm-kesif__liste li{flex:0 0 auto; scroll-snap-align:start}
  .hxm .hxm-kesif{align-items:start}
  .hxm .hxm-kesif__dug{grid-template-columns:auto; gap:0; width:auto; min-width:118px; padding:10px 14px; border-left:0; border-top:5px solid transparent; font-size:15px}
  .hxm .hxm-kesif__dug[aria-selected="true"]{border-top-color:var(--hxm-asit)}
  .hxm .hxm-kesif__olc{font-size:13px}
  .hxm .hxm-kesif__bilgi{padding:24px}
  .hxm .hxm-kesif__dev{font-size:160px; top:-20px}
  .hxm .hxm-kesif__baslik{font-size:34px!important}
  .hxm .hxm-kesif__olcu{font-size:48px}
  .hxm .hxm-plan__kart{padding:20px; box-shadow:6px 6px 0 var(--hxm-v)}
  .hxm .hxm-plan__hedef{font-size:clamp(48px,15vw,76px)}
  .hxm .hxm-plan__toplam{gap:18px}
  .hxm .hxm-plan__toplam b{font-size:24px}
  .hxm .hxm-plan__serit{height:40px}
  .hxm .hxm-plan__satir{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hxm .advhx--takvim .advhx__liste{grid-template-columns:minmax(0,1fr)}
  .hxm .advhx--takvim .advhx__etkinlik{min-height:0}
  .hxm .hxm-bicim__dug{min-height:118px; padding:14px}
  .hxm .hxm-bicim__k{font-size:56px}
  .hxm .hxm-agirlik th,.hxm .hxm-agirlik td{padding:10px 6px; font-size:13px}
  .hxm .hxm-agirlik td{font-size:14px; white-space:normal}
  .hxm .hxm-uygun .advhx--uygun{padding:18px; box-shadow:6px 6px 0 var(--hxm-mor)}
  .hxm .hxm-one__h{font-size:32px}
  .hxm .hxm-one__foto{box-shadow:6px 6px 0 var(--hxm-mor)}
  .hxm .hxm-rbag{grid-template-columns:96px minmax(0,1fr)}
  .hxm .hxm-rbag__foto{width:96px; height:72px}
  .hxm .hxm-birlikte__foto{box-shadow:6px 6px 0 var(--hxm-asit)}
  .hxm .hxm-hazir{grid-template-columns:minmax(0,1fr)}
  .hxm .hxm-sss__konular{flex-wrap:nowrap; overflow-x:auto; padding-bottom:10px}
  .hxm .hxm-kat .hxm-h2,.hxm .hxm-plan .hxm-h2,.hxm .hxm-birlikte .hxm-h2{font-size:clamp(30px,8.5vw,44px)!important}
  .hxm .hxm-sss__konu{flex:0 0 auto}
  .hxm .hxm-sss summary{font-size:19px}
}


/* ===================== PALET 3 (21 Eki 2026): HYROX renk dili + Advenway koşu grupları tarzı =====================
   Kullanıcı: «HYROX'un renklerini baz alalım, koşu kulüplerindeki tarzı da». Tek vurgu SARI (#FFE100; HYROX'un
   #FFED00'ı birebir değil), siyah/beyaz, siyah-beyaz foto (üstüne gelince renkli). Koşu gruplarından: kontur
   ikinci satır, mono büyük harf etiketler, istatistik şeridi, ince çizgili koyu kartlar.
   Önceki paletler: advenway-hyrox-yedek/2026-10-21-turuncu-palet/ ve 2026-10-21-palet2-kirmizi-mor/. */
.hxm{--hxm-v:#FFE100; --hxm-v-koyu:#FFE100; --hxm-asit:#FFE100; --hxm-mor:#FFE100; --hxm-kagit:#161616; --hxm-rox:#6B6B6B;
  --hxm-mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
  background:#0B0B0B; color:#F2F2F2; --hx-beton:#121212; --hx-murekkep:#F2F2F2; --hx-soluk:#A0A0A0; --hx-cizgi:#2A2A2A}
.hxm > .hxm-bolum:not(.hxm-koyu){--hxm-komur:#F2F2F2; --hxm-beyaz:#121212; background:#121212; color:#F2F2F2}
.hxm .hxm-koyu{background:#0B0B0B}
.hxm .hxm-soluk{color:#A0A0A0}
.hxm a:hover{color:#FFFFFF}

/* Sarı zemin = siyah yazı */
.hxm .hxm-btn--ana,.hxm .hxm-s-ist,.hxm .hxm-kesif__dug[aria-selected="true"],.hxm .hxm-kesif__dug[aria-selected="true"] .hxm-kesif__no,.hxm .hxm-kesif__dug[aria-selected="true"] .hxm-kesif__olc{color:#0B0B0B!important}
.hxm .hxm-btn--ana{box-shadow:none}
.hxm .hxm-btn--ana:hover{background:#FFFFFF; transform:none; box-shadow:none}
.hxm .hxm-btn--koyu{box-shadow:none; border:2px solid var(--hxm-komur)}
.hxm .hxm-btn--koyu:hover{transform:none; box-shadow:none; background:var(--hxm-v); color:#0B0B0B!important; border-color:var(--hxm-v)}

/* Siyah-beyaz fotoğraf (HYROX), üstüne gelince gerçek renk (beğenilen davranış) */
.hxm .hxm-duo,.hxm .hxm-duo--asit,.hxm .advhx--takvim .advhx__gorsel{background:#000}
.hxm .hxm-duo img,.hxm .advhx--takvim .advhx__gorsel img{filter:grayscale(1) contrast(1.15); mix-blend-mode:normal}
.hxm .hxm-acilis__foto{filter:grayscale(1) contrast(1.2) brightness(.95)}

/* Kontur ikinci satır (koşu grupları «KOŞU / GRUPLARI») */
.hxm .hxm-h1 .hxm-vurgu{color:transparent!important; -webkit-text-stroke:2px #F2F2F2}
.hxm .hxm-h2 em{color:transparent; -webkit-text-stroke:1.5px #F2F2F2}
@supports not (-webkit-text-stroke:1px #000){.hxm .hxm-h1 .hxm-vurgu,.hxm .hxm-h2 em{color:var(--hxm-v)!important}}

/* Mono büyük harf etiketler */
.hxm .hxm-rozet,.hxm .hxm-pist__ust,.hxm .hxm-kunye,.hxm .hxm-kesif__olc,.hxm .hxm-kesif__tablo dt,.hxm .hxm-ornek,.hxm .hxm-plan__toplam span,.hxm .hxm-plan__satir div,
.hxm .hxm-rgrup h3,.hxm .hxm-etiket,.hxm .hxm-bicim__kk,.hxm .advhx--takvim .advhx__ulke,.hxm .advhx--takvim .advhx__ay,.hxm .hxm-sayi__etk{
  font-family:var(--hxm-mono)!important; font-style:normal!important; font-weight:500!important; text-transform:uppercase!important; letter-spacing:.08em; font-size:12px!important}
.hxm .hxm-rozet{background:transparent; color:var(--hxm-v); border:1px solid var(--hxm-v); padding:5px 10px}
.hxm .hxm-ornek{background:transparent; color:var(--hxm-v); border:1px solid var(--hxm-v)}
.hxm .hxm-plan__satir b,.hxm .hxm-plan__toplam b{font-family:Archivo,sans-serif!important; letter-spacing:0; text-transform:none}

/* Kartlar: ince çizgi; «Nereden başlıyorsun?» kartı sert gölgesini korur (beğenilen) */
.hxm .hxm-yol{background:#161616; border:1px solid #F2F2F2; box-shadow:8px 8px 0 var(--hxm-v)}
.hxm .hxm-yol:hover{box-shadow:12px 12px 0 var(--hxm-v)}
.hxm .hxm-yol__foto{border-bottom:1px solid #F2F2F2}
.hxm .hxm-yol__git{color:var(--hxm-v)}
.hxm .hxm-plan__kart,.hxm .hxm-uygun .advhx--uygun,.hxm .hxm-one__foto,.hxm .hxm-birlikte__foto{box-shadow:none; border:1px solid #2A2A2A}
.hxm .hxm-plan__kart{background:#161616}
.hxm .hxm-bicim__dug{background:#161616; border:1px solid #2A2A2A}
.hxm .hxm-bicim__dug:hover{box-shadow:none; transform:none; border-color:#F2F2F2}
.hxm .hxm-bicim__dug[aria-pressed="true"]{background:var(--hxm-v); color:#0B0B0B; border-color:var(--hxm-v); box-shadow:none}
.hxm .hxm-bicim__dug[aria-pressed="true"] .hxm-bicim__k,.hxm .hxm-bicim__dug[aria-pressed="true"] .hxm-bicim__kk{color:#0B0B0B}
.hxm .hxm-agirlik{background:#161616; border:1px solid #2A2A2A}
.hxm .hxm-agirlik thead th{background:#0B0B0B; color:var(--hxm-v)}
.hxm .hxm-agirlik th,.hxm .hxm-agirlik td{border-bottom-color:#2A2A2A}
.hxm .hxm-sss__konu{border-width:1px}
.hxm .hxm-sss__konu[aria-pressed="true"]{background:var(--hxm-v); color:#0B0B0B; border-color:var(--hxm-v); box-shadow:none}
.hxm .hxm-sss summary::after{color:var(--hxm-v)}

/* Pist ve plan şeridi: koşu = tarama, istasyon = sarı, Roxzone = gri */
.hxm .hxm-s-gecis,.hxm .hxm-p-gecis{background:var(--hxm-rox)}
.hxm .hxm-p-gecis{outline:0}
.hxm .hxm-s-kosu{background:repeating-linear-gradient(-55deg,#1C1C1C 0 9px,#2E2E2E 9px 18px)}

/* Kayan bant: sarı zemin, siyah yazı, siyah kareler */
.hxm .hxm-bant{background:var(--hxm-v); color:#0B0B0B; border-color:#0B0B0B}
.hxm .hxm-bant i{background:#0B0B0B}

/* İstatistik şeridi (koşu gruplarındaki gibi) */
.hxm .hxm-sayilar-alan{background:#0B0B0B; padding:40px 0 0}
.hxm .hxm-sayilar{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; background:#2A2A2A; border:1px solid #2A2A2A; margin:0; padding:0; list-style:none}
.hxm .hxm-sayilar li{background:#0B0B0B; padding:22px 24px; display:flex; flex-direction:column; gap:8px; margin:0}
.hxm .hxm-sayilar li::before{content:none!important}
.hxm .hxm-sayi__n{font:900 italic 56px/.9 Archivo,sans-serif; font-stretch:122%; color:var(--hxm-v); font-variant-numeric:tabular-nums}
.hxm .hxm-sayi__etk{color:#A0A0A0}

/* İstasyon keşfi */
.hxm .hxm-kesif__dug{background:#161616}
.hxm .hxm-kesif__dug[aria-selected="true"]{background:var(--hxm-v); border-left-color:#F2F2F2}
.hxm .hxm-kesif__panel{background:#161616; border:1px solid #2A2A2A}
.hxm .hxm-kesif__dev{-webkit-text-stroke:1.5px #3A3A3A; opacity:1}
.hxm .hxm-kesif__ipucu{border-left-color:var(--hxm-v)}

/* Takvim */
.hxm .advhx--takvim .advhx__etkinlik{background:#161616; border-top:4px solid var(--hxm-v)}
.hxm .advhx--takvim .advhx__etkinlik:hover{box-shadow:8px 8px 0 var(--hxm-v)}
.hxm .advhx--takvim .advhx__tr{box-shadow:none}
.hxm .advhx--takvim .advhx__gorsel--yok{background:repeating-linear-gradient(-55deg,#141414 0 12px,#1B1B1B 12px 24px)}
.hxm .advhx--takvim .advhx__gorsel-ad{-webkit-text-stroke-color:#F2F2F2}
.hxm .advhx--takvim .advhx__hepsi{box-shadow:none!important; color:#0B0B0B!important}
.hxm .advhx--takvim .advhx__ekle-ic{background:#161616; border:1px solid #F2F2F2; box-shadow:6px 6px 0 var(--hxm-v)}
.hxm .advhx--takvim .advhx__ekle-ic a,.hxm .advhx--takvim .advhx__ekle-ic button{color:#F2F2F2!important; border-bottom-color:#2A2A2A}
.hxm .advhx--takvim .advhx__ekle-ic a:hover,.hxm .advhx--takvim .advhx__ekle-ic button:hover{background:#222222}

/* Birlikte hazırlan */
.hxm .hxm-sehirler{background:#2A2A2A; border-color:#2A2A2A}

/* «Bana uygun mu?» bileşeni değişkenlerini kendi kökünde tanımlıyor (hyrox.css): koyu değerler doğrudan ona */
.hxm .hxm-uygun .advhx--uygun{--hx-beton:#121212; --hx-tebesir:#1C1C1C; --hx-murekkep:#F2F2F2; --hx-soluk:#A0A0A0; --hx-cizgi:#2A2A2A; --hx-kosu:#FFE100; --hx-istasyon:#FFE100; --hx-istasyon-acik:#2A2600; color:#F2F2F2; background:#161616}
.hxm .hxm-uygun .advhx .advhx__dug{background:#1C1C1C; color:#F2F2F2; border:1px solid #2A2A2A; box-shadow:none}
.hxm .hxm-uygun .advhx .advhx__dug:hover{border-color:#F2F2F2}
.hxm .hxm-uygun .advhx .advhx__dug[aria-pressed="true"]{background:var(--hxm-v); color:#0B0B0B; border-color:var(--hxm-v)}

@media (max-width:820px){
  .hxm .hxm-sayilar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hxm .hxm-sayi__n{font-size:40px}
  .hxm .hxm-yol{box-shadow:6px 6px 0 var(--hxm-v)}
}

/* Takvim süzgeç paneli ve bilgi notu (21 Eki 2026, kullanıcı: «böyle şeyler güzel gözükmüyor») */
.hxm .advhx--takvim .advhx__tk-kaynak{display:none} /* kaynak sayfa altındaki kaynakçada */
.hxm .advhx--takvim .advhx__panel{background:#111111; border:1px solid #2A2A2A; padding:22px 24px; gap:18px}
.hxm .advhx--takvim .advhx__panel .advhx__grup{gap:10px}
.hxm .advhx--takvim .advhx__panel .advhx__etk,.hxm .advhx--takvim .advhx__alan--secim{font-family:var(--hxm-mono)!important; font-size:12px!important; text-transform:uppercase; letter-spacing:.08em; color:#A0A0A0!important; font-weight:500!important}
.hxm .advhx--takvim .advhx__panel .advhx__etk{width:auto; flex:1 1 100%}
.hxm .advhx--takvim .advhx__dug{border:1px solid #3A3A3A; min-height:42px; padding:9px 14px}
.hxm .advhx--takvim .advhx__dug[aria-pressed="true"]{background:var(--hxm-v); color:#0B0B0B; border-color:var(--hxm-v)}
.hxm .advhx--takvim .advhx__alan--secim select{border:1px solid #3A3A3A!important; background:#0B0B0B!important; min-width:220px}
.hxm .advhx--takvim .advhx__onay{color:#F2F2F2; font-size:15px; font-weight:600; gap:12px}
.hxm .advhx--takvim .advhx__anahtar{background:#3A3A3A}
.hxm .advhx--takvim .advhx__anahtar::after{background:#F2F2F2}
.hxm .advhx--takvim .advhx__anahtar:checked{background:var(--hxm-v)}
.hxm .advhx--takvim .advhx__anahtar:checked::after{background:#0B0B0B}
.hxm .advhx--takvim .advhx__sonuc-say{font-family:var(--hxm-mono); font-size:12px; text-transform:uppercase; letter-spacing:.08em; color:var(--hxm-v); border-top-color:#2A2A2A}
.hxm .advhx--takvim .advhx__uyari{background:transparent; border:1px solid #2A2A2A; border-left:4px solid var(--hxm-v); padding:16px 20px}
.hxm .advhx--takvim .advhx__uyari b{font:900 italic 18px Archivo,sans-serif; font-stretch:112%; text-transform:uppercase; color:#F2F2F2; margin-bottom:4px}
.hxm .advhx--takvim .advhx__uyari span{color:#BDBDBD}

/* Sayfa altı kaynakça */
.hxm .hxm-alt__bagimsiz{color:#A0A0A0}
.hxm .hxm-fk{border-top:1px solid #2A2A2A; padding-top:14px}
.hxm .hxm-fk summary{font-family:var(--hxm-mono); font-size:12px; text-transform:uppercase; letter-spacing:.08em; color:var(--hxm-v)}
.hxm .hxm-fk__ic{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.4fr); gap:28px 48px; margin-top:16px}
.hxm .hxm-fk h3{margin:0 0 10px!important; font:500 12px var(--hxm-mono)!important; text-transform:uppercase!important; letter-spacing:.08em; color:#F2F2F2!important}
.hxm .hxm-fk p{margin:0 0 10px; color:#A0A0A0}
.hxm .hxm-fk ul{columns:1; margin:0; padding-left:18px}
.hxm .hxm-fk li{margin:0 0 6px; color:#A0A0A0}
@media (max-width:820px){.hxm .hxm-fk__ic{grid-template-columns:minmax(0,1fr)}}

/* İstasyon kartı: üstüne gelince (ya da klavyeyle odakta) fotoğraf gerçek rengine döner — sayfadaki öteki kartlarla aynı (kullanıcı, 21 Eki) */
.hxm .hxm-kesif__panel:hover .hxm-duo img,.hxm .hxm-kesif__panel:focus-within .hxm-duo img{filter:none; mix-blend-mode:normal}
.hxm .advhx--takvim .advhx__uyari svg{color:var(--hxm-v)} /* simge eski turuncu değişkende kalmıştı */
.hxm .hxm-koyu .advhx--takvim{--hx-istasyon:#FFE100; --hx-istasyon-acik:#2A2600; --hx-kosu:#FFE100}
.hxm .hxm-agirlik-f[hidden]{display:none}
.hxm.hxm-js .hxm-agirlik-f + .hxm-agirlik-f{margin-top:0}
.hxm .hxm-agirlik-f + .hxm-agirlik-f{margin-top:28px}

/* ===================== Takvim haritası (21 Eki 2026) ===================== */
.hxm .advhx__harita{position:relative; display:flex; flex-direction:column; gap:12px}
.hxm .advhx__harita-alan{height:560px; background:#0C0C0C; border:1px solid #2A2A2A}
.hxm .advhx__harita-durum{position:absolute; left:50%; top:280px; transform:translate(-50%,-50%); margin:0; font:500 12px var(--hxm-mono); text-transform:uppercase; letter-spacing:.08em; color:#A0A0A0}
.hxm .advhx__harita-lejant{display:flex; flex-wrap:wrap; gap:10px 22px; font:500 12px var(--hxm-mono); text-transform:uppercase; letter-spacing:.06em; color:#A0A0A0}
.hxm .advhx__lj{display:inline-flex; align-items:center; gap:8px}
.hxm .advhx__lj i{display:inline-block; width:14px; height:14px; border-radius:50%; box-sizing:border-box}
.hxm .advhx__lj--y i{background:#FFE100; border:2px solid #0B0B0B; box-shadow:0 0 0 1px #FFE100}
.hxm .advhx__lj--g i{background:transparent; border:2px solid #9A9A9A}
.hxm .advhx__lj--t i{background:#FFE100; border:2px solid #0B0B0B; box-shadow:0 0 0 3px #0B0B0B,0 0 0 5px rgba(255,225,0,.7)}
.hxm .advhx__lj--k i{width:20px; height:20px; background:#FFE100; border:2px solid #0B0B0B}
/* Açılır pencere: listedeki kartın kendisi */
.advhx-pop .maplibregl-popup-content{background:#161616; padding:0; border:1px solid #F2F2F2; border-radius:0; box-shadow:6px 6px 0 #FFE100; color:#F2F2F2}
.advhx-pop .maplibregl-popup-tip{border-top-color:#F2F2F2!important; border-bottom-color:#F2F2F2!important}
.advhx-pop .maplibregl-popup-close-button{color:#F2F2F2; font-size:22px; width:34px; height:34px; z-index:2; background:#0B0B0B}
.advhx-pop .advhx__pop-ic{max-height:420px; overflow-y:auto; display:flex; flex-direction:column; gap:1px; background:#2A2A2A; width:300px}
.hxm .advhx-pop .advhx__etkinlik{min-height:0; margin:0!important; border-top:4px solid #FFE100; transform:none!important; box-shadow:none!important}
.maplibregl-ctrl-group{background:#161616!important; border:1px solid #2A2A2A}
.maplibregl-ctrl-group button{filter:invert(1)}
.maplibregl-ctrl-attrib{background:rgba(11,11,11,.8)!important; color:#A0A0A0!important}
.maplibregl-ctrl-attrib a{color:#F2F2F2!important}
.maplibregl-cooperative-gesture-screen{background:rgba(11,11,11,.75)!important; color:#F2F2F2!important; font-family:Archivo,sans-serif!important}
@media (max-width:820px){
  .hxm .advhx__harita-alan{height:440px}
  .hxm .advhx__harita-durum{top:220px}
  .advhx-pop .advhx__pop-ic{width:min(280px,78vw)}
}

/* ===================== Açılış pisti = METRO HATTI (24 Eki 2026) =====================
   Kullanıcı A'yı seçti; «Finiş altta kalmış gibi, Start gibi gösterelim» → Start ve Finiş aynı biçim (etiket hattın
   üstünde, halka). Duraklar eşit aralıklı: 1 km = gri çentik, istasyon = numaralı sarı daire + kısa ad + bitiş saati. */
.hxm .hxm-hat{position:relative; display:grid; grid-template-columns:44px repeat(8,minmax(0,.62fr) minmax(0,1fr)) 44px; list-style:none; margin:4px 0 0; padding:0}
.hxm .hxm-hat::before{content:""; position:absolute; left:22px; right:22px; top:36px; height:6px; margin-top:-3px; background:#3A3A3A; border-radius:3px}
.hxm .hxm-hat > li{position:relative; display:flex; flex-direction:column; align-items:center; margin:0; min-width:0; text-align:center}
.hxm .hxm-hat__ust{height:18px; font:500 11px/18px "IBM Plex Mono",monospace; letter-spacing:.06em; text-transform:uppercase; color:#8A8A8A; white-space:nowrap}
.hxm .hxm-hat__isaret{display:flex; align-items:center; justify-content:center; height:36px; font-style:normal}
.hxm .hxm-hat__uc .hxm-hat__ust{color:#F2F2F2; font-weight:600}
.hxm .hxm-hat__kosu .hxm-hat__ust{text-transform:none; letter-spacing:.02em} /* birim küçük harf: 1 km, 1 KM değil */
.hxm .hxm-hat__uc .hxm-hat__isaret::before{content:""; width:12px; height:12px; border-radius:50%; background:#0B0B0B; border:3px solid #F2F2F2}
.hxm .hxm-hat__kosu .hxm-hat__isaret::before{content:""; width:2px; height:16px; background:#8A8A8A}
.hxm .hxm-hat__ist .hxm-hat__isaret{width:34px; height:34px; margin-top:1px; border-radius:50%; background:#FFE100; box-shadow:0 0 0 3px #0B0B0B; color:#0B0B0B; font:900 italic 16px/1 Archivo,sans-serif; font-stretch:110%}
.hxm .hxm-hat__ad{margin-top:9px; font:800 italic 12px/1.1 Archivo,sans-serif; font-stretch:105%; text-transform:uppercase; letter-spacing:.01em; color:#F2F2F2; white-space:nowrap}
.hxm .hxm-hat__saat{margin-top:5px; font:500 11px/1 "IBM Plex Mono",monospace; font-variant-numeric:tabular-nums; color:#A0A0A0; white-space:nowrap}
.hxm .hxm-hat__saat--son{color:#FFE100; font-weight:600}
/* Kronometre işareti: saatin «geçen süre» olduğunu not yazmadan anlatır (emoji değil; maske + currentColor) */
.hxm .hxm-hat__saat{display:inline-flex; align-items:center; gap:4px}
.hxm .hxm-hat__saat::before{content:""; flex:none; width:10px; height:10px; background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='12' cy='14' r='8'/%3E%3Cpath d='M12 14V10M9 2h6M12 2v4M19 7l1.5-1.5'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='12' cy='14' r='8'/%3E%3Cpath d='M12 14V10M9 2h6M12 2v4M19 7l1.5-1.5'/%3E%3C/svg%3E") center/contain no-repeat}
.hxm .hxm-hat__ist{cursor:default}
.hxm .hxm-hat__ist:hover .hxm-hat__isaret{box-shadow:0 0 0 3px #0B0B0B,0 0 0 5px #FFE100}
@media (max-width:1100px){.hxm .hxm-hat__ad{font-size:11px}}
@media (max-width:760px){
  .hxm .hxm-hat{grid-template-columns:30px repeat(8,minmax(0,.35fr) minmax(0,1fr)) 30px}
  .hxm .hxm-hat::before{left:15px; right:15px; top:34px; height:4px; margin-top:-2px}
  .hxm .hxm-hat__ust{font-size:9px; letter-spacing:.02em}
  .hxm .hxm-hat__kosu .hxm-hat__ust{visibility:hidden}
  .hxm .hxm-hat__kosu .hxm-hat__isaret::before{height:10px}
  .hxm .hxm-hat__uc .hxm-hat__isaret::before{width:8px; height:8px; border-width:2px}
  .hxm .hxm-hat__isaret{height:32px}
  .hxm .hxm-hat__ist .hxm-hat__isaret{width:24px; height:24px; margin:4px 0 0; font-size:12px; box-shadow:0 0 0 2px #0B0B0B}
  .hxm .hxm-hat__ad{display:none}
  .hxm .hxm-hat__saat{margin-top:8px; font-size:10px; letter-spacing:-.02em}
  /* Saatler iki sıra: sütun ~27 px, «1:04:38» ~44 px → komşular çakışmasın */
  .hxm .hxm-hat__ist--cift .hxm-hat__saat{margin-top:22px}
  .hxm .hxm-pist-alan{padding-bottom:40px} /* alt sıra saatler sarı banda yapışmasın */
}

/* Sık sorulanlar çizgileri (24 Eki 2026): planlayıcı SSS ile aynı aile — üst çizgi dolu sarı 2 px, madde çizgileri yarı saydam sarı 1 px */
.hxm .hxm-sss__liste{border-top:2px solid #FFE100}
.hxm .hxm-sss details{border-bottom:1px solid rgba(255,225,0,.4)}

/* Sayfa sonu künyesi (advhx_kunye) merkez sayfada — alt sayfalardaki (tema.css) ile aynı görünüm (24 Eki 2026).
   Kaynakçanın ALTINDA, ince çizgiyle ayrılmış: solda sarı kareli «Bağımsız yayın», sağda gri metin. */
.hxm .advhx-kunye{display:grid; grid-template-columns:auto minmax(0,1fr); gap:10px 28px; align-items:baseline; margin:28px 0 0; padding:22px 0 0; border-top:1px solid #2A2A2A}
.hxm .advhx-kunye__etk{display:inline-flex; align-items:center; gap:9px; font:600 11px/1 "IBM Plex Mono",ui-monospace,monospace; text-transform:uppercase; letter-spacing:.09em; color:#F2F2F2; white-space:nowrap}
.hxm .advhx-kunye__etk::before{content:""; width:8px; height:8px; background:#FFE100}
.hxm .advhx-kunye__metin{margin:0!important; max-width:76ch; font-size:14px; line-height:1.6; color:#8A8A8A}
@media (max-width:640px){.hxm .advhx-kunye{grid-template-columns:minmax(0,1fr)}}

/* «Bana uygun mu?» soruları ayrıştırıldı (24 Eki 2026): satır arası sarı ailesinden ince çizgi, numara mono; cevaplanınca
   numara sarı. Soru başlığı Archivo (önceki Space Grotesk kalıntısı), sağlık notu çizgiyle ayrı. */
.hxm .hxm-uygun .advhx .advhx__grup--soru{border-top-color:rgba(255,225,0,.25)}
.hxm .hxm-uygun .advhx__soru{font:800 18px/1.3 Archivo,sans-serif; color:#F2F2F2}
.hxm .hxm-uygun .advhx__soru-no{font-family:"IBM Plex Mono",ui-monospace,monospace; color:#6B6B6B}
.hxm .hxm-uygun .advhx__grup--yanitli .advhx__soru-no{color:#FFE100}
.hxm .hxm-uygun .advhx--uygun > .advhx__not{margin-top:8px; padding-top:16px; border-top:1px solid #2A2A2A}

/* Sayı şeridi = bağlantı kutuları (24 Eki 2026, kullanıcı onaylı demo): sola yaslı kalır; sağ üstte ok, üstüne
   gelince/odakta kutu sarı, sayı ve yazı siyah, ok hafifçe kayar. Dolgu li'den bağlantıya taşındı (tüm kutu tıklanır). */
.hxm .hxm-sayilar li{padding:0}
.hxm .hxm-sayi{position:relative; display:flex; flex-direction:column; gap:8px; height:100%; box-sizing:border-box; padding:22px 24px; color:inherit; text-decoration:none; transition:background .15s}
.hxm a.hxm-sayi:hover,.hxm a.hxm-sayi:focus-visible{background:#FFE100; outline:none}
.hxm a.hxm-sayi:hover .hxm-sayi__n,.hxm a.hxm-sayi:hover .hxm-sayi__etk,.hxm a.hxm-sayi:focus-visible .hxm-sayi__n,.hxm a.hxm-sayi:focus-visible .hxm-sayi__etk{color:#0B0B0B!important}
.hxm .hxm-sayi__ok{position:absolute; top:16px; right:18px; font:500 18px/1 "IBM Plex Mono",ui-monospace,monospace; color:#6B6B6B; transition:transform .15s,color .15s}
.hxm a.hxm-sayi:hover .hxm-sayi__ok,.hxm a.hxm-sayi:focus-visible .hxm-sayi__ok{color:#0B0B0B; transform:translate(3px,-3px)}
.hxm a.hxm-sayi:focus-visible{box-shadow:inset 0 0 0 3px #0B0B0B}
#akis{scroll-margin-top:90px}
@media (prefers-reduced-motion:reduce){.hxm .hxm-sayi,.hxm .hxm-sayi__ok{transition:none}}
@media (max-width:760px){.hxm .hxm-sayi{padding:18px 18px}.hxm .hxm-sayi__ok{top:12px; right:12px; font-size:15px}}

/* Kulüpler ara kartı (24 Eki 2026): «Hazırlanıyor» kesik çizgili kart yerine dolu kart; liste + «Kulübünü bildir». */
.hxm .hxm-hazir{align-items:start}
.hxm .hxm-hazir .hxm-kulup{border:1px solid #2A2A2A; border-top:3px solid #FFE100; background:#161616; padding:18px 20px; color:#D8D8D8}
.hxm .hxm-kulup p{margin:0 0 12px; font-size:14px; line-height:1.5; color:#A0A0A0}
.hxm .hxm-kulup__liste{list-style:none; margin:0 0 14px; padding:0; display:flex; flex-direction:column; gap:12px}
.hxm .hxm-kulup__liste li{margin:0; display:flex; flex-direction:column; gap:3px}
.hxm .hxm-kulup__liste li::before{content:none!important}
.hxm .hxm-kulup__liste a{font:800 16px/1.2 Archivo,sans-serif; color:#FFE100; text-decoration:none}
.hxm .hxm-kulup__liste a:hover{text-decoration:underline; text-underline-offset:4px}
.hxm .hxm-kulup__liste span{font-size:13px; line-height:1.45; color:#A0A0A0}
.hxm .hxm-kulup__bildir{display:inline-block; padding:8px 14px; border:1px solid #F2F2F2; font:800 italic 14px Archivo,sans-serif; text-transform:uppercase; color:#F2F2F2; text-decoration:none}
.hxm .hxm-kulup__bildir:hover{background:#FFE100; border-color:#FFE100; color:#0B0B0B}

/* Örnek plan şeridi (24 Eki 2026, kullanıcı: «koşu / geçişler sönük kalıyor»): planlayıcıdaki akış şeridiyle aynı dil —
   koşu düz gri (tarama yok), Roxzone beyaz ve en az 6 px (her biri ≈%1), istasyon sarı; lejant kutucukları da aynı. */
.hxm .hxm-plan__serit .hxm-p-kosu,.hxm .hxm-plan__toplam .hxm-p-kosu{background:#3A3A3A}
.hxm .hxm-plan__serit .hxm-p-gecis,.hxm .hxm-plan__toplam .hxm-p-gecis{background:#F2F2F2}
.hxm .hxm-plan__serit .hxm-p-gecis{min-width:6px}

/* --- Kural rehberi bandı (24 Eki 2026) ---
   Sayfadaki tek sarı ZEMİNLİ bölüm: sarı başka yerde yalnız vurgu. Üstten ve alttan çapraz kesik (eğik bölümlerin dili),
   solda dev eğik başlık (içi boş yazı denendi: değişken yazı tipinde Ç/İ çizgileri üst üste biniyor → düz) + metin + iki düğme, sağda üç sayı. Odak çerçevesi sarı zeminde görünmediği için siyah. */
.hxm .hxm-kbant{position:relative; background:#FFE100; color:#0A0A0A; padding:150px 0 140px; margin:-40px 0; clip-path:polygon(0 40px,100% 0,100% calc(100% - 40px),0 100%); z-index:1}
.hxm .hxm-kbant__ic{display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:64px; align-items:end}
.hxm .hxm-kbant__h{margin:0 0 28px!important; font:900 italic clamp(48px,7.2vw,112px)/.98 Archivo,sans-serif!important; font-stretch:125%!important; text-transform:uppercase!important; letter-spacing:-.025em!important; color:#0A0A0A!important}
.hxm .hxm-kbant__h span{display:block}
.hxm .hxm-kbant__metin{max-width:54ch; margin:0 0 36px; font-size:20px; line-height:1.5; color:#1A1A1A}
.hxm .hxm-kbant__dug{display:flex; flex-wrap:wrap; gap:16px}
.hxm .hxm-kbant__btn{display:inline-flex; align-items:center; gap:12px; min-height:58px; padding:15px 30px; background:#0A0A0A; color:#FFE100!important; border:2px solid #0A0A0A; font:900 italic 20px Archivo,sans-serif; font-stretch:115%; text-decoration:none; transition:transform .12s ease,box-shadow .12s ease}
.hxm .hxm-kbant__btn::after{content:"→"; font-style:normal}
.hxm .hxm-kbant__btn:hover{color:#FFE100!important; transform:translate(-3px,-3px); box-shadow:6px 6px 0 #0A0A0A}
.hxm .hxm-kbant__btn--cizgi{background:transparent; color:#0A0A0A!important}
.hxm .hxm-kbant__btn--cizgi::after{content:"↓"}
.hxm .hxm-kbant__btn--cizgi:hover{background:#0A0A0A; color:#FFE100!important; box-shadow:none; transform:none}
.hxm .hxm-kbant__btn span{font:500 12px/1 "IBM Plex Mono",monospace; font-style:normal; letter-spacing:.06em; opacity:.7}
.hxm .hxm-kbant a:focus-visible{outline:3px solid #0A0A0A!important; outline-offset:4px}
.hxm .hxm-kbant__sayilar{list-style:none; margin:0; padding:0; border-top:3px solid #0A0A0A}
.hxm .hxm-kbant__sayilar li{display:grid; grid-template-columns:minmax(120px,auto) 1fr; align-items:baseline; gap:20px; margin:0; padding:18px 0 16px; border-bottom:1px solid rgba(10,10,10,.35)}
.hxm .hxm-kbant__sayilar b{font:900 italic clamp(56px,6vw,88px)/.85 Archivo,sans-serif; font-stretch:125%; letter-spacing:-.03em}
.hxm .hxm-kbant__sayilar span{font:500 13px/1.35 "IBM Plex Mono",monospace; text-transform:uppercase; letter-spacing:.06em}
.hxm .hxm-kbant + .hxm-bolum{padding-top:160px}
@media (max-width:900px){
  .hxm .hxm-kbant{padding:100px 0 96px; margin:-24px 0; clip-path:polygon(0 24px,100% 0,100% calc(100% - 24px),0 100%)}
  .hxm .hxm-kbant__ic{grid-template-columns:minmax(0,1fr); gap:36px}
  .hxm .hxm-kbant__h{font-size:clamp(34px,10.5vw,64px)!important}
  .hxm .hxm-kbant__metin{font-size:18px}
  .hxm .hxm-kbant__btn{flex:1 1 100%; justify-content:space-between}
  .hxm .hxm-kbant + .hxm-bolum{padding-top:110px}
}
@media (prefers-reduced-motion:reduce){.hxm .hxm-kbant__btn{transition:none}}