/* Bab-ı Zer — Boutique website, design system 2026.11 */
:root{--ink:#302d30;--muted:#675d60;--wine:#65444f;--blush:#e7c0cb;--blush-deep:#c98fa3;--gold:#a98456;--cream:#fff9f5;--line:rgba(115,87,83,.20);--shadow:0 22px 60px rgba(52,35,37,.18);--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family: 'Segoe UI',-apple-system,BlinkMacSystemFont,Arial,sans-serif;font-weight:400;line-height:1.65;color:var(--ink);background:#cabcb2}button,input,a{font:inherit}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #b88250;outline-offset:3px}button{cursor:pointer}img{max-width:100%}button:disabled{cursor:not-allowed}
.video-backdrop{position:fixed;inset:0;z-index:-2;overflow:hidden;background:#877e7d url('../../images/hero-poster.webp') center center/cover no-repeat}
.video-backdrop video{width:100%;height:100%;object-fit:cover;display:block;filter:contrast(1.01) saturate(.93) brightness(.91)}
.video-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(25,29,35,.22) 0%,rgba(38,31,34,.16) 35%,rgba(40,28,31,.40) 100%);pointer-events:none}
.poster-fill{height:100%;width:100%;background:url('../../images/hero-poster.webp') center center/cover no-repeat}
.topbar-wrap{width:min(1260px,calc(100% - 44px));margin:24px auto 0;position:relative;z-index:3}
.site-topbar{display:flex;align-items:center;gap:clamp(14px,2vw,28px);min-height:92px;padding:12px 18px 12px 24px;border:1px solid rgba(255,255,255,.81);border-radius:22px;background:rgba(255,251,248,.93);box-shadow:0 10px 34px rgba(30,25,28,.16);backdrop-filter:blur(18px) saturate(115%);-webkit-backdrop-filter:blur(18px) saturate(115%)}
.header-brand{flex:0 0 154px;display:flex;justify-content:center;align-items:center;min-width:0}.header-brand img{display:block;width:151px;height:60px;object-fit:contain}
.top-nav{flex:1;min-width:0;display:flex;justify-content:center;align-items:center;gap:clamp(3px,.25vw,8px)}
.nav-item{display:inline-flex;align-items:center;justify-content:center;padding:11px clamp(8px,1.05vw,16px);min-height:46px;border-radius:999px;color:#54484c;font-size:clamp(12px,.88vw,14px);font-weight:600;letter-spacing:.035em;white-space:nowrap;transition:background .2s,color .2s,transform .2s,box-shadow .2s}
.nav-item:hover,.nav-item:focus-visible{background:#f1dce1;color:#5a303e;transform:translateY(-1px);box-shadow:0 8px 16px rgba(141,98,108,.13)}
.topbar-actions{display:flex;align-items:center;flex:0 0 auto;gap:12px}.language-switch{display:flex;align-items:center;padding:4px;background:#f1eae6;border-radius:999px;border:1px solid #eee1df}.language-switch a{padding:8px 10px;min-width:38px;min-height:40px;display:grid;place-items:center;color:#68595f;font-size:12px;letter-spacing:.04em;font-weight:700;border-radius:999px}.language-switch a[aria-current="page"]{background:#fff;box-shadow:0 2px 8px #00000013;color:#4b3e43}.language-switch a:hover{background:#fbf3f2}
.top-reserve,.hero-cta,.menu-book{display:inline-flex;justify-content:center;align-items:center;min-height:46px;background:var(--blush);border:1px solid #dba9b8;border-radius:100px;padding:12px 22px;color:#50333f;font-size:13px;font-weight:700;letter-spacing:.065em;text-align:center;white-space:nowrap;box-shadow:0 7px 20px rgba(156,105,125,.13);transition:transform .22s,background .22s,color .22s,box-shadow .22s,border .22s}
.top-reserve:hover,.top-reserve:focus-visible,.hero-cta.primary-cta:hover,.hero-cta.primary-cta:focus-visible,.menu-book:hover{background:#dcaab8;color:#3c2931;transform:translateY(-2px);box-shadow:0 13px 25px rgba(156,105,125,.24)}
.hero-container{padding:40px 22px 38px;min-height:calc(100svh - 120px);display:flex;justify-content:center;align-items:center;position:relative}
.hero-panel{width:min(800px,100%);padding:clamp(34px,5vw,64px) clamp(28px,6vw,75px) 38px;text-align:center;border:1px solid rgba(255,255,255,.83);border-radius:26px;background:linear-gradient(150deg,rgba(255,250,248,.91),rgba(250,238,237,.87));box-shadow:var(--shadow);backdrop-filter:blur(16px) saturate(110%);-webkit-backdrop-filter:blur(16px) saturate(110%)}
.hero-eyebrow{font-size:12px;letter-spacing:.20em;text-transform:uppercase;color:#806b6b;font-weight:650;margin-bottom:18px}
.hero-panel h1{font-family:Georgia,'Times New Roman',serif;margin:0;color:#42333a;letter-spacing:.16em;font-weight:500;font-size:clamp(46px,6.2vw,76px);line-height:1.2;text-indent:.16em;white-space:nowrap}
.hero-gold-rule{display:block;width:110px;height:1px;margin:24px auto;background:linear-gradient(90deg,transparent,#ba9566 30%,#a47c4f 70%,transparent)}
.hero-subtitle{color:#594b50;font-size:clamp(16px,1.3vw,19px);font-weight:400;line-height:1.7;letter-spacing:.005em;max-width:540px;margin:0 auto}
.hero-actions{margin:30px auto 26px;display:flex;justify-content:center;gap:13px;flex-wrap:wrap}
.hero-cta{font-size:13px;min-width:170px;min-height:51px;letter-spacing:.045em;padding:11px 20px}
.secondary-cta{background:#fdfcf9;border-color:#d5bda4;color:#5a4946}.secondary-cta:hover,.secondary-cta:focus-visible{background:#f2e3d6;border-color:#c5a17c;color:#4b3334;transform:translateY(-2px);box-shadow:0 13px 26px rgba(132,106,87,.14)}
.outline-cta{background:transparent;border-color:#b99c93;color:#574b4b;box-shadow:none}.outline-cta:hover,.outline-cta:focus-visible{background:#f3e9e6;border-color:#9b7972;color:#3c2c31;transform:translateY(-2px);box-shadow:0 13px 26px rgba(132,106,87,.13)}
.hero-signature{display:flex;flex-direction:column;align-items:center;gap:6px}.signature-divider{display:flex;width:min(290px,80%);gap:16px;align-items:center;justify-content:center;color:#a77788}.signature-divider:before,.signature-divider:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,#bfa6aa)}.signature-divider:after{transform:scaleX(-1)}.signature-divider span{font-size:16px;line-height:1}.hero-signature strong{font-size:13px;letter-spacing:.07em;color:#715d64;font-weight:700}
.footer-reveal-gap{height:clamp(100px,15vh,190px)}.page-footer{position:relative;max-width:1150px;width:calc(100% - 48px);margin:0 auto 26px}.footer-card{display:grid;grid-template-columns:1.6fr .9fr 1.15fr 1.05fr;gap:28px;background:rgba(56,42,43,.90);color:#fff8f2;border-radius:20px;padding:32px 36px;border:1px solid rgba(255,251,247,.35);box-shadow:0 15px 34px rgba(15,16,19,.2);backdrop-filter:blur(13px)}.footer-column{min-width:0}.footer-column h3{font-size:12px;letter-spacing:.20em;font-weight:700;color:#f6dbbe;margin:0 0 11px}.footer-column p{margin:0;font-size:13px;line-height:1.95;color:#f4ebea;overflow-wrap:anywhere}.footer-column strong{font-weight:600}.footer-column a{border-bottom:1px solid rgba(255,255,255,.25);color:inherit}.footer-column a:hover,.footer-column a:focus-visible{color:#f8d4d6;border-color:currentColor}.footer-legal a,.footer-legal button{display:block;width:max-content;max-width:100%;font-size:13px;margin:0 0 2px;text-align:left}.footer-cookie-btn{border:0;background:none;padding:0;color:#f4ebea;text-decoration:underline;text-decoration-color:rgba(255,255,255,.25);text-underline-offset:4px}.footer-cookie-btn:hover{color:#f9d5d8}.copyright{text-align:center;color:#faf2ef;font-size:11px;letter-spacing:.17em;font-weight:600;margin:15px 0 0;text-shadow:0 1px 7px rgba(0,0,0,.45)}
/* HASH ARTICLE DIALOGS — completely separated footer follows a video-only gap */
.detail-modal[hidden]{display:none!important}.detail-modal{position:fixed;inset:0;z-index:50;overflow-y:auto;padding:35px 22px 58px;background:rgba(37,33,37,.58);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);overscroll-behavior:contain}.modal-page{position:relative;width:min(930px,100%);margin:0 auto}.modal-tools{position:sticky;top:0;z-index:4;display:flex;justify-content:space-between;align-items:center;background:#fdfaf7;border:1px solid #eee4dd;border-radius:15px 15px 0 0;box-shadow:0 8px 24px rgba(37,32,34,.10);padding:12px 20px;color:#836d6b;font-size:12px;letter-spacing:.12em;font-weight:600}.modal-close{height:42px;width:42px;background:#f2e5e5;border:0;border-radius:100px;color:#634d53;font-size:27px;display:grid;place-items:center;line-height:1}.modal-close:hover{background:#e7c5d1;color:#392b30}.detail-content{background:rgba(255,251,248,.97);padding:clamp(28px,5vw,60px);color:#463e42;border:1px solid rgba(255,255,255,.94);border-top:0;border-radius:0 0 24px 24px;box-shadow:0 17px 42px rgba(29,23,28,.15);font-size:16px;line-height:1.85}.detail-content .major{font-size:clamp(25px,3.5vw,36px);color:#48373c;font-family:Georgia,serif;font-weight:500;letter-spacing:.015em;margin:0 0 24px;padding:0 0 15px;border-bottom:1px solid #d6bba2}.detail-content h3{font-family:Georgia,serif;font-weight:600;font-size:21px;color:#6e4b55;margin:30px 0 9px}.detail-content p{margin:0 0 15px}.detail-content ul{margin:10px 0 22px;padding-left:23px}.detail-content li{margin-bottom:9px}.detail-content strong{color:#392c30}.detail-content .dreamy-media{margin:4px 0 27px;display:block}.detail-content .dreamy-media img,.detail-content video{width:100%;height:auto;max-height:410px;object-fit:cover;border-radius:14px;display:block}.detail-content a:not(.button){color:#895d65;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.detail-content a:hover{color:#5a3642}.detail-content .actions{display:flex;flex-wrap:wrap;list-style:none;gap:10px;padding:0;margin:24px 0}.detail-content .actions li{margin:0}.detail-content .button{display:inline-flex;align-items:center;justify-content:center;background:#e8c4cc;border:1px solid #d8aab8;border-radius:50px;padding:11px 20px;font-weight:700;font-size:13px;color:#483038;line-height:1.4;transition:background .2s,transform .2s}.detail-content .button:hover{background:#d7a8b7;transform:translateY(-2px)}.detail-void{height:clamp(64px,12vh,140px);background:transparent}.detail-modal .footer-card{background:rgba(58,42,43,.93);box-shadow:0 12px 28px #00000020}.detail-copyright{text-align:center;color:#fff;font-size:12px;letter-spacing:.14em;margin:20px 0 0;text-shadow:0 1px 8px #0007}body.modal-open{overflow:hidden}
/* STATIC LEGAL + MENU */
.static-page .video-backdrop:after{background:rgba(51,40,44,.56)}.legal-top-nav{width:min(1050px,calc(100% - 38px));margin:26px auto;display:flex;justify-content:space-between;gap:10px;position:relative;z-index:2}.back-home,.lang-link{background:rgba(255,250,246,.95);border-radius:50px;border:1px solid #fff9;padding:11px 20px;font-size:13px;font-weight:700;color:#5f464b;box-shadow:0 8px 20px #0002}.back-home:hover,.lang-link:hover{background:#f2d7df;color:#49323b}.legal-page,.menu-page{width:min(960px,calc(100% - 38px));margin:28px auto 0}.legal-main,.menu-heading{background:rgba(255,251,248,.98);border-radius:24px;padding:clamp(25px,5vw,60px);box-shadow:var(--shadow);border:1px solid #fff;color:#41393d}.legal-kicker{font-size:12px;letter-spacing:.20em;color:#9b7564;font-weight:700;text-transform:uppercase;margin-bottom:17px}.legal-main h1,.menu-heading h1{font-size:clamp(27px,3.5vw,43px);line-height:1.25;color:#403138;letter-spacing:-.025em;font-family:Georgia,serif;font-weight:500;margin:0 0 17px}.legal-lead,.menu-heading p{font-size:17px;color:#62595c;margin:0 0 20px}.legal-updated{font-size:13px;color:#87777a;margin:0 0 28px;padding:15px 0;border-top:1px solid #eadcdb;border-bottom:1px solid #eadcdb}.legal-section{padding:18px 0;border-bottom:1px solid #eadedc}.legal-section:last-child{border:0}.legal-section h2{font-size:19px;color:#5c414a;margin:0 0 10px;font-weight:700}.legal-section div{font-size:15.5px;line-height:1.84;color:#4d4548;overflow-wrap:anywhere}.legal-section a{color:#935761;text-decoration:underline;text-underline-offset:3px}.legal-section a:hover{color:#63363f}.legal-gap{height:clamp(65px,12vh,130px)}.detail-page-footer{width:min(1100px,calc(100% - 38px))}.data-table-wrap{width:100%;overflow-x:auto}.data-table-wrap table{border-collapse:collapse;width:100%;min-width:580px;font-size:13px}.data-table-wrap td,.data-table-wrap th{text-align:left;padding:12px 10px;border-bottom:1px solid #e4d8d5}.data-table-wrap th{background:#f2e6e2}.inline-cookie-button{background:#f1dbe1;border:1px solid #d7afb9;color:#5c3943;border-radius:30px;padding:8px 13px;margin-right:7px}.menu-heading{text-align:center;margin-bottom:22px}.menu-page{max-width:1020px}.menu-pages{display:flex;flex-direction:column;gap:24px}.menu-image{margin:0;box-shadow:0 15px 39px #0003;border-radius:16px;overflow:hidden;background:white;padding:5px}.menu-image img{width:100%;height:auto;display:block;border-radius:10px}.menu-book{margin-top:13px}
/* Single purposeful notice instead of fake consent for trackers that are not present */
.cookie-banner[hidden]{display:none!important}.cookie-banner{position:fixed;z-index:110;bottom:20px;left:20px;max-width:560px;display:flex;gap:15px;align-items:flex-end;padding:19px 20px;background:#fffaf7;border:1px solid #eadbd7;border-radius:20px;box-shadow:0 20px 50px #21192350;color:#453b3f}.cookie-banner strong{display:block;font-size:15px}.cookie-banner p{margin:6px 0 0;font-size:12.5px;line-height:1.55;color:#685e61}.cookie-banner a{color:#995c69;text-decoration:underline}.cookie-actions{display:flex;flex-direction:column;gap:7px;flex-shrink:0}.cookie-actions button,.cookie-dialog-actions button{border-radius:100px;padding:9px 17px;background:#f1e8e6;color:#463a3d;border:1px solid #d9c7c5;font-weight:650;font-size:12.5px}.cookie-actions .cookie-accept,.cookie-dialog-actions .cookie-accept{background:var(--blush);border-color:#d8abb8}.cookie-actions button:hover,.cookie-dialog-actions button:hover{background:#e4c5cb}.cookie-dialog{padding:0;max-width:560px;width:calc(100% - 30px);border:0;background:transparent;border-radius:23px;box-shadow:0 25px 80px #0005}.cookie-dialog::backdrop{background:rgba(24,18,23,.56)}.cookie-dialog-inner{position:relative;background:#fffaf7;padding:30px;border:1px solid #f9eeec;border-radius:23px}.cookie-dialog-inner h2{font-family:Georgia,serif;font-weight:500;font-size:28px;margin:0 0 11px}.cookie-dialog-inner p{font-size:14px;color:#62575a;line-height:1.7}.cookie-close{position:absolute;right:15px;top:14px;border:0;background:#f1e4e5;height:34px;width:34px;border-radius:50%;font-size:23px;line-height:1}.cookie-row{position:relative;padding:15px 0;border-top:1px solid #e9dcd9;font-size:14px}.cookie-row strong{display:block;padding-right:90px}.cookie-row span{position:absolute;right:0;top:15px;color:#876472;font-size:12px}.cookie-row p{font-size:13px;margin:5px 0}.cookie-dialog-actions{display:flex;justify-content:space-between;align-items:center;padding-top:14px}.cookie-dialog-actions a{color:#945d69;text-decoration:underline}
@media(max-width:1180px){.site-topbar{flex-wrap:wrap;justify-content:space-between;padding:10px 20px}.header-brand{flex:0 0 145px}.top-nav{order:3;flex:1 1 100%;flex-wrap:wrap;justify-content:center;border-top:1px solid #e9dbd5;padding:9px 0 2px}.nav-item{font-size:13px}.topbar-actions{margin-left:auto}}
@media(max-width:700px){.topbar-wrap{width:calc(100% - 20px);margin:10px auto 0}.site-topbar{border-radius:18px;gap:8px;padding:9px 12px}.header-brand{flex-basis:118px}.header-brand img{width:116px;height:46px}.topbar-actions{gap:5px}.language-switch a{min-width:30px;min-height:34px;padding:7px 6px}.top-reserve{padding:9px 12px;min-height:39px;font-size:11px}.top-nav{gap:3px}.nav-item{font-size:12px;padding:8px 9px;min-height:38px}.hero-container{padding:24px 10px 30px;min-height:calc(100svh - 170px)}.hero-panel{padding:37px 21px 29px;border-radius:22px}.hero-panel h1{font-size:clamp(36px,9.1vw,55px);letter-spacing:.11em;text-indent:.11em}.hero-eyebrow{font-size:10px;letter-spacing:.10em}.hero-subtitle{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch;gap:10px}.hero-cta{width:100%;min-height:46px}.hero-signature strong{font-size:12px}.footer-reveal-gap{height:100px}.page-footer{width:calc(100% - 20px)}.footer-card{grid-template-columns:repeat(2,minmax(0,1fr));padding:22px;gap:22px}.footer-column h3{font-size:11px}.footer-column p,.footer-legal a{font-size:12px}.detail-modal{padding:12px 10px 35px}.modal-tools{padding:9px 13px}.detail-content{padding:24px 20px;font-size:15px}.detail-content .major{font-size:27px}.detail-content h3{font-size:19px}.detail-modal .footer-card{padding:20px}.legal-page,.menu-page{width:calc(100% - 18px)}.legal-top-nav{width:calc(100% - 20px)}.cookie-banner{max-width:calc(100% - 20px);left:10px;bottom:10px;flex-direction:column;align-items:stretch;padding:15px}.cookie-actions{flex-direction:row;justify-content:flex-end}.cookie-actions button{flex:1}.cookie-dialog-inner{padding:24px}}
@media(max-width:380px){.footer-card{grid-template-columns:1fr}.header-brand{flex-basis:105px}.header-brand img{width:101px}.top-reserve{padding:8px 9px}.nav-item{padding:7px 7px;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.video-backdrop video{display:none!important}*,*:before,*:after{animation-duration:0.01ms!important;transition-duration:0.01ms!important}}

.modal-open .cookie-banner{display:none!important}

.seo-hero-media{margin:1.5rem 0 2rem;overflow:hidden;border-radius:18px;border:1px solid rgba(255,255,255,.48)}
.seo-hero-media img{display:block;width:100%;height:min(40vw,320px);min-height:190px;object-fit:cover}
.seo-link-btn{display:inline-block;margin-bottom:.5rem}
.seo-link-line{margin:1.2rem 0 .2rem}
.seo-text-link{font-weight:650;text-decoration:underline;text-underline-offset:.2em;color:inherit}
@media(max-width:600px){.seo-hero-media img{height:230px}}

/* WhatsApp in contact modal: same height and typography as peer buttons, distinguished only by green. */
.detail-content .actions .button.contact-whatsapp-button{
  background:#e4efe6;border-color:#a9cbb1;color:#236341;
  font:inherit;font-size:13px;font-weight:700;line-height:1.4;
  padding:11px 20px;
}
.detail-content .actions .button.contact-whatsapp-button:hover,
.detail-content .actions .button.contact-whatsapp-button:focus-visible{
  background:#d8eadc;border-color:#8dbc98;color:#1f5538;
}