/* =========================================================================
   Caffè di Matera — ana stil
   Palet: Matera taşı (kum/krem) · tuğla terracotta · kil turuncu ·
          adaçayı yeşili (kafenin gerçek sandalyeleri) · espresso kahvesi
   Motif: kemer / niş (mekânın çömlekli sıvalı nişlerinden)
   ========================================================================= */

:root{
	--stone:#F4EBD9;
	--stone-2:#ECE0C8;
	--cream:#FCF6EA;
	--terra:#A8492C;
	--terra-deep:#8A3A22;
	--clay:#C9743F;
	--sand:#D9B06E;
	--sage:#4E6151;
	--sage-deep:#3A4A3D;
	--espresso:#33241A;
	--muted:#6B5947;
	--line:rgba(51,36,26,.14);
	--line-strong:rgba(51,36,26,.24);
	--shadow:0 24px 60px -30px rgba(51,36,26,.5);
	--shadow-sm:0 10px 30px -18px rgba(51,36,26,.45);
	--r:14px;
	--r-lg:22px;
	--maxw:1200px;
	--hdr-h:62px; /* sabitlenmiş (küçülmüş) başlık yüksekliği — menü sekmeleri buna göre yapışır */
	--arch:46% 46% 0 0 / 62% 62% 0 0; /* kemer üst */
	--ease:cubic-bezier(.22,.61,.36,1);
	--ff-head:"Fraunces",Georgia,serif;
	--ff-body:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}

/* --------------------------------------------------------------- Reset / base */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:clip}
.arch-top{overflow-x:clip}
body{
	margin:0;
	font-family:var(--ff-body);
	font-size:clamp(16px,1.05vw,17px);
	line-height:1.62;
	color:var(--espresso);
	background:var(--stone);
	-webkit-font-smoothing:antialiased;
	overflow-x:clip;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit}
h1,h2,h3,h4{font-family:var(--ff-head);font-weight:600;line-height:1.08;margin:0;letter-spacing:-.01em}
p{margin:0 0 1em}
::selection{background:var(--clay);color:#fff}

.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 clamp(20px,5vw,48px)}
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}
.skip-link{position:fixed;left:12px;top:-60px;z-index:9999;background:var(--terra);color:#fff;padding:10px 16px;border-radius:8px;transition:top .2s}
.skip-link:focus{top:12px}

:focus-visible{outline:3px solid var(--clay);outline-offset:3px;border-radius:4px}

/* --------------------------------------------------------------- Buttons */
.btn{
	display:inline-flex;align-items:center;gap:.5em;
	font-family:var(--ff-body);font-weight:600;font-size:.98rem;
	padding:.82em 1.5em;border-radius:100px;border:1.5px solid transparent;
	cursor:pointer;transition:transform .25s var(--ease),background .25s,color .25s,box-shadow .25s;
	line-height:1;white-space:nowrap;
}
.btn-sm{padding:.62em 1.15em;font-size:.9rem}
.btn-solid{background:var(--terra);color:var(--cream);box-shadow:var(--shadow-sm)}
.btn-solid:hover{background:var(--terra-deep);transform:translateY(-2px)}
.btn-outline{border-color:currentColor;color:var(--terra)}
.btn-outline:hover{background:var(--terra);color:var(--cream);border-color:var(--terra);transform:translateY(-2px)}
.btn-ghost{color:var(--espresso);border-color:var(--line-strong)}
.btn-ghost:hover{background:var(--espresso);color:var(--cream);border-color:var(--espresso)}

/* --------------------------------------------------------------- Header */
.site-header{
	position:fixed;top:0;left:0;right:0;z-index:100;
	transition:background .35s var(--ease),box-shadow .35s,padding .35s;
	padding:14px 0;
}
.header-inner{display:flex;align-items:center;gap:24px}
.brand{flex:0 0 auto;display:flex;align-items:center}
.brand-logo{height:52px;width:auto;transition:height .35s var(--ease)}
.site-nav{margin-left:auto}
.nav-list{list-style:none;display:flex;gap:6px;margin:0;padding:0}
.nav-list a{
	display:block;padding:.5em .85em;border-radius:100px;font-weight:500;font-size:.96rem;
	color:var(--cream);transition:background .2s,color .2s;position:relative;
}
.nav-list a:hover{background:rgba(255,255,255,.16)}
.header-cta{display:flex;align-items:center;gap:10px}

/* scrolled state */
.site-header.is-stuck{
	background:rgba(252,246,234,.92);
	backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
	box-shadow:0 1px 0 var(--line),0 18px 40px -34px rgba(51,36,26,.6);
	padding:9px 0;
}
.site-header.is-stuck .brand-logo{height:42px}
.site-header.is-stuck .nav-list a{color:var(--espresso)}
.site-header.is-stuck .nav-list a:hover{background:var(--stone-2)}
.site-header.is-stuck .btn-ghost{color:var(--espresso)}

/* mobile nav toggle */
.nav-toggle{display:none;width:44px;height:44px;border:0;background:transparent;flex-direction:column;justify-content:center;gap:5px;cursor:pointer;padding:10px}
.nav-toggle span{display:block;height:2px;background:var(--cream);border-radius:2px;transition:transform .3s,opacity .3s,background .3s}
.site-header.is-stuck .nav-toggle span{background:var(--espresso)}
.nav-open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-open .nav-toggle span:nth-child(2){opacity:0}
.nav-open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}


/* =========================================================================
   HERO — bardağa dolan süt & espresso (kaydırdıkça)
   ========================================================================= */
html:not(.js) .reveal{opacity:1;transform:none}
.hero{position:relative;height:100svh;min-height:640px;background:var(--sage-deep)}
.hero.is-ready{height:300vh}
.hero-stage{
	position:relative;height:100svh;min-height:640px;overflow:hidden;display:flex;align-items:center;
	background:
		radial-gradient(60% 70% at 78% 52%,rgba(201,116,63,.28),transparent 70%),
		radial-gradient(90% 80% at 10% 0%,#4b6150 0%,var(--sage-deep) 55%,#2b372e 100%);
}
.hero.is-ready .hero-stage{position:sticky;top:0}
.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(20px,4vw,60px);align-items:center;padding-top:76px;padding-bottom:24px}
.hero-copy{position:relative;z-index:3}
.hero-art{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center}
.glass-svg{display:block;width:auto;height:min(calc(100svh - 176px),720px);max-width:100%;overflow:visible}

.eyebrow{font-family:var(--ff-body);font-weight:600;letter-spacing:.16em;font-size:.76rem;color:var(--terra);margin:0 0 .9rem}
.hero .eyebrow{color:var(--sand)}
.hero-title{color:var(--cream);font-size:clamp(2.5rem,5.6vw,4.9rem);font-weight:600;margin-bottom:.45em;max-width:14ch}
.hero-sub{color:rgba(252,246,234,.88);font-size:clamp(1.02rem,1.6vw,1.22rem);max-width:40ch;margin-bottom:1.8em}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:1.9em}
.hero-actions .btn-outline{color:var(--cream);border-color:rgba(252,246,234,.75)}
.hero-actions .btn-outline:hover{background:var(--cream);color:var(--terra);border-color:var(--cream)}
.hero-rating{display:inline-flex;align-items:center;gap:.6em;color:var(--cream);font-size:.94rem;
	background:rgba(28,20,14,.28);border:1px solid rgba(252,246,234,.2);padding:.5em 1.1em;border-radius:100px}
.hero-rating strong{font-size:1.05rem}
.hero-rating .muted{opacity:.78}
.hero-hint{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;margin-top:12px;text-align:center;color:var(--sand);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600}
.hint-text{min-width:0;text-align:center;min-height:1.2em;transition:opacity .25s}
.hint-bar{display:block;position:relative;flex:0 0 2px;width:120px;height:2px;background:rgba(252,246,234,.2);border-radius:2px;overflow:hidden}
.hint-bar b{position:absolute;inset:0;background:var(--sand);transform-origin:left;transform:scaleX(var(--pp,1))}

/* SVG içi animasyonlar */
.glass-svg .rip{transform-box:fill-box;transform-origin:center;animation:rip 1.3s ease-out infinite}
.glass-svg .r2{animation-delay:.65s}
@keyframes rip{0%{transform:scale(.4);opacity:.9}100%{transform:scale(3.4);opacity:0}}
.glass-svg .st{animation:steam 3.2s ease-in-out infinite}
.glass-svg .st2{animation-delay:.9s}.glass-svg .st3{animation-delay:1.8s}
@keyframes steam{0%,100%{transform:translateY(6px);opacity:.35}50%{transform:translateY(-10px);opacity:1}}

/* stars */
.stars{display:inline-flex;gap:2px;line-height:0}
.star{width:1.05em;height:1.05em}
.star.on{fill:#E8A33D}
.star.off{fill:rgba(120,90,55,.28)}

/* =========================================================================
   KAYAN BANT
   ========================================================================= */
.marquee{background:var(--terra);color:var(--cream);overflow:hidden;padding:15px 0;border-block:1px solid rgba(0,0,0,.12)}
.marquee-track{display:flex;align-items:center;width:max-content;gap:0;animation:mq 46s linear infinite}
.mq-item{font-family:var(--ff-head);font-style:italic;font-size:clamp(1.1rem,2vw,1.5rem);white-space:nowrap;padding:0 .9em}
.mq-dot{width:7px;height:7px;border-radius:50%;background:var(--sand);flex:0 0 auto}
@keyframes mq{to{transform:translateX(-50%)}}

/* =========================================================================
   Ortak bölüm
   ========================================================================= */
.section{padding:clamp(64px,9vw,120px) 0;position:relative}
.section-head{max-width:640px;margin-bottom:clamp(34px,5vw,56px)}
.section-title{font-size:clamp(2rem,4.4vw,3.4rem);color:var(--espresso);font-weight:600}
.reveal{transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:var(--d,0ms)}
.js .reveal{opacity:0;transform:translateY(26px)}
.js .reveal.in{opacity:1;transform:none}

/* kemer daldırma: önceki bölümün rengi, yeni bölüme kemer gibi sarkar */
.arch-top{padding-top:clamp(96px,12vw,160px)}
.arch-top::before{content:"";position:absolute;top:-1px;left:-8%;right:-8%;height:clamp(36px,5.5vw,76px);
	background:var(--prev,var(--stone));border-radius:0 0 50% 50% / 0 0 100% 100%;pointer-events:none}

/* =========================================================================
   HİKAYE
   ========================================================================= */
.about{background:linear-gradient(180deg,var(--stone),var(--stone-2))}
.about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(34px,6vw,84px);align-items:center}
.about-art{border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow);border:6px solid var(--cream);background:#F7E2BD;aspect-ratio:3/2}
.about-art .town{display:block;width:100%;height:100%}
.town g{will-change:transform}
.town .t-sun{transform:translateY(calc(var(--py,0) * 26px))}
.town .t-far{transform:translateY(calc(var(--py,0) * 14px))}
.town .t-mid{transform:translateY(calc(var(--py,0) * 26px))}
.town .t-near{transform:translateY(calc(var(--py,0) * 44px))}
.about-body{max-width:52ch;color:var(--muted);font-size:1.05rem}
.about-body p{margin-bottom:1.1em}
.about-stats{display:flex;gap:clamp(20px,4vw,48px);margin-top:2.2em;flex-wrap:wrap}
.stat{display:flex;flex-direction:column}
.stat-num{font-family:var(--ff-head);font-size:2.4rem;font-weight:600;color:var(--terra);line-height:1}
.stat-lab{font-size:.86rem;color:var(--muted);margin-top:.35em}

/* =========================================================================
   ÖNE ÇIKANLAR
   ========================================================================= */
.signature{background:var(--sage-deep);color:var(--cream);--prev:var(--stone-2)}
.signature .section-title{color:var(--cream)}
.signature .eyebrow{color:var(--sand)}
.sig-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.sig-card{background:rgba(252,246,234,.05);border:1px solid rgba(252,246,234,.14);border-radius:var(--r-lg);overflow:hidden;transition:transform .35s var(--ease),background .35s}
.sig-card:hover{transform:translateY(-6px);background:rgba(252,246,234,.1)}
.sig-arch{height:190px;position:relative;overflow:hidden;border-radius:44% 44% 0 0 / 34% 34% 0 0;margin:14px 14px 0;
	background:linear-gradient(160deg,var(--clay),var(--terra));display:flex;align-items:center;justify-content:center}
.sig-arch .illu{width:64%;height:auto;max-height:88%;transition:transform .5s var(--ease)}
.sig-card:hover .illu{transform:translateY(-4px) scale(1.06) rotate(-2deg)}
.sig-body{padding:18px 20px 22px}
.sig-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:.4em}
.sig-top h3{font-size:1.26rem;color:var(--cream)}
.sig-price{font-weight:700;color:var(--sand);white-space:nowrap;font-size:.98rem}
.sig-body p{color:rgba(252,246,234,.72);font-size:.94rem;margin:0}

/* =========================================================================
   MENÜ — masaüstü: yapışkan kategori listesi · mobil: akordeon · canlı arama
   ========================================================================= */
.menu{background:var(--cream)}
.menu-tools{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.menu-search{position:relative;flex:1 1 340px;max-width:520px;display:flex;align-items:center;color:var(--muted)}
.menu-search svg{position:absolute;left:18px;pointer-events:none}
.menu-search input{
	width:100%;font:inherit;font-size:1rem;color:var(--espresso);background:var(--stone);
	border:1.5px solid var(--line-strong);border-radius:100px;padding:.85em 2.8em .85em 3em;
	transition:border-color .2s,box-shadow .2s,background .2s;-webkit-appearance:none;appearance:none;
}
.menu-search input::placeholder{color:#9a836c}
.menu-search input:focus{outline:none;border-color:var(--terra);background:#fff;box-shadow:0 0 0 4px rgba(168,73,44,.14)}
.menu-search input::-webkit-search-cancel-button{display:none}
.menu-search-clear{position:absolute;right:8px;width:34px;height:34px;border:0;border-radius:50%;background:var(--stone-2);color:var(--espresso);font-size:1.3rem;line-height:1;cursor:pointer}
.menu-search-clear:hover{background:var(--terra);color:var(--cream)}
.menu-search-clear[hidden]{display:none}
.menu-status{min-height:1.5em;margin:0 0 14px;font-size:.88rem;color:var(--muted)}

.menu-shell{display:grid;grid-template-columns:250px minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:start}
.menu-rail{position:sticky;top:calc(var(--hdr-h) + 22px);align-self:start}
.rail-list{list-style:none;margin:0;padding:0;border-left:2px solid var(--line)}
.rail-list li[hidden]{display:none}
.rail-list a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:.62em 0 .62em 18px;margin-left:-2px;
	border-left:2px solid transparent;color:var(--muted);font-weight:500;font-size:.98rem;transition:color .2s,border-color .2s,padding .25s var(--ease)}
.rail-list a em{font-style:normal;font-size:.74rem;font-weight:700;color:#a8927a;background:var(--stone);padding:.12em .55em;border-radius:100px}
.rail-list a:hover{color:var(--terra)}
.rail-list a.is-active{color:var(--terra);border-left-color:var(--terra);padding-left:24px;font-weight:700}
.rail-list a.is-active em{background:var(--terra);color:var(--cream)}

.mcat{scroll-margin-top:calc(var(--hdr-h) + 20px);padding-bottom:clamp(28px,4vw,46px)}
.mcat[hidden]{display:none}
.mcat-title{margin:0}
.mcat-toggle{all:unset;box-sizing:border-box;display:flex;align-items:baseline;gap:14px;width:100%;
	padding-bottom:14px;border-bottom:2px solid var(--espresso);margin-bottom:6px}
.mcat-name{font-family:var(--ff-head);font-weight:600;font-size:clamp(1.6rem,2.6vw,2.2rem);color:var(--terra);letter-spacing:-.01em}
.mcat-count{font-size:.78rem;font-weight:700;color:var(--muted);background:var(--stone);padding:.2em .7em;border-radius:100px}
.mcat-chev{display:none}
.mcat-body{display:grid;grid-template-rows:1fr}
.mcat-inner{min-height:0;overflow:visible}
.menu-list{list-style:none;margin:0;padding:0}
.menu-item{padding:15px 0;border-bottom:1px dashed var(--line)}
.menu-item[hidden]{display:none}
.mi-head{display:flex;align-items:baseline;gap:10px}
.mi-name{font-family:var(--ff-head);font-weight:600;font-size:1.12rem;color:var(--espresso)}
.mi-badge{font-family:var(--ff-body);font-style:normal;font-size:.66rem;font-weight:700;letter-spacing:.05em;background:var(--sage);color:var(--cream);padding:.24em .6em;border-radius:100px;margin-left:.5em;vertical-align:middle}
.mi-dots{flex:1;min-width:14px;border-bottom:1.5px dotted var(--line-strong);transform:translateY(-3px)}
.mi-price{font-weight:700;color:var(--terra);white-space:nowrap}
.mi-desc{color:var(--muted);font-size:.92rem;margin:.35em 0 0;max-width:56ch}
.mi-meta{display:inline-block;color:#9a836c;font-size:.78rem;margin-top:.35em}
.menu-empty{padding:40px 0;text-align:center;color:var(--muted);font-style:italic}
.menu-empty[hidden]{display:none}
.menu-note{margin-top:20px;color:var(--muted);font-size:.86rem;font-style:italic}

@media (min-width:1180px){
	.menu-list{column-count:2;column-gap:56px}
	.menu-item{break-inside:avoid}
}
/* arama sırasında tüm eşleşen kategoriler açık görünür */
.menu.is-searching .mcat-body{grid-template-rows:1fr!important}

/* =========================================================================
   YORUMLAR — iki yönlü kayan şerit
   ========================================================================= */
.reviews{background:var(--terra);color:var(--cream);overflow:hidden;--prev:var(--cream)}
.reviews::after{content:"";position:absolute;inset:0;background:radial-gradient(80% 60% at 100% 0,rgba(201,116,63,.5),transparent 60%);pointer-events:none}
.reviews .wrap,.rev-rows{position:relative;z-index:1}
.reviews .section-title{color:var(--cream)}
.reviews .eyebrow{color:var(--sand)}
.reviews-head{display:flex;justify-content:space-between;align-items:center;gap:24px;max-width:none;flex-wrap:wrap}
.reviews-score{display:inline-flex;align-items:center;gap:14px;background:rgba(252,246,234,.1);border:1px solid rgba(252,246,234,.24);padding:12px 20px;border-radius:var(--r);transition:background .25s}
.reviews-score:hover{background:rgba(252,246,234,.18)}
.rs-num{font-family:var(--ff-head);font-size:2.6rem;font-weight:600;line-height:1}
.rs-meta{display:flex;flex-direction:column;gap:3px}
.rs-meta small{opacity:.82;font-size:.82rem}
.rev-rows{display:flex;flex-direction:column;gap:20px}
.rev-row{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.rev-track{display:flex;gap:20px;width:max-content;padding:6px 0 14px;animation:mq 70s linear infinite}
.rev-row.is-rev .rev-track{animation-direction:reverse;animation-duration:80s}
.rev-row:hover .rev-track{animation-play-state:paused}
.review-card{flex:0 0 clamp(290px,26vw,380px);background:var(--cream);color:var(--espresso);border-radius:var(--r-lg);padding:24px 24px 18px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px;white-space:normal}
.review-text{font-size:1rem;line-height:1.58;margin:0;flex:1}
.review-foot{display:flex;align-items:center;gap:12px}
.review-avatar{width:40px;height:40px;border-radius:50%;background:var(--sage);color:var(--cream);display:flex;align-items:center;justify-content:center;font-family:var(--ff-head);font-size:1.05rem;flex:0 0 auto}
.review-who{display:flex;flex-direction:column;line-height:1.2}
.review-who small{color:var(--muted);font-size:.8rem}

/* =========================================================================
   ZİYARET
   ========================================================================= */
.visit{background:var(--sage-deep);color:var(--cream)}
.visit .section-title{color:var(--cream)}
.visit .eyebrow{color:var(--sand)}
.visit-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(34px,6vw,80px);align-items:center}
.visit-block{margin-top:2em}
.visit-block h4{font-family:var(--ff-body);font-weight:700;letter-spacing:.05em;font-size:.82rem;text-transform:uppercase;color:var(--sand);margin:0 0 .7em}
.visit-block>p{color:rgba(252,246,234,.86);margin-bottom:1em}
.visit-hours{list-style:none;margin:0;padding:0;max-width:360px}
.visit-hours li{display:flex;justify-content:space-between;gap:16px;padding:.5em 0;border-bottom:1px solid rgba(252,246,234,.12);color:rgba(252,246,234,.82);font-size:.96rem}
.visit-hours li.is-today{color:var(--cream);font-weight:600}
.visit-hours li.is-today span:last-child{color:var(--sand)}
.visit-contact{display:flex;gap:10px;flex-wrap:wrap;margin-top:2em}
.visit-contact a{padding:.6em 1.15em;border:1.5px solid rgba(252,246,234,.32);border-radius:100px;font-weight:600;font-size:.9rem;transition:all .2s}
.visit-contact a:hover{background:var(--cream);color:var(--sage-deep);border-color:var(--cream)}
.arch-frame{position:relative;border-radius:var(--arch);overflow:hidden;box-shadow:var(--shadow);background:#2c2018}
.arch-frame::before{content:"";position:absolute;inset:9px;border:2px solid rgba(252,246,234,.55);border-radius:44% 44% 0 0 / 60% 60% 0 0;z-index:2;pointer-events:none}
.arch-frame iframe{width:100%;height:100%;border:0;display:block;filter:grayscale(.15) contrast(1.02)}
.arch-frame-map{aspect-ratio:4/5}

/* =========================================================================
   FOOTER
   ========================================================================= */
.site-footer{background:var(--espresso);color:rgba(252,246,234,.8);position:relative;padding-top:70px}
.footer-arch{position:absolute;top:-1px;left:50%;transform:translateX(-50%);width:220px;height:50px;
	background:var(--espresso);border-radius:50% 50% 0 0 / 100% 100% 0 0;margin-top:-49px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding-bottom:50px}
.footer-logo{height:74px;width:auto;margin-bottom:16px}
.footer-note{max-width:30ch;color:rgba(252,246,234,.62);font-style:italic}
.footer-social{display:flex;gap:16px;margin-top:18px}
.footer-social a{color:var(--sand);font-weight:600;font-size:.9rem;border-bottom:1px solid transparent;transition:border-color .2s}
.footer-social a:hover{border-color:var(--sand)}
.footer-col h4{font-family:var(--ff-body);font-weight:700;color:var(--cream);font-size:.82rem;
	letter-spacing:.08em;text-transform:uppercase;margin-bottom:1em}
.footer-col a:hover{color:var(--sand)}
.footer-address{color:rgba(252,246,234,.7)}
.footer-hours{list-style:none;margin:0;padding:0}
.footer-hours li{display:flex;justify-content:space-between;gap:16px;padding:.32em 0;font-size:.9rem;color:rgba(252,246,234,.72)}
.footer-bottom{border-top:1px solid rgba(252,246,234,.12)}
.footer-bottom-inner{display:flex;justify-content:space-between;gap:16px;padding:22px 0;font-size:.82rem;color:rgba(252,246,234,.5);flex-wrap:wrap}

/* generic page */
.page-wrap{padding:130px 0 80px;max-width:760px}
.page-head{margin-bottom:1.5em}

/* generic page */
.page-wrap{padding:130px 0 80px;max-width:760px}
.page-head{margin-bottom:1.5em}

/* =========================================================================
   RESPONSIVE
   ========================================================================= */
@media (max-width:1024px){
	.sig-grid{grid-template-columns:repeat(2,1fr)}
	.about-grid{grid-template-columns:1fr;gap:44px}
	.visit-grid{grid-template-columns:1fr;gap:44px}
	.menu-shell{grid-template-columns:210px minmax(0,1fr)}
}
@media (max-width:900px){
	/* MOBİL MENÜ: kategori listesi gizlenir, akordeon devreye girer */
	.menu-shell{grid-template-columns:1fr}
	.menu-rail{display:none}
	.mcat{padding-bottom:0;border-bottom:1px solid var(--line)}
	.mcat-toggle{cursor:pointer;padding:18px 0;border-bottom:0;margin:0;align-items:center;-webkit-tap-highlight-color:transparent}
	.mcat-name{font-size:1.4rem;color:var(--espresso);flex:1}
	.mcat.is-open .mcat-name{color:var(--terra)}
	.mcat-chev{display:block;width:12px;height:12px;border-right:2.5px solid var(--terra);border-bottom:2.5px solid var(--terra);transform:translateY(-3px) rotate(45deg);transition:transform .35s var(--ease);margin-right:6px}
	.mcat.is-open .mcat-chev{transform:translateY(2px) rotate(225deg)}
	.mcat-body{grid-template-rows:0fr;transition:grid-template-rows .4s var(--ease)}
	.mcat.is-open .mcat-body{grid-template-rows:1fr}
	.mcat-inner{overflow:hidden}
	.mcat:not(.is-open) .mcat-inner{visibility:hidden;transition:visibility 0s .4s}
	.menu.is-searching .mcat-chev{display:none}
	.menu.is-searching .mcat-inner{visibility:visible}
	.menu.is-searching .mcat-toggle{cursor:default}
	.menu-list{padding-bottom:10px}
	.menu-tools .btn{width:100%;justify-content:center}
	.menu-search{max-width:none;flex-basis:100%}

	.site-nav{position:fixed;inset:0 0 0 auto;width:min(80vw,320px);background:var(--espresso);transform:translateX(100%);transition:transform .4s var(--ease);z-index:120;padding:90px 28px 28px;margin:0;box-shadow:-20px 0 60px -30px rgba(0,0,0,.7)}
	.nav-open .site-nav{transform:translateX(0)}
	.nav-list{flex-direction:column;gap:4px}
	.nav-list a,.site-header.is-stuck .nav-list a{color:var(--cream);font-size:1.1rem;padding:.7em .9em}
	.nav-toggle{display:flex;z-index:130;position:relative}
	.header-cta .btn{display:none}
	.header-cta .btn-solid{display:inline-flex}
	.reviews-head{flex-direction:column;align-items:flex-start}
	.footer-grid{grid-template-columns:1fr;gap:32px}

	/* Hero: bardak üstte, metin altta */
	.hero-grid{grid-template-columns:1fr;gap:6px;padding-top:66px;text-align:left}
	.hero-art{order:-1}
	.glass-svg{height:min(40svh,370px)}
	.hero-title{font-size:clamp(2.1rem,9vw,3rem);max-width:none;margin-bottom:.35em}
	.hero-sub{margin-bottom:1.1em;font-size:1rem}
	.hero-actions{margin-bottom:1.1em;gap:10px}
	.hero-hint{margin-top:8px;font-size:.72rem;margin-bottom:10px}
	.hero .eyebrow{margin-bottom:.5rem}
}
@media (max-width:520px){
	.sig-grid{grid-template-columns:1fr}
	.hero-actions .btn{flex:1 1 auto;justify-content:center;padding:.8em 1em}
	.review-card{flex-basis:80vw}
	.hero-rating{font-size:.86rem}
}
@media (max-width:900px) and (max-height:760px){
	.hero-sub{display:none}
	.hero-rating{display:none}
}

/* =========================================================================
   AZALTILMIŞ HAREKET
   ========================================================================= */
@media (prefers-reduced-motion:reduce){
	*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
	.hero.is-ready{height:100svh}
	.hero.is-ready .hero-stage{position:relative}
	.js .reveal{opacity:1;transform:none}
	.marquee-track,.rev-track{animation:none}
	.rev-row{overflow-x:auto;-webkit-mask-image:none;mask-image:none}
	.hero-hint{display:none}
}
.about-body .section-title{margin-bottom:.6em}
.section-head .section-title{margin-bottom:0}

/* footer logosu: gerçek renkli logo, krem plaka üzerinde */
.footer-logo-plate{display:inline-block;background:var(--cream);border-radius:18px 18px 8px 8px;padding:12px 18px 10px;margin-bottom:16px;box-shadow:0 14px 30px -18px rgba(0,0,0,.6)}
.footer-logo-plate .footer-logo{display:block;height:64px;margin:0}