/* Body Health - site ozel stiller (revize 2026-09-08) */

/* 1) Galano Grotesque - assets/fonts/ (Regular 400, Medium 500, SemiBold 600, Bold 700) */
@font-face{font-family:"Galano Grotesque";src:url(fonts/GalanoGrotesque-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Galano Grotesque";src:url(fonts/GalanoGrotesque-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Galano Grotesque";src:url(fonts/GalanoGrotesque-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Galano Grotesque";src:url(fonts/GalanoGrotesque-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
/* 1b) Outfit (SIL Open Font License, ucretsiz) - Galano dosyalari gelene kadar en yakin gorunumlu yedek font.
   Galano Grotesque dosyalari assets/fonts/ icine konulunca tarayici otomatik olarak Galano'yu kullanir. */
@font-face{font-family:"Outfit";font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/outfit/Outfit-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Outfit";font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/outfit/Outfit-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
:root{
  --_fonts---fonts--heading:"Galano Grotesque","Outfit","Helvetica Neue",Arial,sans-serif;
  --_fonts---fonts--paragraph:"Galano Grotesque","Outfit","Helvetica Neue",Arial,sans-serif;
  --_fonts---fonts--eyebrow:"Galano Grotesque","Outfit","Helvetica Neue",Arial,sans-serif;
}

/* 2) Ana sayfa 2. bolum - Cihazlarin guvenilirligi */
.intro__devices{grid-column:1/-1;background-color:var(--_theme---blocks--blocks-bg);padding:1.5em 1em;display:grid;grid-template-columns:1fr 1fr;grid-column-gap:3em;grid-row-gap:2em;align-items:start}
.intro__devices-head{display:flex;flex-direction:column;grid-row-gap:var(--_sizes---size--12px);row-gap:var(--_sizes---size--12px);max-width:55ch}
.intro__devices-list{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2em;grid-row-gap:1.5em}
.intro__devices-item{display:flex;flex-direction:column;row-gap:.5em;padding-top:1em;border-top:1px solid rgba(0,0,0,.12);border-top:1px solid color-mix(in srgb,currentColor 15%,transparent)}
@media (min-width:768px){
  /* "Hakkimizda" blogundaki gorsel asagi tasar (inset -8%); bloklar arasina bosluk */
  .intro__devices{margin-top:clamp(2rem,4vw,4rem)}
}
@media (max-width:767px){
  .intro__devices{grid-template-columns:1fr}
  .intro__devices-list{grid-template-columns:1fr}
}

/* 3) 5 hizmet kartli grid: ilk kart (EMS Antrenmani) tam genislik */
@media (min-width:768px){
  .training__list>.training__item:first-child:nth-last-child(5){grid-column:1/-1;aspect-ratio:auto}
  .training__list>.training__item:first-child:nth-last-child(5) .training__content{aspect-ratio:16/7}
}

/* 4) Ana sayfa harita: Turkiye haritasi dikey ortali, Ankara isaretleyici konumu */
.locations-map{display:flex;align-items:center;justify-content:center}
.locations-map .locations-map__ov{position:relative!important;inset:auto!important;width:100%!important;max-width:100%;height:auto!important;transform:none!important}
.intro-locations__inner .location-tags{inset:42.2% auto auto 37.4% !important;transform:translateY(-.55em)}
@media (max-width:767px){
  /* location-tags mobil: etiketler daire icinde kalsin */
  .intro-locations__inner .location-tags{left:18% !important}
}

/* 5) Galano icin baslik satir araligi. Orijinal .82em eski tema fontu'ya gore ayarliydi;
   Galano'nun buyuk harfleri ve Turkce Ğ İ Ş isaretleri ile satirlar ust uste biniyordu.
   Mobil kirilimlarda degiskenler body uzerinde tanimli oldugundan body + !important ile eziliyor. */
:root,body{
  --_headings---heading-xxl--line-height:1.04em !important;
  --_headings---heading-xl--line-height:1.02em !important;
  --_headings---heading-l--line-height:1.02em !important;
  --_headings---heading-m--line-height:1.03em !important;
  --_headings---heading-s--line-height:1.08em !important;
  --_headings---heading-xs--line-height:1.12em !important;
  --_fonts---fonts--heading:"Galano Grotesque","Outfit","Helvetica Neue",Arial,sans-serif !important;
  --_fonts---fonts--paragraph:"Galano Grotesque","Outfit","Helvetica Neue",Arial,sans-serif !important;
  --_fonts---fonts--eyebrow:"Galano Grotesque","Outfit","Helvetica Neue",Arial,sans-serif !important;
}
/* Dogrudan eski tema fontu kullanan birkac ogeyi de Galano'ya al */
.bunny-time__text,.bunny-time__text-2,.rich-text-locations strong{font-family:var(--_fonts---fonts--heading) !important;line-height:1.05em}

/* 6) Footer iletisim: orijinal -1em negatif marj Galano ile e-postayi "Iletisim" satirinin ustune bindiriyordu */
.footer-contact-details__mail{margin-top:.1em !important}
.footer-main__contact-details{row-gap:.15em}

/* 7) Sayfa geneli yatay tasma emniyeti (dekoratif svg/etiketler sag kenardan tasarsa gövdeyi genisletmesin; sticky bozulmaz) */
html,body{overflow-x:clip}

/* 8) Ana sayfa hero: cihaz slider (ok + sayac + otomatik gecis) ve imlecle ic yapiyi gosteren reveal efekti */
.hero.cihaz-hero{overflow:hidden;background:#515151;isolation:isolate;min-height:var(--full-screen-height,100svh);height:auto}
.cihaz-hero__bg{position:absolute;inset:0;z-index:0}
.cihaz-hero__bg::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.55) 0%,rgba(0,0,0,.18) 38%,rgba(0,0,0,0) 62%),linear-gradient(to right,rgba(0,0,0,.35) 0%,rgba(0,0,0,0) 45%)}
.cihaz-slide{position:absolute;inset:0;opacity:0;transition:opacity .9s ease;pointer-events:none}
.cihaz-slide.is-active{opacity:1}
.cihaz-hero__blur{position:absolute;inset:-4%;background-size:cover;background-position:center;filter:blur(12px)}
.cihaz-hero__sharp{position:absolute;bottom:0;left:50%;height:84%;aspect-ratio:var(--ar,2000/1116);transform:translateX(-50%);
  -webkit-mask-image:linear-gradient(to right,transparent,#000 14%,#000 86%,transparent),linear-gradient(to bottom,transparent,#000 18%,#000 100%);
  mask-image:linear-gradient(to right,transparent,#000 14%,#000 86%,transparent),linear-gradient(to bottom,transparent,#000 18%,#000 100%);
  -webkit-mask-composite:source-in;mask-composite:intersect}
.cihaz-hero__base,.cihaz-hero__reveal{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;transform:scale(1.06);transition:transform 1.4s cubic-bezier(.25,.46,.45,.94)}
.cihaz-slide.is-active .cihaz-hero__base,.cihaz-slide.is-active .cihaz-hero__reveal{transform:scale(1)}
.cihaz-hero__reveal{-webkit-mask-image:radial-gradient(circle 0px at -999px -999px,#fff,transparent);mask-image:radial-gradient(circle 0px at -999px -999px,#fff,transparent)}
.cihaz-hero__ui{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;min-height:var(--full-screen-height,100svh);padding:clamp(5.5rem,14vh,8rem) clamp(1rem,4vw,3rem) clamp(1.5rem,4vh,2.5rem);pointer-events:none;color:#f2f2f2;box-sizing:border-box}
.cihaz-hero__left{grid-column:1;grid-row:1/-1;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:2rem;min-width:0}
.cihaz-hero__copy{max-width:34rem;pointer-events:auto}
.cihaz-hero__copy .rating{margin-bottom:.75rem}
.cihaz-hero .cihaz-hero__title{font-size:clamp(2.4rem,4.8vw,4.6rem);line-height:1.02;text-align:left;color:#fff;text-shadow:0 2px 28px rgba(0,0,0,.35);width:auto}
.cihaz-hero__text{margin-top:1rem;max-width:27rem;color:rgba(255,255,255,.8);text-shadow:0 1px 12px rgba(0,0,0,.35)}
/* slayta gore degisen kart / liste: ayni hucrede ust uste, aktif olan gorunur */
.cihaz-stack{display:grid;pointer-events:auto}
.cihaz-stack>*{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease,visibility 0s linear .5s}
.cihaz-stack>.is-active{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.cihaz-stack--cards{width:min(22rem,100%)}
.cihaz-stack--specs{grid-column:2;grid-row:3;justify-self:end;align-self:end;width:min(21rem,100%)}
.cihaz-card{display:grid;grid-template-columns:5.4rem 1fr;grid-template-rows:auto auto;gap:.6rem .9rem;padding:.75rem;border-radius:1.1rem;background:rgba(10,10,10,.55);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 50px rgba(0,0,0,.28)}
.cihaz-card__thumb{grid-column:1;grid-row:1/-1;width:5.4rem;aspect-ratio:1;border-radius:.75rem;background-size:cover;background-position:center}
.cihaz-card__body{grid-column:2;grid-row:1}
.cihaz-card__title{font-family:var(--_fonts---fonts--heading);font-size:.78rem;line-height:1.25;letter-spacing:.08em;text-transform:uppercase;color:#fff;margin:0}
.cihaz-card p{margin:.35rem 0 0;font-size:.78rem;line-height:1.45;color:rgba(255,255,255,.75)}
.cihaz-card__btn{grid-column:2;grid-row:2;justify-self:start;align-self:end;border:1px solid #fff;border-radius:999px;padding:.45rem 1rem;font-size:.75rem;font-weight:500;color:#fff;text-decoration:none;transition:background .2s,transform .2s}
.cihaz-card__btn:hover{background:rgba(255,255,255,.12);transform:translateY(-1px)}
.cihaz-hint{grid-column:2;grid-row:1;justify-self:end;align-self:start;margin:0;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.65)}
.cihaz-specs h3{font-family:var(--_fonts---fonts--heading);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#fff;margin:0 0 .8rem}
.cihaz-specs__row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.45rem 0}
.cihaz-specs__row+.cihaz-specs__row{border-top:1px solid rgba(255,255,255,.14)}
.cihaz-specs__label{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.cihaz-specs__value{font-size:.8rem;color:#fff;text-align:right}
/* ok + sayac + ilerleme cizgisi */
.cihaz-nav{position:absolute;left:50%;bottom:1.6rem;transform:translateX(-50%);z-index:4;display:flex;align-items:center;gap:.75rem;pointer-events:auto;color:#fff}
.cihaz-nav__btn{width:2.5rem;height:2.5rem;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:rgba(0,0,0,.28);color:#fff;display:grid;place-items:center;cursor:pointer;padding:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .2s,border-color .2s,transform .2s}
.cihaz-nav__btn:hover{background:rgba(255,255,255,.16);border-color:#fff;transform:scale(1.05)}
.cihaz-nav__count{font-size:.8rem;letter-spacing:.1em;min-width:3.4rem;text-align:center;font-variant-numeric:tabular-nums}
.cihaz-nav__count b{font-weight:600}
.cihaz-nav__bar{width:4rem;height:2px;background:rgba(255,255,255,.25);border-radius:2px;overflow:hidden}
.cihaz-nav__bar i{display:block;height:100%;width:100%;background:#fff;transform-origin:left center;transform:scaleX(0)}
@keyframes cihazBar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes cihazFadeUp{from{opacity:0;transform:translateY(14px);filter:blur(8px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
.cihaz-fade{opacity:0;animation:cihazFadeUp .7s ease forwards;animation-delay:var(--d,.6s)}
@media (max-width:991px){.cihaz-hero .cihaz-hero__title{font-size:clamp(2.2rem,6vw,3.4rem)}}
@media (max-width:767px){
  .cihaz-hero__ui{display:flex;flex-direction:column;justify-content:flex-end;gap:1.25rem;padding:6rem 1.1rem 1.5rem}
  .cihaz-hero__left{gap:1.25rem;width:100%}
  .cihaz-hero .cihaz-hero__title{font-size:clamp(2rem,10vw,2.8rem)}
  .cihaz-stack--cards{width:100%}
  .cihaz-stack--specs,.cihaz-hint{display:none}
  /* mobil: genislik bazli olcek, cihaz tamamen gorunur; metnin biraz ustunde durur */
  .cihaz-hero__sharp{height:32%;width:auto;left:50%;bottom:50%;transform:translateX(-50%)}
  .cihaz-hero__text{display:none}
  .cihaz-hero__bg::after{background:linear-gradient(to top,rgba(0,0,0,.62) 0%,rgba(0,0,0,.3) 40%,rgba(0,0,0,0) 65%)}
  .cihaz-nav{left:auto;right:1.1rem;top:5.4rem;bottom:auto;transform:none;gap:.5rem}
  .cihaz-nav__bar{display:none}
}
@media (prefers-reduced-motion:reduce){.cihaz-fade,.cihaz-nav__bar i{animation:none!important;opacity:1}.cihaz-slide,.cihaz-stack>*,.cihaz-hero__base,.cihaz-hero__reveal{transition:none}}

/* 9) Ana sayfa "Hakkimizda" blogu: uzun baslik icin daha kucuk punto, tam kart genisligi */
.intro__culture .culture-content{max-width:none}
.intro__culture .culture-content h2.heading-m{font-size:clamp(1.5rem,2.3vw,2.7rem);line-height:1.05;max-width:none}
@media (max-width:767px){.intro__culture .culture-content h2.heading-m{font-size:clamp(1.45rem,6.4vw,2rem);max-width:none}}

/* 10) Mobil tasma duzeltmeleri (390px taramasi) */
@media (max-width:767px){
  /* studyo sayfalarindaki 2 sutunlu hizmet kartlari: baslik kart genisligine sigsin */
  .aanbod .training__slider-item .training__text .heading-m{font-size:clamp(1.05rem,5.4vw,1.7rem);line-height:1.05}
  .aanbod .training__slider-item .training__text .paragraph-m{font-size:.72rem;max-width:100%;padding:0 .4rem;text-align:center}
  /* AQ8 teknoloji sekmeleri: mobilde yan yana sigmiyor, alt alta dizilsin */
  .tab-content__row{flex-direction:column;align-items:stretch;grid-row-gap:.75em;row-gap:.75em}
  .tab-content__item{width:100%;max-width:none}
  /* adimlar (Tanisma / Deneme / Degerlendirme) basliklari */
  .steps-cms__item .heading-m{font-size:clamp(1.3rem,6.4vw,2.2rem)}
  /* haritadaki konum etiketleri daire icinde kalsin */
  .intro-locations__inner .location-tags{left:14% !important}
}

/* tablet: harita etiketleri daire icinde kalsin */
@media (min-width:768px) and (max-width:991px){.intro-locations__inner .location-tags{left:8% !important;font-size:.85em}}

/* tablet: blog galeri oklari kabin disina tasmasin */
@media (max-width:991px){.image-gallery .btn-next{left:auto;right:2%}.image-gallery .btn-prev{left:2%;right:auto}}

/* 11) Ana sayfa "Hakkimizda" karti: dikey tanitim videosu (9:16) sagda, metin solda */
.culture-video{position:absolute;top:1.5em;right:1em;height:calc(100% - 3em);aspect-ratio:9/16;background:#111 url(media/video/body-health-tanitim-poster.webp) center/cover no-repeat;overflow:hidden;z-index:1}
.culture-video__el{display:block;width:100%;height:100%;object-fit:cover;cursor:pointer}
.intro__culture .culture-content{max-width:calc(55% - 2em)}
.intro__culture .culture-content h2.heading-m{font-size:clamp(1.15rem,2.05vw,2.5rem)}
.culture-video__sound{position:absolute;left:.75em;bottom:.75em;z-index:2;display:inline-flex;align-items:center;gap:.4em;padding:.5em .85em;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font:500 .75rem/1 var(--_fonts---fonts--paragraph);letter-spacing:.02em;cursor:pointer;transition:background .2s,transform .2s}
.culture-video__sound:hover{background:rgba(0,0,0,.72);transform:translateY(-1px)}
.culture-video__sound:focus-visible{outline:2px solid #fff;outline-offset:2px}
.culture-video__ico--on{display:none}
.culture-video.is-unmuted .culture-video__ico--on{display:block}
.culture-video.is-unmuted .culture-video__ico--off{display:none}
@media (max-width:991px){.culture-video{top:1em;height:calc(100% - 2.5em)}}
@media (max-width:767px){
  .culture-video{position:relative;top:auto;right:auto;height:auto;width:min(100%,18.5rem);margin:0 auto 1.25em}
  .intro__culture .culture-content{max-width:none}
  .intro__culture .culture-content h2.heading-m{font-size:clamp(1.45rem,6.4vw,2rem)}
}

/* 12) Montaj videosu sessiz: bu oynaticilarda ses butonunu gizle */
[data-player-src*="media/video/montaj/"] [data-player-control="mute"]{display:none!important}

/* 13) Studyo sayfasi: tek studyo icin sade duzen (fotograflar + iletisim + harita + alanlar) */
.locations-hero .intro-content{padding-bottom:0}
.studio-hero__lead{max-width:36rem;margin:1.25rem auto 0}
.studio-info{padding:clamp(1rem,3vw,2rem) 0 clamp(3rem,7vw,6rem)}
.studio-info__grid{display:grid;grid-template-columns:1.25fr 1fr;gap:var(--_sizes---size--4px,4px)}
.studio-info__gallery{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:var(--_sizes---size--4px,4px);min-height:clamp(26rem,42vw,38rem)}
.studio-info__photo{margin:0;overflow:hidden;background:#cfcfcf}
.studio-info__photo--main{grid-row:1/3}
.studio-info__photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.25,.46,.45,.94)}
.studio-info__photo:hover img{transform:scale(1.03)}
.studio-info__card{background:var(--_theme---blocks--blocks-bg);padding:clamp(1.5rem,3vw,2.75rem);display:flex;flex-direction:column;justify-content:space-between;gap:2rem}
.studio-info__head{display:flex;flex-direction:column;gap:.75rem}
.studio-info__lead{max-width:30rem}
.studio-info__list{margin:0;display:flex;flex-direction:column}
.studio-info__list>div{display:grid;grid-template-columns:6.5rem 1fr;gap:1rem;padding:.9rem 0;border-top:1px solid rgba(0,0,0,.14)}
.studio-info__list>div:last-child{border-bottom:1px solid rgba(0,0,0,.14)}
.studio-info__list dt{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;opacity:.6;padding-top:.2rem}
.studio-info__list dd{margin:0;font-family:var(--_paragraphs---paragraph-m--font);font-size:var(--_paragraphs---paragraph-m--font-size);line-height:1.45}
.studio-info__list a{color:inherit;text-decoration:none;border-bottom:1px solid currentColor}
.studio-info__list a:hover{opacity:.7}
.studio-info__actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2rem}
.studio-map{position:relative;margin-top:var(--_sizes---size--4px,4px);height:clamp(20rem,30vw,30rem);overflow:hidden;background:#e6e6e6}
.studio-map>img{display:block;width:100%;height:100%;object-fit:cover}
.studio-map__pin{position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:var(--_colors---swatch--brand,#b84e31);border:3px solid #fff;box-shadow:0 2px 10px rgba(0,0,0,.35)}
.studio-map__pin::after{content:"";position:absolute;inset:-12px;border-radius:50%;border:2px solid var(--_colors---swatch--brand,#b84e31);opacity:0;animation:studioPulse 2.2s ease-out infinite}
@keyframes studioPulse{0%{transform:scale(.4);opacity:.9}100%{transform:scale(1.6);opacity:0}}
.studio-map__label{position:absolute;left:calc(50% + 18px);top:50%;transform:translateY(-50%);background:#000;color:#fff;padding:.45em .85em;border-radius:999px;font-size:.8rem;white-space:nowrap}
.studio-map__open{position:absolute;right:1rem;bottom:1rem;display:inline-flex;align-items:center;gap:.45em;background:#fff;color:#000;text-decoration:none;padding:.6em 1em;border-radius:999px;font-size:.85rem;box-shadow:0 4px 18px rgba(0,0,0,.15);transition:transform .2s}
.studio-map__open:hover{transform:translateY(-1px)}
.studio-map__attr{position:absolute;left:.5rem;bottom:.4rem;font-size:.62rem;color:#333;background:rgba(255,255,255,.75);padding:.1em .4em;text-decoration:none}
.studio-areas{margin-top:clamp(3rem,7vw,6rem)}
.studio-areas__head{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:clamp(1.5rem,3vw,2.5rem);text-align:center}
.studio-areas__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--_sizes---size--4px,4px)}
.studio-area{display:flex;flex-direction:column;background:var(--_theme---blocks--blocks-bg);color:inherit;text-decoration:none}
.studio-area__img{aspect-ratio:4/3;overflow:hidden;background:#cfcfcf}
.studio-area__img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.25,.46,.45,.94)}
.studio-area:hover .studio-area__img img{transform:scale(1.04)}
.studio-area__body{display:flex;flex-direction:column;gap:.6rem;padding:1.25rem 1.25rem 1.5rem;flex:1}
.studio-area__eyebrow{opacity:.65}
.studio-area__text{flex:1}
.studio-area__more{display:inline-flex;align-items:center;gap:.45em;margin-top:.5rem;font-size:.9rem;font-weight:500}
.studio-area:hover .studio-area__more svg{transform:translateX(3px)}
.studio-area__more svg{transition:transform .2s}
@media (max-width:991px){
  .studio-info__grid{grid-template-columns:1fr}
  .studio-info__gallery{min-height:0;aspect-ratio:4/3.2}
  .studio-areas__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:767px){
  .studio-info__gallery{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;aspect-ratio:auto}
  .studio-info__photo--main{grid-row:auto;grid-column:1/3;aspect-ratio:4/3.4}
  .studio-info__photo:not(.studio-info__photo--main){aspect-ratio:1}
  .studio-info__list>div{grid-template-columns:5.5rem 1fr}
  .studio-map{height:auto;aspect-ratio:4/3.4}
  .studio-map__label{font-size:.72rem}
  .studio-map__open{right:.6rem;bottom:.6rem;font-size:.78rem}
  .studio-areas__grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.studio-map__pin::after{animation:none}}

/* 14) Hizmet gorselleri: yatay tam kareler + odak noktasi (dikey kart, yatay vitrin karti ve menu kucuk gorselinde dogru bolge gorunsun) */
img[src*="media/hizmet/ems-antrenmani"]{object-position:27% 35%}
img[src*="media/hizmet/vacu-activ"]{object-position:66% 45%}
img[src*="media/hizmet/ems-fitness"]{object-position:50% 30%}
img[src*="media/hizmet/fitness"]{object-position:62% 50%}
img[src*="media/hizmet/saglikli-yasam"]{object-position:47% 50%}

/* 15) Iletisim sayfasi: tek studyo karti + harita (studyo sayfasindan esinlenerek), form notu */
.contact-side{display:flex;flex-direction:column}
.contact-side__inner{position:sticky;top:6rem;display:flex;flex-direction:column;gap:var(--_sizes---size--4px,4px)}
.contact-card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);background:var(--_theme---blocks--blocks-bg)}
.contact-card__photo{margin:0;overflow:hidden;background:#cfcfcf;min-height:100%}
.contact-card__photo img{display:block;width:100%;height:100%;object-fit:cover}
.contact-card__body{display:flex;flex-direction:column;gap:1.5rem;padding:clamp(1.25rem,2.4vw,2.25rem)}
.contact-card__head{display:flex;flex-direction:column;gap:.5rem}
.contact-map{height:clamp(16rem,22vw,22rem);margin-top:0}
.contact-form__note{max-width:28rem;margin:0 0 1rem;opacity:.7;font-size:.8rem;line-height:1.45}
.contact-form__btn{flex-direction:column;align-items:flex-start}
.success-state a[data-wa-fallback]{color:inherit;border-bottom:1px solid currentColor;text-decoration:none}
@media (min-width:992px){.contact__content{align-items:flex-start;gap:clamp(2rem,4vw,4rem)}.contact__left{flex:0 0 42%}.contact__right.contact-side{padding-top:12em}}
@media (max-width:1199px){.contact-card{grid-template-columns:1fr}.contact-card__photo{aspect-ratio:16/9;min-height:0}}
@media (max-width:991px){.contact-side__inner{position:static}.contact__right.contact-side{width:100%;padding-top:4em}}
@media (max-width:767px){.contact-map{height:auto;aspect-ratio:4/3.4}}

/* 16) Hero: cihaza gore degisen slogan (baslik + alt baslik) */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.cihaz-stack--titles{max-width:36rem}
.cihaz-title .cihaz-hero__title{font-size:clamp(2.1rem,3.9vw,3.9rem);line-height:1.04;margin:0}
.cihaz-hero__sub{margin:.9rem 0 0;font-family:var(--_fonts---fonts--heading);font-size:clamp(1.1rem,1.55vw,1.5rem);line-height:1.3;color:rgba(255,255,255,.88);text-shadow:0 1px 14px rgba(0,0,0,.4)}
@media (max-width:991px){.cihaz-title .cihaz-hero__title{font-size:clamp(1.9rem,5.2vw,3rem)}}
@media (max-width:767px){.cihaz-title .cihaz-hero__title{font-size:clamp(1.65rem,7.6vw,2.3rem)}.cihaz-hero__sub{font-size:1.05rem;margin-top:.6rem}}

/* 17) Harita: resmi Google Maps embed; yuklenemezse arkadaki statik harita gorunur */
.studio-map__fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.studio-map__frame{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;z-index:1;filter:grayscale(1) contrast(1.03)}
.studio-map:hover .studio-map__frame{filter:grayscale(0)}
.studio-map__attr{z-index:0}
.studio-map__open{z-index:2}

/* 18) Yorumlar: Google kaynak satiri (kaydiricinin altinda) */
.review-source{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem 1.25rem;margin-top:clamp(1.25rem,2.5vw,2rem)}
.review-source__link{display:inline-flex;align-items:baseline;gap:.35em;color:inherit;text-decoration:none;border-bottom:1px solid rgba(0,0,0,.25);padding-bottom:.1em}
.review-source__link:hover{border-bottom-color:currentColor}
.review-source__score{font-family:var(--_fonts---fonts--heading);font-size:1.15rem;line-height:1}
.review-source__of{font-size:.8rem;opacity:.6;margin-right:.25em}
.review-source__text{font-size:.85rem}
.review-source__note{margin:0;font-size:.72rem;line-height:1.4;opacity:.55;max-width:44ch}
@media (max-width:767px){.review-source{gap:.4rem}.review-source__note{font-size:.68rem}}

/* 19) Yorum bolumu: dogrulanmis yorum yokken gizlenir (tools/build-reviews.py isaretler) */
section.testimonials[data-reviews-empty]{display:none}

/* 20) Yorum alintisi: tema heading-m (72px olcegi) kullaniyor, uzun yorumlarda cok iri; bir kademe kucuk (heading-s olcegi) */
.testimonials .testimonial-lines__h{font-size:var(--_headings---heading-s--font-size);line-height:var(--_headings---heading-s--line-height)}
@media (max-width:767px){.testimonials .testimonial-lines__h{font-size:calc(var(--_headings---heading-s--font-size)*.9)}}

/* 21) Iletisim formu guvenlik sorusu (Google reCAPTCHA yerine kendi basit sorumuz) */
.form-captcha{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem}
.form-captcha__q{font-family:var(--_fonts---fonts--heading);font-size:1.35rem;line-height:1;letter-spacing:.02em;white-space:nowrap;min-width:6.5ch}
.form-captcha .form-field{flex:0 1 9rem;min-width:7rem}
.form-captcha__input{text-align:center}
.form-captcha__refresh{appearance:none;background:none;border:0;padding:0;font:inherit;font-size:.85rem;color:inherit;opacity:.65;text-decoration:underline;text-underline-offset:.2em;cursor:pointer}
.form-captcha__refresh:hover{opacity:1}
.form-captcha__err{margin:.5rem 0 0;color:#b3261e}

/* 22) Video yukleme simgesi: SVG SMIL (animateTransform) yerine CSS donme (DevTools performans onerisi) */
.bunny-player__loading-svg path,.bunny-bg__loading-svg path,.vimeo-player__loading-svg path{transform-box:view-box;transform-origin:50% 50%;animation:bh-spin 1s linear infinite}
@keyframes bh-spin{to{transform:rotate(360deg)}}