/*
Assos Hasankeyf Luxury PHP Site
Edit colors and spacing here. Content lives in includes/data.php
*/
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{
    --navy:#06162A;
    --navy-2:#0b2340;
    --navy-3:#0f3158;
    --gold:#C99B52;
    --gold-2:#e4c07a;
    --cream:#FAF6EC;
    --cream-2:#F1E7D6;
    --stone:#D4C3A5;
    --ink:#102033;
    --muted:#746d60;
    --white:#fffaf0;
    --shadow:0 28px 70px rgba(6,22,42,.18);
    --radius:28px;
    --container:min(1200px, calc(100% - 44px));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    margin:0;
    color:var(--ink);
    background:radial-gradient(circle at 15% 0%, #fff8e9 0, transparent 30%), linear-gradient(180deg, #fbf4e8 0%, #f5ead8 48%, #fffaf0 100%);
    font-family:Manrope, system-ui, -apple-system, Segoe UI, sans-serif;
    overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,textarea{font:inherit}
.grain{
    position:fixed; inset:0; pointer-events:none; z-index:1000; opacity:.12;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");
    mix-blend-mode:multiply;
}
.site-header{
    position:fixed; top:18px; left:50%; transform:translateX(-50%);
    width:var(--container); height:84px; z-index:999;
    display:flex; align-items:center; justify-content:space-between; gap:18px;
    padding:10px 12px 10px 18px;
    border:1px solid rgba(201,155,82,.30);
    border-radius:999px;
    background:linear-gradient(180deg, rgba(255,251,244,.88), rgba(249,241,226,.76));
    box-shadow:0 18px 50px rgba(16,32,51,.10);
    backdrop-filter:blur(18px);
}
.brand{display:flex;align-items:center;min-width:0}
.brand img{height:60px; width:300px; object-fit:contain; object-position:left center; border-radius:999px; background:transparent; padding:0; box-shadow:none}
.main-nav{display:flex;align-items:center;gap:5px;color:var(--navy);font-weight:700;font-size:13px;letter-spacing:.02em}
.main-nav a{padding:13px 14px;border-radius:999px;transition:.25s ease;color:rgba(6,22,42,.74)}
.main-nav a:hover,.main-nav a.is-active{color:var(--navy);background:rgba(255,255,255,.58)}
.main-nav .nav-reserve{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#071629;box-shadow:0 12px 28px rgba(201,155,82,.28)}
.nav-toggle{display:none; width:48px;height:48px;border:0;border-radius:50%;background:rgba(255,255,255,.60);position:relative;cursor:pointer}
.nav-toggle span{position:absolute;left:14px;right:14px;height:2px;background:var(--navy);border-radius:2px;transition:.25s}.nav-toggle span:first-child{top:18px}.nav-toggle span:last-child{bottom:18px}.nav-open .nav-toggle span:first-child{top:23px;transform:rotate(45deg)}.nav-open .nav-toggle span:last-child{bottom:23px;transform:rotate(-45deg)}
.hero{min-height:100svh;position:relative;display:flex;align-items:center;overflow:hidden;background:#f7efdf;color:var(--navy);padding:126px 0 64px}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.02);filter:saturate(1.03) contrast(1.01)}
.hero-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 18%, rgba(255,248,233,.68), transparent 26%), linear-gradient(90deg, rgba(252,246,234,.92), rgba(252,246,234,.68) 34%, rgba(252,246,234,.22) 60%, rgba(252,246,234,.10));}
.hero-inner{position:relative;z-index:1;width:var(--container);margin:auto;display:grid;grid-template-columns:1fr .92fr;align-items:center;gap:56px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.28em;font-size:11px;font-weight:800;color:var(--gold)}
.eyebrow:before{content:"";width:34px;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}
h1,h2,h3{font-family:"Cormorant Garamond", Georgia, serif;margin:0;line-height:.94;font-weight:700;letter-spacing:-.035em}
.hero h1{font-size:clamp(56px,7.2vw,116px);max-width:820px;text-wrap:balance;color:var(--navy);text-shadow:0 18px 45px rgba(255,255,255,.22)}
.hero p{max-width:540px;color:rgba(16,32,51,.74);font-size:18px;line-height:1.7;margin:28px 0 0}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:999px;font-weight:800;border:1px solid transparent;transition:.25s ease;white-space:nowrap}
.btn.primary{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#06162A;box-shadow:0 16px 40px rgba(201,155,82,.32)}
.btn.primary:hover{transform:translateY(-2px);box-shadow:0 20px 55px rgba(201,155,82,.38)}
.btn.ghost{border-color:rgba(201,155,82,.56);color:var(--navy);background:rgba(255,251,242,.52)}
.btn.ghost:hover{background:rgba(255,255,255,.12);transform:translateY(-2px)}
.btn.ghost.light{color:#fff}
.hero-plate{position:relative;min-height:560px;display:grid;align-items:center}
.hero-logo{position:absolute;z-index:3;top:0;left:0;right:0;margin:auto;width:min(570px,96%);border-radius:28px;padding:14px;background:rgba(250,246,236,.90);box-shadow:0 28px 80px rgba(0,0,0,.26), inset 0 0 0 1px rgba(201,155,82,.28)}
.plate-stack{position:relative;height:520px;margin-top:80px}
.plate-stack img{position:absolute;object-fit:cover;border-radius:36px;box-shadow:0 36px 86px rgba(0,0,0,.36);border:1px solid rgba(255,255,255,.18)}
.plate-stack img:first-child{width:66%;right:2%;top:70px;transform:rotate(5deg)}
.plate-stack img:last-child{width:54%;left:2%;bottom:0;transform:rotate(-9deg)}
.scroll-cue{position:absolute;left:50%;bottom:22px;z-index:5;width:34px;height:54px;border:1px solid rgba(6,22,42,.20);border-radius:999px;display:grid;place-items:start center;padding-top:10px;transform:translateX(-50%)}
.scroll-cue span{width:5px;height:9px;border-radius:99px;background:var(--gold);animation:cue 1.7s infinite}@keyframes cue{0%{transform:translateY(0);opacity:1}100%{transform:translateY(18px);opacity:0}}
.section{width:var(--container);margin:0 auto;padding:98px 0}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:34px}.section-head.compact{display:block;text-align:center}.section-head h2,.category-title h2{font-size:clamp(42px,5.3vw,78px);color:var(--navy);margin-top:12px}.section-head .text-link{margin-bottom:8px}
.text-link{display:inline-flex;align-items:center;gap:10px;color:var(--navy);font-weight:900}.text-link:after{content:"→";color:var(--gold);transition:.25s}.text-link:hover:after{transform:translateX(5px)}
.signature-grid{display:grid;grid-template-columns:1.2fr repeat(2, .9fr);grid-auto-rows:320px;gap:18px}.dish-card{position:relative;overflow:hidden;border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);border:1px solid rgba(201,155,82,.18)}.dish-card.large{grid-row:span 2}.image-button{width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer}.dish-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease, filter .7s ease}.dish-card:hover img{transform:scale(1.06);filter:saturate(1.08)}.dish-card:after{content:"";position:absolute;inset:auto 0 0;height:58%;background:linear-gradient(180deg,transparent,rgba(6,22,42,.88));pointer-events:none}.dish-info{position:absolute;left:22px;right:22px;bottom:20px;z-index:2;color:#fff}.dish-info span{display:block;color:var(--gold-2);font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:900}.dish-info h3{font-size:clamp(29px,2.6vw,46px);letter-spacing:-.025em;margin-top:7px;text-shadow:0 12px 32px rgba(0,0,0,.35)}.dish-info strong{display:inline-flex;margin-top:12px;background:rgba(255,255,255,.12);padding:8px 12px;border-radius:999px;color:#fff}
.dark-panel{width:100%;max-width:none;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:0;padding:0;margin-top:40px;background:linear-gradient(135deg,var(--navy),#081d35);color:#fff}.panel-image{min-height:660px;height:100%;clip-path:polygon(0 0, 90% 0, 100% 100%, 0% 100%)}.panel-image img{width:100%;height:100%;object-fit:cover}.panel-copy{padding:80px max(44px, calc((100vw - 1200px)/2)) 80px 70px;max-width:720px}.panel-copy h2{font-size:clamp(48px,5.4vw,88px);margin-top:14px;color:#fff}.panel-copy p{font-size:18px;line-height:1.7;color:rgba(255,250,240,.78);max-width:500px}.mini-list{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0}.mini-list span{border:1px solid rgba(201,155,82,.42);border-radius:999px;padding:10px 14px;color:#fff1d0;font-weight:800;font-size:13px}.dark-panel .text-link{color:#fff}
.category-strip{display:flex;gap:10px;flex-wrap:wrap;margin:-10px 0 28px}.category-strip a,.filter-bar button{border:1px solid rgba(201,155,82,.34);border-radius:999px;background:rgba(255,255,255,.52);padding:12px 16px;color:var(--navy);font-weight:900;cursor:pointer;transition:.24s}.category-strip a:hover,.filter-bar button:hover,.filter-bar button.is-active{background:var(--navy);color:#fff;border-color:var(--navy)}.menu-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.menu-row .dish-card{height:330px}.location-strip{background:linear-gradient(135deg,var(--navy),var(--navy-3));color:#fff;border-radius:36px;padding:50px;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:var(--shadow);margin-bottom:80px;position:relative;overflow:hidden}.location-strip:before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle, rgba(201,155,82,.22), transparent 34%);transform:translateX(30%)}.location-strip>*{position:relative}.location-strip h2{font-size:clamp(42px,5vw,74px);color:#fff;margin-top:10px}.location-actions{display:flex;gap:12px;flex-wrap:wrap}
.page-hero{min-height:560px;background:linear-gradient(90deg,rgba(252,246,234,.94),rgba(252,246,234,.70) 34%,rgba(252,246,234,.22) 68%), url('../img/brand/assos-antik-bg.png');background-size:cover;background-position:center;display:flex;align-items:end;color:var(--navy);padding:150px max(22px, calc((100vw - 1200px)/2)) 80px;position:relative;overflow:hidden}.page-hero.small{min-height:420px}.page-hero.about-hero{background-image:linear-gradient(90deg,rgba(252,246,234,.94),rgba(252,246,234,.70) 34%,rgba(252,246,234,.22) 68%), url('../img/brand/assos-antik-bg.png')}.page-hero h1{font-size:clamp(62px,8vw,122px);max-width:920px;color:var(--navy);text-shadow:0 14px 36px rgba(255,255,255,.35)}.page-hero p{font-size:18px;color:rgba(16,32,51,.72);max-width:620px;line-height:1.7}.filter-bar{position:sticky;top:116px;z-index:20;display:flex;gap:10px;flex-wrap:wrap;background:rgba(250,246,236,.88);backdrop-filter:blur(15px);border:1px solid rgba(201,155,82,.20);border-radius:26px;padding:12px;margin-bottom:42px;box-shadow:0 14px 45px rgba(6,22,42,.08)}.menu-category{padding-top:22px}.category-title{margin:46px 0 26px}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.menu-grid .dish-card{height:380px}.dish-card.is-hidden{display:none!important}.gallery-masonry{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:260px;gap:16px}.gallery-item{position:relative;border:0;padding:0;border-radius:26px;overflow:hidden;cursor:pointer;background:#ddd;box-shadow:var(--shadow)}.gallery-item.wide{grid-column:span 2;grid-row:span 2}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:.65s}.gallery-item:hover img{transform:scale(1.06)}.gallery-item:after{content:"";position:absolute;inset:auto 0 0;height:44%;background:linear-gradient(180deg,transparent,rgba(6,22,42,.80))}.gallery-item span{position:absolute;left:18px;right:18px;bottom:16px;color:#fff;z-index:2;font-weight:900;text-align:left}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.story-card{min-height:390px;border-radius:36px;padding:44px;background:#fff9ee;border:1px solid rgba(201,155,82,.24);box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:center}.story-card h2{font-size:clamp(44px,5vw,80px);color:var(--navy);margin:14px 0}.story-card p{font-size:18px;line-height:1.7;color:var(--muted);max-width:510px}.story-photo{border-radius:36px;overflow:hidden;min-height:390px;box-shadow:var(--shadow)}.story-photo img{width:100%;height:100%;object-fit:cover}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:22px;align-items:stretch}.contact-card,.map-card{border-radius:36px;background:#fff9ee;border:1px solid rgba(201,155,82,.24);box-shadow:var(--shadow);overflow:hidden}.contact-card{padding:44px;display:flex;flex-direction:column;justify-content:center}.contact-card h2{font-size:clamp(42px,4.8vw,72px);color:var(--navy);margin:16px 0}.contact-card p{font-size:17px;color:var(--muted)}.contact-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.contact-card .btn.ghost{color:var(--navy);background:#fff;border-color:rgba(201,155,82,.36)}.map-card iframe{width:100%;height:520px;border:0;display:block;filter:saturate(.9) contrast(1.02)}
.footer{background:#06162A;color:#fff7e7;padding:70px max(22px, calc((100vw - 1200px)/2)) 90px;margin-top:40px}.footer-mark img{width:min(520px,100%);border-radius:28px;background:#fff9ee;padding:14px;margin:0 auto 34px}.footer-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:24px;border-top:1px solid rgba(201,155,82,.28);padding-top:28px}.footer p{color:rgba(255,250,240,.72);line-height:1.8}.copyright{border-top:1px solid rgba(201,155,82,.18);margin-top:28px;padding-top:18px;color:rgba(255,250,240,.48);font-size:13px}.mobile-actions{display:none}.lightbox{position:fixed;inset:0;background:rgba(6,22,42,.92);z-index:2000;display:none;align-items:center;justify-content:center;padding:22px}.lightbox.is-open{display:flex}.lightbox img{max-width:min(980px,92vw);max-height:82vh;border-radius:28px;box-shadow:0 38px 100px rgba(0,0,0,.45)}.lightbox span{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);color:#fff;font-weight:900;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:10px 18px}.lightbox-close{position:absolute;top:22px;right:22px;width:52px;height:52px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:34px;cursor:pointer}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease, transform .7s ease}.reveal.is-visible{opacity:1;transform:none}.delay-1{transition-delay:.16s}
@media (max-width: 1020px){
    .site-header{height:auto;min-height:72px;align-items:center}.brand img{width:235px;height:54px}.nav-toggle{display:block;flex:0 0 auto}.main-nav{position:absolute;left:0;right:0;top:82px;display:none;flex-direction:column;align-items:stretch;background:linear-gradient(180deg, rgba(246,237,221,.98), rgba(225,210,184,.96));border:1px solid rgba(201,155,82,.46);border-radius:28px;padding:12px;box-shadow:0 22px 62px rgba(16,32,51,.22)}.nav-open .main-nav{display:flex}.main-nav a{padding:16px 18px;color:var(--navy)}.hero-inner{grid-template-columns:1fr;gap:28px}.hero-plate{min-height:430px}.hero-logo{width:min(520px,100%)}.plate-stack{height:390px}.signature-grid{grid-template-columns:1fr 1fr;grid-auto-rows:300px}.dish-card.large{grid-row:span 1}.dark-panel{grid-template-columns:1fr}.panel-image{clip-path:none;min-height:420px}.panel-copy{padding:58px 32px}.menu-row,.menu-grid{grid-template-columns:repeat(2,1fr)}.gallery-masonry{grid-template-columns:repeat(2,1fr)}.contact-grid,.story-grid{grid-template-columns:1fr}.location-strip{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width: 640px){
    :root{--container:min(100% - 28px,1200px);--radius:22px}.site-header{top:10px;width:calc(100% - 20px);padding:8px 12px}.brand img{width:190px;height:44px;padding:0}.hero{padding-top:108px;min-height:auto}.hero h1{font-size:52px}.hero p{font-size:16px}.hero-actions .btn{width:100%}.hero-plate{min-height:330px}.hero-logo{border-radius:20px;padding:9px}.plate-stack{height:300px;margin-top:62px}.plate-stack img:first-child{width:68%;top:50px}.plate-stack img:last-child{width:58%}.section{padding:64px 0}.section-head{display:block}.section-head h2{font-size:43px}.signature-grid,.menu-row,.menu-grid{grid-template-columns:1fr}.signature-grid{grid-auto-rows:320px}.menu-row .dish-card,.menu-grid .dish-card{height:330px}.dark-panel{margin-top:10px}.panel-image{min-height:320px}.panel-copy{padding:42px 18px}.panel-copy h2{font-size:46px}.location-strip{border-radius:28px;padding:34px 22px;margin-bottom:54px}.location-strip h2{font-size:44px}.page-hero{min-height:360px;padding:128px 18px 52px}.page-hero.small{min-height:330px}.page-hero h1{font-size:58px}.filter-bar{top:92px;overflow-x:auto;flex-wrap:nowrap;border-radius:999px}.filter-bar button{white-space:nowrap}.gallery-masonry{grid-template-columns:1fr;grid-auto-rows:310px}.gallery-item.wide{grid-column:auto;grid-row:auto}.story-card{min-height:310px;padding:30px}.contact-card{padding:30px}.map-card iframe{height:390px}.footer{padding:52px 18px 110px}.footer-grid{grid-template-columns:1fr}.mobile-actions{display:grid;grid-template-columns:1fr 1fr 1fr;position:fixed;z-index:998;left:10px;right:10px;bottom:10px;background:rgba(6,22,42,.92);border:1px solid rgba(201,155,82,.32);border-radius:999px;padding:7px;box-shadow:0 18px 48px rgba(0,0,0,.25);backdrop-filter:blur(14px)}.mobile-actions a{color:#fff;text-align:center;padding:10px 4px;border-radius:999px;font-size:12px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:6px}.mobile-actions a .btn-icon{width:16px;height:16px}.mobile-actions a.is-whatsapp{background:#25D366;color:#fff;box-shadow:0 10px 24px rgba(37,211,102,.28)}.lightbox span{bottom:82px;width:max-content;max-width:90%;text-align:center}.scroll-cue{display:none}
}

.btn-icon{width:18px;height:18px;display:inline-block;flex:0 0 auto;fill:currentColor}
.btn .btn-icon{margin-right:8px}
.btn.whatsapp{background:#25D366;color:#fff;border-color:#25D366;box-shadow:0 16px 40px rgba(37,211,102,.28)}
.btn.whatsapp:hover{transform:translateY(-2px);box-shadow:0 20px 55px rgba(37,211,102,.36);background:#1ebe5d;border-color:#1ebe5d}


.reviews-section{position:relative;overflow:hidden}
.reviews-slider{overflow:hidden;width:100%;border-radius:32px}
.reviews-track{display:flex;gap:18px;transition:transform .7s cubic-bezier(.22,.61,.36,1);will-change:transform}
.review-card{min-height:300px;border-radius:32px;background:linear-gradient(180deg,#fffaf0,#f3e7d2);border:1px solid rgba(201,155,82,.30);box-shadow:var(--shadow);padding:34px;display:flex;flex:0 0 calc((100% - 36px) / 3);flex-direction:column;justify-content:space-between}
.review-stars{color:var(--gold);letter-spacing:.16em;font-size:17px;font-weight:900}
.review-card p{font-family:"Cormorant Garamond", Georgia, serif;font-size:27px;line-height:1.12;color:var(--navy);margin:24px 0}
.review-card strong{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
@media (max-width:1020px){.review-card{flex-basis:calc((100% - 18px) / 2)}}
@media (max-width:640px){.reviews-slider{border-radius:28px}.review-card{min-height:280px;flex-basis:100%;padding:28px}.review-card p{font-size:25px}}

.menu-category.is-hidden{display:none!important}

.menu-category[hidden],.dish-card[hidden]{display:none!important}


@media (max-width:640px){
    .home .hero{min-height:100svh}
    .home .hero-bg{background-position:center top;transform:none}
    .home .hero-bg:after{background:radial-gradient(circle at 70% 14%, rgba(255,248,233,.42), transparent 24%), linear-gradient(180deg, rgba(252,246,234,.72), rgba(252,246,234,.46) 42%, rgba(252,246,234,.20) 100%)}
}