/*
SAYGIN OTEL - V19 WEB KİBAR BAŞLIKLAR + V18 SAYFA DÜZENİ
Amaç:
- Mobil görünüme dokunmadan web sürümündeki büyük/kaba başlıkları kibarlaştırmak
- Sürdürülebilirlik ve Gezilecek Yerler sayfalarını daha okunaklı yapmak
- Sol menüde uzun "Sürdürülebilirlik" yazısının taşmasını engellemek
- Gezilecek Yerler sayfasındaki görselleri webde kare ve şık kart görünümüne almak
Data, uploads ve admin içeriklerine dokunmaz.
*/

@media (min-width: 768px) {
    :root {
        --sg19-ink: #111611;
        --sg19-soft-ink: #263228;
        --sg19-muted: #647067;
        --sg19-green: #0d3024;
        --sg19-gold: #bfa776;
        --sg19-cream: #fbf7ef;
        --sg19-line: rgba(18, 30, 22, .12);
    }

    /* Sol menü: uzun menü başlıkları taşmasın */
    html body .side-nav__menu a {
        padding-left: 12px !important;
        padding-right: 12px !important;
        font-size: 9.6px !important;
        letter-spacing: .045em !important;
        line-height: 1.34 !important;
        gap: 7px !important;
    }

    html body .side-nav__menu a span {
        display: block !important;
        max-width: 114px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    html body .side-nav__menu a:hover span,
    html body .side-nav__menu a.is-active span {
        overflow: visible !important;
        text-overflow: clip !important;
    }

    /* İç sayfa hero başlıkları daha sakin */
    html body .inner-hero {
        min-height: 320px !important;
    }

    html body .inner-hero__content {
        max-width: 680px !important;
        padding-top: 82px !important;
        padding-bottom: 78px !important;
    }

    html body .inner-hero__content h1 {
        font-size: clamp(36px, 3.4vw, 52px) !important;
        line-height: 1.06 !important;
        letter-spacing: -0.025em !important;
        font-weight: 400 !important;
        text-wrap: balance;
    }

    html body .inner-hero__content p {
        max-width: 590px !important;
        font-size: 16px !important;
        line-height: 1.72 !important;
    }

    /* Ana sayfa büyük başlıkları: daha butik, daha okunabilir */
    html body.home-atlas-v7 .sg-atlas-hero__title span,
    html body .sg-atlas-hero__title span {
        font-size: clamp(50px, 5vw, 82px) !important;
        line-height: .98 !important;
        letter-spacing: -0.045em !important;
    }

    html body.home-atlas-v7 .sg-atlas-hero__title em,
    html body .sg-atlas-hero__title em {
        font-size: clamp(40px, 4vw, 64px) !important;
        line-height: .94 !important;
    }

    html body.home-atlas-v7 .sg-atlas-section-head h2,
    html body.home-atlas-v7 .sg-atlas-promise__intro h2,
    html body.home-atlas-v7 .sg-atlas-story__content h2,
    html body.home-atlas-v7 .sg-atlas-gallery__intro h2,
    html body.home-atlas-v7 .sg-atlas-breakfast__content h2,
    html body.home-atlas-v7 .sg-atlas-seo h2,
    html body .sg-atlas-section-head h2,
    html body .sg-atlas-promise__intro h2,
    html body .sg-atlas-story__content h2,
    html body .sg-atlas-gallery__intro h2,
    html body .sg-atlas-breakfast__content h2,
    html body .sg-atlas-seo h2 {
        font-size: clamp(30px, 3.15vw, 48px) !important;
        line-height: 1.12 !important;
        letter-spacing: -0.025em !important;
        font-weight: 400 !important;
        text-wrap: balance;
    }

    html body .section-intro h2,
    html body .hotel-section h2,
    html body .breakfast-section h2,
    html body .inner-heading h2,
    html body .content-split h2,
    html body .contact-info-panel h2 {
        font-size: clamp(28px, 2.6vw, 40px) !important;
        line-height: 1.16 !important;
        letter-spacing: -0.018em !important;
        font-weight: 400 !important;
        text-wrap: balance;
    }

    /* V17 atom modülleri açık kalırsa başlıkları da sakinleştir */
    html body .sgv17-power__head h2,
    html body .sgv17-match h2,
    html body .sgv17-selimiye h2,
    html body .sgv17-mood-gallery h2 {
        font-size: clamp(32px, 3.4vw, 54px) !important;
        line-height: 1.12 !important;
        letter-spacing: -0.025em !important;
        font-weight: 400 !important;
        text-wrap: balance;
    }

    html body .sgv17-power__cards h3,
    html body .sgv17-match__result h3 {
        font-size: clamp(25px, 2vw, 34px) !important;
        line-height: 1.12 !important;
        letter-spacing: -0.018em !important;
    }

    /* V18 ana sayfa sürdürülebilirlik / gezilecek yerler başlıkları */
    html body .sg-v18-home-routes h2,
    html body .sg-v18-home-sustainability h2,
    html body .sg-v18-sustain-copy h2,
    html body .sg-v18-page-title {
        font-size: clamp(32px, 3.45vw, 52px) !important;
        line-height: 1.12 !important;
        letter-spacing: -0.025em !important;
        font-weight: 400 !important;
        text-wrap: balance;
    }

    html body .sg-v18-home-routes__head p,
    html body .sg-v18-sustain-copy > p {
        font-size: 15.5px !important;
        line-height: 1.75 !important;
        color: var(--sg19-muted) !important;
    }

    /* Sürdürülebilirlik ve Gezilecek Yerler sayfa giriş yazıları */
    html body .sg-v18-page-section {
        width: min(1280px, calc(100% - 84px)) !important;
    }

    html body .sg-v18-page-intro {
        gap: 30px !important;
        align-items: center !important;
    }

    html body .sg-v18-page-intro h2,
    html body .sg-v18-certificate-details h2 {
        font-size: clamp(30px, 3vw, 46px) !important;
        line-height: 1.14 !important;
        letter-spacing: -0.022em !important;
        font-weight: 400 !important;
        color: var(--sg19-ink) !important;
        text-wrap: balance;
    }

    html body .sg-v18-page-intro p {
        font-size: 15.5px !important;
        line-height: 1.82 !important;
        color: #4f5a53 !important;
    }

    html body .sg-v18-kicker {
        font-size: 10.5px !important;
        letter-spacing: .18em !important;
        gap: 14px !important;
        margin-bottom: 12px !important;
    }

    html body .sg-v18-kicker::after {
        width: 58px !important;
    }

    html body .sg-v18-policy-grid article,
    html body .sg-v18-certificate-details {
        border-radius: 24px !important;
        padding: 22px !important;
    }

    html body .sg-v18-policy-grid h3 {
        font-size: 18px !important;
        line-height: 1.2 !important;
    }

    html body .sg-v18-policy-grid p {
        font-size: 14px !important;
        line-height: 1.68 !important;
    }

    /* Gezilecek Yerler sayfası: webde görseller kare, kartlar daha şık */
    html body.places-page .sg-v18-places-page-grid,
    html body .sg-v18-places-page-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 22px !important;
    }

    html body.places-page .sg-v18-place-detail,
    html body .sg-v18-place-detail {
        grid-template-columns: clamp(178px, 15vw, 230px) minmax(0, 1fr) !important;
        gap: 22px !important;
        align-items: center !important;
        padding: 20px !important;
        border-radius: 26px !important;
        background:
            radial-gradient(circle at 95% 8%, rgba(191,167,118,.16), transparent 30%),
            linear-gradient(180deg, #fffdf8 0%, #f7f1e7 100%) !important;
        box-shadow: 0 18px 48px rgba(16,60,47,.075) !important;
    }

    html body.places-page .sg-v18-place-detail > a,
    html body .sg-v18-place-detail > a {
        display: block !important;
        width: 100% !important;
        aspect-ratio: 1 / 1 !important;
        border-radius: 21px !important;
        overflow: hidden !important;
        background: #e8eee8 !important;
        box-shadow: 0 12px 28px rgba(16,60,47,.10) !important;
    }

    html body.places-page .sg-v18-place-detail img,
    html body .sg-v18-place-detail img {
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        aspect-ratio: 1 / 1 !important;
        object-fit: cover !important;
        border-radius: 0 !important;
        display: block !important;
    }

    html body.places-page .sg-v18-place-detail h2,
    html body .sg-v18-place-detail h2 {
        font-size: clamp(24px, 2.1vw, 34px) !important;
        line-height: 1.12 !important;
        letter-spacing: -0.02em !important;
        font-weight: 400 !important;
        margin-bottom: 10px !important;
        color: var(--sg19-ink) !important;
    }

    html body.places-page .sg-v18-place-detail p,
    html body .sg-v18-place-detail p {
        font-size: 14.5px !important;
        line-height: 1.72 !important;
        margin-bottom: 14px !important;
        color: #58645d !important;
    }

    html body.places-page .sg-v18-place-detail li,
    html body .sg-v18-place-detail li {
        font-size: 12px !important;
        padding: 8px 11px !important;
        background: #edf3ee !important;
    }

    html body.places-page .sg-v18-place-detail .sg-v18-link,
    html body .sg-v18-place-detail .sg-v18-link {
        min-height: 42px !important;
        padding: 0 16px !important;
        font-size: 10.5px !important;
    }
}

@media (min-width: 768px) and (max-width: 1280px) {
    html body .sg-v18-places-page-grid {
        grid-template-columns: 1fr !important;
    }

    html body .sg-v18-place-detail {
        grid-template-columns: 220px minmax(0, 1fr) !important;
    }
}

@media (min-width: 981px) and (max-height: 760px) {
    html body .side-nav__menu a {
        padding-top: 9px !important;
        padding-bottom: 9px !important;
        font-size: 9.2px !important;
    }
}

/* SAYGIN-V30-SAFE-HEADING-MENU-FIX
   Bu blok sadece public görünümde başlıkları kibarlaştırır ve mobil menüyü garanti açılır hale getirir.
*/
body:not(.admin-page) .site-main h1,
body:not(.admin-page) main h1,
body:not(.admin-page) .inner-hero h1,
body:not(.admin-page) .inner-hero-v13 h1,
body:not(.admin-page) .page-hero h1,
body:not(.admin-page) .sg-v18-page-intro h1 {
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(30px, 3vw, 48px) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.022em !important;
  font-weight: 500 !important;
  text-wrap: balance;
}

body:not(.admin-page) .site-main h2,
body:not(.admin-page) main h2,
body:not(.admin-page) .section-intro h2,
body:not(.admin-page) .section-title h2,
body:not(.admin-page) .inner-heading h2,
body:not(.admin-page) .content-split h2,
body:not(.admin-page) .footer-cta h2,
body:not(.admin-page) .sg-atlas-section-head h2,
body:not(.admin-page) .sg-v17-section-head h2,
body:not(.admin-page) .sg-v18-section-head h2,
body:not(.admin-page) .sg-v18-page-intro h2 {
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(23px, 2vw, 34px) !important;
  line-height: 1.18 !important;
  letter-spacing: -0.016em !important;
  font-weight: 500 !important;
  text-wrap: balance;
}

body:not(.admin-page) .site-main h3,
body:not(.admin-page) main h3,
body:not(.admin-page) .room-card h3,
body:not(.admin-page) .listing-card h3,
body:not(.admin-page) .sg-v18-places-page-grid h3,
body:not(.admin-page) .sg-v18-policy-grid h3 {
  font-size: clamp(18px, 1.25vw, 22px) !important;
  line-height: 1.25 !important;
  letter-spacing: -0.006em !important;
  font-weight: 600 !important;
}

body:not(.admin-page) .hero h1,
body:not(.admin-page) .sg-atlas-hero__title {
  font-size: clamp(38px, 4.2vw, 66px) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.035em !important;
  font-weight: 500 !important;
}

body:not(.admin-page) .hero h1 em,
body:not(.admin-page) .sg-atlas-hero__title em,
body:not(.admin-page) .sg-atlas-hero__title span {
  font-size: clamp(34px, 3.8vw, 58px) !important;
  line-height: 1 !important;
}

body:not(.admin-page) .section-kicker,
body:not(.admin-page) .sg-v18-kicker,
body:not(.admin-page) .sg-atlas-hero__kicker,
body:not(.admin-page) [class*="kicker"],
body:not(.admin-page) [class*="eyebrow"] {
  font-size: 10.5px !important;
  letter-spacing: .15em !important;
  line-height: 1.5 !important;
}

/* Desktop/mobil başlık span çakışması: aynı başlığın iki kez görünmesini engeller */
@media (min-width: 768px) {
  body:not(.admin-page) .inner-hero-v13__mobile-title,
  body:not(.admin-page) .inner-hero-v13__mobile-lead,
  body:not(.admin-page) .mobile-title,
  body:not(.admin-page) [data-mobile-title],
  body:not(.admin-page) [class*="mobile-title"],
  body:not(.admin-page) [class*="mobile-lead"] {
    display: none !important;
  }
  body:not(.admin-page) .inner-hero-v13__desktop-title,
  body:not(.admin-page) .inner-hero-v13__desktop-lead,
  body:not(.admin-page) .desktop-title,
  body:not(.admin-page) [data-desktop-title],
  body:not(.admin-page) [class*="desktop-title"],
  body:not(.admin-page) [class*="desktop-lead"] {
    display: inline !important;
  }
}

@media (max-width: 767px) {
  body:not(.admin-page) .inner-hero-v13__desktop-title,
  body:not(.admin-page) .inner-hero-v13__desktop-lead,
  body:not(.admin-page) .desktop-title,
  body:not(.admin-page) [data-desktop-title],
  body:not(.admin-page) [class*="desktop-title"],
  body:not(.admin-page) [class*="desktop-lead"] {
    display: none !important;
  }
  body:not(.admin-page) .inner-hero-v13__mobile-title,
  body:not(.admin-page) .inner-hero-v13__mobile-lead,
  body:not(.admin-page) .mobile-title,
  body:not(.admin-page) [data-mobile-title],
  body:not(.admin-page) [class*="mobile-title"],
  body:not(.admin-page) [class*="mobile-lead"] {
    display: inline !important;
  }
}

/* İç sayfa hero alanları daha sakin */
body:not(.admin-page) .inner-hero,
body:not(.admin-page) .inner-hero-v13,
body:not(.admin-page) .page-hero {
  min-height: min(50vh, 500px) !important;
}

body:not(.admin-page) .inner-hero__content,
body:not(.admin-page) .inner-hero-v13__content,
body:not(.admin-page) .page-hero__content {
  max-width: 760px !important;
}

body:not(.admin-page) .inner-hero__content p,
body:not(.admin-page) .inner-hero-v13__content p,
body:not(.admin-page) .page-hero__content p,
body:not(.admin-page) .sg-v18-page-intro p {
  font-size: clamp(15px, 1.05vw, 17px) !important;
  line-height: 1.72 !important;
}

/* Gezilecek Yerler web görselleri kare ve daha şık */
@media (min-width: 992px) {
  body:not(.admin-page) .sg-v18-places-page-grid,
  body:not(.admin-page) .places-grid,
  body:not(.admin-page) .route-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;
  }

  body:not(.admin-page) .sg-v18-place-card,
  body:not(.admin-page) .sg-v18-places-page-grid article,
  body:not(.admin-page) .places-grid article,
  body:not(.admin-page) .route-card {
    border-radius: 24px !important;
    overflow: hidden !important;
  }

  body:not(.admin-page) .sg-v18-place-card img,
  body:not(.admin-page) .sg-v18-places-page-grid article img,
  body:not(.admin-page) .places-grid article img,
  body:not(.admin-page) .route-card img {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    min-height: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
  }
}

/* Sol menüde uzun kelimelerin taşmasını engeller */
body:not(.admin-page) .side-nav__menu a,
body:not(.admin-page) .side-nav__menu a span {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

body:not(.admin-page) .side-nav__menu a span {
  display: block !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  line-height: 1.18 !important;
  font-size: clamp(9.5px, .68vw, 11px) !important;
  letter-spacing: .08em !important;
}

/* Mobil üst menü butonu: küçük, elit ve tıklanabilir */
@media (max-width: 991px) {
  body:not(.admin-page) .mobile-head {
    z-index: 10020 !important;
  }

  body:not(.admin-page) .mobile-head__toggle,
  body:not(.admin-page) [data-menu-toggle],
  body:not(.admin-page) .menu-toggle,
  body:not(.admin-page) .hamburger,
  body:not(.admin-page) .mobile-menu-toggle {
    position: relative !important;
    z-index: 10030 !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    border-radius: 999px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    pointer-events: auto !important;
    cursor: pointer !important;
  }

  body:not(.admin-page) .mobile-head__toggle span,
  body:not(.admin-page) [data-menu-toggle] span {
    width: 17px !important;
    height: 1.5px !important;
    margin: 2.5px 0 !important;
    display: block !important;
  }

  body:not(.admin-page) .mobile-menu,
  body:not(.admin-page) [data-mobile-menu] {
    z-index: 10025 !important;
  }

  body:not(.admin-page) .mobile-menu.is-open,
  body:not(.admin-page) .mobile-menu.is-active,
  body:not(.admin-page) .mobile-menu.open,
  body:not(.admin-page) [data-mobile-menu].is-open,
  body:not(.admin-page) [data-mobile-menu].is-active,
  body:not(.admin-page) [data-mobile-menu].open {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    pointer-events: auto !important;
  }

  body.saygin-v30-menu-open,
  html.saygin-v30-menu-open {
    overflow: hidden !important;
  }

  body:not(.admin-page) .site-main h1,
  body:not(.admin-page) main h1,
  body:not(.admin-page) .inner-hero h1,
  body:not(.admin-page) .inner-hero-v13 h1,
  body:not(.admin-page) .page-hero h1 {
    font-size: clamp(27px, 8vw, 38px) !important;
    line-height: 1.12 !important;
  }

  body:not(.admin-page) .site-main h2,
  body:not(.admin-page) main h2,
  body:not(.admin-page) .section-intro h2,
  body:not(.admin-page) .section-title h2,
  body:not(.admin-page) .sg-v18-page-intro h2 {
    font-size: clamp(23px, 6.8vw, 31px) !important;
    line-height: 1.18 !important;
  }
}

[data-saygin-v30-duplicate-hidden="true"] {
  display: none !important;
}
/* /SAYGIN-V30-SAFE-HEADING-MENU-FIX */

/* SAYGIN-V32-MOBILE-MENU-ROOT-FIX */
@media (max-width: 900px){

  html body:not(.admin-page) .mobile-head{
    display:flex !important;
    position:fixed !important;
    top:max(12px, env(safe-area-inset-top)) !important;
    left:14px !important;
    right:14px !important;
    width:auto !important;
    height:64px !important;
    min-height:64px !important;
    max-height:64px !important;
    padding:0 72px !important;
    margin:0 !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:visible !important;
    border-radius:999px !important;
    background:rgba(250,247,239,.97) !important;
    border:1px solid rgba(17,48,33,.12) !important;
    box-shadow:0 16px 36px rgba(7,22,14,.15) !important;
    backdrop-filter:blur(16px) saturate(1.06) !important;
    -webkit-backdrop-filter:blur(16px) saturate(1.06) !important;
    z-index:2147483000 !important;
    transform:none !important;
  }

  html body:not(.admin-page) .mobile-head__logo{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    right:auto !important;
    bottom:auto !important;
    transform:translate(-50%,-50%) !important;
    width:132px !important;
    max-width:42vw !important;
    height:48px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
    padding:0 !important;
    z-index:1 !important;
    pointer-events:auto !important;
  }

  html body:not(.admin-page) .mobile-head__logo img{
    width:auto !important;
    max-width:100% !important;
    height:auto !important;
    max-height:42px !important;
    object-fit:contain !important;
    margin:0 !important;
    padding:0 !important;
    opacity:.96 !important;
    filter:none !important;
    transform:none !important;
  }

  html body:not(.admin-page) .mobile-head__toggle,
  html body:not(.admin-page) [data-menu-toggle],
  html body:not(.admin-page) button.mobile-head__toggle{
    position:absolute !important;
    left:auto !important;
    right:8px !important;
    top:50% !important;
    bottom:auto !important;
    transform:translateY(-50%) !important;
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    min-height:48px !important;
    max-width:48px !important;
    max-height:48px !important;
    margin:0 !important;
    padding:0 !important;
    border-radius:999px !important;
    border:1px solid rgba(255,255,255,.22) !important;
    background:linear-gradient(180deg,#0d5a3a 0%,#062014 100%) !important;
    box-shadow:0 12px 26px rgba(7,42,26,.25), inset 0 1px 0 rgba(255,255,255,.16) !important;
    display:block !important;
    overflow:hidden !important;
    pointer-events:auto !important;
    cursor:pointer !important;
    z-index:5 !important;
    appearance:none !important;
    -webkit-appearance:none !important;
    font-size:0 !important;
    line-height:0 !important;
    color:transparent !important;
    text-indent:-9999px !important;
    outline:none !important;
  }

  html body:not(.admin-page) .mobile-head__toggle span,
  html body:not(.admin-page) [data-menu-toggle] span,
  html body:not(.admin-page) button.mobile-head__toggle span{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    width:0 !important;
    height:0 !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
  }

  html body:not(.admin-page) .mobile-head__toggle::before,
  html body:not(.admin-page) [data-menu-toggle]::before,
  html body:not(.admin-page) button.mobile-head__toggle::before{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    width:20px !important;
    height:2px !important;
    min-width:20px !important;
    max-width:20px !important;
    min-height:2px !important;
    max-height:2px !important;
    border-radius:999px !important;
    background:#fff !important;
    transform:translate(-50%,-50%) !important;
    box-shadow:0 -6px 0 #fff, 0 6px 0 #fff !important;
    opacity:1 !important;
    display:block !important;
  }

  html body:not(.admin-page) .mobile-head__toggle::after,
  html body:not(.admin-page) [data-menu-toggle]::after,
  html body:not(.admin-page) button.mobile-head__toggle::after{
    content:none !important;
    display:none !important;
  }

  html body:not(.admin-page) .mobile-head__toggle:focus-visible{
    box-shadow:0 12px 26px rgba(7,42,26,.25), 0 0 0 4px rgba(199,178,126,.28) !important;
  }

  html.saygin-v32-menu-open body:not(.admin-page) .mobile-head,
  body.saygin-v32-menu-open:not(.admin-page) .mobile-head{
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  html body:not(.admin-page) .mobile-menu,
  html body:not(.admin-page) [data-mobile-menu]{
    display:flex !important;
    position:fixed !important;
    inset:0 !important;
    width:100vw !important;
    height:100dvh !important;
    min-height:100dvh !important;
    max-width:none !important;
    max-height:none !important;
    margin:0 !important;
    padding:72px 26px 34px !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    overscroll-behavior:contain !important;
    background:
      radial-gradient(circle at 10% 35%, rgba(196,176,126,.10), transparent 34%),
      linear-gradient(180deg,#06100b 0%,#07150d 52%,#030705 100%) !important;
    color:#fff !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    z-index:2147482900 !important;
    transform:translate3d(105%,0,0) !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transition:transform .32s cubic-bezier(.22,.8,.22,1), opacity .22s ease, visibility .22s ease !important;
  }

  html body:not(.admin-page) .mobile-menu.is-open,
  html body:not(.admin-page) .mobile-menu.is-active,
  html body:not(.admin-page) .mobile-menu.open,
  html body:not(.admin-page) [data-mobile-menu].is-open,
  html body:not(.admin-page) [data-mobile-menu].is-active,
  html body:not(.admin-page) [data-mobile-menu].open{
    transform:translate3d(0,0,0) !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  html body:not(.admin-page) .mobile-menu__close,
  html body:not(.admin-page) [data-menu-close]{
    position:absolute !important;
    top:max(18px, env(safe-area-inset-top)) !important;
    right:22px !important;
    left:auto !important;
    bottom:auto !important;
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    min-height:44px !important;
    margin:0 !important;
    padding:0 !important;
    border:1px solid rgba(255,255,255,.14) !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.07) !important;
    color:transparent !important;
    font-size:0 !important;
    line-height:0 !important;
    z-index:5 !important;
    cursor:pointer !important;
    overflow:hidden !important;
  }

  html body:not(.admin-page) .mobile-menu__close::before,
  html body:not(.admin-page) .mobile-menu__close::after,
  html body:not(.admin-page) [data-menu-close]::before,
  html body:not(.admin-page) [data-menu-close]::after{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    width:22px !important;
    height:2px !important;
    background:#fff !important;
    border-radius:999px !important;
    transform-origin:center !important;
    display:block !important;
  }

  html body:not(.admin-page) .mobile-menu__close::before,
  html body:not(.admin-page) [data-menu-close]::before{
    transform:translate(-50%,-50%) rotate(45deg) !important;
  }
  html body:not(.admin-page) .mobile-menu__close::after,
  html body:not(.admin-page) [data-menu-close]::after{
    transform:translate(-50%,-50%) rotate(-45deg) !important;
  }

  html body:not(.admin-page) .mobile-menu > img,
  html body:not(.admin-page) [data-mobile-menu] > img{
    position:relative !important;
    left:auto !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    display:block !important;
    width:104px !important;
    max-width:34vw !important;
    height:auto !important;
    max-height:76px !important;
    object-fit:contain !important;
    margin:0 auto 26px !important;
    padding:0 !important;
    opacity:.82 !important;
    filter:none !important;
    transform:none !important;
    z-index:1 !important;
  }

  html body:not(.admin-page) .mobile-menu nav,
  html body:not(.admin-page) [data-mobile-menu] nav{
    width:min(100%, 440px) !important;
    max-width:440px !important;
    margin:0 auto !important;
    padding:0 2px 36px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:0 !important;
    position:relative !important;
    z-index:2 !important;
  }

  html body:not(.admin-page) .mobile-menu nav a,
  html body:not(.admin-page) [data-mobile-menu] nav a{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    width:100% !important;
    min-height:48px !important;
    padding:13px 0 !important;
    margin:0 !important;
    border:0 !important;
    border-bottom:1px solid rgba(255,255,255,.10) !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:rgba(255,255,255,.94) !important;
    font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size:clamp(17px, 4.8vw, 21px) !important;
    line-height:1.2 !important;
    font-weight:500 !important;
    letter-spacing:.002em !important;
    text-transform:none !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    text-align:left !important;
  }

  html body:not(.admin-page) .mobile-menu nav a:hover,
  html body:not(.admin-page) [data-mobile-menu] nav a:hover{
    color:#f4e6bd !important;
  }

  html body:not(.admin-page) .mobile-menu nav a.mobile-reservation-link,
  html body:not(.admin-page) [data-mobile-menu] nav a.mobile-reservation-link{
    justify-content:center !important;
    min-height:50px !important;
    margin-top:20px !important;
    padding:0 18px !important;
    border:1px solid rgba(255,255,255,.12) !important;
    border-radius:999px !important;
    background:linear-gradient(180deg,#f7f1df 0%,#e8dcc1 100%) !important;
    color:#07150d !important;
    font-size:12px !important;
    line-height:1 !important;
    font-weight:800 !important;
    letter-spacing:.12em !important;
    text-transform:uppercase !important;
    box-shadow:0 18px 38px rgba(0,0,0,.22) !important;
  }

  html.saygin-v32-menu-open,
  body.saygin-v32-menu-open{
    overflow:hidden !important;
    touch-action:none !important;
  }

  html.saygin-v32-menu-open body .whatsapp-mini,
  html.saygin-v32-menu-open body .whatsapp-float,
  html.saygin-v32-menu-open body .floating-whatsapp,
  html.saygin-v32-menu-open body .sg-whatsapp-float,
  html.saygin-v32-menu-open body .saygin-whatsapp,
  html.saygin-v32-menu-open body .saygin-v27-whatsapp,
  html.saygin-v32-menu-open body .saygin-v27-whatsapp-button,
  html.saygin-v32-menu-open body .saygin-v17-concierge,
  html.saygin-v32-menu-open body .saygin-v27-wa-button,
  html.saygin-v32-menu-open body a[href*="wa.me"][style*="fixed"]{
    display:none !important;
  }
}

@media (max-width: 420px){
  html body:not(.admin-page) .mobile-head{
    left:12px !important;
    right:12px !important;
    height:60px !important;
    min-height:60px !important;
    max-height:60px !important;
    padding:0 64px !important;
  }
  html body:not(.admin-page) .mobile-head__logo{
    width:116px !important;
    height:42px !important;
  }
  html body:not(.admin-page) .mobile-head__logo img{
    max-height:38px !important;
  }
  html body:not(.admin-page) .mobile-head__toggle,
  html body:not(.admin-page) [data-menu-toggle],
  html body:not(.admin-page) button.mobile-head__toggle{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    min-height:44px !important;
    max-width:44px !important;
    max-height:44px !important;
    right:8px !important;
  }
  html body:not(.admin-page) .mobile-head__toggle::before,
  html body:not(.admin-page) [data-menu-toggle]::before,
  html body:not(.admin-page) button.mobile-head__toggle::before{
    width:18px !important;
    min-width:18px !important;
    max-width:18px !important;
    box-shadow:0 -5.5px 0 #fff, 0 5.5px 0 #fff !important;
  }
  html body:not(.admin-page) .mobile-menu,
  html body:not(.admin-page) [data-mobile-menu]{
    padding-left:24px !important;
    padding-right:24px !important;
  }
  html body:not(.admin-page) .mobile-menu nav a,
  html body:not(.admin-page) [data-mobile-menu] nav a{
    font-size:18px !important;
    min-height:47px !important;
    padding:12px 0 !important;
  }
}
/* /SAYGIN-V32-MOBILE-MENU-ROOT-FIX */