/* Amasra Mavi Yeşil Restaurant — ziyaretçi sitesi. Mobil öncelikli, çerçevesiz. */

/* ---------- Yazı tipleri (yerel, latin / latin-ext) ---------- */
@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/instrument-serif-normal-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}
@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/instrument-serif-normal-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:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/instrument-serif-italic-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}
@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/instrument-serif-italic-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:"Manrope";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/manrope-400-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}
@font-face{font-family:"Manrope";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/manrope-400-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:"Manrope";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/manrope-700-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}
@font-face{font-family:"Manrope";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/manrope-700-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}

/* ---------- Tasarım değişkenleri ---------- */
:root{
  --navy:#0B2533; --navy-2:#0F3042; --navy-3:#174A63;
  --ink:#0F2430; --muted:#4A5B65;
  --cream:#F7F5F0; --sand:#EEE9DF; --white:#FFFFFF; --line:#E3DED3;
  --blue:#37BBEC; --blue-ink:#0A6C97; --blue-soft:#8FD8F5; --blue-tint:#E4F4FB;
  --green:#68B42D; --green-ink:#3B7417; --green-soft:#A6D97F; --green-tint:#EAF4E1;
  --terra:#C4572F; --terra-ink:#A5431F;
  --on-dark:rgba(255,255,255,.78);
  --font-display:"Instrument Serif",Georgia,"Times New Roman",serif;
  --font-body:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --radius:20px; --radius-sm:12px; --radius-lg:32px;
  --shadow:0 1px 2px rgba(11,37,51,.06),0 18px 40px -18px rgba(11,37,51,.28);
  --container:1200px; --gutter:clamp(1rem,4vw,2.5rem);
  --header-h:72px; --bar-h:62px;
  --ease:cubic-bezier(.2,.7,.2,1);
  --focus:var(--blue-ink);
}

/* ---------- Temel ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 16px)}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
html.no-scroll,html.no-scroll body{overflow:hidden}
body{margin:0;min-height:100vh;background:var(--cream);color:var(--ink);font:400 1rem/1.65 var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg,video{display:block;max-width:100%}
img{height:auto}
a{color:var(--blue-ink);text-underline-offset:.18em;text-decoration-thickness:1px}
a:hover{color:var(--navy)}
p{margin:0 0 1em}
ul,ol{margin:0;padding:0}
[role=list]{list-style:none}
h1,h2,h3,h4{margin:0;font-family:var(--font-display);font-weight:400;line-height:1.05;letter-spacing:-.01em;font-synthesis:none;text-wrap:balance}
h1 em,h2 em,h3 em{font-style:italic;color:var(--blue-ink)}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
[hidden]{display:none!important}
:focus-visible{outline:2.5px solid var(--focus);outline-offset:3px;border-radius:4px}
.icon{width:1.25rem;height:1.25rem;flex:none}
.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip-link{position:fixed;top:12px;left:12px;z-index:100;padding:.75rem 1.1rem;border-radius:999px;background:var(--navy);color:#fff;font-weight:700;text-decoration:none;transform:translateY(-200%);transition:transform .2s}
.skip-link:focus{transform:none;color:#fff}
main:focus{outline:none}

.container{width:100%;max-width:calc(var(--container) + var(--gutter) * 2);margin-inline:auto;padding-inline:var(--gutter)}
.container--narrow{max-width:calc(780px + var(--gutter) * 2)}

/* ---------- Tipografi ---------- */
.h2{font-size:clamp(2.25rem,1.6rem + 2.8vw,3.75rem)}
.h3{font-size:clamp(1.6rem,1.35rem + 1vw,2.1rem);margin-bottom:.75rem}
.lead{font-size:clamp(1.06rem,1rem + .3vw,1.2rem);line-height:1.6;color:var(--ink)}
.eyebrow{display:inline-flex;align-items:center;gap:.7rem;margin:0 0 1rem;font:700 .75rem/1.3 var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--green-ink)}
.eyebrow::before{content:"";width:30px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--blue) 50%,var(--green) 50%)}
.eyebrow--light{color:var(--green-soft)}

/* ---------- Düğmeler ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:48px;padding:.75rem 1.35rem;border:1.5px solid transparent;border-radius:999px;font:700 .95rem/1.1 var(--font-body);letter-spacing:.01em;text-decoration:none;text-align:center;white-space:nowrap;transition:background-color .2s,border-color .2s,color .2s,transform .2s var(--ease),box-shadow .2s}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:none}
.btn .icon{width:1.15rem;height:1.15rem}
.btn--sm{min-height:44px;padding:.6rem 1.05rem;font-size:.9rem}
.btn--lg{min-height:54px;padding:.9rem 1.6rem;font-size:1rem}
.btn--primary{background:var(--blue);color:var(--navy)}
.btn--primary:hover{background:#62CBF2;color:var(--navy);box-shadow:0 10px 24px -12px rgba(55,187,236,.9)}
.btn--dark{background:var(--navy);color:#fff}
.btn--dark:hover{background:var(--navy-3);color:#fff}
.btn--ghost{border-color:rgba(11,37,51,.22);color:var(--ink);background:transparent}
.btn--ghost:hover{border-color:var(--navy);color:var(--navy);background:rgba(11,37,51,.04)}
.btn--glass{border-color:rgba(255,255,255,.42);color:#fff;background:rgba(11,37,51,.28);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.btn--glass:hover{border-color:#fff;color:#fff;background:rgba(255,255,255,.14)}
.btn--whatsapp{background:#1F7A45;color:#fff}
.btn--whatsapp:hover{background:#17633A;color:#fff}
.btn-row{display:flex;flex-wrap:wrap;gap:.75rem}
.btn-row--center{justify-content:center}
.link-arrow{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;color:var(--blue-ink);text-decoration:none;min-height:44px}
.link-arrow .icon{transition:transform .2s var(--ease)}
.link-arrow:hover .icon,a:hover .link-arrow .icon{transform:translateX(4px)}

/* ---------- Üst menü ---------- */
.site-header{position:fixed;inset:0 0 auto;z-index:50;color:#fff;transition:color .3s}
.site-header::before{content:"";position:absolute;inset:0;background:rgba(247,245,240,.92);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);box-shadow:0 1px 0 rgba(11,37,51,.08);opacity:0;transition:opacity .3s}
.site-header::after{content:"";position:absolute;inset:0 0 -40px;z-index:-1;background:linear-gradient(180deg,rgba(11,37,51,.55),rgba(11,37,51,0));pointer-events:none;transition:opacity .3s}
.site-header.is-solid{color:var(--ink);--focus:var(--blue-ink)}
.site-header.is-solid::before{opacity:1}
.site-header.is-solid::after{opacity:0}
.site-header__bar{position:relative;display:flex;align-items:center;gap:1rem;height:var(--header-h)}
.brand{position:relative;z-index:2;display:inline-flex;align-items:center;min-height:44px;margin-right:auto}
.brand__logo{width:auto;height:26px}
.site-header:not(.is-solid) .brand__logo{filter:drop-shadow(0 1px 8px rgba(11,37,51,.45))}
.nav-toggle{position:relative;z-index:2;display:inline-grid;place-items:center;width:48px;height:48px;margin-right:-6px;border:0;border-radius:50%;background:transparent;color:inherit}
.nav-toggle .icon{width:1.6rem;height:1.6rem}
.nav-toggle__close,.nav-toggle[aria-expanded=true] .nav-toggle__open{display:none}
.nav-toggle[aria-expanded=true] .nav-toggle__close{display:block}
.site-header__cta{display:none}
.nav-link{display:flex;align-items:center;gap:.35rem;min-height:44px;padding:.55rem .95rem;border:0;border-radius:999px;background:none;color:inherit;font:700 .95rem/1.2 var(--font-body);text-decoration:none;transition:background-color .2s,color .2s}
.nav-link__chevron{width:1rem;height:1rem;transition:transform .2s}
.nav-link--toggle[aria-expanded=true] .nav-link__chevron{transform:rotate(180deg)}
.subnav{display:none;list-style:none}
.nav-link--toggle[aria-expanded=true]+.subnav{display:block}
.subnav__link{display:block;padding:.65rem 1rem;border-radius:12px;color:inherit;text-decoration:none;font-weight:700}

@media (max-width:1023.98px){
  .site-nav{position:fixed;inset:0;z-index:1;display:flex;flex-direction:column;padding:calc(var(--header-h) + 8px) var(--gutter) calc(24px + env(safe-area-inset-bottom));background:radial-gradient(120% 60% at 100% 0,rgba(55,187,236,.18),transparent 60%),radial-gradient(90% 50% at 0 100%,rgba(104,180,45,.16),transparent 60%),var(--navy);color:#fff;overflow-y:auto;visibility:hidden;opacity:0;transform:translateY(-12px);transition:opacity .3s var(--ease),transform .3s var(--ease),visibility 0s .3s}
  .site-header.nav-open{color:#fff;--focus:var(--blue-soft)}
  .site-header.nav-open::before{opacity:0}
  .site-header.nav-open .site-nav{visibility:visible;opacity:1;transform:none;transition:opacity .3s var(--ease),transform .3s var(--ease)}
  .site-nav__panel{display:flex;flex-direction:column;gap:2rem;flex:1;max-width:560px;width:100%;margin-inline:auto}
  .nav-list{border-top:1px solid rgba(255,255,255,.12)}
  .nav-item{border-bottom:1px solid rgba(255,255,255,.12)}
  .nav-link{justify-content:space-between;width:100%;padding:1rem .25rem;border-radius:0;font:400 2rem/1.1 var(--font-display);letter-spacing:-.01em}
  .nav-link[aria-current=page]{color:var(--blue-soft)}
  .nav-link__chevron{width:1.4rem;height:1.4rem}
  .subnav{padding:0 0 1rem .25rem}
  .subnav__link{padding:.6rem 0;color:var(--on-dark)}
  .site-nav__extra{display:grid;gap:1.5rem;margin-top:auto}
  .site-nav__actions{display:grid;gap:.75rem}
  .site-nav__info{display:grid;gap:1rem;margin:0}
  .site-nav__info dt{font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--green-soft)}
  .site-nav__info dd{margin:.2rem 0 0;color:var(--on-dark)}
}
@media (min-width:768px){
  .brand__logo{height:30px}
  .site-header__cta{display:inline-flex}
  .site-header.nav-open .site-header__cta{visibility:hidden}
}
@media (min-width:1024px){
  :root{--header-h:84px}
  .nav-toggle,.site-nav__extra{display:none}
  .site-nav__panel{display:block}
  .nav-list{display:flex;align-items:center;gap:.15rem}
  .nav-item{position:relative}
  .nav-link:hover{background:rgba(255,255,255,.14)}
  .site-header.is-solid .nav-link:hover{background:rgba(11,37,51,.06)}
  .nav-link[aria-current=page]{position:relative}
  .nav-link[aria-current=page]::after{content:"";position:absolute;left:50%;bottom:4px;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:var(--green)}
  .subnav{position:absolute;top:calc(100% + 6px);left:0;min-width:220px;padding:.5rem;border-radius:16px;background:#fff;color:var(--ink);box-shadow:var(--shadow)}
  .subnav__link:hover{background:var(--cream)}
  .site-header__cta{margin-left:.75rem}
}
@media (min-width:1024px) and (hover:hover){
  .has-sub:hover>.subnav,.has-sub:focus-within>.subnav{display:block}
}

/* ---------- Sabit alt işlem çubuğu (telefon) ---------- */
.action-bar{position:fixed;inset:auto 0 0;z-index:40;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding-bottom:env(safe-area-inset-bottom);background:rgba(11,37,51,.97);border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -10px 30px -10px rgba(11,37,51,.4)}
.action-bar__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;min-height:var(--bar-h);color:#fff;font:700 .75rem/1 var(--font-body);letter-spacing:.04em;text-decoration:none}
.action-bar__item .icon{width:1.4rem;height:1.4rem;color:var(--blue-soft)}
.action-bar__item--menu{color:var(--navy);background:var(--blue);}
.action-bar__item--menu .icon{color:var(--navy)}
.action-bar__item:hover{color:#fff;background:rgba(255,255,255,.06)}
.action-bar__item--menu:hover{color:var(--navy);background:#62CBF2}
body{padding-bottom:calc(var(--bar-h) + env(safe-area-inset-bottom))}
html.no-scroll .action-bar{visibility:hidden}
@media (min-width:768px){.action-bar{display:none}body{padding-bottom:0}}

/* ---------- Hero ---------- */
.hero{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:max(600px,100vh);min-height:max(600px,100svh);overflow:hidden;background:var(--navy);color:#fff;--focus:var(--blue-soft)}
.hero__media{position:absolute;inset:0;z-index:-2}
.hero__poster,.hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero__video{opacity:0;transition:opacity 1.2s ease}
.hero__video.is-ready{opacity:1}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(11,37,51,.94) 0%,rgba(11,37,51,.7) 34%,rgba(11,37,51,.18) 66%,rgba(11,37,51,.35) 100%),linear-gradient(90deg,rgba(11,37,51,.55),rgba(11,37,51,0) 65%)}
.hero__inner{padding-block:calc(var(--header-h) + 2.5rem) clamp(1.75rem,5vh,3.5rem)}
.hero__eyebrow{display:inline-flex;align-items:center;gap:.7rem;margin:0 0 1.1rem;font:700 .75rem/1.3 var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:var(--green-soft)}
.hero__eyebrow::before{content:"";width:30px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--blue) 50%,var(--green) 50%)}
.hero__title{max-width:14ch;font-size:clamp(3rem,1.5rem + 6.6vw,7rem);line-height:.95;letter-spacing:-.02em;text-shadow:0 2px 30px rgba(11,37,51,.35)}
.hero__title em{display:block;color:var(--blue-soft);background:linear-gradient(90deg,var(--blue-soft),var(--green-soft));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding-bottom:.08em}
.hero__lead{max-width:36rem;margin:1.25rem 0 0;font-size:clamp(1rem,.95rem + .35vw,1.18rem);line-height:1.6;color:rgba(255,255,255,.88)}
.hero__actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.75rem}
.hero__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;max-width:560px;margin-top:2rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.2)}
.hero__stat{display:flex;flex-direction:column;gap:.15rem}
.hero__stat-value{font:400 clamp(2rem,1.6rem + 1.6vw,2.9rem)/1 var(--font-display)}
.hero__stat-label{font-size:.78rem;line-height:1.3;color:var(--on-dark)}
.hero__toggle{position:absolute;right:var(--gutter);top:calc(var(--header-h) + 12px);display:grid;place-items:center;width:44px;height:44px;border:1.5px solid rgba(255,255,255,.4);border-radius:50%;background:rgba(11,37,51,.35);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background-color .2s}
.hero__toggle:hover{background:rgba(255,255,255,.18)}
.hero__toggle-play,.hero__toggle.is-paused .hero__toggle-pause{display:none}
.hero__toggle.is-paused .hero__toggle-play{display:block}
@media (max-width:767.98px){
  /* Alt işlem çubuğu hero'nun altını örtmesin */
  .hero{min-height:max(560px,calc(100vh - var(--bar-h)));min-height:max(560px,calc(100svh - var(--bar-h) - env(safe-area-inset-bottom)))}
  .hero__inner{padding-top:calc(var(--header-h) + 1.5rem)}
  .hero__actions .btn--lg{flex:1 1 auto;padding-inline:1.1rem}
  .hero__stats{margin-top:1.5rem;padding-top:1rem}
}
@media (min-width:768px){
  .hero__toggle{top:auto;bottom:clamp(1.75rem,5vh,3.5rem)}
  .hero__stats{gap:2rem}
  .hero__stat-label{font-size:.85rem}
}

/* ---------- Bölümler ---------- */
.section{padding-block:clamp(4rem,3rem + 5vw,7.5rem)}
.section--tight{padding-block:clamp(2.5rem,2rem + 3vw,4.5rem)}
.section--cream{background:var(--cream)}
.section--white{background:var(--white)}
.section-head{max-width:640px;margin-bottom:clamp(2rem,1.5rem + 2vw,3.5rem)}
.section-head__lead{margin:1rem 0 0;color:var(--muted);font-size:1.06rem}
.section-head--split{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem 2rem;max-width:none}

/* Tanıtım */
.intro__grid{display:grid;gap:3rem;align-items:center}
.intro__text .lead{margin-top:1.25rem;max-width:34rem}
.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.5rem 0}
.chip{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .85rem;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:.9rem;font-weight:700;color:var(--ink)}
.chip .icon{width:1.1rem;height:1.1rem;color:var(--blue-ink)}
.chip:nth-child(even) .icon{color:var(--green-ink)}
.intro__media{position:relative;max-width:520px;width:100%;justify-self:center}
.intro__figure{margin:0;overflow:hidden;border-radius:240px 240px var(--radius) var(--radius);box-shadow:var(--shadow);aspect-ratio:4/5;background:var(--sand)}
.intro__figure img{width:100%;height:100%;object-fit:cover}
.intro__badge{position:absolute;left:-.5rem;bottom:1.5rem;display:flex;align-items:center;gap:.75rem;margin:0;padding:.9rem 1.2rem;border-radius:18px;background:var(--navy);color:#fff;box-shadow:var(--shadow)}
.intro__badge-value{font:400 2.6rem/1 var(--font-display);color:var(--blue-soft)}
.intro__badge-label{font-size:.8rem;line-height:1.3;color:var(--on-dark)}
@media (min-width:900px){
  .intro__grid{grid-template-columns:1.1fr .9fr;gap:5rem}
  .intro__badge{left:-2rem}
}

/* Neler sunuyoruz */
.features{display:grid;gap:1.25rem}
.feature{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--cream);transition:transform .3s var(--ease),box-shadow .3s}
.feature:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.feature__media{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--blue-tint)}
.feature__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.feature:hover .feature__media img{transform:scale(1.04)}
.feature__art{position:absolute;inset:0;display:grid;place-items:center;color:var(--blue-ink);background:radial-gradient(70% 70% at 30% 20%,#fff,transparent 70%),var(--blue-tint)}
.feature--green .feature__art{color:var(--green-ink);background:radial-gradient(70% 70% at 30% 20%,#fff,transparent 70%),var(--green-tint)}
.feature__art-icon{width:38%;height:38%;stroke-width:1.2}
.feature__art-wave{position:absolute;right:-8%;bottom:-14%;width:60%;height:60%;opacity:.14}
.feature__body{position:relative;display:flex;flex-direction:column;flex:1;padding:2.1rem 1.5rem 1.6rem}
.feature__icon{position:absolute;top:0;left:1.5rem;display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--navy);color:var(--blue-soft);transform:translateY(-50%);box-shadow:0 8px 20px -8px rgba(11,37,51,.5)}
.feature--green .feature__icon{color:var(--green-soft)}
.feature__icon .icon{width:1.5rem;height:1.5rem}
.feature__title{font-size:1.9rem;margin-top:.35rem}
.feature__subtitle{margin:.45rem 0 0;font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--blue-ink)}
.feature--green .feature__subtitle{color:var(--green-ink)}
.feature__text{margin:.8rem 0 0;color:var(--muted);font-size:.97rem}
@media (min-width:640px){.features{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.features{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Menü bandı */
.menu-band{position:relative;overflow:hidden;padding-block:clamp(4.5rem,3rem + 6vw,8rem);background:radial-gradient(60% 80% at 100% 0,rgba(55,187,236,.22),transparent 60%),radial-gradient(50% 70% at 0 100%,rgba(104,180,45,.18),transparent 60%),var(--navy);color:#fff;--focus:var(--blue-soft)}
.menu-band::before{content:"";position:absolute;inset:auto -10% -40% auto;width:min(720px,90vw);aspect-ratio:1;border-radius:50%;border:1px solid rgba(143,216,245,.14);box-shadow:0 0 0 60px rgba(143,216,245,.04),0 0 0 140px rgba(166,217,127,.03);pointer-events:none}
.menu-band__grid{position:relative;display:grid;gap:3.5rem;align-items:center}
.menu-band .h2{font-size:clamp(2.6rem,1.6rem + 4vw,5rem)}
.menu-band .h2 em{color:var(--blue-soft)}
.menu-band__text p:not(.eyebrow){max-width:32rem;margin:1.25rem 0 2rem;color:var(--on-dark);font-size:1.06rem}
.menu-band__collage{position:relative;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;max-width:560px;width:100%;justify-self:center;padding-inline:4%}
.menu-band__photo{margin:0 -8%;padding:8px;border-radius:18px;background:#fff;box-shadow:0 30px 60px -25px rgba(0,0,0,.6);transform:rotate(-7deg) translateY(6%)}
.menu-band__photo:nth-child(2){position:relative;z-index:1;transform:rotate(3deg) translateY(-8%) scale(1.08)}
.menu-band__photo:nth-child(3){transform:rotate(-2deg) translateY(10%)}
.menu-band__photo img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:12px}
@media (min-width:900px){.menu-band__grid{grid-template-columns:1fr 1fr;gap:4rem}}

/* Galeri mozaiği */
.mosaic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.mosaic__item:first-child{grid-column:span 2}
.mosaic__link{position:relative;display:block;height:100%;overflow:hidden;border-radius:var(--radius-sm);background:var(--sand);aspect-ratio:1}
.mosaic__item:first-child .mosaic__link{aspect-ratio:16/10}
.mosaic__link img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.mosaic__link:hover img{transform:scale(1.05)}
.mosaic__caption{position:absolute;inset:auto 0 0;padding:2.5rem .9rem .8rem;background:linear-gradient(0deg,rgba(11,37,51,.85),transparent);color:#fff;font-weight:700;font-size:.9rem}
@media (min-width:768px){
  .mosaic{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
  .mosaic__item:first-child{grid-column:span 2;grid-row:span 2}
  .mosaic__item:first-child .mosaic__link{aspect-ratio:auto}
  .mosaic__caption{opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s var(--ease)}
  .mosaic__link:hover .mosaic__caption,.mosaic__link:focus-visible .mosaic__caption{opacity:1;transform:none}
}

/* Yorumlar */
.testimonials{display:grid;gap:1.25rem}
.testimonial figure{display:flex;flex-direction:column;height:100%;margin:0;padding:1.75rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--cream)}
.testimonial__stars{margin:0 0 1rem;color:#B7791F;letter-spacing:.12em;font-size:1.05rem}
.testimonial__stars-off{color:#D9D3C6}
.testimonial__quote{margin:0;flex:1;font:400 1.35rem/1.35 var(--font-display)}
.testimonial__quote p{margin:0}
.testimonial__author{display:flex;align-items:center;gap:.8rem;margin-top:1.5rem;font-size:.9rem}
.testimonial__author strong{display:block}
.testimonial__author span span{color:var(--muted)}
.testimonial__avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--navy);color:var(--blue-soft);font:400 1.4rem/1 var(--font-display)}
@media (min-width:768px){.testimonials{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}

/* Konum */
.location__grid{display:grid;gap:3rem;align-items:stretch}
.location__info>p:not(.eyebrow){max-width:32rem;margin:1.25rem 0 1.75rem;color:var(--muted)}
.info-list{display:grid;gap:1.1rem;margin-bottom:1.5rem}
.info-list li{display:flex;gap:1rem;align-items:flex-start}
.info-list strong{display:block;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--green-ink);margin-bottom:.15rem}
.info-list__icon{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:12px;background:var(--blue-tint);color:var(--blue-ink)}
.info-list a{color:var(--ink);font-weight:700;text-decoration:none}
.info-list a:hover{color:var(--blue-ink)}
.location__map{min-height:360px}
@media (min-width:900px){.location__grid{grid-template-columns:.9fr 1.1fr;gap:4rem}}

/* Açık / kapalı */
.open-status{display:inline-flex;align-items:center;gap:.5rem;margin:.5rem 0 0;padding:.3rem .75rem .3rem .6rem;border-radius:999px;font-size:.82rem;font-weight:700;background:var(--green-tint);color:var(--green-ink)}
.open-status__dot{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px rgba(104,180,45,.25)}
.open-status__meta{font-weight:400}
.open-status.is-closed{background:#F6E7E1;color:var(--terra-ink)}
.open-status.is-closed .open-status__dot{box-shadow:0 0 0 3px rgba(196,87,47,.2)}
@media (prefers-reduced-motion:no-preference){.open-status.is-open .open-status__dot{animation:pulse 2.4s ease-in-out infinite}}
@keyframes pulse{50%{box-shadow:0 0 0 6px rgba(104,180,45,0)}}

/* Harita */
.map{position:relative;display:flex;height:100%;min-height:360px;overflow:hidden;border-radius:var(--radius-lg);background:linear-gradient(115deg,transparent 46%,rgba(143,216,245,.16) 46.5%,rgba(143,216,245,.16) 48%,transparent 48.5%),linear-gradient(25deg,transparent 60%,rgba(166,217,127,.13) 60.5%,rgba(166,217,127,.13) 62%,transparent 62.5%),repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 1px,transparent 1px 44px),repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px 44px),radial-gradient(80% 80% at 70% 30%,var(--navy-3),var(--navy));color:#fff;--focus:var(--blue-soft)}
.map__frame{position:absolute;inset:0;display:none}
.map__frame iframe{width:100%;height:100%;border:0}
.map.is-loaded .map__frame{display:block}
.map.is-loaded .map__facade{display:none}
.map__facade{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:100%;padding:2rem 1.5rem;text-align:center}
.map__pin{display:grid;place-items:center;width:64px;height:64px;border-radius:50% 50% 50% 0;background:var(--blue);color:var(--navy);transform:rotate(-45deg);box-shadow:0 0 0 10px rgba(55,187,236,.18),0 0 0 22px rgba(55,187,236,.08)}
.map__pin .icon{width:1.8rem;height:1.8rem;transform:rotate(45deg)}
.map__address{display:grid;gap:.2rem;margin:.75rem 0 0}
.map__address strong{font:400 1.6rem/1.1 var(--font-display)}
.map__address span{color:var(--on-dark)}
.map__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem}
.map__note{margin:0;font-size:.78rem;color:rgba(255,255,255,.7)}
.map__note a{color:inherit;text-decoration:underline;text-decoration-color:rgba(255,255,255,.4)}
.map__note a:hover{color:#fff}
.map--link-only{min-height:280px}

/* Instagram */
.insta{padding-top:clamp(3rem,2rem + 3vw,5rem);background:var(--cream)}
.insta__inner{display:grid;gap:1.25rem;align-items:center;padding:1.75rem;border-radius:var(--radius);background:#fff;border:1px solid var(--line)}
.insta__icon{display:grid;place-items:center;width:60px;height:60px;border-radius:18px;color:#fff;background:linear-gradient(135deg,var(--blue-ink),var(--green-ink))}
.insta__icon .icon{width:1.9rem;height:1.9rem}
.insta__title{font-size:clamp(1.7rem,1.4rem + 1.2vw,2.3rem)}
.insta__text p{margin:.4rem 0 0;color:var(--muted)}
@media (min-width:768px){.insta__inner{grid-template-columns:auto 1fr auto;gap:1.75rem;padding:1.75rem 2.25rem}}

/* Rezervasyon */
.reserve{padding-block:clamp(3rem,2rem + 4vw,6rem);background:var(--cream)}
.insta+.reserve{padding-top:clamp(1.25rem,1rem + 1vw,2rem)}
.reserve__card{position:relative;display:grid;gap:2rem;overflow:hidden;padding:clamp(2rem,1.5rem + 3vw,4rem);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--blue-tint),var(--green-tint))}
.reserve__card::after{content:"";position:absolute;right:-60px;top:-60px;width:240px;height:240px;border-radius:50%;border:40px solid rgba(255,255,255,.45);pointer-events:none}
.reserve__text p:not(.eyebrow){max-width:30rem;margin:1rem 0 0;color:var(--ink)}
.reserve__actions{position:relative;z-index:1;display:grid;gap:1.25rem;align-content:center}
.reserve__phone{display:flex;align-items:center;gap:1rem;color:var(--navy);text-decoration:none}
.reserve__phone-icon{display:grid;place-items:center;flex:none;width:60px;height:60px;border-radius:50%;background:var(--navy);color:var(--blue-soft);transition:transform .3s var(--ease)}
.reserve__phone:hover .reserve__phone-icon{transform:rotate(-12deg)}
.reserve__phone-icon .icon{width:1.6rem;height:1.6rem}
.reserve__phone-label{display:block;font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--green-ink)}
.reserve__phone-number{display:block;font:400 clamp(2.1rem,1.6rem + 2.4vw,3.4rem)/1.05 var(--font-display);white-space:nowrap}
@media (min-width:900px){.reserve__card{grid-template-columns:1.1fr .9fr;align-items:center}}

/* ---------- İç sayfa başlığı ---------- */
.page-hero{position:relative;overflow:hidden;padding:calc(var(--header-h) + clamp(2rem,1.5rem + 3vw,4rem)) 0 clamp(4rem,3rem + 4vw,6.5rem);background:var(--navy);color:#fff;--focus:var(--blue-soft)}
.page-hero__glow{position:absolute;inset:0;background:radial-gradient(60% 90% at 90% 0,rgba(55,187,236,.28),transparent 60%),radial-gradient(40% 70% at 10% 100%,rgba(104,180,45,.2),transparent 60%);pointer-events:none}
.page-hero__inner{position:relative}
.page-hero__title{max-width:18ch;font-size:clamp(2.75rem,1.8rem + 4.4vw,5.25rem);line-height:1}
.page-hero__title em{color:var(--blue-soft)}
.page-hero__lead{max-width:40rem;margin:1.25rem 0 0;font-size:1.08rem;color:var(--on-dark)}
.page-hero__wave{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:56px}
.page-hero__wave-blue{stroke:var(--blue);stroke-width:2;opacity:.6}
.page-hero__wave-green{stroke:var(--green);stroke-width:2;opacity:.55}
.page-hero__wave-fill{fill:var(--cream)}
.crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:0 .5rem;margin:-.6rem 0 1.15rem;font-size:.85rem}
.crumbs li{display:inline-flex;align-items:center;gap:.5rem;color:var(--on-dark)}
.crumbs a{display:inline-flex;align-items:center;min-height:44px;color:#fff;text-decoration:none;font-weight:700}
.crumbs a:hover{color:var(--blue-soft);text-decoration:underline}
.crumbs__sep{width:.9rem;height:.9rem;opacity:.6}
.crumbs [aria-current]{max-width:28ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ---------- Zengin metin ---------- */
.prose{max-width:68ch;font-size:1.06rem;line-height:1.75}
.prose>*:first-child{margin-top:0}
.prose h2{margin:2.2em 0 .6em;font-size:clamp(1.8rem,1.5rem + 1vw,2.3rem)}
.prose h3{margin:1.8em 0 .5em;font-size:1.6rem}
.prose h4{margin:1.6em 0 .4em;font:700 1rem/1.4 var(--font-body)}
.prose p,.prose ul,.prose ol{margin:0 0 1.15em}
.prose ul,.prose ol{padding-left:1.3em}
.prose li{margin-bottom:.35em}
.prose li::marker{color:var(--green-ink)}
.prose blockquote{margin:1.5em 0;padding:.25em 0 .25em 1.25em;border-left:3px solid var(--blue);font:400 1.4rem/1.4 var(--font-display)}
.prose img{border-radius:var(--radius-sm);margin:1.5em 0}
.prose table{width:100%;border-collapse:collapse;margin:1.5em 0;font-size:.95rem}
.prose th,.prose td{padding:.6em .8em;border-bottom:1px solid var(--line);text-align:left}
.prose a{font-weight:700}
.page-figure{margin:0 0 2.5rem;overflow:hidden;border-radius:var(--radius)}
.page-figure img{width:100%}
.page-note{max-width:68ch;margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--line);color:var(--muted);font-size:.95rem}

/* Hakkımızda */
.about-cover{position:relative;z-index:1;margin-top:clamp(-3.5rem,-2rem - 2vw,-2rem)}
.about-cover__figure{margin:0;overflow:hidden;border-radius:var(--radius-lg);box-shadow:var(--shadow);aspect-ratio:1200/520;background:var(--sand)}
.about-cover__figure img{width:100%;height:100%;object-fit:cover}
.about__grid{display:grid;gap:3rem}
.facts-card{padding:2rem;border-radius:var(--radius);background:var(--navy);color:#fff;--focus:var(--blue-soft)}
.facts-card__title{font-size:2rem;margin-bottom:1.25rem}
.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 1rem;margin:0 0 1.75rem}
.facts__item{display:flex;flex-direction:column-reverse;gap:.2rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.14)}
.facts dt{font-size:.82rem;color:var(--on-dark)}
.facts dd{margin:0;font:400 2.6rem/1 var(--font-display);color:var(--blue-soft)}
.facts__item--total dd{color:var(--green-soft)}
.facts-card__actions{display:grid;gap:.6rem}
.facts-card .btn--ghost{border-color:rgba(255,255,255,.35);color:#fff}
.facts-card .btn--ghost:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.strip a{display:block;overflow:hidden;border-radius:var(--radius-sm);aspect-ratio:1;background:var(--sand)}
.strip img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.strip a:hover img{transform:scale(1.05)}
@media (min-width:768px){.strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}}
@media (min-width:1024px){
  .about__grid{grid-template-columns:minmax(0,1fr) 360px;gap:5rem;align-items:start}
  .about__aside{position:sticky;top:calc(var(--header-h) + 1.5rem)}
}

/* ---------- Galeri ---------- */
.albums{display:grid;gap:1.5rem}
.album__link{display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#fff;color:var(--ink);text-decoration:none;transition:transform .3s var(--ease),box-shadow .3s}
.album__link:hover{color:var(--ink);transform:translateY(-4px);box-shadow:var(--shadow)}
.album__media{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:var(--sand)}
.album__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.album__link:hover .album__media img{transform:scale(1.04)}
.album__placeholder{position:absolute;inset:0;display:grid;place-items:center;color:var(--blue-ink)}
.album__placeholder .icon{width:3rem;height:3rem}
.album__count{position:absolute;left:1rem;top:1rem;padding:.35rem .75rem;border-radius:999px;background:rgba(11,37,51,.82);color:#fff;font-size:.8rem;font-weight:700}
.album__body{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem}
.album__title{font:400 2rem/1.05 var(--font-display)}
.album__text{color:var(--muted)}
@media (min-width:640px){.albums{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.albums:has(>:only-child){max-width:640px}}

.photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
.photo-grid__link{position:relative;display:block;overflow:hidden;border-radius:var(--radius-sm);aspect-ratio:1;background:var(--sand)}
.photo-grid__link img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.photo-grid__link:hover img{transform:scale(1.05)}
.photo-grid__zoom{position:absolute;right:.6rem;bottom:.6rem;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(11,37,51,.75);color:#fff;opacity:0;transition:opacity .25s}
.photo-grid__link:hover .photo-grid__zoom,.photo-grid__link:focus-visible .photo-grid__zoom{opacity:1}
@media (min-width:640px){.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}}
@media (min-width:1100px){.photo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.other-albums{margin-top:3.5rem}
.other-albums__list{display:flex;flex-wrap:wrap;gap:.75rem}
.other-albums__link{display:inline-flex;align-items:center;gap:.6rem;min-height:48px;padding:.6rem 1.1rem;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-weight:700;text-decoration:none}
.other-albums__link:hover{border-color:var(--navy)}
.other-albums__count{font-weight:400;color:var(--muted)}

/* Işık kutusu */
.lightbox{width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background:rgba(6,20,28,.96);color:#fff;--focus:var(--blue-soft)}
.lightbox::backdrop{background:rgba(6,20,28,.7)}
.lightbox[open]{display:grid;grid-template-rows:auto 1fr}
.lightbox__toolbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem var(--gutter)}
.lightbox__counter{margin:0;font-size:.9rem;font-weight:700;color:var(--on-dark)}
.lightbox__figure{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:0;margin:0;padding:0 var(--gutter) 1.5rem}
.lightbox__img{max-width:100%;max-height:calc(100% - 3rem);width:auto;height:auto;object-fit:contain;border-radius:8px;user-select:none}
.lightbox__caption{font:400 1.5rem/1.2 var(--font-display);text-align:center}
.lightbox__btn{display:grid;place-items:center;width:48px;height:48px;border:1.5px solid rgba(255,255,255,.3);border-radius:50%;background:rgba(255,255,255,.06);color:#fff;transition:background-color .2s}
.lightbox__btn:hover{background:rgba(255,255,255,.18)}
.lightbox__nav{position:absolute;top:50%;transform:translateY(-50%)}
.lightbox__nav--prev{left:.75rem}
.lightbox__nav--next{right:.75rem}
@media (max-width:639.98px){.lightbox__nav{top:auto;bottom:1rem;transform:none}.lightbox__figure{padding-bottom:5rem}}

/* ---------- Duyurular ---------- */
.search{display:flex;gap:.6rem;max-width:520px;margin-bottom:2.5rem}
.search__input{flex:1;min-width:0;min-height:44px;padding:.6rem 1rem;border:1.5px solid var(--line);border-radius:999px;background:#fff}
.search__input:focus{border-color:var(--blue-ink);outline:none;box-shadow:0 0 0 3px rgba(10,108,151,.2)}
.posts{display:grid;gap:1.5rem}
.post-card article{display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.post-card__media{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--blue-tint)}
.post-card__media img{width:100%;height:100%;object-fit:cover}
.post-card__placeholder{display:grid;place-items:center;height:100%;color:var(--blue-ink)}
.post-card__placeholder .icon{width:3rem;height:3rem}
.post-card__body{padding:1.5rem}
.post-card__date{font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--green-ink)}
.post-card__title{margin:.5rem 0;font-size:1.8rem}
.post-card__title a{color:var(--ink);text-decoration:none}
.post-card__title a:hover{color:var(--blue-ink)}
.post-card__excerpt{margin:0;color:var(--muted)}
@media (min-width:640px){.posts{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}
.pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;margin-top:3rem}
.pagination__btn{display:inline-grid;place-items:center;min-width:44px;height:44px;padding:0 .75rem;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-weight:700;text-decoration:none}
.pagination__btn.is-active{background:var(--navy);border-color:var(--navy);color:#fff}
.pagination__btn.is-disabled{opacity:.4}
.pagination__dots{display:inline-grid;place-items:center;width:30px}
.article .lead{margin-bottom:1.5rem}
.post-nav{display:grid;gap:1rem;margin-top:3rem}
.post-nav__link{display:grid;gap:.3rem;padding:1.25rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;color:var(--ink);text-decoration:none}
.post-nav__link:hover{border-color:var(--navy);color:var(--ink)}
.post-nav__label{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--green-ink)}
.post-nav__title{font:400 1.4rem/1.2 var(--font-display)}
.post-nav__link--next{text-align:right;justify-items:end}
@media (min-width:640px){.post-nav{grid-template-columns:1fr 1fr}.post-nav__link--next{grid-column:2}}
.recent{margin-top:3.5rem}
.recent__list{display:grid;margin-bottom:1rem;border-top:1px solid var(--line)}
.recent__list a{display:flex;justify-content:space-between;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line);color:var(--ink);font-weight:700;text-decoration:none}
.recent__list a:hover{color:var(--blue-ink)}
.recent__list time{flex:none;font-weight:400;color:var(--muted);font-size:.9rem}

/* Boş durum */
.empty-state{max-width:560px;margin-inline:auto;padding:3rem 1.5rem;text-align:center;border:1px dashed #CFC8B8;border-radius:var(--radius);background:#fff}
.empty-state__icon{display:inline-grid;place-items:center;width:72px;height:72px;margin-bottom:1.25rem;border-radius:50%;background:var(--blue-tint);color:var(--blue-ink)}
.empty-state__icon .icon{width:2rem;height:2rem}
.empty-state__title{margin-bottom:.75rem;font-size:clamp(1.8rem,1.5rem + 1vw,2.3rem)}
.empty-state p{color:var(--muted)}

/* ---------- İletişim ---------- */
.contact-cards{display:grid;gap:1rem}
.contact-card{display:flex;flex-direction:column;align-items:flex-start;padding:1.5rem;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.contact-card__icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:1rem;border-radius:14px;background:var(--navy);color:var(--blue-soft)}
.contact-card:nth-child(even) .contact-card__icon{color:var(--green-soft)}
.contact-card__title{font:700 .75rem/1.3 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--green-ink)}
.contact-card__value{margin:.4rem 0 0;font:400 1.6rem/1.2 var(--font-display);color:var(--ink);text-decoration:none;overflow-wrap:anywhere}
a.contact-card__value:hover{color:var(--blue-ink)}
.contact-card__value--small{font-size:1.3rem}
.contact-card__note{margin:.35rem 0 0;color:var(--muted);font-size:.9rem}
.contact-card__link{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;margin-top:.25rem;font-weight:700;text-decoration:none}
.contact-card__link .icon{width:1rem;height:1rem}
@media (min-width:640px){.contact-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.contact-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}
.contact-layout{display:grid;gap:3rem}
.form-intro{margin:1rem 0 1.75rem;color:var(--muted)}
.contact-aside{display:grid;gap:1.5rem;align-content:start}
.contact-aside .map{min-height:380px}
.contact-aside__note{padding:1.5rem;border-radius:var(--radius);background:var(--cream)}
.contact-aside__note p{margin:0;color:var(--muted)}
@media (min-width:1024px){.contact-layout{grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);gap:4rem}.contact-aside{position:sticky;top:calc(var(--header-h) + 1.5rem)}}

.alert{display:flex;gap:.8rem;margin-bottom:1.5rem;padding:1rem 1.2rem;border-radius:var(--radius-sm);font-size:.95rem}
.alert .icon{margin-top:.15rem}
.alert p{margin:0}
.alert ul{margin:.4rem 0 0;padding-left:1.1rem}
.alert--success{background:var(--green-tint);color:#2C5A10;border:1px solid #C9E3B4}
.alert--error{background:#FBEDE8;color:#8A3417;border:1px solid #F0CBBE}
.alert:focus{outline:2.5px solid currentColor;outline-offset:2px}
.form{display:grid;gap:1.1rem}
.form__grid{display:grid;gap:1.1rem}
.form__trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.field{display:grid;gap:.4rem;align-content:start}
.field__label{font-weight:700;font-size:.92rem}
.field__req{color:var(--terra-ink)}
.field__input{width:100%;min-height:50px;padding:.7rem 1rem;border:1.5px solid #D5CEC0;border-radius:var(--radius-sm);background:#fff;color:var(--ink);transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;appearance:none}
.field__input:hover{border-color:#B9B1A0}
.field__input:focus{border-color:var(--blue-ink);outline:none;box-shadow:0 0 0 3px rgba(10,108,151,.22)}
.field__input[aria-invalid=true]{border-color:var(--terra-ink)}
.field__input--area{min-height:140px;resize:vertical}
.field__select{position:relative}
.field__select select{padding-right:2.75rem;cursor:pointer}
.field__select .icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--muted)}
.field__error{margin:0;color:var(--terra-ink);font-size:.86rem;font-weight:700}
.field__hint{margin:-.35rem 0 0;color:var(--muted);font-size:.86rem}
.field--check{grid-template-columns:auto 1fr;gap:.25rem .8rem;align-items:start;font-size:.92rem}
.field--check .field__error{grid-column:2}
.field__check{width:22px;height:22px;margin:.15rem 0 0;accent-color:var(--blue-ink)}
.reservation-fields{display:grid;gap:1rem;margin:0;padding:1.25rem;border:1.5px solid #C6E3F1;border-radius:var(--radius);background:var(--blue-tint)}
.reservation-fields__legend{display:inline-flex;align-items:center;gap:.5rem;padding:0 .5rem;font-weight:700;color:var(--blue-ink)}
.form__submit{justify-self:start;margin-top:.5rem}
@media (min-width:640px){
  .form__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .reservation-fields{grid-template-columns:repeat(3,minmax(0,1fr))}
}

.faq-layout{display:grid;gap:2rem}
.faq-layout__head p:not(.eyebrow){margin:1rem 0 0;color:var(--muted)}
.faq{display:grid;gap:.75rem}
.faq__item{border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff}
.faq__question{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:56px;padding:1rem 1.25rem;font-weight:700;cursor:pointer;list-style:none}
.faq__question::-webkit-details-marker{display:none}
.faq__chevron{flex:none;transition:transform .25s var(--ease);color:var(--blue-ink)}
.faq__item[open] .faq__chevron{transform:rotate(180deg)}
.faq__answer{padding:0 1.25rem 1.25rem;color:var(--muted)}
.faq__answer p{margin:0}
@media (min-width:1024px){.faq-layout{grid-template-columns:.8fr 1.2fr;gap:4rem}}

/* 404 */
.notfound{text-align:center}
.notfound p{color:var(--muted)}
.notfound__links{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.5rem}

/* ---------- Alt bilgi ---------- */
.site-footer{position:relative;margin-top:48px;background:var(--navy);color:var(--on-dark);font-size:.95rem;--focus:var(--blue-soft)}
.site-footer__wave{position:absolute;left:0;right:0;bottom:100%;width:100%;height:48px;fill:var(--navy)}
.site-footer a{color:#fff;text-decoration:none}
.site-footer a:hover{color:var(--blue-soft)}
.site-footer__grid{display:grid;gap:2.5rem;padding-block:3.5rem 3rem}
.site-footer .brand{margin:0}
.site-footer .brand__logo{height:32px}
.site-footer__about{max-width:24rem;margin:1.25rem 0 1.5rem}
.site-footer__title{margin-bottom:1rem;font:700 .75rem/1.3 var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--green-soft)}
.site-footer__links{display:grid;gap:.2rem}
.site-footer__links a{display:inline-flex;align-items:center;min-height:44px}
.site-footer__contact{display:grid;gap:.9rem}
.site-footer__contact li{display:flex;gap:.75rem;align-items:flex-start}
.site-footer__contact .icon{margin-top:.15rem;color:var(--blue-soft)}
.site-footer__contact a,.info-list a,a.contact-card__value{display:inline-block;padding-block:.55rem;margin-block:-.55rem}
.site-footer__hours{display:grid;gap:.2rem;margin:0}
.site-footer__hours strong{font:400 2rem/1.1 var(--font-display);color:#fff}
.site-footer .open-status{background:rgba(166,217,127,.14);color:var(--green-soft)}
.site-footer .open-status.is-closed{background:rgba(196,87,47,.18);color:#F2B8A2}
.site-footer__menu{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;margin-top:1rem;font-weight:700}
.site-footer__menu .icon{color:var(--blue-soft)}
.social-row{display:flex;flex-wrap:wrap;gap:.6rem}
.social-link{display:grid;place-items:center;width:44px;height:44px;border:1.5px solid rgba(255,255,255,.22);border-radius:50%;color:#fff;transition:background-color .2s,border-color .2s,color .2s}
.site-footer .social-link:hover,.site-nav .social-link:hover{border-color:var(--blue);background:var(--blue);color:var(--navy)}
.site-footer__bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.5rem;padding-block:1.5rem;border-top:1px solid rgba(255,255,255,.1);font-size:.85rem}
.site-footer__copy{margin:0}
.site-footer__legal{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem}
.site-footer__legal a{display:inline-flex;align-items:center;min-height:44px;color:var(--on-dark);text-decoration:underline;text-decoration-color:rgba(255,255,255,.3)}
.site-footer__credit{display:flex;justify-content:center;padding:.5rem var(--gutter) 2rem}
@media (min-width:640px){.site-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.site-footer__grid{grid-template-columns:1.4fr .8fr 1.1fr 1fr;gap:3rem}}

/* Fikir Bulutu kartı */
.built-by-card{position:relative;display:flex;align-items:center;gap:12px;overflow:hidden;padding:9px 16px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.04);text-decoration:none;transition:background-color .25s,border-color .25s,transform .25s}
.built-by-card::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(55,187,236,.18),transparent 65%);opacity:0;transition:opacity .3s}
.built-by-card:hover{background:rgba(55,187,236,.08);border-color:rgba(55,187,236,.45);transform:translateY(-2px)}
.built-by-card:hover::before,.built-by-card:hover .bbc-glow{opacity:1}
.bbc-glow{position:absolute;top:-16px;right:-16px;width:65px;height:65px;border-radius:50%;background:radial-gradient(circle,rgba(104,180,45,.35),transparent 70%);opacity:0;transition:opacity .3s}
.bbc-logo,.bbc-sep,.bbc-info{position:relative;z-index:1}
.bbc-logo img{display:block;width:auto;height:28px;max-width:130px;object-fit:contain}
.bbc-sep{width:1px;height:26px;flex:none;background:rgba(255,255,255,.14)}
.bbc-info{display:grid;line-height:1.25}
.bbc-made{margin-bottom:2px;font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.bbc-name{font-size:.8rem;font-weight:700;color:rgba(255,255,255,.82);transition:color .2s}
.built-by-card:hover .bbc-name{color:#fff}

/* ---------- Hata sayfaları (bağımsız düzen) ---------- */
.error-body{padding:0;background:radial-gradient(60% 60% at 90% 0,rgba(55,187,236,.25),transparent 60%),radial-gradient(50% 50% at 0 100%,rgba(104,180,45,.2),transparent 60%),var(--navy);color:#fff;--focus:var(--blue-soft)}
.error-page{display:grid;place-items:center;min-height:100vh;padding:2rem var(--gutter)}
.error-page__card{max-width:560px;text-align:center}
.error-page__logo{display:inline-block;margin-bottom:2.5rem}
.error-page__logo img{height:34px;width:auto}
.error-page__code{margin:0;font:400 clamp(5rem,3rem + 10vw,9rem)/1 var(--font-display);background:linear-gradient(90deg,var(--blue-soft),var(--green-soft));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.error-page__title{margin:.5rem 0 1rem;font-size:clamp(2rem,1.5rem + 2vw,3rem)}
.error-page__title em{color:var(--blue-soft)}
.error-page__text{color:var(--on-dark)}
.error-page__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:2rem}
.error-page__address{margin-top:2rem;font-size:.85rem;color:rgba(255,255,255,.7)}

/* ---------- Kaydırınca beliren öğeler (site.js; yalnızca ekran dışındakiler, hareket azaltma tercihine uyar) ---------- */
.reveal-pending{opacity:0;transform:translateY(22px)}
.reveal-pending.is-revealed{opacity:1;transform:none;transition:opacity .8s var(--ease),transform .8s var(--ease)}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .reveal-pending{opacity:1;transform:none}
}
@media print{
  .site-header,.action-bar,.site-footer__wave,.hero__media,.hero__toggle,.map{display:none!important}
  body{padding:0;background:#fff}
  .reveal-pending{opacity:1;transform:none}
}

/* ---------- Google reCAPTCHA v3: rozet gizli, form altında Google bilgilendirmesi ---------- */
.grecaptcha-badge{visibility:hidden}
.form__recaptcha{margin:0;color:var(--muted);font-size:.8rem;line-height:1.5}
.form__recaptcha a{color:var(--blue-ink)}

/* ---------- Çerez izni (yalnızca panelde ölçüm kimliği girildiyse) ---------- */
.cc-bar{position:fixed;left:.75rem;right:.75rem;bottom:calc(var(--bar-h) + env(safe-area-inset-bottom) + .75rem);z-index:60;max-width:760px;margin-inline:auto;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;padding:1rem 1.15rem;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-sm);background:var(--navy);color:var(--on-dark);box-shadow:var(--shadow);font-size:.9rem;line-height:1.55}
.cc-text{flex:1 1 300px;margin:0}
.cc-text a{color:var(--blue-soft)}
.cc-text a:hover{color:#fff}
.cc-actions{display:flex;gap:.5rem;flex:1 1 auto;justify-content:flex-end}
.cc-btn{flex:1 1 0;min-height:44px;padding:.6rem 1.1rem;border:1.5px solid #fff;border-radius:999px;background:#fff;color:var(--navy);font:700 .9rem/1.1 var(--font-body);white-space:nowrap;transition:background-color .2s,border-color .2s}
.cc-btn:hover{background:var(--sand);border-color:var(--sand)}
.cc-btn--accept{background:var(--blue);border-color:var(--blue)}
.cc-btn--accept:hover{background:#62CBF2;border-color:#62CBF2}
.cc-bar :focus-visible{outline-color:var(--blue-soft)}
.site-footer__consent{display:inline-flex;align-items:center;min-height:44px;padding:0;border:0;background:none;color:var(--on-dark);font-size:inherit;text-decoration:underline;text-decoration-color:rgba(255,255,255,.3);text-underline-offset:.18em}
.site-footer__consent:hover{color:#fff}
@media (min-width:768px){.cc-bar{left:1.5rem;right:1.5rem;bottom:1.5rem}.cc-actions{flex:0 0 auto}.cc-btn{flex:0 0 auto}}
@media print{.cc-bar{display:none!important}}