/* Nilay Yavuz Pilates — site stilleri.
   Palet stüdyonun afişinden: kiremit, şeftali, turuncu vurgu; metin için koyu kakao.
   Başlıklar afişteki gibi dar ve kalın (Oswald), gövde Manrope. */
@font-face{font-family:"Oswald";font-style:normal;font-weight:200 700;font-display:swap;src:url(/assets/fonts/oswald-latin-wght-normal.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}
@font-face{font-family:"Oswald";font-style:normal;font-weight:200 700;font-display:swap;src:url(/assets/fonts/oswald-latin-ext-wght-normal.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:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;src:url(/assets/fonts/manrope-latin-wght-normal.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}
@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;src:url(/assets/fonts/manrope-latin-ext-wght-normal.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}

:root{
  --cream:#ffffff;      /* zemin: afişteki gibi beyaz, sıcaklık şeftali bantlardan */
  --peach-1:#f8e4d8;    /* açık şeftali bant */
  --peach-2:#e8b099;    /* afiş şeftalisi */
  --terra:#d47253;      /* logo dairesi */
  --terra-d:#a9472a;    /* buton, link (beyazla 5.8:1) */
  --signal:#dc540a;     /* afişteki "PILATES." turuncusu, büyük vurgu */
  --signal-l:#f39a6b;   /* koyu zeminde vurgu */
  --cocoa:#2a1c16;      /* metin ve koyu bant */
  --muted:#6e5a51;
  --line:#efd9cc;
  --white:#ffffff;
  --display:"Oswald","Arial Narrow","Roboto Condensed",Impact,sans-serif;
  --sans:"Manrope","Segoe UI",system-ui,-apple-system,sans-serif;
  --wrap:1180px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--cocoa);font-family:var(--sans);font-size:17px;line-height:1.65}
img{max-width:100%;height:auto;display:block}
a{color:var(--terra-d)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--signal);outline-offset:3px;border-radius:4px}
h1,h2,h3{font-family:var(--display);font-weight:600;line-height:1.02;margin:0;text-transform:uppercase;letter-spacing:.005em;text-wrap:balance;color:var(--cocoa)}
h1{font-size:clamp(2.6rem,6.4vw,5rem)}
h2{font-size:clamp(2rem,4.2vw,3.2rem)}
h3{font-size:1.45rem;letter-spacing:.02em}
.hl{color:var(--signal)}
p{margin:0}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;background:#fff;padding:8px 12px;z-index:50}
.ph{background:#fff1b8;color:#5c4200;border-radius:4px;padding:0 4px}

/* üst menü */
.site-head{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.95);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:10px}
.logo{display:block;width:172px;flex-shrink:0}
.nav{display:flex;align-items:center;gap:24px}
.nav a{color:var(--cocoa);text-decoration:none;font-family:var(--display);text-transform:uppercase;letter-spacing:.06em;font-size:.95rem;font-weight:500}
.nav a:hover,.nav a[aria-current="page"]{color:var(--terra-d)}
.nav a.btn-fill,.nav a.btn-fill:hover{color:var(--white)}
.nav a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
.menu{display:none}
.menu summary{list-style:none;cursor:pointer;font-family:var(--display);text-transform:uppercase;letter-spacing:.08em;padding:8px 16px;border:1.5px solid var(--cocoa);border-radius:99px}
.menu summary::-webkit-details-marker{display:none}
.menu[open] .menu-panel{display:flex}
.menu-panel{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;background:var(--cream);border-bottom:1px solid var(--line);padding:6px max(20px,env(safe-area-inset-left)) 18px}
.menu-panel a{padding:13px 0;border-bottom:1px solid var(--line);color:var(--cocoa);text-decoration:none;font-family:var(--display);text-transform:uppercase;letter-spacing:.05em;font-size:1.1rem}
@media (max-width:960px){.nav{display:none}.menu{display:block}.logo{width:148px}}

/* butonlar */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--display);text-transform:uppercase;letter-spacing:.07em;font-weight:500;font-size:1.02rem;padding:14px 24px;border-radius:99px;text-decoration:none;border:2px solid var(--terra-d);transition:background .15s,color .15s,transform .15s;white-space:nowrap}
.btn svg{width:19px;height:19px;flex-shrink:0}
.btn-fill{background:var(--terra-d);color:var(--white)}.btn-fill:hover{background:var(--cocoa);border-color:var(--cocoa)}
.btn-line{color:var(--terra-d);background:transparent}.btn-line:hover{background:var(--peach-1)}
.btn-light{background:var(--white);color:var(--cocoa);border-color:var(--white)}.btn-light:hover{background:var(--peach-1);border-color:var(--peach-1)}
.btn-sm{padding:9px 16px;font-size:.92rem}
.ctas{display:flex;flex-wrap:wrap;gap:12px}

/* bölümler */
.sec{padding-block:clamp(56px,8vw,104px);display:flex;flex-direction:column;gap:32px}
.sec-head{display:flex;flex-direction:column;gap:14px;max-width:64ch}
.eyebrow{font-family:var(--display);font-size:.88rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--terra-d)}
.lead{font-size:1.14rem;color:var(--muted);max-width:60ch}
.band{background:var(--peach-1)}

/* açılış */
.hero{display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(28px,5vw,72px);align-items:center;padding-block:clamp(36px,6vw,84px)}
.hero-text{display:flex;flex-direction:column;gap:22px}
.hero-text .lead{color:var(--muted)}
.hero-art{position:relative;padding:0 0 26px 26px}
.hero-art::before{content:"";position:absolute;left:0;bottom:0;width:62%;height:70%;background:var(--peach-2);border-radius:20px}
.arch{position:relative;aspect-ratio:4/5;width:100%;border-radius:999px 999px 20px 20px;overflow:hidden;background:linear-gradient(170deg,#e9a184 0%,var(--terra) 55%,#b9583a 100%);display:flex;align-items:flex-end;justify-content:center;padding:28px;color:#fff3ec;font-size:.88rem;text-align:center}
.arch img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.badge{position:absolute;right:-6px;top:38%;width:clamp(96px,11vw,132px);aspect-ratio:1;border-radius:50%;background:var(--terra);border:5px solid var(--cream);display:flex;align-items:center;justify-content:center;padding:18px}
.badge img{width:100%}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:4px 28px;padding-block:18px;border-top:1.5px solid var(--cocoa);font-size:.95rem;color:var(--muted)}
.facts b{display:block;color:var(--cocoa);font-family:var(--display);text-transform:uppercase;letter-spacing:.06em;font-weight:500}
@media (max-width:860px){.hero{grid-template-columns:1fr}.hero-art{max-width:460px}.arch{aspect-ratio:5/5}}

/* kartlar */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}
.card{position:relative;background:var(--white);border:1px solid var(--line);border-radius:22px;padding:28px 26px;display:flex;flex-direction:column;gap:12px;text-decoration:none;color:inherit;transition:border-color .15s,transform .15s,box-shadow .15s}
a.card:hover{border-color:var(--terra);transform:translateY(-3px);box-shadow:0 18px 40px -26px rgba(169,71,42,.55)}
.card .num{font-family:var(--display);font-size:.85rem;letter-spacing:.18em;color:var(--terra-d)}
.card p{color:var(--muted);font-size:.98rem}
.card .more{margin-top:auto;font-family:var(--display);text-transform:uppercase;letter-spacing:.08em;font-size:.92rem;color:var(--terra-d)}
.card-dark{background:var(--cocoa);border-color:var(--cocoa);color:#f3e6de}
.card-dark h3{color:var(--white)} .card-dark p{color:#d9c6bb} .card-dark .num,.card-dark .more{color:var(--signal-l)}

.two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:start}
.two>*{min-width:0}
@media (max-width:860px){.two{grid-template-columns:1fr}}
.prose{display:flex;flex-direction:column;gap:16px;max-width:66ch}
.prose h2{margin-top:14px;font-size:clamp(1.7rem,3.2vw,2.3rem)}
.prose ul{margin:0;padding-left:1.2em;display:flex;flex-direction:column;gap:6px}
.prose li::marker{color:var(--terra)}

.quote{font-family:var(--display);text-transform:uppercase;font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.1;color:var(--terra-d);font-weight:500}

/* SSS */
.faq{border-top:1.5px solid var(--cocoa)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;padding:20px 40px 20px 0;font-weight:700;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:6px;top:12px;font-family:var(--display);font-size:1.8rem;color:var(--terra-d);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding-bottom:20px;color:var(--muted);max-width:68ch}

/* adımlar */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:26px;counter-reset:s;padding:0;margin:0;list-style:none}
.steps li{counter-increment:s;display:flex;flex-direction:column;gap:8px;padding-top:16px;border-top:1.5px solid var(--cocoa)}
.steps li::before{content:"0" counter(s);font-family:var(--display);font-size:2.8rem;font-weight:600;line-height:1;color:var(--signal)}
.steps li p{color:var(--muted);font-size:.98rem}

/* iletişim */
.contact{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}
.contact .card{gap:8px}
.hours{width:100%;border-collapse:collapse;font-size:.98rem}
.hours td{padding:9px 0;border-bottom:1px solid var(--line)}
.hours td:last-child{text-align:right;font-variant-numeric:tabular-nums}

/* çağrı bandı */
.cta-band{background:var(--cocoa);color:#f3e6de;position:relative;overflow:hidden}
.cta-band::after{content:"";position:absolute;right:-120px;top:-120px;width:380px;height:380px;border-radius:50%;background:var(--terra);opacity:.9}
.cta-band .sec{position:relative;z-index:1;align-items:flex-start}
.cta-band h2{color:var(--white)}
.cta-band .hl{color:var(--signal-l)}
.cta-band p{color:#d9c6bb;max-width:52ch}

.site-foot{background:var(--cocoa);color:#cbb8ad;font-size:.92rem;border-top:1px solid #47342b}
.site-foot .wrap{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:28px;padding-block:44px 28px}
.site-foot h3{color:var(--white);font-size:1.05rem;letter-spacing:.1em;margin-bottom:10px}
.site-foot a{color:#f3e6de;text-decoration:none}.site-foot a:hover{color:var(--signal-l)}
.site-foot ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.site-foot .legal{grid-column:1/-1;border-top:1px solid #47342b;padding-top:18px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:.85rem}
.foot-logo{width:170px;margin-bottom:12px}
@media (max-width:760px){.site-foot .wrap{grid-template-columns:1fr}}

.wa-float{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:30;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 26px -8px rgba(0,0,0,.4)}
.wa-float svg{width:30px;height:30px}

.crumbs{font-size:.88rem;color:var(--muted);padding-top:26px}
.crumbs a{color:var(--muted)}
.page-head{padding-block:16px clamp(28px,4vw,48px);display:grid;grid-template-columns:1.3fr .7fr;gap:32px;align-items:end;border-bottom:1.5px solid var(--cocoa)}
.page-head>div{display:flex;flex-direction:column;gap:16px;min-width:0}
.page-mark{justify-self:end;width:min(220px,100%);aspect-ratio:1;border-radius:50%;background:var(--terra);display:flex;align-items:center;justify-content:center;padding:38px}
@media (max-width:760px){.page-head{grid-template-columns:1fr}.page-mark{display:none}}
.prose>.btn{align-self:flex-start}
@media (max-width:760px){.cta-band::after{width:190px;height:190px;right:-110px;top:-110px}}

/* ---- 2. tur: fotoğraf ağırlıklı yerleşim ---- */
.hero2{overflow:hidden}
.hero2-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(28px,5vw,72px);align-items:center;padding-block:clamp(32px,5vw,72px)}
.new-here{font-family:var(--display);text-transform:uppercase;letter-spacing:.08em;font-size:.95rem;color:var(--cocoa);text-decoration:none;border-bottom:1.5px solid var(--terra);width:fit-content;padding-bottom:2px}
.new-here:hover{color:var(--terra-d)}
.collage{position:relative;min-height:clamp(380px,46vw,600px)}
.collage figure{margin:0;overflow:hidden;position:absolute}
.collage img{width:100%;height:100%;object-fit:cover}
.c-main{inset:0 0 18% 22%;border-radius:999px 999px 4px 4px}
.c-small{left:0;bottom:0;width:58%;aspect-ratio:590/284;border:6px solid var(--cream);border-radius:4px}
.c-badge{position:absolute;right:2%;bottom:4%;width:clamp(92px,10vw,124px);aspect-ratio:1;border-radius:50%;background:var(--terra);display:flex;align-items:center;justify-content:center;padding:20px;border:5px solid var(--cream)}
.c-badge img{width:100%}
@media (max-width:860px){.hero2-grid{grid-template-columns:1fr}.collage{min-height:360px}}

.split-head{display:grid;grid-template-columns:1fr 1fr;gap:24px 64px;align-items:end}
.split-head>div{display:flex;flex-direction:column;gap:14px}
@media (max-width:760px){.split-head{grid-template-columns:1fr}}

.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.tile{position:relative;display:flex;flex-direction:column;gap:14px;text-decoration:none;color:inherit}
.tile figure{margin:0;aspect-ratio:3/4;overflow:hidden;border-radius:4px;background:var(--peach-1)}
.tile img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.tile:hover img{transform:scale(1.04)}
.tile:nth-child(even) figure{margin-top:40px}
.tile-cap{display:flex;flex-direction:column;gap:4px;padding-right:36px}
.tile-cap p{color:var(--muted);font-size:.95rem}
.tile-arrow{font-family:var(--display);font-size:1.6rem;color:var(--terra-d);transition:transform .2s}
.tile .tile-arrow{position:static;align-self:flex-start;margin-top:-6px}
.tile:hover .tile-arrow{transform:translateX(6px)}
.tile:hover h3{color:var(--terra-d)}
@media (max-width:960px){.tiles{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.tile:nth-child(even) figure{margin-top:0}}

.poster{background:var(--peach-2)}
.poster-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,80px);align-items:center;padding-block:clamp(56px,8vw,110px)}
.poster-words{margin:0;display:flex;flex-direction:column;font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:clamp(3.6rem,9vw,7.6rem);line-height:.92;color:var(--white);letter-spacing:-.01em}
.poster-words .hl{color:#b8400a}
.poster .prose p{color:var(--cocoa)}
.poster .eyebrow{color:var(--cocoa)}
.poster .btn-line{color:var(--cocoa);border-color:var(--cocoa)}
.poster .btn-line:hover{background:var(--peach-1)}
@media (max-width:860px){.poster-grid{grid-template-columns:1fr}}

.instructor{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(28px,5vw,80px);align-items:center}
.portrait{margin:0}
.portrait-ph{aspect-ratio:4/5;border-radius:999px 999px 4px 4px;background:linear-gradient(170deg,#e9a184 0%,var(--terra) 60%,#b9583a 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:var(--white);font-size:.9rem;font-weight:600;padding:30px;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.35)}
.portrait-ph img{width:110px}
@media (max-width:860px){.instructor{grid-template-columns:1fr}.portrait{max-width:420px}}

.page-photo{margin:0;justify-self:end;width:min(360px,100%);aspect-ratio:4/5;overflow:hidden;border-radius:999px 999px 4px 4px}
.page-photo img{width:100%;height:100%;object-fit:cover}
@media (max-width:760px){.page-photo{display:none}}