/*
SAYGIN OTEL - UI REFINE V8
Sadece görünüm düzeltmeleri: oda kartları eşit hizalama, mobil menü butonu ve Otelimiz galeri alanı.
Data/site.json ve uploads alanlarına dokunmaz.
*/

/* Ana sayfa oda kartları: tüm kartlar aynı yükseklik ve aynı hizada */
.home-atlas-v7 .sg-atlas-room-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    align-items:stretch !important;
    gap:22px !important;
}
.home-atlas-v7 .sg-atlas-room-card{
    display:flex !important;
    flex-direction:column !important;
    min-height:100% !important;
    border-radius:30px !important;
}
.home-atlas-v7 .sg-atlas-room-card__image,
.home-atlas-v7 .sg-atlas-room-card.is-featured .sg-atlas-room-card__image{
    height:270px !important;
    flex:0 0 270px !important;
}
.home-atlas-v7 .sg-atlas-room-card__body{
    flex:1 1 auto !important;
    display:flex !important;
    flex-direction:column !important;
    padding:25px 26px 28px !important;
}
.home-atlas-v7 .sg-atlas-room-card h3{
    margin:0 0 14px !important;
    min-height:76px !important;
    display:flex !important;
    align-items:flex-start !important;
    font-size:clamp(30px, 2.55vw, 42px) !important;
    line-height:1.05 !important;
}
.home-atlas-v7 .sg-atlas-room-card p{
    min-height:96px !important;
    margin:0 !important;
    line-height:1.7 !important;
}
.home-atlas-v7 .sg-atlas-room-card__meta{
    margin-top:auto !important;
    padding-top:20px !important;
}
.home-atlas-v7 .sg-atlas-arrow{
    margin-top:14px !important;
}

/* Mobil üst menü butonu: daha kibar / elit */
@media (max-width:900px){
    .mobile-head{
        height:68px !important;
        top:14px !important;
        left:16px !important;
        right:16px !important;
        border-radius:999px !important;
        box-shadow:0 16px 38px rgba(0,0,0,.12) !important;
        border:1px solid rgba(24,25,20,.08) !important;
    }
    .mobile-head__logo img{
        height:46px !important;
        max-width:168px !important;
    }
    .mobile-head__toggle{
        width:48px !important;
        height:48px !important;
        right:8px !important;
        gap:5px !important;
        box-shadow:0 12px 26px rgba(16,45,32,.22) !important;
        background:linear-gradient(180deg,#193d2c 0%, #102d20 100%) !important;
    }
    .mobile-head__toggle span{
        width:20px !important;
        height:1.8px !important;
        border-radius:999px !important;
    }
}
@media (max-width:540px){
    .mobile-head{
        height:64px !important;
        top:12px !important;
        left:14px !important;
        right:14px !important;
    }
    .mobile-head__logo img{
        height:42px !important;
        max-width:152px !important;
    }
    .mobile-head__toggle{
        width:44px !important;
        height:44px !important;
        right:7px !important;
    }
    .mobile-head__toggle span{
        width:18px !important;
    }
}

/* Tablet / mobil oda kartları */
@media (max-width:1180px){
    .home-atlas-v7 .sg-atlas-room-grid{
        grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    }
    .home-atlas-v7 .sg-atlas-room-card__image,
    .home-atlas-v7 .sg-atlas-room-card.is-featured .sg-atlas-room-card__image{
        height:230px !important;
        flex-basis:230px !important;
    }
    .home-atlas-v7 .sg-atlas-room-card h3{
        min-height:64px !important;
        font-size:30px !important;
    }
    .home-atlas-v7 .sg-atlas-room-card p{
        min-height:118px !important;
    }
}
@media (max-width:980px){
    .home-atlas-v7 .sg-atlas-room-grid{
        grid-template-columns:1fr !important;
    }
    .home-atlas-v7 .sg-atlas-room-card__image,
    .home-atlas-v7 .sg-atlas-room-card.is-featured .sg-atlas-room-card__image{
        height:300px !important;
        flex-basis:300px !important;
    }
    .home-atlas-v7 .sg-atlas-room-card h3,
    .home-atlas-v7 .sg-atlas-room-card p{
        min-height:0 !important;
    }
}
@media (max-width:560px){
    .home-atlas-v7 .sg-atlas-room-card__image,
    .home-atlas-v7 .sg-atlas-room-card.is-featured .sg-atlas-room-card__image{
        height:255px !important;
        flex-basis:255px !important;
    }
}

/* Otelimiz sayfası galeri alanı */
.hotel-gallery-v8{
    padding:80px clamp(24px, 6vw, 82px);
    background:
        radial-gradient(circle at 88% 10%, rgba(189,168,129,.14), transparent 30%),
        linear-gradient(180deg, #fbf8f1 0%, #f3eee5 100%);
}
.hotel-gallery-v8__head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:24px;
    margin-bottom:32px;
}
.hotel-gallery-v8__head span{
    display:flex;
    align-items:center;
    gap:18px;
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.18em;
    color:#4a5b44;
}
.hotel-gallery-v8__head span::after{
    content:"";
    display:inline-block;
    width:64px;
    height:1px;
    background:#bda881;
}
.hotel-gallery-v8__head h2{
    font-family:Georgia,"Times New Roman",serif;
    font-size:clamp(38px, 4vw, 64px);
    line-height:1;
    letter-spacing:-.045em;
    font-weight:400;
    margin:12px 0 0;
    color:#161713;
}
.hotel-gallery-v8__head p{
    max-width:480px;
    margin:0;
    color:#6f7468;
    line-height:1.7;
}
.hotel-gallery-v8__grid{
    display:grid;
    grid-template-columns:1.12fr .88fr .88fr;
    grid-auto-rows:230px;
    gap:18px;
}
.hotel-gallery-v8__item{
    position:relative;
    overflow:hidden;
    border-radius:28px;
    background:#e7dfd1;
    border:1px solid rgba(24,25,20,.10);
    box-shadow:0 20px 54px rgba(24,22,18,.10);
}
.hotel-gallery-v8__item:first-child{
    grid-row:span 2;
}
.hotel-gallery-v8__item img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .75s ease, filter .75s ease;
}
.hotel-gallery-v8__item:hover img{
    transform:scale(1.045);
    filter:saturate(1.05) contrast(1.04);
}
.hotel-gallery-v8__caption{
    position:absolute;
    left:14px;
    right:14px;
    bottom:14px;
    padding:12px 14px;
    border-radius:18px;
    background:rgba(11,16,13,.68);
    color:#fff;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    font-size:13px;
    font-weight:700;
    letter-spacing:.03em;
}
@media (max-width:980px){
    .hotel-gallery-v8{
        padding:56px 18px;
    }
    .hotel-gallery-v8__head{
        display:block;
    }
    .hotel-gallery-v8__head p{
        margin-top:16px;
    }
    .hotel-gallery-v8__grid{
        grid-template-columns:1fr 1fr;
        grid-auto-rows:190px;
        gap:12px;
    }
}
@media (max-width:620px){
    .hotel-gallery-v8__grid{
        grid-template-columns:1fr;
        grid-auto-rows:240px;
    }
    .hotel-gallery-v8__item:first-child{
        grid-row:auto;
    }
}

/* 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 */