:root{--paper:#faf7ef;--ink:#232019;--dim:#655e51;--line:#ded7c9;--surface:#fffdf8;--accent:#a6410d;--night:#24231f;color-scheme:light}html[data-theme=dark]{--paper:#22211d;--ink:#f7efe0;--dim:#c7bbab;--line:#534b3f;--surface:#2e2b25;--accent:#ffb07d;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 "Instrument Sans",system-ui,sans-serif}a{color:inherit}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}button,a.btn,input,select,textarea{border-radius:11px}button,a.btn{cursor:pointer}button,.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 16px;background:var(--surface);color:var(--ink);border:1px solid var(--line);text-decoration:none;font-weight:650}.primary{background:var(--accent)!important;color:var(--paper)!important;border-color:transparent!important}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #3c85de;outline-offset:3px}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.bar{border-bottom:1px solid var(--line)}.bar .wrap,.foot .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:12px 0}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:850;font-size:23px}.logo img{width:52px;height:52px;border-radius:12px}.nav,.actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.nav a{text-decoration:none;font-size:15px;font-weight:650}.hero{padding:clamp(48px,9vw,116px) 0}.split{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:36px}.mask{max-height:380px;margin:auto;object-fit:contain}.eyebrow{color:var(--accent);font-weight:750}h1,h2,h3,p{margin:0 0 16px}h1{font-size:clamp(43px,7.6vw,94px);line-height:.99;letter-spacing:-.071em;max-width:13ch}h2{font-size:clamp(28px,4vw,50px);line-height:1.1;letter-spacing:-.05em}h3{line-height:1.2}.lede{max-width:52ch;color:var(--dim);font-size:19px}.band{padding:58px 0;border-top:1px solid var(--line)}.rows{list-style:none;margin:0;padding:0}.rows li{display:grid;grid-template-columns:1fr 1.25fr;gap:20px;padding:18px 0;border-top:1px solid var(--line)}.rows p{margin:0;color:var(--dim)}.foot{border-top:1px solid var(--line);color:var(--dim)}.panel,.menu-page{padding:40px 0 70px}.card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px;margin-bottom:16px}.form{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,175px),1fr));gap:12px;align-items:end}label{display:grid;gap:5px;font-weight:600}input,select,textarea{width:100%;min-height:44px;border:1px solid var(--line);padding:8px 10px;background:var(--paper);color:var(--ink)}input[type=checkbox]{width:20px;min-height:20px}.check{display:flex;align-items:center;gap:8px}.result{min-height:1.5em;margin:8px 0;color:var(--accent)}.restaurant{background:#3a2119;color:#fff2d7;min-height:65vh;padding:72px 0}.restaurant h1{font-family:Georgia,serif;letter-spacing:-.055em}.restaurant .btn{background:#fff2d7;color:#3a2119}.menu-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.menu-head h1{font-size:clamp(34px,7vw,66px)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.product{display:flex;justify-content:space-between;gap:18px}.product strong:last-child{white-space:nowrap}.skip{position:absolute;left:-2000px}.skip:focus{left:12px;top:12px;background:var(--surface);z-index:5}.gallery{display:flex;overflow:auto;gap:12px;scroll-snap-type:x mandatory}.gallery .card{min-width:min(265px,85vw);scroll-snap-align:start}details{padding:15px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:700}@media(max-width:680px){.split,.rows li{grid-template-columns:1fr}.mask{max-height:245px}.nav{width:100%}.nav a{font-size:14px}.grid{gap:6px}.grid button{padding:6px;font-size:14px}.wrap{width:calc(100% - 28px)}}

/* Digital Menu landing page */
.menu-hero{background:#edf1f6;border-bottom:1px solid #d9e0e9;color:#142036;padding:clamp(40px,6vw,82px) 0}
html[data-theme=dark] .menu-hero{background:#152237;border-color:#35445a;color:#f2f5fa}
.menu-hero-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:clamp(24px,5vw,76px)}
.menu-hero-copy h1{font-size:clamp(42px,6vw,82px);max-width:12ch;letter-spacing:-.062em;line-height:1.02;margin-bottom:24px}
.menu-hero .lede{color:#46556c;margin-bottom:28px}
html[data-theme=dark] .menu-hero .lede{color:#c3cedd}
.menu-kicker{font-size:14px;font-weight:750;color:#2f527b;margin-bottom:19px}
html[data-theme=dark] .menu-kicker{color:#adcaec}
.menu-hero .btn{background:transparent;color:inherit;border-color:#8191a6}
.menu-hero .btn.primary{background:#223b60!important;color:#fff!important}
html[data-theme=dark] .menu-hero .btn.primary{background:#e4edfa!important;color:#17263b!important}
.menu-showcase{display:grid;justify-items:center;gap:12px;margin:0;padding:24px 15px 15px;background:#dbe4ef;border:1px solid #d1dae6;border-radius:24px}
html[data-theme=dark] .menu-showcase{background:#24344b;border-color:#40536f}
.menu-showcase figcaption{color:#45566e;font-size:13px}
html[data-theme=dark] .menu-showcase figcaption{color:#c7d2e1}
.menu-device{display:block;width:min(100%,275px);border:7px solid #191b21;border-radius:29px;overflow:hidden;background:#fff8eb;color:#33251b;box-shadow:0 12px 24px #0b1b3235;text-decoration:none}
.menu-device-top{height:23px;display:grid;place-items:center}
.menu-device-top i{width:60px;height:6px;border-radius:10px;background:#23242a}
.menu-device-content{padding:0 13px 13px}
.device-brand,.device-dish,.device-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.device-brand{padding:3px 0 10px;font-size:12px}
.device-brand strong{font:700 20px Georgia,serif}
.menu-device img{width:100%;height:auto;aspect-ratio:1.55;object-fit:cover;border-radius:10px;background:#614232}
.device-dish{margin-top:9px;font-size:15px}
.device-dish span{white-space:nowrap;font-weight:700}
.menu-device-content p{margin:4px 0 9px;font-size:11px;color:#615246}
.device-categories{display:flex;gap:6px;font-size:11px}
.device-categories span{background:#efe2ce;padding:3px 8px;border-radius:10px}
.device-row{margin-top:9px;padding-top:7px;border-top:1px solid #e5d8c4;font-size:12px}
@media(max-width:740px){.menu-hero-layout{grid-template-columns:1fr}.menu-hero-copy h1{max-width:14ch}.menu-showcase{padding-top:17px}}

.site-header{position:relative;z-index:10;display:flex;align-items:center;gap:20px;width:min(1380px,calc(100% - 32px));margin:18px auto 0;padding:12px 20px;border-radius:14px;background:#171615;color:#fff7eb;box-shadow:0 8px 24px #21171024}
.site-header .logo{flex:none;line-height:1}.site-header .logo img{border-radius:50%}.site-header .logo b,.site-header [aria-current=page]{color:#ffa448}
#site-navigation,.header-controls{display:flex;align-items:center;gap:clamp(8px,1vw,18px)}
#site-navigation{margin-left:auto}#site-navigation>a{font-weight:700;text-decoration:none;white-space:nowrap}
.panel-link{padding:9px 12px;border:1px solid #ab9d8c;border-radius:9px}
.site-header button{background:transparent;color:inherit;border:0;padding:6px 8px;white-space:nowrap}
.site-header .nav-toggle{display:none}
.header-controls{flex:none;border-left:1px solid #73695d;padding-left:8px;gap:2px}
#theme{font-size:25px}.language-flag{font-size:21px}
.nav-dropdown{position:relative}.nav-popover{position:absolute;top:100%;left:0;width:min(380px,calc(100vw - 42px));padding:8px;background:#262321;border:1px solid #685c50;border-radius:14px;box-shadow:0 12px 24px #0004}
.nav-popover[hidden]{display:none}.nav-popover a,.nav-popover button{display:flex;align-items:center;gap:12px;width:100%;padding:10px;text-align:left;text-decoration:none;border-radius:8px}
.nav-popover a:hover,.nav-popover a:focus-visible,.nav-popover button:hover,.nav-popover button[aria-pressed=true]{background:#3e3126;color:#ffc17c}
.nav-popover small{display:block;color:#e1d4c5;font-size:13px}
.service-icon{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:50%;background:#523923;color:#ffb264;font-size:19px}
.language-popover{width:155px;left:auto;right:0}.page-nav{padding-top:18px}
.team-card{display:flex;align-items:center;gap:clamp(14px,4vw,36px)}.team-card img{width:clamp(76px,16vw,140px);aspect-ratio:1;object-fit:cover;object-position:center top;border-radius:50%}.team-card strong{color:var(--accent)}.team-card p{margin:5px 0 0;color:var(--dim)}
@media(max-width:1150px){.site-header{gap:8px}.site-header .nav-toggle{display:inline-flex;margin-left:auto}#site-navigation{display:none;position:absolute;top:100%;left:0;right:0;background:#171615;border-radius:12px;padding:12px;align-items:stretch}#site-navigation.nav-open{display:flex;flex-direction:column}#site-navigation>a{padding:8px}.services-dropdown .nav-popover{position:static;width:100%;box-shadow:none}.site-header .logo img{width:38px;height:38px}}
@media(max-width:380px){.site-header{padding:8px;width:calc(100% - 16px)}.site-header .logo{font-size:18px;gap:5px}.header-controls{padding-left:2px}}

.flag-icon{display:inline-block;vertical-align:middle;width:25px;height:25px;border-radius:50%;flex:none}
.header-controls .dropdown-trigger .flag-icon{outline:1px solid #ff9f43;outline-offset:2px;margin-right:5px}
.site-header .logo{font-size:clamp(19px,2.3vw,32px)}
.site-header .logo img{width:57px;height:57px}
#site-navigation{flex:1;justify-content:space-evenly;margin-left:0}
#site-navigation>a,.services-dropdown>.dropdown-trigger{font-size:clamp(15px,1.16vw,18px)}
.contact-page{width:min(820px,calc(100% - 36px));margin:clamp(38px,7vw,88px) auto}
.contact-page h1{font-size:clamp(36px,5vw,64px);max-width:none}
.contact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px}
.contact-form :is(input,textarea){background:var(--surface)}
.contact-wide{grid-column:1/-1}.contact-form button{justify-self:start}
.login-view .site-header{background:none;box-shadow:none;position:absolute;inset:0 0 auto;width:100%;margin:0;justify-content:flex-end;color:var(--ink)}
.login-view .site-header>.logo,.login-view #site-navigation,.login-view .nav-toggle,.login-view .foot{display:none}
.login-view .header-controls{border:0}.login-view .language-popover{color:#fff7eb}
.login-page{position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;min-height:100svh;padding:88px 18px 36px}
.login-page::before,.login-page::after{content:"";position:absolute;z-index:-1;width:65%;height:175px;border-radius:50%;background:#e56e13;box-shadow:0 29px 0 #ffbe6b}
.login-page::before{right:47%;top:53%;transform:rotate(-16deg)}
.login-page::after{left:47%;top:31%;transform:rotate(-17deg);box-shadow:0 -29px 0 #ffbe6b}
.login-content{width:min(100%,448px);text-align:center}
.login-card{display:grid;gap:14px;text-align:left;background:var(--surface);padding:clamp(22px,4vw,36px);border:1px solid var(--line);border-radius:23px;background-clip:padding-box}
.login-card h1{font-size:clamp(28px,5vw,39px);max-width:none;letter-spacing:-.045em;text-align:center;margin:0}
.login-logo{justify-content:center;gap:0;margin-bottom:4px;font-size:32px}
.login-logo img{margin-right:10px;border-radius:50%}.login-logo b,.login-back{color:var(--accent)}
.login-intro,.login-help{text-align:center;margin:0}.login-intro{color:var(--dim)}
.login-password{position:relative}.login-password input{padding-right:91px}
.login-password button{position:absolute;bottom:0;right:2px;padding-inline:9px;border:0;background:transparent}
.login-card .result:empty{display:none}.login-card .result{margin:0}.login-help{font-size:14px}
.login-back{display:inline-block;margin-top:16px;font-weight:700}
@media(max-width:1150px){#site-navigation{justify-content:start}.site-header .logo img{width:38px;height:38px}}
@media(max-width:600px){.contact-form{grid-template-columns:1fr}.login-page::before,.login-page::after{width:95%;height:95px}}

/* Align the full navigation bar to the viewport, including wide monitors. */
.site-header{width:min(1920px,calc(100% - clamp(24px,6vw,112px)));min-height:clamp(72px,6.4vw,108px);margin:clamp(10px,1.45vw,24px) auto 0;padding:10px clamp(16px,2.6vw,44px);gap:clamp(14px,2.2vw,36px);background:#171717;border:1px solid #373330}
.site-header .logo{font-size:clamp(22px,2.4vw,38px);gap:10px}
.site-header .logo img{width:clamp(48px,5.3vw,86px);height:auto;aspect-ratio:1;outline:2px solid #ed840d;outline-offset:-2px}
#site-navigation{justify-content:space-between;gap:clamp(10px,1.35vw,28px)}
#site-navigation>a,.services-dropdown>.dropdown-trigger{font-size:clamp(16px,1.29vw,22px);line-height:1.25}
.site-header .dropdown-trigger,.site-header #theme{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:6px;min-height:44px}
.nav-icon{width:22px;height:22px;flex:none;display:block}
.dropdown-trigger>.nav-icon{width:17px;height:17px}
.header-controls #theme{width:44px}.header-controls #theme .nav-icon{width:27px;height:27px}
.services-dropdown .nav-popover{left:50%;transform:translateX(-50%);width:min(412px,calc(100vw - 32px));padding:12px;background:#232222;border-color:#756657;border-radius:16px}
.services-dropdown .nav-popover::before{content:"";position:absolute;top:-6px;left:50%;width:10px;height:10px;transform:rotate(45deg);background:#232222;border-top:1px solid #756657;border-left:1px solid #756657}
.services-dropdown .nav-popover a{padding:9px;gap:13px}.service-icon{flex-basis:43px;height:43px}.service-icon .nav-icon{width:24px;height:24px}
@media(max-width:1280px){.site-header{gap:12px;padding-inline:16px}}
@media(max-width:1150px){.site-header .logo img{width:42px}.services-dropdown .nav-popover{transform:none;width:100%}.services-dropdown .nav-popover::before{display:none}}
@media(max-width:380px){.site-header{gap:5px;padding-inline:8px}.site-header .logo{font-size:18px;gap:6px}.header-controls #theme{width:36px}}

/* Edge-to-edge sticky navigation, with the controls aligned to the content grid. */
.site-header{
  position:sticky;
  top:0;
  width:100%;
  min-height:78px;
  margin:0;
  padding:8px max(22px,calc((100% - 1260px)/2));
  gap:clamp(16px,2.1vw,34px);
  border:0;
  border-bottom:1px solid #39322b;
  border-radius:0;
  box-shadow:0 5px 18px #16100b24;
}
.site-header .logo{font-size:clamp(23px,2vw,30px)}
.site-header .logo img{width:52px}
#site-navigation{justify-content:space-between;gap:clamp(9px,1.2vw,22px)}
#site-navigation>a,.services-dropdown>.dropdown-trigger{font-size:16px}
#site-navigation>a:not(.panel-link):hover,.services-dropdown>.dropdown-trigger:hover,.services-dropdown>.dropdown-trigger[aria-expanded=true]{color:#ffa448}
.dropdown-trigger[aria-expanded=true]>.nav-icon{transform:rotate(180deg)}
.header-controls{padding-left:12px}
main [id]{scroll-margin-top:94px}
.login-view .site-header{border:0;min-height:0;padding:12px 18px}
@media(min-width:1151px){
  .services-dropdown .nav-popover{top:calc(100% + 9px);left:0;transform:none}
  .services-dropdown .nav-popover::before{left:32px}
  .services-dropdown::after{content:"";position:absolute;inset:100% 0 auto;height:10px}
}
@media(max-width:1150px){
  .site-header{min-height:66px;padding:6px 16px;gap:10px}
  .site-header .logo img{width:40px}
  #site-navigation{justify-content:start;max-height:calc(100dvh - 66px);overflow:auto;border-radius:0 0 12px 12px}
}
@media(max-width:380px){
  .site-header{padding-inline:8px;gap:5px}
  .site-header .logo{font-size:19px;gap:6px}
  .header-controls{padding-left:3px}
}

.site-footer{background:#171717;color:#f9f0e3;border-top:1px solid #39322b}
.site-footer .wrap.footer-grid{display:grid;grid-template-columns:1.05fr 1.3fr .7fr .55fr;align-items:start;gap:clamp(22px,4vw,52px);padding-block:44px}
.footer-brand .logo{font-size:27px}.footer-brand .logo img{border-radius:50%;outline:1px solid #ed840d;outline-offset:-1px}
.footer-brand b{color:#ffa448}
.footer-brand p{max-width:28ch;margin:12px 0 0}
.site-footer h2{font-size:16px;letter-spacing:normal;margin:4px 0 13px}
.site-footer ul{margin:0;padding:0;list-style:none;display:grid;gap:7px}
.site-footer li a,.footer-brand p,.site-footer small{color:#d0c3b5;font-size:14px}
.site-footer li a{text-decoration:none}.site-footer a:hover{color:#ffa448;text-decoration:underline}
.footer-contact{display:inline-flex;gap:12px;align-items:center;min-height:42px;padding:7px 13px;border:1px solid #7a6857;border-radius:8px;text-decoration:none;color:#ffb466}
.site-footer .wrap.footer-bottom{border-top:1px solid #40362e;padding-block:14px}
@media(max-width:900px){.site-footer .wrap.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.site-footer .wrap.footer-grid{grid-template-columns:1fr;padding-block:30px;gap:24px}}

.footer-scene{background:#201813 url('/footer-bursa.webp') center center/cover no-repeat}
.footer-scene-inner{display:grid;grid-template-columns:16% 24% 22% 22% 16%;align-items:center;max-width:1920px;margin:auto;min-height:clamp(355px,34vw,625px);padding:45px 3%;color:#fff4e4}
.footer-scene .footer-brand{grid-column:2}.footer-scene .footer-services{grid-column:4}
.footer-scene nav{width:fit-content;max-width:100%;padding:14px;background:#1c1714d9;border-radius:12px}
.footer-scene h2{font-size:clamp(19px,2vw,29px)}.footer-scene h2 a{text-decoration:none}
.footer-scene li a{color:#fff4e4;font-size:clamp(14px,1.2vw,17px)}.footer-scene li::before{content:'◆';color:#ff9e3e;font-size:9px;margin-right:8px}
.footer-scene .footer-contact{justify-self:end;background:#211810;border-color:#ff9e3e;white-space:nowrap}
.footer-legal{background:#171412}.footer-legal ul{display:flex;flex-wrap:wrap;gap:8px 22px}.footer-legal .wrap.footer-bottom{border:0}
.policy-page{padding:65px 0;min-height:38vh}.policy-page h1{font-size:clamp(32px,5vw,58px);max-width:none}
@media(max-width:900px){.footer-scene-inner{grid-template-columns:1fr 1fr;gap:18px;align-items:end;padding:130px 20px 24px;background:linear-gradient(transparent,#1c1714 87%)}.footer-scene .footer-brand,.footer-scene .footer-services{grid-column:auto}.footer-scene .footer-contact{justify-self:start}.footer-scene nav{padding:10px}}
@media(max-width:480px){.footer-scene-inner{grid-template-columns:1fr}.footer-legal ul{gap:8px 15px}}

.home-hero{background-color:#25201f;color:#fff6e9;padding-block:clamp(48px,6vw,90px)}
.home-hero{background-image:linear-gradient(90deg,#1b1817fa 0%,#1b1817d9 36%,#1b18173b 70%,#1b18171a),url('/home-bursa.webp');background-position:center;background-size:cover}
.home-hero h1{font-size:clamp(38px,5.2vw,76px);max-width:15ch}
.home-hero .eyebrow{color:#ffb268}.home-hero .lede{color:#f2e5d5}
.home-hero .mask{height:clamp(200px,26vw,340px);filter:drop-shadow(0 8px 14px #100b09a0)}
.home-hero .btn.primary{background:#a6410d!important;color:#fff!important}
.footer-scene-inner{min-height:clamp(230px,20vw,315px);padding-block:18px}
.footer-scene nav{padding:10px 12px}.footer-scene h2{margin-bottom:8px}.footer-scene ul{gap:3px}
.footer-scene li a{font-size:14px}.footer-legal .wrap.footer-bottom{padding-block:9px}
@media(max-width:900px){.footer-scene-inner{padding:64px 18px 16px;gap:9px}.footer-scene .footer-contact{grid-column:1/-1}}
@media(max-width:680px){.home-hero{background-position:62% center;background-image:linear-gradient(180deg,#1b1817ed,#1b181789),url('/home-bursa.webp')}.home-hero .mask{height:180px}.home-hero .split{gap:24px}}
@media(max-width:480px){.footer-scene-inner{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.footer-scene li::before{display:none}}
#hizmetler{position:relative;isolation:isolate}
#hizmetler::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.09;background:linear-gradient(90deg,var(--paper) 30%,transparent),url('/home-bursa.webp') right 74%/cover}

/* Each home section has its own illustration. */
.footer-scene{background:#201813 url('/footer-bursa.webp') left center/auto 100% no-repeat}
.footer-scene-inner{min-height:clamp(265px,21vw,340px);background:linear-gradient(90deg,transparent 40%,#201813 86%)}
.home-view #hizmetler,.home-view #yorumlar{color:#fff4e5;border-color:#b1805740}
.home-view #hizmetler{background:linear-gradient(90deg,#211b19ed 12%,#211b19cc 49%,#211b1940),url('/services-workshop.webp') center/cover}
.home-view #hizmetler::before{display:none}
.home-view #yorumlar{background:linear-gradient(90deg,#161a27ef 12%,#161a27b5 53%,#161a2720),url('/reviews-courtyard.webp') right center/cover;min-height:240px}
.home-view #hizmetler .rows li{border-color:#dfab7950}
.home-view #hizmetler .rows p,.home-view #yorumlar .lede{color:#f1e0cd}
@media(max-width:900px){.footer-scene-inner{background:linear-gradient(180deg,transparent,#1c1714 87%);padding-top:170px}}

.home-scenes{scroll-padding-top:var(--scene-header,78px)}
.home-scenes .home-view main [id]{scroll-margin-top:0}
.home-view .home-hero,.home-view #hizmetler,.home-view #yorumlar{position:relative;isolation:isolate;display:grid;align-content:center;border:0;background-repeat:no-repeat}
.home-view .home-hero::after,.home-view #hizmetler::after{content:"";position:absolute;inset:auto 0 0;height:clamp(44px,9vw,130px);background:linear-gradient(transparent,#211b19);pointer-events:none;z-index:-1}
.home-view #hizmetler::after{background:linear-gradient(transparent,#181a22)}
.home-view #yorumlar{background-image:linear-gradient(180deg,#181a22,transparent 23%,transparent 77%,#201813),linear-gradient(90deg,#161a27ef 12%,#161a27a0 53%,#161a2720),url('/reviews-courtyard.webp');background-size:cover}
.home-view #hizmetler{background-image:linear-gradient(180deg,#211b19,transparent 23%),linear-gradient(90deg,#211b19ed 12%,#211b19b0 49%,#211b1930),url('/services-workshop.webp');background-size:cover}
@media(min-width:901px) and (hover:hover){
  .home-scenes{scroll-snap-type:y proximity}
  .home-view #main>section,.home-view .footer-scene{scroll-snap-align:start}
  .home-view #main>section{min-height:calc(100svh - var(--scene-header,78px));padding-block:clamp(38px,6vh,84px)}
}
@media(prefers-reduced-motion:no-preference){.home-scenes{scroll-behavior:smooth}}

/* One undistorted landscape, blended into the footer surface. */
.footer-scene{position:relative;isolation:isolate;background:#1c1714;border:0}
.footer-scene::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:url('/footer-bursa.webp') left center/auto 100% no-repeat;
  mask-image:linear-gradient(90deg,#000 32%,transparent 100%);
  width:min(100%,900px);opacity:.63;
}
.footer-scene-inner{
  background:linear-gradient(180deg,#1c1714 0%,transparent 34%,transparent 74%,#1c1714 100%);
  min-height:clamp(245px,17vw,300px);
}
.site-footer{border-top:0}
.footer-scene nav{background:#1c1714a8}
.footer-legal{border-top:1px solid #44352a}
.home-view .home-hero{background-image:linear-gradient(90deg,#1b1817f0 0%,#1b1817b0 38%,transparent 67%),url('/home-bursa.webp');background-position:center}
.home-hero .split{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
@media(max-width:900px){
  .footer-scene::before{width:100%;mask-image:linear-gradient(90deg,#000 35%,transparent 100%)}
  .footer-scene-inner{background:linear-gradient(180deg,#1c1714,transparent 24%,#1c1714 91%);padding-top:96px}
}
@media(max-width:680px){
  .home-view .home-hero{background-image:linear-gradient(180deg,#1b1817f0 0%,#1b1817a0 48%,transparent 72%),url('/home-bursa.webp');background-position:70% center;padding-bottom:clamp(245px,70vw,410px)}
  .home-hero .split{grid-template-columns:minmax(0,1fr)}
}

.home-scenes{scroll-snap-type:none}
.home-view #hizmetler::after{background:linear-gradient(transparent,#251b16)}
.home-view #yorumlar{background:linear-gradient(180deg,#251b16,transparent 22%,transparent 78%,#201813),linear-gradient(90deg,#251b16ed,#251b1670 54%,#251b1620),url('/reviews-courtyard.webp') center right/cover #251b16}
.home-view #yorumlar .wrap{max-width:920px}
.testimonial{margin:24px 0 0;padding:clamp(22px,5vw,44px);border:1px solid #b5815470;border-radius:20px;background:#241a15db}
.testimonial blockquote{position:relative;margin:0;padding:12px 30px;color:#fff4e5;font-size:clamp(17px,2vw,24px);font-style:italic;line-height:1.6}
.testimonial blockquote::before,.testimonial blockquote::after{position:absolute;color:#ffa448;font:bold 38px Georgia,serif}
.testimonial blockquote::before{content:'“';top:0;left:0}
.testimonial blockquote::after{content:'”';bottom:-10px;right:0}
.testimonial figcaption{margin-top:18px;padding-top:15px;border-top:1px solid #b5815460;font-weight:750;color:#ffb575}

.testimonial figcaption{display:flex;align-items:center;gap:12px}
.testimonial-business{display:grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid #d69760;border-radius:50%;background:#533824;color:#ffb575}
.testimonial-business svg{width:24px;height:24px}

.home-view #hizmetler > .wrap{width:min(1330px,calc(100% - 48px))}
.home-view #hizmetler h2{margin-bottom:24px}
.home-services-list{list-style:none;padding:0;margin:0;max-width:660px;border-top:1px solid #b5815460}
.home-services-list li{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:16px;padding:12px 10px 12px 0;border-bottom:1px solid #b581544d}
.home-services-list .service-icon{width:46px;height:46px;background:#4c3021;color:#ffb367;border:1px solid #be824a55}
.home-services-list h3{margin:0 0 3px;font-size:clamp(16px,1.35vw,20px);line-height:1.25;color:#fff4e5}
.home-services-list p{margin:0;color:#eed9c5;font-size:14px;line-height:1.5}
.home-services-list h3 a{display:inline-block;color:#ffb367;text-underline-offset:4px}
@media(max-width:680px){.home-view #hizmetler > .wrap{width:calc(100% - 32px)}.home-services-list li{gap:12px}}

#ekibimiz{background:linear-gradient(90deg,#1d1815f2,#1d1815a3 63%,#1d18152e),url('/team-studio.webp') right center/cover #211a17;color:#fff4e5;border:0;padding-block:clamp(44px,7vw,100px)}
#ekibimiz h2{margin-bottom:28px}
#ekibimiz h2::after{content:"";display:block;width:60px;height:3px;background:#e28a42;margin-top:15px}
#ekibimiz .team-card{width:min(100%,730px);background:#231c18ed;border-color:#8e64476e;padding:clamp(14px,2.6vw,28px)}
#ekibimiz .team-card h3{margin-bottom:7px;font-size:clamp(22px,3vw,34px)}
#ekibimiz .team-card strong{color:#ffb16c}
#ekibimiz .team-card p{color:#dfcbb9}
@media(max-width:680px){#ekibimiz{background-position:66% center}#ekibimiz .team-card{background:#231c18f5}}

#ekibimiz{background-image:linear-gradient(180deg,transparent 82%,#1c1714),linear-gradient(90deg,#1d1815f2,#1d1815a3 63%,#1d18152e),url("/team-studio.webp")}

.footer-scene::before{width:100%;background-size:cover;background-position:center 56%;mask-image:none;opacity:.53}
.footer-scene-inner{max-width:1260px;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) auto;gap:clamp(18px,5vw,76px);padding:28px 24px;min-height:245px;background:none}
.footer-scene .footer-brand,.footer-scene .footer-services{grid-column:auto}
.footer-scene nav{background:none;padding:0}
.footer-scene{background:#201813}
.footer-scene::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#201813,transparent 32%,#171412 100%),linear-gradient(90deg,#20181365,#201813b0 48%,#201813c0);pointer-events:none}
@media(max-width:900px){.footer-scene-inner{grid-template-columns:1fr 1.2fr;align-items:start}.footer-scene .footer-contact{grid-column:1/-1;justify-self:start}}
@media(max-width:480px){.footer-scene-inner{grid-template-columns:1fr;gap:18px}}

/* Footer navigation and landscape share one surface. */
.footer-scene{
  background:linear-gradient(180deg,#201813 0%,#20181330 33%,#181411 100%),
    linear-gradient(90deg,#20181322,#201813b8 30%,#201813b8 71%,#20181322),
    url('/footer-bursa.webp') center center/cover no-repeat #201813;
}
.footer-scene::before,.footer-scene::after{content:none}
.footer-scene-inner{
  width:min(1160px,calc(100% - 40px));
  min-height:0;
  grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr) auto;
  align-items:start;
  gap:clamp(22px,6vw,96px);
  margin:0 auto;
  padding:26px 0;
  background:none;
}
.footer-scene .footer-brand,.footer-scene .footer-services{grid-column:auto;padding:0;background:none}
.footer-scene h2{min-height:34px;display:flex;align-items:center;font-size:19px;margin:0 0 7px}
.footer-wordmark{display:flex;align-items:center;gap:9px}
.footer-wordmark img{border-radius:50%}
.footer-scene .footer-contact{grid-column:auto;justify-self:end;align-self:start;margin-top:2px}
.footer-legal{border-top:1px solid #44352a;background:#181411}
@media(max-width:780px){
  .footer-scene-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}
  .footer-scene .footer-contact{grid-column:1/-1;justify-self:start}
}
@media(max-width:480px){
  .footer-scene-inner{width:calc(100% - 32px)}
  .footer-scene li a{overflow-wrap:anywhere}
}


.site-footer .footer-scene{border-top:1px solid #98704b65;padding:24px 0 0}
.site-footer .footer-identity{display:grid;justify-items:center;gap:10px;padding:0 0 18px}
.footer-identity .footer-wordmark{font-size:24px;font-weight:800;text-decoration:none}
.footer-identity b{color:#ffa448}
.footer-social{display:flex;gap:10px}
.footer-social a{display:grid;place-items:center;width:42px;height:42px;border:1px solid #b17a4e80;border-radius:50%;background:#231a15;color:#ffd3aa}
.footer-social a:hover{background:#473020;color:#fff4e5}
.footer-social svg{width:20px;height:20px}
.footer-scene-inner{border-top:1px solid #98704b55;padding:18px 0 23px;gap:clamp(16px,4vw,62px)}
.footer-scene h2{font-size:17px;min-height:0}
.footer-scene li a{font-size:14px}
@media(max-width:480px){.footer-scene-inner{gap:16px}.footer-scene h2{font-size:16px}}

/* Site navigation */
#app:not(.login-view) .site-header {
  --nav-copper:#ffae62;
  color:#fbefe1;
  background:linear-gradient(105deg,#211813,#1b1715 57%,#281b15);
  border-bottom:1px solid #93604080;
  box-shadow:0 8px 22px #100a0750;
  min-height:74px;
  gap:clamp(16px,2vw,30px);
}
#app:not(.login-view) .site-header .logo {font-size:clamp(23px,2vw,29px)}
#app:not(.login-view) .site-header .logo img {width:46px}
#app:not(.login-view) #site-navigation>a,
#app:not(.login-view) .services-dropdown>.dropdown-trigger {
  display:inline-flex;
  align-items:center;
  position:relative;
  min-height:42px;
  font-size:15px;
}
#app:not(.login-view) #site-navigation>a[aria-current=page]::after {
  content:"";
  position:absolute;
  inset:auto 0 2px;
  height:2px;
  border-radius:2px;
  background:var(--nav-copper);
}
#app:not(.login-view) .site-header .panel-link {
  padding:0 13px;
  border:1px solid #e7a16e95;
  background:#52322260;
  color:#ffe2c8;
}
#app:not(.login-view) .site-header .panel-link:hover {background:#654027;color:#fff4ea}
#app:not(.login-view) .header-controls {border-color:#93604080;gap:5px}
#app:not(.login-view) .header-controls button:hover {background:#ffffff0d}
#app:not(.login-view) .services-dropdown .nav-popover {background:#261d18;border-color:#8c6248}
@media(max-width:1150px) {
  #app:not(.login-view) .site-header {min-height:66px;gap:8px}
  #app:not(.login-view) .site-header .logo img {width:38px}
  #app:not(.login-view) #site-navigation {background:#211914}
  #app:not(.login-view) #site-navigation>a[aria-current=page]::after {display:none}
}
@media(max-width:380px) {
  #app:not(.login-view) .site-header .logo {font-size:18px}
  #app:not(.login-view) .header-controls {gap:0;padding-left:3px}
}


.contact-page{width:100%;margin:0;padding:clamp(24px,5vw,68px) 16px;position:relative;isolation:isolate;background:#382118}
.contact-letter{position:relative;width:min(100%,790px);margin:auto;padding:clamp(22px,5vw,58px);color:#28190f;background:#f6e3c9 radial-gradient(ellipse at 85% 0,#fff0d5,transparent 75%);border:1px solid #d5a778;box-shadow:0 12px 30px #150a05a0;color-scheme:light}
.contact-letter::before{content:"";position:absolute;inset:10px;border:1px solid #aa683b73;pointer-events:none}
.contact-letter h1{font-size:clamp(36px,5vw,62px);max-width:none;letter-spacing:-.055em}
.contact-letter .lede{color:#61442f;font-size:16px}
.contact-letter .contact-form{margin-top:24px}
.contact-letter input,.contact-letter textarea{color:#28190f;background:#fff7e95e;border-color:#9f7c5d}
.contact-letter textarea{line-height:28px;padding:5px 12px;background-image:repeating-linear-gradient(transparent 0 27px,#a184683b 27px 28px);background-origin:content-box;resize:vertical}
.contact-letter .contact-form button{grid-column:1/-1;justify-self:end;background:#a6410d!important;color:#fff!important}

.contact-desk{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-1}
@media(min-width:1000px){.contact-letter{width:min(64%,790px)}}
@media(max-width:680px){.contact-desk{object-position:76% center}}

.contact-page{background:#241c18}
.contact-page::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#21181370,transparent 28%,transparent 68%,#211813d9)}
.contact-desk{filter:saturate(.62) brightness(.77)}
.contact-letter{color:#31251e;background:#f2e8d9;border-color:#b39880;box-shadow:0 16px 38px #170f0bc0}
.contact-letter::before{border-color:#96795b55}
.contact-letter h1{color:inherit}
.contact-letter .lede{color:#614a3b}
.contact-letter input,.contact-letter textarea{color:inherit;background-color:#fffaf054;border-color:#a38d77}
.contact-letter .contact-form button{background:#784121!important;color:#fff7ed!important}
.contact-letter .contact-form button:hover{background:#914d25!important}
html[data-theme=dark] .contact-letter{color-scheme:dark;color:#f8eee0;background:#30241e;border-color:#91674a}
html[data-theme=dark] .contact-letter::before{border-color:#b9865e55}
html[data-theme=dark] .contact-letter .lede{color:#ddc5b0}
html[data-theme=dark] .contact-letter input,html[data-theme=dark] .contact-letter textarea{background-color:#241b17;border-color:#9b785f}
html[data-theme=dark] .contact-letter .contact-form button{background:#d59666!important;color:#24150e!important}

@font-face{font-family:"Instrument Sans";src:url('/instrument-sans.ttf') format('truetype');font-weight:400 700;font-style:normal;font-display:swap}
.home-hero h1{font-weight:650;font-size:clamp(36px,4.15vw,66px);line-height:1.09;letter-spacing:-.041em;max-width:15ch;text-wrap:balance;margin-bottom:21px}
.home-hero .lede{max-width:50ch;font-size:clamp(16px,1.15vw,19px);line-height:1.65;margin-bottom:24px}
.home-hero .actions{gap:10px}

.home-hero .actions{gap:12px}
.home-hero .actions .btn{gap:10px;min-height:50px;padding:10px 16px;border-radius:9px;font-weight:650;background:#241c18;color:#ffebd7;border-color:#9e7656}
.home-hero .actions .btn.primary{background:#e5a069!important;color:#24150e!important;border-color:#f2b587!important}
.home-hero .actions .btn .nav-icon{width:18px;height:18px}
.home-hero .actions .btn:not(.primary) .nav-icon{color:#efae7b}
.home-hero .actions .btn:hover{background:#392a22;border-color:#efae7b}
.home-hero .actions .btn.primary:hover{background:#f4b587!important}
.home-hero .actions .btn:focus-visible{outline:2px solid #ffcf9d;outline-offset:3px}
@media(prefers-reduced-motion:no-preference){.home-hero .actions .btn{transition:background-color .18s,border-color .18s,transform .18s}.home-hero .actions .btn:hover{transform:translateY(-2px)}.home-hero .actions .btn:active{transform:translateY(0)}}

.menu-feature-table{width:100%;border-collapse:collapse;margin-top:20px;text-align:left}
.menu-feature-table th,.menu-feature-table td{padding:clamp(10px,1.5vw,18px);border-bottom:1px solid var(--line)}
.menu-feature-table thead th{font-size:14px;color:var(--dim);border-bottom-width:2px}
.menu-feature-table tbody th{width:36%;font-weight:650}
.menu-feature-table tbody td{color:var(--dim)}
.menu-feature-table tr>:last-child{text-align:center;width:16%}
.feature-check{display:inline-grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#a6410d17;color:var(--accent);font-weight:750}
html[data-theme=dark] .feature-check{background:#ffb07d26}
@media(max-width:540px){.menu-feature-table{font-size:14px}.menu-feature-table thead th{font-size:12px}.menu-feature-table th,.menu-feature-table td{padding:10px 6px;overflow-wrap:anywhere}}

html .menu-hero,html[data-theme=dark] .menu-hero{
  background:linear-gradient(90deg,#221913fa,#221913df 39%,#22191326 82%),url('/menu-exterior.webp') right center/cover #221913;
  border-color:#87563760;color:#fff2e4
}
html .menu-hero .lede,html[data-theme=dark] .menu-hero .lede{color:#f2decc}
html .menu-kicker,html[data-theme=dark] .menu-kicker{color:#ffc28b}
html .menu-hero .btn.primary,html[data-theme=dark] .menu-hero .btn.primary{background:#edaa76!important;color:#29180f!important}
html .menu-showcase,html[data-theme=dark] .menu-showcase{background:#281d17c7;border-color:#c28d6460}
html .menu-showcase figcaption,html[data-theme=dark] .menu-showcase figcaption{color:#ffe4cd}
#ozellikler{color:#fff2e4;background:linear-gradient(90deg,#211913fa,#211913df 65%,#21191370),url('/menu-interior.webp') center/cover #211913;border-color:#87563760}
#ozellikler .menu-feature-table :is(th,td){border-color:#ba8b6460}
#ozellikler .menu-feature-table :is(thead th,tbody td){color:#f1daca}
#ozellikler .feature-check{background:#ac6e403d;color:#ffc18b}
@media(max-width:740px){html .menu-hero,html[data-theme=dark] .menu-hero{background-image:linear-gradient(180deg,#221913ed,#22191370),url('/menu-exterior.webp')}}

#isletmeler{background:#241a15;color:#fff2e4;border-color:#87563760}
#isletmeler .lede{color:#ead3bf;max-width:65ch}
.menu-venue-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}
.menu-venue-grid figure{margin:0;overflow:hidden;border:1px solid #87563799;border-radius:12px;background:#33251d}
.menu-venue-grid figcaption{padding:10px 14px;font-weight:650}
.menu-venue-art{aspect-ratio:3/2;background:url('/menu-venues.webp') 0 0/200% 200% no-repeat}
.menu-venue-art.venue-1{background-position:100% 0}.menu-venue-art.venue-2{background-position:0 100%}.menu-venue-art.venue-3{background-position:100% 100%}
@media(max-width:540px){.menu-venue-grid{grid-template-columns:1fr}}

html .menu-hero,html[data-theme=dark] .menu-hero{
  background:radial-gradient(circle at 86% 48%,#4d2e20 0%,#302119 38%,#211914 72%);
  position:relative;isolation:isolate;overflow:hidden
}
.menu-hero::before,.menu-hero::after{content:"";position:absolute;z-index:-1;pointer-events:none;right:-9%;top:-52%;width:clamp(360px,55vw,850px);aspect-ratio:1;border:1px solid #ecaa7550;border-radius:26%;transform:rotate(-24deg)}
.menu-hero::after{right:-1%;top:-34%;border-color:#ecaa7530}
.menu-hero .menu-qr-card{width:min(100%,340px);margin-inline:auto;padding:24px;gap:14px}
.menu-qr-logo{border-radius:50%}
.menu-qr-image{width:min(100%,245px);height:auto;display:block;background:#fff}
#ozellikler{background:linear-gradient(145deg,#211914 55%,#3e281d)}

/* Integrate the real QR into the illustrated restaurant scene. */
html .menu-hero,html[data-theme=dark] .menu-hero{
  background:linear-gradient(90deg,#221913f5 8%,#221913cd 44%,#22191316 84%),url('/menu-interior.webp') right center/cover no-repeat #221913;
}
.menu-hero::before,.menu-hero::after{content:none}
html .menu-hero .menu-qr-card,html[data-theme=dark] .menu-hero .menu-qr-card{
  width:min(100%,215px);margin:48px auto 12px;padding:12px 16px 17px;gap:8px;
  align-self:end;position:relative;border:1px solid #bb8b5e;border-bottom:7px solid #855b3e;
  border-radius:8px;background:#f4e5ce;box-shadow:0 16px 20px #180d08a6;
}
.menu-qr-logo{width:42px;height:42px}
.menu-qr-image{width:160px;max-width:100%}
html .menu-hero .menu-qr-card figcaption,html[data-theme=dark] .menu-hero .menu-qr-card figcaption{color:#563722;text-align:center;font-size:12px}
#ozellikler{background:linear-gradient(90deg,#211913fa,#211913e8 65%,#21191382),url('/menu-exterior.webp') center/cover no-repeat #211913}
@media(max-width:740px){
  html .menu-hero,html[data-theme=dark] .menu-hero{background-image:linear-gradient(180deg,#221913ed 20%,#22191338 80%),url('/menu-interior.webp')}
  html .menu-hero .menu-qr-card,html[data-theme=dark] .menu-hero .menu-qr-card{margin:10px auto 0}
}

/* The four illustrated venues are section backgrounds. */
.menu-sales-view .menu-hero{--venue:url('/menu-Restoran.webp')}
.menu-sales-view #ozellikler{--venue:url('/menu-Kafe.webp')}
.menu-sales-view #kurulum{--venue:url('/menu-Otel.webp')}
.menu-sales-view #aylik{--venue:url('/menu-Kiraathane.webp')}
html .menu-sales-view .menu-hero,html[data-theme=dark] .menu-sales-view .menu-hero,
.menu-sales-view :is(#ozellikler,#kurulum,#aylik){
  color:#fff2e4;border-color:#91634570;
  background:linear-gradient(90deg,#241a15 12%,#241a15 35%,#241a15c4 53%,#241a150a 80%),
    var(--venue) right center/auto 100% no-repeat #241a15;
}
.menu-sales-view .menu-hero-layout{min-height:410px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.menu-sales-view :is(#ozellikler,#kurulum,#aylik)>.wrap{min-height:265px}
.menu-sales-view :is(#ozellikler,#kurulum,#aylik) :is(.menu-feature-table,.rows){width:min(100%,680px);background:#241a15d9;border-radius:12px}
.menu-sales-view #kurulum .rows li{padding-inline:16px;border-color:#93654880}
.menu-sales-view #kurulum .rows p{color:#f1daca}
.menu-sales-view #aylik p{max-width:42ch;color:#f1daca}
@media(max-width:740px){
  html .menu-sales-view .menu-hero,html[data-theme=dark] .menu-sales-view .menu-hero,
  .menu-sales-view :is(#ozellikler,#kurulum,#aylik){
    background:linear-gradient(180deg,transparent 0,#241a15 290px),
      var(--venue) right top/auto 290px no-repeat #241a15;
    padding-top:245px;
  }
  .menu-sales-view .menu-hero-layout{min-height:0;grid-template-columns:1fr;gap:0}
  .menu-sales-view :is(#ozellikler,#kurulum,#aylik)>.wrap{min-height:0}
}

@media(min-width:741px){
  html .menu-sales-view .menu-hero,html[data-theme=dark] .menu-sales-view .menu-hero,
  .menu-sales-view :is(#ozellikler,#kurulum,#aylik){
    background-image:linear-gradient(90deg,#241a15 17%,#241a15 35%,#241a15d9 46%,#241a1555 65%,#241a1500 86%),var(--venue);
    background-size:100% 100%,max(65%, 760px) auto;
    background-position:center,right center;
  }
}

.menu-sales-view #sss{--venue:url('/menu-faq.webp')}
.menu-sales-view #basvuru{--venue:url('/menu-support.webp')}
html .menu-sales-view .menu-hero,html[data-theme=dark] .menu-sales-view .menu-hero,
.menu-sales-view :is(#ozellikler,#kurulum,#aylik,#sss,#basvuru){
  position:relative;isolation:isolate;overflow:hidden;
  background:radial-gradient(ellipse at 82% 50%,#3e2b20,#251b16 68%);
  color:#fff2e4;border-color:#91634550;
}
html .menu-sales-view .menu-hero::before,
.menu-sales-view :is(#ozellikler,#kurulum,#aylik,#sss,#basvuru)::before{
  content:"";position:absolute;z-index:-1;pointer-events:none;
  inset:0 0 0 auto;width:min(58%,960px);
  background:var(--venue) center right/contain no-repeat;
  mask-image:linear-gradient(90deg,transparent,#000 33%),linear-gradient(180deg,transparent,#000 15%,#000 84%,transparent);
  mask-composite:intersect;
}
.menu-sales-view .menu-hero h1{font-size:clamp(39px,5.2vw,72px);max-width:15ch;text-wrap:balance}
.menu-sales-view #sss details{max-width:660px;background:#241a15cc;border-color:#a475555c;padding-inline:14px}
.menu-sales-view #sss details p,.menu-sales-view #basvuru .lede{color:#f1daca}
.menu-sales-view #basvuru .wrap{min-height:230px;display:grid;align-content:center;justify-items:start}
.menu-sales-view #basvuru .btn.primary{background:#edaa76!important;color:#29180f!important}
@media(max-width:740px){
  html .menu-sales-view .menu-hero,html[data-theme=dark] .menu-sales-view .menu-hero,
  .menu-sales-view :is(#ozellikler,#kurulum,#aylik,#sss,#basvuru){padding-top:clamp(165px,54vw,260px)}
  html .menu-sales-view .menu-hero::before,
  .menu-sales-view :is(#ozellikler,#kurulum,#aylik,#sss,#basvuru)::before{
    inset:0 0 auto;width:100%;height:clamp(190px,64vw,295px);
    background-position:center top;
    mask-image:linear-gradient(180deg,#000 63%,transparent);
  }
  .menu-sales-view #basvuru .wrap{min-height:0}
}

html .menu-sales-view .menu-hero::before,
.menu-sales-view :is(#ozellikler,#kurulum,#aylik,#sss,#basvuru)::before{
  inset:0 0 0 auto;
  width:min(68%,1320px);
  height:auto;
  aspect-ratio:auto;
  transform:none;
  border:0;
  border-radius:0;
  background:var(--venue) right 62%/cover no-repeat;
  mask-image:linear-gradient(to right,transparent 0%,#0007 28%,#000 66%);
  mask-composite:add;
}
.menu-sales-view :is(#kurulum,#aylik,#sss,#basvuru)::before{
  width:min(57%,1090px);
}
.menu-sales-view :is(#ozellikler,#kurulum,#aylik,#sss,#basvuru)>.wrap{
  position:relative;
}
@media(max-width:740px){
  html .menu-sales-view .menu-hero::before,
  .menu-sales-view :is(#ozellikler,#kurulum,#aylik,#sss,#basvuru)::before{
    inset:0 0 auto;
    width:100%;
    height:clamp(190px,64vw,295px);
    background-position:right center;
    mask-image:linear-gradient(to bottom,#000 62%,transparent 100%);
  }
}

/* Animated border treatment inspired by MuhammadHasann on Uiverse.io. */
.home-hero .actions .services-cta{
  position:relative;isolation:isolate;overflow:hidden;border:0;border-radius:999px;
  padding-inline:20px;gap:9px;background:#774427;color:#fff3e6;
}
.services-cta::before{
  content:"";position:absolute;inset:2px;z-index:-1;border-radius:inherit;
  background:linear-gradient(160deg,#3b261d,#241915);
  box-shadow:inset 0 1px #ffd5aa30;transition:background .25s;
}
@property --services-edge-angle{
  syntax:"<angle>";inherits:false;initial-value:0deg;
}
.services-cta-ring{
  position:absolute;z-index:0;inset:0;padding:2px;border-radius:inherit;pointer-events:none;
  background:conic-gradient(from var(--services-edge-angle),#805235 0%,#805235 57%,#d2834e 72%,#fff0cc 84%,#f4a565 90%,#805235 100%);
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask-composite:exclude;
}
.home-hero .actions .services-cta > :not(.services-cta-ring){position:relative;z-index:1}
.services-cta-sparkle{width:21px;height:21px;flex:none;color:#ffc18b}
.home-hero .actions .services-cta:is(:hover,:focus-visible)::before{background:linear-gradient(145deg,#814727,#45271c)}
@media(prefers-reduced-motion:no-preference){
  .services-cta-ring{animation:services-cta-spin 3s linear infinite}
  .services-cta:is(:hover,:focus-visible) .services-cta-sparkle{animation:services-cta-spark 1s ease-in-out infinite}
}
@keyframes services-cta-spin{to{--services-edge-angle:360deg}}
@keyframes services-cta-spark{50%{transform:scale(1.16)}}

.management-view>.site-header,.management-view>.site-footer{display:none}
.management-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:28px;max-width:1450px;margin:auto;padding:22px;min-height:100svh}
.management-layout aside{background:#211914;color:#fff2e4;border:1px solid #724a34;border-radius:18px;padding:20px;align-self:start;position:sticky;top:22px}
.management-layout aside p{margin:18px 0;color:#ffc58f;font-size:14px}
.management-layout aside nav{display:grid;gap:6px}
.management-layout aside nav a{padding:9px 12px;border-radius:8px;text-decoration:none;background:#37271e}
.management-layout aside nav a:hover{background:#543720}
.management-content{min-width:0;padding:12px 0}
.management-content h1{max-width:none;font-size:clamp(28px,4vw,48px)}
.management-content h2{font-size:23px}
.management-content>section{margin-top:24px}
.management-content details{margin-bottom:12px}
@media(max-width:760px){.management-layout{grid-template-columns:1fr;padding:14px;gap:12px}.management-layout aside{position:static}.management-layout aside nav{display:flex;flex-wrap:wrap}}

.management-layout aside nav a{display:flex;align-items:center;gap:10px}
.management-layout aside nav a[aria-current=page]{background:#613b25;color:#fff2e4}
.management-layout aside nav .nav-icon{width:18px;height:18px;color:#ffb575}
.management-content .menu-head{padding-bottom:14px;border-bottom:1px solid var(--line)}
.management-content .menu-head h1{margin:0}
.management-search{max-width:320px;margin:0 0 18px}
.management-business{padding:16px 18px;margin-bottom:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.management-business>.card{margin:0;padding:0;border:0;background:none}
.management-business details{margin:10px 0 0;padding:10px 0 0;border-bottom:0;border-top:1px solid var(--line)}
.management-business details .tenant{margin:10px 0 0}
.management-empty{color:var(--dim)}
.delete-business{border-color:#c46b60;color:var(--ink);margin-top:10px}
.delete-business:hover{background:#8b382d;color:#fff}
.delete-result:empty{display:none}

.guest-menu{min-height:100svh;background:#f7f0e7;color:#32241c;color-scheme:light}
.guest-cover{min-height:100svh;display:grid;grid-template-rows:1fr auto;justify-items:center;text-align:center;padding:32px 20px;background:radial-gradient(ellipse at 50% 28%,#583723,#2e2018 68%);color:#fff2e1}
.guest-cover-body{align-self:center;width:min(100%,440px);padding:38px 20px;border-block:1px solid #bd8b6655}
.guest-cover h1,.guest-browser h1{max-width:none;font:700 clamp(32px,8vw,52px)/1.1 Georgia,serif;letter-spacing:-.035em;overflow-wrap:anywhere}
.guest-cover .btn.primary{background:#f2d6ae!important;color:#362318!important;padding-inline:28px}
.guest-languages,.guest-categories{display:flex;gap:8px;flex-wrap:wrap}
.guest-languages{justify-content:center;margin-top:22px}
.guest-languages button,.guest-categories button{border-radius:999px;padding:7px 14px;min-height:44px;background:#fffaf3;color:#39261a;border-color:#cdb6a1}
.guest-languages button[aria-pressed=true],.guest-categories button[aria-pressed=true]{background:#704326;color:#fff;border-color:#704326}
.guest-credit{display:block;text-align:center;font-weight:650;font-size:14px;margin-top:24px}
.guest-browser{max-width:720px;margin:auto;padding:24px 18px 36px}
.guest-menu-header a{font-size:14px;color:#684628}
.guest-menu-header h1{margin:14px 0 22px}
.guest-search input{background:#fffaf3;border-color:#b89e87;color:#32241c}
.guest-categories{margin:16px 0}
.guest-products{display:grid;gap:10px}
.guest-product{margin:0;background:#fffaf3;border-color:#dcc6b2;color:#32241c}
.guest-product h3{margin-bottom:6px}.guest-product p{margin:0;color:#644d3e}.guest-product>strong{color:#79421f}

.guest-cover{position:relative;isolation:isolate}
.guest-cover-photo,.business-cover-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.guest-cover:has(.guest-cover-photo){
  --cover-width:min(100%,56.25svh);
  background:#2e2018;
  padding-inline:0;
}
.guest-cover .guest-cover-photo,.guest-cover:has(.guest-cover-photo)::before{
  inset:0 auto 0 50%;
  width:var(--cover-width);
  translate:-50% 0;
}
.guest-cover-photo{z-index:-2}
.guest-cover:has(.guest-cover-photo)::before{
  content:"";
  position:absolute;
  z-index:-1;
  background:linear-gradient(180deg,transparent 42%,#17110f85 70%,#17110fe0);
}
.guest-cover:has(.guest-cover-photo) .guest-cover-body{
  align-self:end;
  width:min(var(--cover-width),440px);
  padding:22px 16px;
  border:0;
  text-shadow:0 2px 14px #000b;
}
@media(max-width:600px){
  .guest-cover:has(.guest-cover-photo){--cover-width:100%}
  .guest-cover .guest-cover-photo{object-position:center top}
}
.business-panel{color-scheme:light;min-height:100svh;display:grid;grid-template-columns:clamp(185px,19vw,245px) minmax(0,1fr);gap:24px;padding:24px;background:#f5f5f5;color:#202020}
.business-sidebar{display:flex;flex-direction:column;gap:18px;padding:18px 14px;border-radius:22px;background:#191919;color:#f6f6f6}
.business-brand,.business-sidebar nav a{display:flex;align-items:center;gap:9px;color:inherit;text-decoration:none}
.business-brand{font-size:19px;font-weight:800}
.business-brand img{width:32px;height:32px;border-radius:50%}
.business-identity{display:grid;gap:4px;background:#2a2a2a;padding:12px;border-radius:10px;overflow-wrap:anywhere}
.business-identity small,.business-session{color:#c5c5c5}
.business-sidebar nav{display:grid;gap:4px}
.business-sidebar nav a{min-height:42px;padding:8px;border-radius:8px;font-size:14px}
.business-sidebar nav a:is(:hover,[aria-current]){background:#343434}
.business-session{margin-top:auto;display:grid;gap:8px}
.business-session a{color:inherit;font-size:13px}
.business-content{min-width:0;padding:4px 0 24px}
.business-content h1{font-size:clamp(24px,3vw,34px);line-height:1.15;letter-spacing:-.035em;margin:0 0 4px}
.business-content p{color:#535353}
.business-heading,.business-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.business-heading{justify-content:space-between;margin-bottom:18px}
.business-heading p{margin:0}
.business-content input,.business-content select,.business-sidebar select{background:white;color:#202020;border:1px solid #d0d0d0;border-radius:8px}
.business-content button:not(.business-switch){background:#202020;color:white;border:1px solid #202020;border-radius:8px}
.business-content .record{background:white;color:#202020;border-color:#ddd;margin-block:12px}
.business-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:12px}
.business-category{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:4px 10px;background:white;padding:10px;border-radius:15px;box-shadow:0 4px 12px #00000008}
.business-category[hidden],.business-content [hidden]{display:none}
.business-category img,.business-thumb{grid-row:span 2;width:52px;height:52px;object-fit:cover;border-radius:10px}
.business-thumb{display:grid;place-items:center;background:#f0eee9;color:#6b5843}
.business-category h2{margin:0;font-size:14px;letter-spacing:0;overflow-wrap:anywhere}
.business-category small{align-self:start;color:#595959;font-size:11px;white-space:nowrap}
.business-category a{grid-column:2/-1;justify-self:end;color:#222;font-size:12px;font-weight:700;padding:4px}
.business-switch{display:inline-flex;gap:6px;align-items:center;padding:4px 0;min-height:28px;background:none;border:0;color:#555;font-size:12px}
.business-switch::before{content:"";width:25px;height:14px;border-radius:20px;background:radial-gradient(circle at 7px center,white 4px,transparent 5px),#777}
.business-switch[aria-checked=true]{color:#227044}
.business-switch[aria-checked=true]::before{background:radial-gradient(circle at 18px center,white 4px,transparent 5px),#308756}
.business-cover-settings{display:flex;flex-wrap:wrap;align-items:start;gap:24px}
.business-cover-settings form{flex:1 1 250px;min-width:0}
.business-cover-preview{position:relative;isolation:isolate;overflow:hidden;width:min(100%,240px);aspect-ratio:9/16;border-radius:16px;background:#39271d;color:#fff2e1;display:grid;place-content:end center;text-align:center;padding:16px;gap:12px;overflow-wrap:anywhere}
.business-cover-preview img{z-index:-2}
.business-cover-preview::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,#17110f85 70%,#17110fe0);z-index:-1}
.business-cover-preview span{border-radius:8px;background:#f2d6ae;color:#362318;padding:8px 12px}
@media(max-width:700px){.business-panel{grid-template-columns:minmax(0,1fr);padding:12px;gap:16px}.business-sidebar nav,.business-session{display:flex;flex-wrap:wrap;align-items:center;gap:8px}}

.guest-cover .btn.primary,.business-cover-preview span{
  background:var(--cover-button-bg,#f2d6ae)!important;
  color:var(--cover-button-text,#362318)!important;
  text-shadow:none;
}
.guest-cover[data-cover-position=top] .guest-cover-body{align-self:start}
.guest-cover[data-cover-position=middle] .guest-cover-body{align-self:center}
.guest-cover[data-cover-position=bottom] .guest-cover-body{align-self:end}
.guest-cover[data-cover-position=top]::before,.business-cover-preview[data-cover-position=top]::after{
  background:linear-gradient(180deg,#17110fda,transparent 65%);
}
.guest-cover[data-cover-position=middle]::before,.business-cover-preview[data-cover-position=middle]::after{
  background:linear-gradient(180deg,transparent,#17110fb8,transparent);
}
.business-cover-preview[data-cover-position=top]{place-content:start center}
.business-cover-preview[data-cover-position=middle]{place-content:center}
#cover-style-form{margin-top:24px}
.cover-style-fields{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}
.cover-style-fields input[type=color]{min-height:44px;min-width:72px;padding:4px}

.cover-preview-copy{display:grid;justify-items:center;gap:8px}
.business-cover-preview .cover-preview-copy p{margin:0;color:inherit;font-size:13px}
.cover-button-layer{position:absolute;inset:12px;width:auto;pointer-events:none}
.guest-cover>.cover-button-layer{
  inset:24px auto 60px 50%;
  width:min(calc(100% - 24px),var(--cover-width,440px));
  translate:-50% 0;
}
.cover-button-layer .cover-menu-button{
  position:absolute;left:var(--button-x);top:var(--button-y);
  transform:translate(calc(-1 * var(--button-x)),calc(-1 * var(--button-y)));
  pointer-events:auto;
}
.guest-cover .cover-menu-button,.business-cover-preview .cover-menu-button{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:44px;max-width:100%;width:max-content;border-radius:var(--button-radius);
  white-space:normal;overflow-wrap:anywhere;line-height:1.2;
}
.guest-cover .cover-menu-button[data-size=small],.business-cover-preview .cover-menu-button[data-size=small]{font-size:14px;padding:8px 12px}
.guest-cover .cover-menu-button[data-size=large],.business-cover-preview .cover-menu-button[data-size=large]{font-size:19px;padding:12px 24px}
#cover-style-form fieldset{min-width:0;margin:0 0 16px;padding:16px;border:1px solid #d3c7bc;border-radius:14px}
#cover-style-form legend{font-weight:700;padding-inline:6px}
.cover-editor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:12px;margin-block:8px}
.cover-editor-grid[hidden]{display:none}
#cover-style-form input[type=range]{width:100%;min-height:44px;padding:0}
#cover-style-form input[type=checkbox]{width:auto;margin-right:8px}
.business-cover-settings{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);align-items:start}
.business-cover-settings .business-cover-preview{grid-row:1 / span 2;position:sticky;top:16px}
.business-cover-settings #cover-style-form{grid-column:2;margin:0}
@media(max-width:800px){
  .business-cover-settings{grid-template-columns:minmax(0,1fr)}
  .business-cover-settings .business-cover-preview{grid-row:auto;position:relative;top:auto}
  .business-cover-settings #cover-style-form{grid-column:auto}
}

.cover-floating-text{
  position:absolute;left:var(--item-x);top:var(--item-y);
  transform:translate(calc(-1 * var(--item-x)),calc(-1 * var(--item-y)));
  width:max-content;max-width:100%;text-align:center;
  overflow-wrap:anywhere;text-shadow:0 2px 12px #000,0 1px 4px #000;
}
.cover-floating-text :is(h1,p){margin:0}
.business-cover-preview .cover-floating-text p{color:inherit;font-size:13px}
.cover-desktop-preview{
  grid-row:1 / span 2;position:sticky;top:16px;
  display:flex;justify-content:center;overflow:hidden;border-radius:16px;
  background:var(--cover-side,#2e2018);
}
.cover-desktop-preview .business-cover-preview{
  position:relative;top:auto;width:min(70%,240px);border-radius:0;
}
@media(min-width:601px){
  .guest-cover:has(.guest-cover-photo){
    background:var(--cover-side,#2e2018);
  }
}
@media(max-width:800px){
  .cover-desktop-preview{grid-row:auto;position:relative;top:auto;width:min(100%,320px)}
}

.guest-artwork:has(.guest-cover-photo)::before{content:none}
.guest-artwork .guest-credit{grid-row:2;color:#fff;text-shadow:0 1px 5px #000,0 1px 8px #000}
.guest-cover .cover-touch,.business-cover-preview .cover-touch{
  position:relative;isolation:isolate;width:72px;height:72px;
  max-width:none;padding:0!important;border-radius:50%;border:0;
  box-shadow:0 5px 16px #0004;
}
.cover-button-layer .cover-touch{position:absolute}
.guest-cover .cover-touch[data-size=small],.business-cover-preview .cover-touch[data-size=small]{width:58px;height:58px}
.guest-cover .cover-touch[data-size=large],.business-cover-preview .cover-touch[data-size=large]{width:88px;height:88px}
.cover-touch svg{width:45%;height:45%;pointer-events:none}
.cover-touch::after{
  content:"";position:absolute;inset:0;border:3px solid var(--cover-button-bg);
  border-radius:inherit;pointer-events:none;
  animation:cover-touch-pulse 1.9s ease-out infinite;
}
@keyframes cover-touch-pulse{
  0%{transform:scale(1);opacity:.75}
  85%,100%{transform:scale(1.48);opacity:0}
}
@media(prefers-reduced-motion:reduce){.cover-touch::after{animation:none;opacity:0}}
.guest-browser .guest-languages{justify-content:flex-start;margin:0 0 18px}
.guest-menu :is(.guest-languages,.guest-categories) button{
  background:color-mix(in srgb,var(--cover-button-bg) 20%,#fffaf3);
  color:#39261a;border-color:color-mix(in srgb,var(--cover-button-bg) 60%,#706058);
}
.guest-menu :is(.guest-languages,.guest-categories) button[aria-pressed=true],
.guest-menu .guest-menu-header>a{
  background:var(--cover-button-bg);color:var(--cover-button-text);
  border-color:transparent;
}
.guest-menu .guest-menu-header>a{
  display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:999px;
}
.guest-cover .cover-button-layer .cover-touch,.business-cover-preview .cover-button-layer .cover-touch{position:absolute}

/* Keep the placement transform in every animation frame. */
.cover-menu-button{--button-offset:translate(0,0)}
.cover-button-layer .cover-menu-button{
  --button-offset:translate(calc(-1 * var(--button-x)),calc(-1 * var(--button-y)));
  transform:var(--button-offset);
}
.cover-touch[data-motion=none]::after{animation:none;opacity:0}
@media(prefers-reduced-motion:no-preference){
  .cover-menu-button[data-motion=jelly]{animation:cover-jelly 1.8s ease-in-out infinite}
  .cover-menu-button[data-motion=pulse]{animation:cover-button-pulse 1.5s ease-in-out infinite}
  .guest-cover .cover-menu-button:not([data-motion=none]):active{
    animation:none;transform:var(--button-offset) scale(.86,1.12);
  }
  .guest-menu> :is(.guest-cover,.guest-browser){animation:guest-page-in .32s ease-out both}
}
@keyframes cover-jelly{
  0%,100%{transform:var(--button-offset) scale(.94,1.06)}
  11%{transform:var(--button-offset) rotate(-9deg) scale(.70,1.30)}
  23%{transform:var(--button-offset) rotate(8deg) scale(1.29,.73)}
  34%{transform:var(--button-offset) rotate(-4deg) scale(.89,1.14)}
  57%{transform:var(--button-offset) rotate(3deg) scale(1.14,.89)}
  78%{transform:var(--button-offset) rotate(-2deg) scale(.91,1.10)}
}
@keyframes cover-button-pulse{
  0%,100%{transform:var(--button-offset)}
  50%{transform:var(--button-offset) scale(1.13)}
}
@keyframes guest-page-in{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:translateY(0)}
}

.business-panel{
  --surface:#282828;--paper:#202020;--ink:#f2f2f2;--dim:#c3c3c3;--line:#484848;--accent:#dedede;
  color-scheme:dark;background:#202020;color:var(--ink);
  gap:clamp(16px,2.5vw,32px);font-size:15px;
}
.business-sidebar{background:#282828;border:1px solid #404040;padding:20px 16px}
.business-sidebar nav a[aria-current]{background:#444;border-inline-start:3px solid #d3d3d3;padding-inline-start:9px}
.business-identity{background:#353535}
.business-content{padding-top:0}
.business-content p,.business-category small{color:var(--dim)}
.business-hero{
  min-height:148px;display:flex;align-content:center;flex-wrap:wrap;gap:16px;
  margin:0 0 22px;padding:clamp(18px,3vw,36px);border:1px solid var(--line);border-radius:18px;
  background:linear-gradient(90deg,#202020fa,#242424a0),url('/panel-workshop.webp') center right/cover;
}
.business-hero h1{width:100%;margin:0;font-size:clamp(26px,3vw,38px)}
.business-hero p{margin:0}
.business-panel[data-section=cover] .business-hero{
  background-image:linear-gradient(90deg,#202020fa,#24242490),url('/panel-restaurant.webp');
}
.business-category,.business-content .record,.business-content details,
.business-cover-settings #cover-form,.business-cover-settings #cover-style-form{
  background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:16px;
}
.business-category{padding:14px}
.business-category a{color:var(--ink)}
.business-thumb{background:#393939;color:#ddd}
.business-switch{color:#ccc}
.business-switch[aria-checked=true]{color:#a8dfb7}
.business-content details,.business-cover-settings #cover-form,.business-cover-settings #cover-style-form{padding:clamp(14px,2vw,22px)}
.business-content input,.business-content select,.business-sidebar select{
  background:#343434;color:var(--ink);border-color:#575757;
}
.business-content input::placeholder{color:#bababa}
.business-content button:not(.business-switch){background:#434343;color:var(--ink);border-color:#616161}
.business-content button[type=submit],.business-content #add-category{background:#dadada;color:#202020;border-color:#dadada}
.business-content :is(button,input,select,a):focus-visible,.business-sidebar :is(a,button,select):focus-visible{outline:2px solid #ddd;outline-offset:3px}
#cover-style-form fieldset{border-color:var(--line)}
#replay-cover-motion{margin-bottom:14px}
.business-cover-settings h2{margin:0 0 14px}

.business-panel{
  background:#202020 linear-gradient(105deg,#202020f7 8%,#202020b8 52%,#20202058 100%);
  background-image:linear-gradient(105deg,#202020f7 8%,#202020b8 52%,#20202058 100%),url('/panel-workshop.webp');
  background-position:center,right center;background-size:cover;background-attachment:fixed;
}
.business-panel[data-section=cover]{background-image:linear-gradient(105deg,#202020f7 8%,#202020b8 52%,#20202058 100%),url('/panel-restaurant.webp')}
.business-panel .business-hero{background:#202020a8}
.analytics-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:14px}
.analytics-card{background:#282828f5;border:1px solid #484848;border-radius:17px;padding:clamp(14px,2vw,23px)}
.analytics-card h2{font-size:15px;margin:0 0 10px;color:#e8e8e8}
.analytics-card strong{font-size:clamp(26px,4vw,39px);font-variant-numeric:tabular-nums}
.analytics-card p{margin:4px 0;font-size:13px}
.analytics-chart{margin-top:16px}
.analytics-bars{height:180px;display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:3px;margin:18px 0 10px}
.analytics-bars .analytics-bar{min-width:0;min-height:0;position:relative;padding:0 1px 18px;border:0;background:transparent;color:#e0e0e0;border-radius:4px;display:flex;align-items:end}
.analytics-bar span{height:max(2px,var(--bar));width:100%;border-radius:4px 4px 0 0;background:#91c8a8}
.analytics-bar small{position:absolute;left:0;bottom:0;white-space:nowrap;font-size:10px}
.analytics-bar:is(:hover,:focus-visible) span{background:#e2f4e8}
.analytics-note{font-size:13px}
@media(max-width:600px){
  .business-panel{background-attachment:scroll;background-size:auto,auto 100svh;background-repeat:no-repeat}
  .analytics-bar small{display:none}
  .analytics-bar:nth-child(6n+1) small{display:block}
}

.guest-catalog{max-width:560px;min-height:100svh;padding:20px clamp(14px,4vw,28px) 34px;background:var(--surface);color:var(--ink)}
.guest-menu:has(.guest-catalog){background:color-mix(in srgb,var(--cover-button-bg) 22%,var(--paper))}
.guest-catalog .guest-menu-header h1{font-size:clamp(25px,6vw,36px);margin:16px 0}
.guest-catalog [hidden]{display:none}
.catalog-feature{margin:18px 0 12px}
.catalog-feature-card,.guest-category-tile{display:grid;position:relative;overflow:hidden;width:100%;padding:0;border:0;isolation:isolate;background:#35312c}
.catalog-feature-card{aspect-ratio:1;border-radius:13px}
.catalog-feature-card img,.guest-category-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.catalog-feature-card span,.guest-category-tile span{
  align-self:end;z-index:1;background:var(--cover-button-bg);color:var(--cover-button-text);
  padding:8px;overflow-wrap:anywhere;
}
.catalog-feature-card span{display:flex;justify-content:space-between;gap:12px;text-align:left;padding:12px}
.catalog-feature-card strong{white-space:nowrap}
.catalog-dots{display:flex;justify-content:center;gap:2px;flex-wrap:wrap}
.catalog-dots button{min-height:32px;width:29px;padding:0;background:transparent;border:0;display:grid;place-items:center}
.catalog-dots button::before{content:"";width:8px;height:8px;border-radius:50%;background:#999}
.catalog-dots button[aria-pressed=true]::before{background:var(--cover-button-bg);outline:1px solid #7a6f66}
.catalog-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}
.guest-category-tile{aspect-ratio:1;border-radius:10px;font-size:13px;line-height:1.25}
.guest-category-tile:not(:has(img)){background:var(--cover-button-bg)}
.guest-category-tile:not(:has(img)) span{align-self:center}
#catalog-back{margin:16px 0 8px;background:var(--cover-button-bg);color:var(--cover-button-text);border-color:transparent}
.guest-catalog .guest-product{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:start}
.guest-catalog .guest-product:has(img){grid-template-columns:minmax(54px,22%) minmax(0,1fr) auto}
.guest-product img,.panel-product-photo{width:100%;aspect-ratio:1;object-fit:cover;border-radius:9px}
.guest-product-info{min-width:0;overflow-wrap:anywhere}
.guest-product-info .guest-allergens{font-size:13px;margin-top:8px}
.panel-product-photo{width:90px;margin:8px 0}
.business-content .record-photo,.business-content #category-form{margin:16px 0;padding:16px}
.business-content details{margin-block:12px}
.product-allergens{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,155px),1fr));gap:8px 12px;border:1px solid var(--line);border-radius:10px;margin:16px 0;padding:12px}
.product-allergens label{display:flex;align-items:center;gap:8px}
.product-allergens input[type=checkbox]{width:auto;margin:0}

.guest-menu:has(.editorial-menu){background:#ded6ce}
.editorial-menu{
  --menu-paper:#f8f3eb;--menu-ink:#321c12;--menu-line:#ded0c1;
  background:var(--menu-paper);color:var(--menu-ink);color-scheme:light;
  padding:16px clamp(15px,4vw,25px) 24px;
}
.editorial-menu h1,.editorial-menu h2,.editorial-product strong,.sheet-heading{
  font-family:Georgia,serif;color:var(--menu-ink);
}
.editorial-header{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:10px;margin-bottom:17px}
.editorial-header h1{font-size:clamp(22px,6vw,35px);line-height:1.1;text-align:center;margin:0;overflow-wrap:anywhere}
.editorial-header h1 img{display:block;width:auto;max-width:100%;height:auto;max-height:74px;margin:auto;object-fit:contain}
.editorial-header>a,.editorial-header>button,.sheet-tools button{
  display:grid;place-items:center;min-height:44px;min-width:44px;padding:0;border:0;
  background:transparent;color:var(--menu-ink);font-size:24px;text-decoration:none;
}
.editorial-menu :is(a,button,input):focus-visible{outline:2px solid var(--menu-accent);outline-offset:3px}
.editorial-menu #catalog-search{margin-block:8px 18px}
.editorial-menu #search{background:#fffaf5;border-color:var(--menu-line);color:var(--menu-ink)}
.editorial-menu h2{font-size:clamp(24px,6vw,34px);margin:18px 0 12px}
.editorial-menu .editorial-feature{display:block;aspect-ratio:auto;background:none;color:inherit;text-align:left}
.editorial-menu .editorial-feature img{position:static;display:block;aspect-ratio:1.42;border-radius:14px;height:auto;object-fit:cover}
.editorial-menu .editorial-feature span{background:none;color:inherit;font:700 clamp(19px,5vw,25px)/1.2 Georgia,serif;padding:12px 1px;border-bottom:1px solid var(--menu-line)}
.editorial-menu .menu-price,.editorial-menu .editorial-feature strong,.sheet-heading strong{
  color:color-mix(in srgb,var(--menu-accent) 70%,#21130e);white-space:nowrap;
}
.editorial-menu .catalog-categories{gap:10px;margin-top:0}
.editorial-menu .guest-category-tile{display:flex;flex-direction:column;aspect-ratio:auto;min-height:72px;background:#eadecf;border-radius:11px}
.editorial-menu .guest-category-tile img{position:static;display:block;aspect-ratio:1.18;height:auto}
.editorial-menu .guest-category-tile span{align-self:stretch;margin:auto 0;background:transparent;color:var(--menu-ink);font:700 clamp(12px,3vw,16px)/1.2 Georgia,serif}
.editorial-menu #catalog-back{margin:0;background:#eadecf;color:var(--menu-ink)}
.editorial-menu .editorial-product{width:100%;background:transparent;color:var(--menu-ink);text-align:left;border:0;border-bottom:1px solid var(--menu-line);border-radius:0;padding:11px 0;gap:10px}
.editorial-product .guest-product-info{display:grid;gap:4px}
.editorial-product .guest-product-info>span{font-size:14px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.product-sheet{
  position:fixed;inset:auto 0 0;margin:0 auto;width:min(100%,560px);max-width:none;max-height:88dvh;
  border:0;border-radius:22px 22px 0 0;padding:8px 18px max(20px,env(safe-area-inset-bottom));
  background:var(--menu-paper);color:var(--menu-ink);overscroll-behavior:contain;
}
.product-sheet::backdrop{background:#180f0cc0}
.sheet-tools{display:flex;justify-content:flex-end}
.product-sheet img{display:block;width:100%;max-height:38dvh;aspect-ratio:1.65;object-fit:cover;border-radius:12px}
.sheet-heading{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.sheet-heading h2{margin:12px 0 4px;overflow-wrap:anywhere}
.product-sheet p{white-space:pre-line}
.sheet-allergens{border-top:1px solid var(--menu-line);margin-top:12px;padding-top:10px}
.sheet-allergens h3{margin:0 0 8px}
.sheet-allergens ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.sheet-allergens li{background:#eadecf;border-radius:999px;padding:5px 12px}
.cover-entry-languages{position:absolute;z-index:2;top:0;left:0;right:0;margin-top:12px}
.business-content .menu-brand-form{max-width:620px;background:var(--surface);color:var(--ink);display:grid;gap:12px}
.panel-brand-preview{display:block;max-width:180px;max-height:85px;object-fit:contain}
@media(prefers-reduced-motion:no-preference){
  .product-sheet[open]{animation:product-sheet-open .24s ease-out}
}
@keyframes product-sheet-open{from{transform:translateY(100%)}to{transform:translateY(0)}}
.business-tenant-logo{display:block;width:auto;max-width:100%;max-height:64px;object-fit:contain;justify-self:center}
.editorial-menu .guest-category-tile,.editorial-menu #catalog-back,.sheet-allergens li{
  background:color-mix(in srgb,var(--menu-accent) 13%,#f3e9dd);
}

.editorial-menu .guest-category-tile span,.editorial-menu #catalog-back,
.editorial-menu .editorial-header>a,.editorial-menu .editorial-header>button,
.editorial-menu .sheet-tools button{
  background:var(--menu-accent);color:var(--menu-on-accent);
}
.editorial-menu :is(.editorial-header>a,.editorial-header>button,.sheet-tools button){border-radius:10px}
.editorial-menu :is(.menu-price,.editorial-feature strong,.sheet-heading strong){
  color:var(--menu-accent);
  color:color-mix(in srgb,var(--menu-accent) 65%,#21130e);
}
.featured-controls{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:6px;font-size:13px}
.featured-controls button{min-height:44px;padding:6px 12px;background:var(--menu-accent);color:var(--menu-on-accent);border:0;border-radius:9px}
.editorial-menu #featured-product:not(:has(img)){
  display:grid;align-content:end;min-height:132px;padding:15px;
  background:color-mix(in srgb,var(--menu-accent) 14%,var(--menu-paper));
}
.menu-brand-form input[name=featured]{appearance:auto;width:18px;height:18px;flex:none;accent-color:#ba743f}

.editorial-menu #featured-product{
  position:relative;aspect-ratio:1;overflow:hidden;border-radius:8px;padding:0;
}
.editorial-menu #featured-product:not(:has(img)){aspect-ratio:auto;padding:0}
.editorial-menu #featured-product img{
  position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;border-radius:0;
}
.editorial-menu #featured-product .featured-caption{
  position:absolute;inset:auto 0 0;display:flex;align-items:baseline;justify-content:space-between;
  gap:10px;padding:9px 11px;border:0;background:var(--menu-accent);color:var(--menu-on-accent);
  font-family:inherit;font-size:14px;font-weight:600;line-height:1.35;
}
.editorial-menu #featured-product .featured-caption strong{color:inherit;white-space:nowrap}
.featured-dots{display:flex;justify-content:center;flex-wrap:wrap}
.featured-dots button{display:grid;place-items:center;width:20px;min-height:30px;padding:0;border:0;background:transparent}
.featured-dots button::before{content:"";width:8px;height:8px;border-radius:50%;background:#aaa}
.featured-dots button[aria-pressed=true]::before{background:var(--menu-accent)}
.featured-viewport{position:relative;overflow:hidden;border-radius:8px}
.editorial-menu .featured-outgoing{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.editorial-menu .featured-outgoing img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0}
.editorial-menu .featured-outgoing .featured-caption{position:absolute;inset:auto 0 0;background:var(--menu-accent);color:var(--menu-on-accent);padding:9px 11px;font:600 14px/1.35 system-ui}
.editorial-menu .featured-outgoing .featured-caption strong{color:inherit}
.business-confirm{position:fixed;inset:0;margin:auto;width:min(92vw,420px);padding:24px;border:1px solid #565656;border-radius:16px;background:#292929;color:#f5f5f5}
.business-confirm::backdrop{background:#0009}
.business-confirm h2{margin:0}
.business-confirm .actions{display:flex;justify-content:flex-end;gap:10px}
.business-confirm button{background:#444;color:#fff;border-color:#666}
.business-confirm button[value=delete]{background:#a52f36;border-color:#a52f36}

.business-category{position:relative;padding-inline-end:57px}
.business-content .category-grip{
  position:absolute;inset-inline-end:7px;top:50%;transform:translateY(-50%);
  width:42px;min-height:44px;padding:0;font-size:22px;cursor:grab;
  touch-action:none;user-select:none;
}
.business-category.is-dragging .category-grip{cursor:grabbing}
.business-category.is-dragging{opacity:.72}
.business-category.category-drop-target{outline:2px solid #daa375;outline-offset:2px}

.featured-viewport .featured-outgoing{animation:featured-exit-left .48s ease-in-out both}
.featured-viewport .featured-incoming{animation:featured-enter-right .48s ease-in-out both}
@keyframes featured-exit-left{from{transform:translateX(0)}to{transform:translateX(-100%)}}
@keyframes featured-enter-right{from{transform:translateX(100%)}to{transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){
  .featured-viewport .featured-outgoing{visibility:hidden}
  .featured-viewport .featured-incoming{animation:none}
}

@media(prefers-reduced-motion:no-preference){
  .guest-menu>.guest-view-exit{animation:guest-view-out .22s ease-in both;pointer-events:none}
  .guest-menu>.guest-browser{animation:guest-menu-reveal .42s cubic-bezier(.22,.75,.25,1) both}
}
@keyframes guest-view-out{
  from{opacity:1;transform:translateY(0)}
  to{opacity:0;transform:translateY(-12px)}
}
@keyframes guest-menu-reveal{
  from{opacity:0;transform:translateY(24px)}
  to{opacity:1;transform:translateY(0)}
}

[data-cover-font=serif]{font-family:Georgia,serif!important}
[data-cover-font=sans]{font-family:"Instrument Sans",Arial,sans-serif!important}
[data-cover-font=mono]{font-family:"Courier New",monospace!important}
.guest-cover [data-cover-layer]:not([data-cover-layer=button]){
  color:var(--cover-type-color,inherit);font-size:var(--cover-type-size,revert-layer);
}
.guest-cover h1[data-cover-layer]{font-size:var(--cover-type-size,clamp(26px,7vw,48px))}
.business-cover-preview [data-cover-layer]{pointer-events:auto;touch-action:none;cursor:grab;user-select:none}
.business-cover-preview [data-cover-layer]:active{cursor:grabbing}
.business-cover-preview [data-cover-layer]:not([data-cover-layer=button]){
  color:var(--cover-type-color,inherit);font-size:calc(var(--cover-type-size,18px) * .55);
}
.business-cover-preview strong[data-cover-layer]{font-size:calc(var(--cover-type-size,32px) * .55)}
.business-cover-preview [data-cover-layer]:hover{outline:1px dashed #fff;outline-offset:3px}

#cover-style-form :is([data-position-controls],[data-free-position]){display:none}
#cover-style-form label:has(input[name$="Free"]),#cover-style-form label:has(input[name=free]){display:none}
.business-cover-preview .cover-layer-selected{
  outline:2px solid #7cc8ff;outline-offset:3px;position:relative;
}
.business-cover-preview .cover-button-layer .cover-menu-button.cover-layer-selected{position:absolute}
.cover-resize-handle,.cover-radius-handle{
  position:absolute;display:block;z-index:4;pointer-events:auto;touch-action:none;
  width:14px;height:14px;border:2px solid #1577bb;background:white;border-radius:3px;
}
.cover-resize-handle{bottom:-8px;right:-8px;cursor:nwse-resize}
.cover-radius-handle{top:-8px;left:-8px;cursor:ew-resize;border-radius:50%}
.business-cover-preview .cover-layer-selected.cover-menu-button{animation:none}

/* Give the portrait canvas the main workspace column. */
.business-cover-settings{
  grid-template-columns:minmax(0,1fr) minmax(290px,365px);
  grid-template-rows:auto 1fr;
  gap:18px;
}
.business-cover-settings .cover-desktop-preview{
  grid-column:1;grid-row:1 / span 2;position:sticky;top:14px;
  width:100%;min-width:0;padding:16px;
  border:1px solid var(--line);border-radius:18px;
  background:var(--cover-side,#2e2018);
}
.business-cover-settings .cover-desktop-preview .business-cover-preview{
  position:relative;top:auto;grid-row:auto;
  width:min(100%,460px,max(330px,calc((100svh - 62px) * .5625)));
  max-width:none;aspect-ratio:9/16;
  border-radius:10px;box-shadow:0 10px 36px #0006;
}
.business-cover-settings #cover-style-form{grid-column:2;grid-row:1}
.business-cover-settings #cover-form{grid-column:2;grid-row:2;align-self:start}
.business-cover-preview [data-cover-layer]:not([data-cover-layer=button]){
  font-size:calc(var(--cover-type-size,18px) * .9);
}
.business-cover-preview strong[data-cover-layer]{font-size:calc(var(--cover-type-size,32px) * .9)}
.cover-resize-handle,.cover-radius-handle{width:20px;height:20px}
@media(max-width:1000px){
  .business-cover-settings{grid-template-columns:minmax(0,1fr);grid-template-rows:auto}
  .business-cover-settings .cover-desktop-preview{
    grid-column:1;grid-row:1;position:relative;top:auto;padding:clamp(6px,2vw,14px);
  }
  .business-cover-settings .cover-desktop-preview .business-cover-preview{width:min(100%,430px)}
  .business-cover-settings #cover-style-form{grid-column:1;grid-row:2}
  .business-cover-settings #cover-form{grid-column:1;grid-row:3}
}

.cover-canvas-guides{position:absolute;inset:0;z-index:8;pointer-events:none}
.cover-canvas-guides::before,.cover-canvas-guides::after{
  position:absolute;content:"";background:#ff54bf;box-shadow:0 0 0 1px #24061d80;visibility:hidden;
}
.cover-canvas-guides::before{top:0;bottom:0;left:50%;width:1px}
.cover-canvas-guides::after{left:0;right:0;top:50%;height:1px}
.cover-guide-vertical>.cover-canvas-guides::before,
.cover-guide-horizontal>.cover-canvas-guides::after{visibility:visible}

.cover-floating-text:has(.cover-language-row){z-index:2}
.cover-language-row{margin:0;max-width:100%}
.business-cover-preview .cover-language-row span{background:#fffaf3;color:#39261a;border-radius:999px;padding:7px 12px;font-size:13px}
.business-cover-preview .cover-language-row{justify-content:center}

/* Keep the language group reachable even if another movable layer overlaps it. */
.business-cover-preview .cover-language-row{
  position:relative;z-index:6;pointer-events:auto;touch-action:none;cursor:grab;
}
.business-cover-preview .cover-floating-text:has(.cover-language-row){z-index:6}
.business-cover-preview .cover-language-row span{pointer-events:none}
.business-cover-preview .cover-language-row:active{cursor:grabbing}

.guest-cover>.cover-button-layer>.cover-floating-text:has(.cover-language-row){
  left:var(--item-x);top:var(--item-y);
  transform:translate(calc(-1 * var(--item-x)),calc(-1 * var(--item-y)));
}

/* The positioning layer ignores clicks, but its language controls must receive them. */
.guest-cover .cover-language-row button[data-guest-language]{pointer-events:auto}

.menu-translation-fields{border:1px solid var(--line);border-radius:10px;margin:12px 0;padding:12px;display:grid;gap:10px}
.menu-translation-fields>div{display:grid;gap:8px}

.not-found-scene{
  display:grid;align-items:center;min-height:clamp(500px,72svh,740px);
  color:#fff4e4;background:#241a15;
  background-image:linear-gradient(90deg,#1b130ff7 0%,#221711dc 37%,#25180d50 76%),url('/404-simitsoft.webp?v=99');
  background-size:cover;background-position:center,center 64%;
  border-bottom:1px solid #704d35;
}
.not-found-content{padding-block:64px}
.not-found-code{margin:0 0 8px;color:#ffab62;font-size:clamp(62px,12vw,144px);font-weight:800;line-height:.9;letter-spacing:-.075em}
.not-found-content h1{margin:16px 0 12px;color:inherit;font-size:clamp(34px,5vw,62px);line-height:1.06}
.not-found-copy{max-width:34ch;margin:0 0 26px;color:#f4dec8;font-size:clamp(16px,2vw,20px)}
.not-found-actions{display:flex;flex-wrap:wrap;gap:12px}
.not-found-actions .btn{background:#281b15;color:#fff4e4;border-color:#b88a63}
.not-found-actions .btn.primary{background:#ffab62;color:#281509;border-color:#ffab62}
@media(max-width:600px){
  .not-found-scene{background-position:center,right 70%;background-image:linear-gradient(0deg,#171217 5%,#171217e8 35%,#17121730 85%),url('/404-simitsoft.webp?v=99')}
  .not-found-content{padding-block:46px}
}

@media(max-width:600px){.not-found-scene{align-items:end;min-height:660px}.not-found-content{padding-block:40px}.not-found-code{font-size:64px}}

.not-found-scene.access-restricted-scene{background-image:linear-gradient(90deg,#1b130ff7 0%,#221711dc 37%,#25180d50 76%),url('/access-restricted.webp?v=101')}
@media(max-width:600px){
  .not-found-scene.access-restricted-scene{background-image:linear-gradient(0deg,#171217 5%,#171217e8 38%,#17121730 85%),url('/access-restricted.webp?v=101')}
}