/* Mobil uyum: sayfalar inline stil kullandığı için kurallar !important ile eziliyor */
.m-burger{display:none;align-items:center;justify-content:center;width:44px;height:44px;border:none;background:oklch(0.32 0.13 265);color:#fff;font-size:22px;line-height:1;cursor:pointer}

/* Menü sığmadığında ☰ butonuna dönüşür */
@media (max-width:1100px){
  .m-root{min-width:0!important}
  .m-head{position:relative;z-index:60}
  .m-burger{display:flex}
  .m-nav{display:none!important;position:absolute;top:100%;left:0;right:0;height:auto!important;flex-direction:column;background:#fff;box-shadow:0 14px 24px oklch(0.3 0.12 265 / .15);padding:8px 0 16px}
  .m-nav.open{display:flex!important}
  .m-nav>*{padding:14px 24px!important;margin:0!important}
  .m-nav>span>a{display:block;text-align:center}
}

@media (max-width:860px){
  .m-hide{display:none!important}
  .m-top{padding:8px 16px!important;justify-content:flex-end!important}
  .m-head{padding:0 16px!important;height:64px!important}
  .m-logo{width:60px!important;height:60px!important;margin-left:-4px!important}
  .m-nav>*{padding:14px 16px!important}

  .m-hero{height:auto!important}
  .m-shade{background:oklch(0.22 0.1 265 / .6)!important}
  .m-hero-txt{position:relative!important;left:auto!important;top:auto!important;max-width:none!important;padding:40px 16px 130px}
  .m-hero-txt.m-short{padding-bottom:110px}
  .m-h1{font-size:50px!important;letter-spacing:-1.5px!important}
  .m-h2{font-size:30px!important;line-height:1!important}
  .m-btns{flex-wrap:wrap}

  .m-cards{grid-template-columns:1fr!important;padding:0 16px!important}
  .m-1col{grid-template-columns:1fr!important}
  .m-stack{grid-template-columns:1fr!important;padding:48px 16px!important;gap:32px!important}
  .m-pad{padding:40px 16px 56px!important}
  .m-box{padding:20px!important}
  .m-step{grid-template-columns:44px 1fr auto!important;gap:12px!important}

  .m-about{padding:48px 16px 90px!important}
  .m-statsbox{height:auto!important}
  .m-stats{grid-template-columns:1fr 1fr!important;padding:72px 16px!important;row-gap:32px}
  .m-num{font-size:52px!important}
  .m-spons{grid-template-columns:1fr 1fr!important;padding:24px 16px!important;gap:12px!important}

  .m-foot{padding:40px 16px 20px!important}
  .m-foot-grid{grid-template-columns:1fr!important;gap:28px!important}
  .m-wrap{flex-wrap:wrap;gap:8px}
}

@media (max-width:860px){
  .m-coach-in{padding:40px 16px 56px!important;gap:28px!important}
  .m-coach-cards{gap:24px!important}
  .m-coach-cards figure{width:100%;box-sizing:border-box}
  .m-coach-cards img{height:auto!important;width:100%!important}
}

/* Hizmetler açılır listesi */
.m-acc summary::-webkit-details-marker{display:none}
.m-acc-i{display:inline-block;transition:transform .2s}
.m-acc[open] .m-acc-i{transform:rotate(90deg)}

/* Büyük görsellerin altından geçen SpongeBob GIF'i */
.m-sb{position:absolute;left:-200px;width:170px;height:auto;filter:drop-shadow(0 6px 10px rgba(0,0,0,.3));pointer-events:none;z-index:2;animation:m-sb 16s linear infinite}
@keyframes m-sb{from{left:-200px}to{left:100%}}
@media (max-width:860px){.m-sb{width:120px}}

/* Sloganın yanındaki ses dalgası düğmesi */
.m-wave{display:inline-flex;align-items:center;gap:5px;height:.6em;margin-left:.3em;padding:0;border:0;background:none;cursor:none;vertical-align:middle}
.m-wave span{display:block;width:6px;border-radius:3px;background:oklch(0.82 0.12 80);transition:height .2s}
.m-wave span:nth-child(1){height:35%}.m-wave span:nth-child(2){height:70%}.m-wave span:nth-child(3){height:100%}.m-wave span:nth-child(4){height:60%}.m-wave span:nth-child(5){height:30%}
.m-wave.on span{animation:m-wave .8s ease-in-out infinite}
.m-wave.on span:nth-child(2){animation-delay:-.15s}.m-wave.on span:nth-child(3){animation-delay:-.3s}.m-wave.on span:nth-child(4){animation-delay:-.45s}.m-wave.on span:nth-child(5){animation-delay:-.6s}
@keyframes m-wave{0%,100%{height:25%}50%{height:100%}}
@media (max-width:860px){.m-wave{gap:3px}.m-wave span{width:4px}}

/* Galeri: havuz dibi temalı zemin (yüzeyden süzülen ışık + kulvar çizgileri) */
.g-wrap{position:relative;overflow:hidden;background:
  radial-gradient(ellipse 70% 40% at 20% 0%,oklch(0.75 0.12 220 / .35),transparent 70%),
  radial-gradient(ellipse 60% 35% at 85% 5%,oklch(0.8 0.1 200 / .25),transparent 70%),
  linear-gradient(180deg,oklch(0.42 0.13 235) 0%,oklch(0.3 0.12 250) 35%,oklch(0.22 0.1 265) 100%)}
.g-wrap::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background:
  repeating-linear-gradient(90deg,transparent 0 calc(25% - 6px),oklch(0.2 0.1 265 / .35) calc(25% - 6px) 25%)}
.g-wrap::after{content:"";position:absolute;inset:-20%;pointer-events:none;opacity:.18;mix-blend-mode:screen;background:
  radial-gradient(circle at 30% 30%,#fff 0 2px,transparent 3px) 0 0/90px 70px,
  radial-gradient(circle at 70% 60%,#fff 0 1.5px,transparent 2.5px) 0 0/130px 110px;animation:g-drift 40s linear infinite}
@keyframes g-drift{to{transform:translate(90px,-70px)}}
.g-in{position:relative;z-index:1;padding:64px 96px 96px}
.g-top{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;margin-bottom:40px}
.g-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px}
.g-chip{padding:10px 18px;border:2px solid oklch(1 0 0 / .35);background:transparent;color:#fff;font:800 13px Archivo,sans-serif;letter-spacing:1px;text-transform:uppercase;cursor:none;transition:background .2s,color .2s,border-color .2s}
.g-chip:hover{border-color:#fff}
.g-chip.on{background:oklch(0.82 0.12 80);border-color:oklch(0.82 0.12 80);color:oklch(0.22 0.1 265)}
.g-grid{columns:3;column-gap:18px}
.g-item{position:relative;display:block;margin:0 0 18px;break-inside:avoid;overflow:hidden;border-radius:6px;box-shadow:0 14px 34px oklch(0.12 0.08 265 / .45);cursor:none;outline-offset:3px}
.g-item img{display:block;width:100%;height:auto;transition:transform .5s ease}
.g-item:hover img{transform:scale(1.05)}
.g-cap{position:absolute;left:0;right:0;bottom:0;padding:28px 14px 12px;background:linear-gradient(transparent,oklch(0.18 0.09 265 / .85));color:oklch(0.85 0.1 80);font:800 12px Archivo,sans-serif;letter-spacing:1.5px;text-transform:uppercase;opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s}
.g-item:hover .g-cap,.g-item:focus-visible .g-cap{opacity:1;transform:none}
.g-item.g-hide{display:none}
.g-lb{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:oklch(0.14 0.07 265 / .94)}
.g-lb[hidden]{display:none}
.g-lb figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px;max-width:calc(100vw - 160px)}
.g-lb img{max-width:100%;max-height:calc(100vh - 110px);object-fit:contain;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.g-lb figcaption{color:oklch(0.85 0.1 80);font:800 13px Archivo,sans-serif;letter-spacing:1.5px;text-transform:uppercase}
.g-x,.g-nav{position:absolute;border:0;background:oklch(1 0 0 / .12);color:#fff;cursor:pointer;font:700 26px/1 Archivo,sans-serif;display:flex;align-items:center;justify-content:center}
.g-x{top:16px;right:16px;width:48px;height:48px}
.g-nav{top:50%;transform:translateY(-50%);width:56px;height:72px;font-size:40px}
.g-prev{left:16px}.g-next{right:16px}
.g-x:hover,.g-nav:hover{background:oklch(1 0 0 / .25)}
@media (max-width:1100px){.g-grid{columns:2}}
@media (max-width:860px){
  .g-in{padding:40px 16px 56px}
  .g-grid{column-gap:10px}.g-item{margin-bottom:10px}
  .g-chip{padding:8px 12px;font-size:12px}
  .g-lb figure{max-width:100vw}
  .g-nav{width:44px;height:56px;font-size:32px;background:oklch(0 0 0 / .35)}
  .g-prev{left:6px}.g-next{right:6px}
}
@media (prefers-reduced-motion:reduce){.g-wrap::after{animation:none}}

/* Mobil düzeltmeler */
@media (max-width:860px){
  .m-coach-h1{font-size:40px!important;letter-spacing:-1px!important}
  /* SpongeBob butonların üstünden geçmesin: görsel altında yer aç */
  .m-hero-txt{padding-bottom:200px}
  .m-hero-txt.m-short{padding-bottom:165px}
  .m-box a{font-size:13px!important;padding:16px!important}
}
