:root{
  --donya-nav-wine:#7c0f34;--donya-nav-wine-dark:#62102d;--donya-nav-ink:#442126;
  --donya-nav-paper:rgba(255,249,246,.78);--donya-nav-line:rgba(117,71,66,.12);
}
#donya-navigation-root{min-height:102px}
.donya-top{z-index:90!important;width:100%!important;padding:18px 0 0!important;background:transparent!important;transition:.25s ease!important}
body:not(.donya-inner-page) .donya-top{position:absolute!important;inset:0 0 auto!important}
.donya-inner-page .donya-top{position:fixed!important;top:0!important;left:0!important;right:0!important;padding:18px 0 0!important;background:transparent!important;border:0!important}
body:not(.donya-inner-page) .donya-top.is-scrolled{position:fixed!important;inset:0 0 auto!important;padding:9px 0 0!important;background:linear-gradient(180deg,rgba(255,247,243,.5),transparent)!important}
.donya-nav-shell{width:min(1420px,calc(100% - 72px))!important;margin:0 auto!important;min-height:80px!important;display:grid!important;grid-template-columns:210px minmax(0,1fr) 285px!important;grid-template-areas:"book nav brand"!important;gap:24px!important;align-items:center!important;padding:9px 20px 9px 14px!important;border:1px solid rgba(255,255,255,.82)!important;border-radius:31px!important;background:linear-gradient(90deg,rgba(255,249,246,.77),rgba(255,248,245,.72))!important;box-shadow:0 14px 34px rgba(91,48,44,.11),inset 0 1px 0 rgba(255,255,255,.92)!important;backdrop-filter:blur(22px) saturate(125%)!important;-webkit-backdrop-filter:blur(22px) saturate(125%)!important;direction:ltr!important}
.donya-brand{grid-area:brand;justify-self:end;display:flex!important;flex-direction:row-reverse!important;align-items:center!important;gap:12px!important;min-width:0!important;color:#5a1a24!important;text-decoration:none!important}
.donya-brand img{width:66px!important;height:70px!important;object-fit:contain!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;filter:drop-shadow(0 2px 3px rgba(116,69,38,.18))!important}
.donya-brand-copy{display:flex!important;flex-direction:column!important;line-height:1.05!important;min-width:0!important;text-align:right!important}
.donya-brand-copy b{font-family:Georgia,'Times New Roman',serif!important;font-size:1.38rem!important;font-weight:500!important;color:#6b182b!important;white-space:nowrap!important}.donya-brand-copy small{display:none!important}
.desktop-nav{grid-area:nav;display:flex!important;align-items:center!important;justify-content:center!important;gap:clamp(20px,2.15vw,42px)!important;direction:rtl!important;white-space:nowrap!important;min-width:0!important}.desktop-nav a{position:relative;color:#43262b!important;text-decoration:none!important;font-size:.92rem!important;font-weight:700!important;padding:22px 0 18px!important;border:0!important;transition:color .2s ease,transform .2s ease!important}.desktop-nav a:after{content:"";position:absolute;left:50%;bottom:9px;width:0;height:2px;border-radius:99px;background:var(--donya-nav-wine);transform:translateX(-50%);transition:width .22s ease}.desktop-nav a:before{content:"";position:absolute;left:50%;bottom:4px;width:6px;height:6px;border-radius:50%;background:var(--donya-nav-wine);transform:translate(-50%,5px) scale(0);transition:.22s ease}.desktop-nav a:hover,.desktop-nav a[aria-current=page]{color:var(--donya-nav-wine)!important;transform:translateY(-1px)}.desktop-nav a:hover:after,.desktop-nav a[aria-current=page]:after{width:100%}.desktop-nav a[aria-current=page]:before{transform:translate(-50%,5px) scale(1)}
.nav-book{grid-area:book;justify-self:start;height:56px!important;min-height:56px!important;min-width:190px!important;border:1px solid rgba(255,255,255,.35)!important;border-radius:999px!important;background:linear-gradient(180deg,#982443,#74102f)!important;color:#fff!important;font-size:.92rem!important;font-weight:850!important;text-decoration:none!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;padding:0 22px!important;box-shadow:0 11px 23px rgba(123,16,56,.23),inset 0 1px 0 rgba(255,255,255,.25)!important;white-space:nowrap!important;transition:transform .22s ease,box-shadow .22s ease!important}.nav-book:hover{transform:translateY(-2px)!important;box-shadow:0 15px 28px rgba(123,16,56,.28),inset 0 1px 0 rgba(255,255,255,.3)!important}.nav-book-icon{font-size:1rem!important}.nav-search{display:none!important}.mobile-nav{display:none!important}
.back-top{position:fixed;z-index:70;left:18px;bottom:18px;width:44px;height:44px;border:1px solid rgba(89,45,37,.16);border-radius:50%;background:rgba(255,249,245,.92);color:var(--donya-nav-wine);font-size:1.2rem;box-shadow:0 10px 28px rgba(74,38,35,.12);opacity:0;pointer-events:none;transform:translateY(8px);transition:.2s}.back-top.visible{opacity:1;pointer-events:auto;transform:none}
@media(max-width:1180px){.donya-nav-shell{width:calc(100% - 34px)!important;grid-template-columns:170px minmax(0,1fr) 225px!important;gap:14px!important}.desktop-nav{gap:16px!important}.desktop-nav a{font-size:.82rem!important}.donya-brand img{width:58px!important;height:62px!important}.donya-brand-copy b{font-size:1.15rem!important}.nav-book{min-width:158px!important}}
@media(max-width:980px){#donya-navigation-root{min-height:80px}.donya-top,.donya-inner-page .donya-top{padding-top:8px!important}.donya-nav-shell{width:calc(100% - 18px)!important;min-height:64px!important;grid-template-columns:minmax(0,1fr) auto auto!important;grid-template-areas:"brand book menu"!important;border-radius:25px!important;padding:5px 8px!important;gap:8px!important}.desktop-nav{display:none!important}.nav-search{grid-area:menu;display:grid!important;width:44px!important;height:44px!important;place-items:center!important;border:1px solid rgba(89,45,37,.14)!important;border-radius:50%!important;background:rgba(255,250,247,.78)!important;font-size:1.1rem!important;color:#6d1835!important;cursor:pointer!important}.donya-brand{grid-area:brand;justify-self:start!important;flex-direction:row!important}.donya-brand img{width:46px!important;height:50px!important}.donya-brand-copy b{font-size:.95rem!important}.nav-book{grid-area:book;height:44px!important;min-height:44px!important;min-width:0!important;font-size:.76rem!important;padding:0 13px!important}.mobile-nav{position:absolute!important;top:76px!important;left:9px!important;right:9px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;padding:0 10px!important;max-height:0!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important;border:1px solid transparent!important;border-radius:22px!important;background:rgba(255,249,245,.97)!important;box-shadow:0 18px 46px rgba(74,38,35,.14)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;transition:max-height .24s ease,opacity .18s ease,padding .24s ease,border-color .18s ease!important;direction:rtl!important}.mobile-nav.open{max-height:430px!important;opacity:1!important;pointer-events:auto!important;padding:10px!important;border-color:rgba(91,47,43,.12)!important}.mobile-nav a{min-height:46px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:15px!important;color:#3a282b!important;text-decoration:none!important;font-size:.84rem!important;font-weight:750!important;background:rgba(255,255,255,.58)!important}.mobile-nav a[aria-current=page]{color:var(--donya-nav-wine)!important;background:#f4e2e4!important}}
@media(max-width:520px){.donya-brand-copy{display:none!important}.nav-book .nav-book-icon{display:none!important}.donya-nav-shell{grid-template-columns:minmax(0,1fr) auto auto!important}.donya-brand img{width:42px!important;height:45px!important}}
@media(prefers-reduced-motion:reduce){.donya-top,.desktop-nav a,.desktop-nav a:after,.desktop-nav a:before,.nav-book,.mobile-nav,.back-top{transition:none!important}}

/* Booking modal: desktop keeps the normal page lock. Mobile avoids dynamic
   viewport units and touch-action suppression because iOS can deadlock the
   visual viewport when the software keyboard opens on a focused input. */
body.lock{overflow:hidden!important;overscroll-behavior:none}
body.lock .donya-top{pointer-events:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body.lock .donya-hero video{display:none!important}
.modal{z-index:200!important;overflow:hidden!important;overscroll-behavior:contain}
.modal .sheet{min-height:0;max-height:calc(100dvh - env(safe-area-inset-top,0px));overscroll-behavior:contain}
.modal .sheet>.body{min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.modal .sheet-head,.modal .sheet-actions{flex:none}
@media(max-width:800px){
  body.lock{overflow:visible!important;overscroll-behavior:auto!important}
  .modal{position:fixed!important;inset:0!important;width:100%!important;height:auto!important;min-height:0!important;align-items:stretch!important;overscroll-behavior:auto!important;touch-action:auto!important}
  .modal .sheet{width:100%!important;height:100%!important;max-height:none!important;min-height:0!important;margin:0!important;border-radius:0!important;display:flex!important;flex-direction:column!important;overscroll-behavior:auto!important;touch-action:auto!important}
  .modal .sheet-head{position:relative!important;flex:0 0 auto!important;padding-top:calc(14px + env(safe-area-inset-top,0px))!important}
  .modal .sheet>.body{flex:1 1 auto!important;min-height:0!important;padding-bottom:24px!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-y:auto!important;touch-action:auto!important}
  .modal .sheet-actions{position:relative!important;inset:auto!important;bottom:auto!important;width:100%!important;flex:0 0 auto!important;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))!important}
  .modal input,.modal textarea,.modal select{font-size:16px!important;touch-action:manipulation!important;-webkit-user-select:text!important;user-select:text!important;scroll-margin-block:28vh!important}
  .modal input:focus,.modal textarea:focus,.modal select:focus{outline-offset:2px!important}
}
