/* ===================================================================
   ONE WAY HOTEL - Premium Mobile Experience
   Author: Antigravity AI
   Version: 1.0
   Description: Complete mobile redesign with glassmorphism effects,
                premium bottom navigation, full-screen menu overlay
   =================================================================== */

/* =============================================
   0. CSS Custom Properties (Mobile Tokens)
   ============================================= */
:root {
  --owh-primary: #1a1a2e;
  --owh-primary-light: #16213e;
  --owh-accent: #c5a55a;
  --owh-accent-light: #d4b96a;
  --owh-accent-glow: rgba(197, 165, 90, 0.3);
  --owh-white: #ffffff;
  --owh-text: #2d2d2d;
  --owh-text-light: #8a8a8a;
  --owh-glass-bg: rgba(26, 26, 46, 0.85);
  --owh-glass-border: rgba(197, 165, 90, 0.2);
  --owh-glass-blur: 20px;
  --owh-radius: 16px;
  --owh-radius-sm: 10px;
  --owh-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
  --owh-shadow-glow: 0 0 20px rgba(197, 165, 90, 0.15);
  --owh-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --owh-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  --owh-nav-height: 70px;
  --owh-safe-bottom: env(safe-area-inset-bottom, 0px);
}

/* =============================================
   1. HIDE EXISTING MOBILE BOTTOM MENU PLUGIN
   ============================================= */
@media (max-width: 1024px) {
  
  /* Force logo to white on all premium dark pages */
  body:has(#owh-premium-about) .logo-mobile img,
  body:has(#owh-premium-location) .logo-mobile img,
  body:has(#owh-premium-gallery) .logo-mobile img,
  body:has(#owh-premium-rooms) .logo-mobile img,
  body:has(#owh-premium-contact) .logo-mobile img,
  body:has(#owh-premium-about) header img,
  body:has(#owh-premium-location) header img,
  body:has(#owh-premium-gallery) header img,
  body:has(#owh-premium-rooms) header img,
  body:has(#owh-premium-contact) header img {
    filter: brightness(0) invert(1) !important;
  }

  /* Make sticky header dark on premium pages */
  body:has(#owh-premium-about) .gv-sticky-menu,
  body:has(#owh-premium-location) .gv-sticky-menu,
  body:has(#owh-premium-gallery) .gv-sticky-menu,
  body:has(#owh-premium-rooms) .gv-sticky-menu,
  body:has(#owh-premium-contact) .gv-sticky-menu,
  body:has(#owh-premium-about) header.is-sticky,
  body:has(#owh-premium-location) header.is-sticky,
  body:has(#owh-premium-gallery) header.is-sticky,
  body:has(#owh-premium-rooms) header.is-sticky,
  body:has(#owh-premium-contact) header.is-sticky,
  body:has(#owh-premium-about) .header-mobile.is-fixed,
  body:has(#owh-premium-location) .header-mobile.is-fixed,
  body:has(#owh-premium-gallery) .header-mobile.is-fixed,
  body:has(#owh-premium-rooms) .header-mobile.is-fixed,
  body:has(#owh-premium-contact) .header-mobile.is-fixed,
  body:has(#owh-premium-about) .elementor-sticky--effects,
  body:has(#owh-premium-location) .elementor-sticky--effects,
  body:has(#owh-premium-gallery) .elementor-sticky--effects,
  body:has(#owh-premium-rooms) .elementor-sticky--effects,
  body:has(#owh-premium-contact) .elementor-sticky--effects,
  body:has(#owh-premium-about) .elementor-sticky--active,
  body:has(#owh-premium-location) .elementor-sticky--active,
  body:has(#owh-premium-gallery) .elementor-sticky--active,
  body:has(#owh-premium-rooms) .elementor-sticky--active,
  body:has(#owh-premium-contact) .elementor-sticky--active,
  body:has(#owh-premium-about) .she-header,
  body:has(#owh-premium-location) .she-header,
  body:has(#owh-premium-gallery) .she-header,
  body:has(#owh-premium-rooms) .she-header,
  body:has(#owh-premium-contact) .she-header,
  body:has(#owh-premium-about) .header-wrapper,
  body:has(#owh-premium-location) .header-wrapper,
  body:has(#owh-premium-gallery) .header-wrapper,
  body:has(#owh-premium-rooms) .header-wrapper,
  body:has(#owh-premium-contact) .header-wrapper {
    background-color: rgba(8, 15, 36, 0.95) !important;
    background: rgba(8, 15, 36, 0.95) !important;
    backdrop-filter: blur(10px) !important;
    border-bottom: 1px solid rgba(197, 165, 90, 0.15) !important;
  }

  /* Nuclear option to kill the black box anomaly around the logo across ALL premium pages */
  body:has(#owh-premium-about) header .elementor-column,
  body:has(#owh-premium-location) header .elementor-column,
  body:has(#owh-premium-gallery) header .elementor-column,
  body:has(#owh-premium-rooms) header .elementor-column,
  body:has(#owh-premium-contact) header .elementor-column,
  body:has(#owh-premium-about) header .elementor-background-overlay,
  body:has(#owh-premium-location) header .elementor-background-overlay,
  body:has(#owh-premium-gallery) header .elementor-background-overlay,
  body:has(#owh-premium-rooms) header .elementor-background-overlay,
  body:has(#owh-premium-contact) header .elementor-background-overlay,
  body:has(#owh-premium-about) .site-branding,
  body:has(#owh-premium-location) .site-branding,
  body:has(#owh-premium-gallery) .site-branding,
  body:has(#owh-premium-rooms) .site-branding,
  body:has(#owh-premium-contact) .site-branding,
  body:has(#owh-premium-about) .logo-mobile,
  body:has(#owh-premium-location) .logo-mobile,
  body:has(#owh-premium-gallery) .logo-mobile,
  body:has(#owh-premium-rooms) .logo-mobile,
  body:has(#owh-premium-contact) .logo-mobile {
    background-color: transparent !important;
    background: transparent !important;
  }


  /* Hide the WP Bottom Menu plugin - all known selectors */
  #bnav-wrapper,
  .wp-bnav,
  .wp-bnav-wrapper,
  #wp-bnav,
  .bnav-wrapper,
  [id*="bnav"],
  .mobile-bottom-menu-for-wp,
  footer .elementor-widget-wp-widget-flavor_widget_flavor_bottom_nav,
  .flavor-bottom-nav,
  .flavor_bottom_nav,
  #flavor-bottom-nav,
  .flavor-bnav-section,
  .mbm-navigation,
  #mbm-navigation,
  .mbm-content,
  .mbm-wrapper,
  [class*="mbm-"],
  .bnav_bottom_nav_wrapper,
  .bnav_overlay,
  .bnav_overlay_close_all,
  .bnav_main_menu_container {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    height: 0 !important;
    overflow: hidden !important;
  }

  /* Hide Chaty floating buttons on mobile since we have WhatsApp in bottom nav */
  #chaty-widget-wrapper,
  .chaty-widget,
  .chaty-widget-is,
  #chaty,
  [id*="chaty"],
  .chaty-channel-list,
  .chaty-launcher,
  .chaty-main-widget,
  [class*="chaty"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  /* Hide the floating Rezervasyon button + mavi artı button from Elementor */
  .elementor-widget-wp-widget-flavor_widget_flavor_bottom_nav,
  .flavor-float-button {
    display: none !important;
  }

  /* =============================================
     2. PREMIUM BOTTOM NAVIGATION BAR
     ============================================= */
  #owh-bottom-nav {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    padding-bottom: var(--owh-safe-bottom);
    transform: translateY(0);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  }

  #owh-bottom-nav.nav-hidden {
    transform: translateY(100%);
  }

  .owh-nav-inner {
    display: flex;
    align-items: center;
    justify-content: space-around;
    height: var(--owh-nav-height);
    background: var(--owh-glass-bg);
    backdrop-filter: blur(var(--owh-glass-blur));
    -webkit-backdrop-filter: blur(var(--owh-glass-blur));
    border-top: 1px solid var(--owh-glass-border);
    box-shadow: 0 -4px 30px rgba(0, 0, 0, 0.2);
    padding: 0 8px;
  }

  .owh-nav-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    color: rgba(255, 255, 255, 0.6) !important;
    font-size: 10px;
    font-family: 'Urbanist', sans-serif;
    font-weight: 500;
    letter-spacing: 0.5px;
    padding: 8px 12px;
    border-radius: var(--owh-radius-sm);
    transition: var(--owh-transition);
    position: relative;
    -webkit-tap-highlight-color: transparent;
    min-width: 56px;
  }

  .owh-nav-item:hover,
  .owh-nav-item:focus {
    color: rgba(255, 255, 255, 0.6) !important;
    text-decoration: none !important;
  }

  .owh-nav-item.active {
    color: var(--owh-accent) !important;
  }

  .owh-nav-item.active .owh-nav-icon {
    transform: translateY(-2px);
  }

  .owh-nav-item.active::after {
    content: '';
    position: absolute;
    bottom: 4px;
    left: 50%;
    transform: translateX(-50%);
    width: 4px;
    height: 4px;
    background: var(--owh-accent);
    border-radius: 50%;
    box-shadow: 0 0 8px var(--owh-accent-glow);
  }

  .owh-nav-icon {
    width: 22px;
    height: 22px;
    margin-bottom: 4px;
    transition: var(--owh-transition);
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .owh-nav-item:active .owh-nav-icon {
    transform: scale(0.85);
  }

  .owh-nav-label {
    text-transform: uppercase;
    white-space: nowrap;
  }

  /* Center CTA Button (Rezervasyon) */
  .owh-nav-cta {
    position: relative;
    color: var(--owh-white) !important;
  }

  .owh-nav-cta .owh-cta-circle {
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, var(--owh-accent), var(--owh-accent-light));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2px;
    box-shadow: 0 4px 15px var(--owh-accent-glow), 0 0 30px rgba(197, 165, 90, 0.1);
    transition: var(--owh-transition);
    position: relative;
    top: -10px;
  }

  .owh-nav-cta:active .owh-cta-circle {
    transform: scale(0.9);
    box-shadow: 0 2px 8px var(--owh-accent-glow);
  }

  .owh-nav-cta .owh-cta-circle .owh-nav-icon {
    stroke: var(--owh-primary);
    width: 24px;
    height: 24px;
    margin-bottom: 0;
  }

  .owh-nav-cta .owh-nav-label {
    position: relative;
    top: -8px;
    font-weight: 600;
    color: var(--owh-accent) !important;
    font-size: 9px;
  }

  /* Pulse animation on CTA */
  .owh-nav-cta .owh-cta-circle::before {
    content: '';
    position: absolute;
    inset: -4px;
    border-radius: 50%;
    border: 2px solid var(--owh-accent);
    opacity: 0;
    animation: owh-pulse 3s ease-in-out infinite;
  }

  @keyframes owh-pulse {
    0%, 100% { opacity: 0; transform: scale(0.8); }
    50% { opacity: 0.3; transform: scale(1.15); }
  }

  /* WhatsApp item special color */
  .owh-nav-item.owh-whatsapp:active {
    color: #25D366 !important;
  }

  /* =============================================
     3. FULL-SCREEN MOBILE MENU OVERLAY
     ============================================= */
  #owh-mobile-menu {
    position: fixed;
    inset: 0;
    z-index: 100000;
    visibility: hidden;
    pointer-events: none;
  }

  #owh-mobile-menu.menu-open {
    visibility: visible;
    pointer-events: all;
  }

  /* Background overlay */
  .owh-menu-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(10, 10, 20, 0.6);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    opacity: 0;
    transition: opacity 0.4s ease;
  }

  #owh-mobile-menu.menu-open .owh-menu-backdrop {
    opacity: 1;
  }

  /* Menu panel */
  .owh-menu-panel {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 85%;
    max-width: 380px;
    background: linear-gradient(180deg, var(--owh-primary) 0%, #0f0f23 100%);
    transform: translateX(100%);
    transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    border-left: 1px solid var(--owh-glass-border);
  }

  #owh-mobile-menu.menu-open .owh-menu-panel {
    transform: translateX(0);
  }

  /* Menu header */
  .owh-menu-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 28px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  }

  .owh-menu-logo img {
    height: 44px;
    width: auto;
    max-width: 140px;
    object-fit: contain;
  }

  .owh-menu-close {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    color: rgba(255, 255, 255, 0.6);
    cursor: pointer;
    transition: var(--owh-transition);
    background: none;
    -webkit-tap-highlight-color: transparent;
  }

  .owh-menu-close:active {
    background: rgba(255, 255, 255, 0.05);
    color: var(--owh-accent);
    border-color: var(--owh-accent);
  }

  .owh-menu-close svg {
    width: 18px;
    height: 18px;
    stroke: currentColor;
    stroke-width: 2;
  }

  /* Menu navigation links */
  .owh-menu-nav {
    padding: 20px 0;
    flex: 1;
  }

  .owh-menu-nav ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .owh-menu-nav li {
    opacity: 0;
    transform: translateX(30px);
    transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1);
  }

  #owh-mobile-menu.menu-open .owh-menu-nav li {
    opacity: 1;
    transform: translateX(0);
  }

  /* Staggered animation delays */
  #owh-mobile-menu.menu-open .owh-menu-nav li:nth-child(1) { transition-delay: 0.1s; }
  #owh-mobile-menu.menu-open .owh-menu-nav li:nth-child(2) { transition-delay: 0.15s; }
  #owh-mobile-menu.menu-open .owh-menu-nav li:nth-child(3) { transition-delay: 0.2s; }
  #owh-mobile-menu.menu-open .owh-menu-nav li:nth-child(4) { transition-delay: 0.25s; }
  #owh-mobile-menu.menu-open .owh-menu-nav li:nth-child(5) { transition-delay: 0.3s; }
  #owh-mobile-menu.menu-open .owh-menu-nav li:nth-child(6) { transition-delay: 0.35s; }
  #owh-mobile-menu.menu-open .owh-menu-nav li:nth-child(7) { transition-delay: 0.4s; }

  .owh-menu-nav a {
    display: flex;
    align-items: center;
    padding: 16px 28px;
    color: rgba(255, 255, 255, 0.8) !important;
    text-decoration: none !important;
    font-family: 'Marcellus', serif;
    font-size: 20px;
    letter-spacing: 1px;
    transition: var(--owh-transition);
    border-left: 3px solid transparent;
    position: relative;
  }

  .owh-menu-nav a:active,
  .owh-menu-nav a.current {
    color: var(--owh-accent) !important;
    border-left-color: var(--owh-accent);
    background: rgba(197, 165, 90, 0.05);
  }

  .owh-menu-nav a .owh-menu-icon {
    width: 20px;
    height: 20px;
    margin-right: 16px;
    stroke: currentColor;
    stroke-width: 1.5;
    fill: none;
    opacity: 0.5;
    flex-shrink: 0;
  }

  /* Menu divider */
  .owh-menu-divider {
    height: 1px;
    background: linear-gradient(to right, transparent, rgba(197, 165, 90, 0.2), transparent);
    margin: 8px 28px;
  }

  /* Menu contact section */
  .owh-menu-contact {
    padding: 24px 28px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.5s ease 0.45s;
  }

  #owh-mobile-menu.menu-open .owh-menu-contact {
    opacity: 1;
    transform: translateY(0);
  }

  .owh-menu-contact-title {
    font-family: 'Urbanist', sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--owh-accent);
    margin-bottom: 16px;
    font-weight: 600;
  }

  .owh-contact-item {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
    color: rgba(255, 255, 255, 0.6) !important;
    text-decoration: none !important;
    font-family: 'Urbanist', sans-serif;
    font-size: 14px;
    transition: var(--owh-transition);
  }

  .owh-contact-item:active {
    color: var(--owh-accent) !important;
  }

  .owh-contact-item svg {
    width: 16px;
    height: 16px;
    stroke: var(--owh-accent);
    stroke-width: 1.5;
    fill: none;
    flex-shrink: 0;
  }

  /* Menu social icons */
  .owh-menu-social {
    display: flex;
    gap: 12px;
    padding: 0 28px 28px;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.5s ease 0.5s;
  }

  #owh-mobile-menu.menu-open .owh-menu-social {
    opacity: 1;
    transform: translateY(0);
  }

  .owh-social-link {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    color: rgba(255, 255, 255, 0.5) !important;
    text-decoration: none !important;
    transition: var(--owh-transition);
  }

  .owh-social-link:active {
    border-color: var(--owh-accent);
    color: var(--owh-accent) !important;
    background: rgba(197, 165, 90, 0.1);
  }

  .owh-social-link svg {
    width: 18px;
    height: 18px;
    fill: currentColor;
  }

  /* =============================================
     4. FLOATING ELEMENTS CLEANUP
     ============================================= */
  
  /* Reposition Chaty widget to be above the new bottom nav */
  .chaty-widget-is {
    bottom: calc(var(--owh-nav-height) + 16px + var(--owh-safe-bottom)) !important;
  }

  #chaty-widget-wrapper,
  .chaty-widget {
    bottom: calc(var(--owh-nav-height) + 16px + var(--owh-safe-bottom)) !important;
  }

  /* =============================================
     5. BODY PADDING FOR BOTTOM NAV
     ============================================= */
  body {
    padding-bottom: calc(var(--owh-nav-height) + var(--owh-safe-bottom)) !important;
  }

  /* =============================================
     6. MOBILE HEADER — CARSTEN-INSPIRED CLEAN
     ============================================= */
  
  /* Hide ALL burger/hamburger icons — bottom nav has MENÜ */
  .header-mobile .canvas-menu,
  .header-mobile .canvas-mobile,
  .header-mobile .header-right,
  .nav-screen__mobile,
  .nav-one__mobile,
  header .dropdown-toggle,
  header .canvas-menu,
  header .canvas_menu,
  .gva-offcanvas-trigger,
  .gva-offcanvas,
  a[data-canvas=".mobile"],
  .header-builder-frontend .gva-offcanvas,
  .header-builder-inner .gva-offcanvas,
  .header-builder-inner .canvas-menu,
  .header-main-wrapper .gva-offcanvas,
  .header-main-wrapper .canvas-menu,
  .header-main-wrapper .gva-navigation-mobile,
  header .fa-bars,
  header i.fa-bars,
  header .fas.fa-bars {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .gva-offcanvas-content.mobile,
  .gva-offcanvas-content.mobile.open,
  #gva-overlay {
    display: none !important;
  }

  /* ── HIDE the top dark info bar (Rezervasyon + Phone) ── */
  /* Target the exact elementor section specifically in the header builder */
  .elementor-141 .elementor-element-52bff4a,
  .top-bar, .header-top, .header-builder-top, #gva-header-top {
    display: none !important;
  }

  /* ── Transparent Header over Hero (Carsten Style) ── */
  header.wp-site-header {
    background: transparent !important;
    border-bottom: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 999999 !important; /* Extremely high z-index to overlay slider */
  }

  .header-builder-inner,
  .header-main-wrapper,
  .header-mobile {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Ensure all sections inside the header are transparent and visible */
  header.wp-site-header .elementor-section {
    background: transparent !important;
  }

  /* Force header to be as small as possible and just center logo */
  header.wp-site-header .elementor-section,
  header.wp-site-header .elementor-container,
  header.wp-site-header .elementor-row,
  header.wp-site-header .elementor-column,
  header.wp-site-header .elementor-widget-wrap {
    padding: 0 !important;
    margin: 0 !important;
    min-height: auto !important;
    height: auto !important;
  }

  /* Ensure the header content centers logo aggressively */
  .header-mobile .header-mobile-content,
  .header-builder-inner .elementor-container,
  .site-branding,
  .logo-mobile {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px !important;
    width: 100% !important;
    text-align: center !important;
  }

  /* Logo styling - adding brightness to ensure it's visible over dark hero image if needed */
  header img,
  .header-mobile .logo-mobile img,
  .header-builder-inner img {
    height: 48px !important;
    width: auto !important;
    max-width: 180px !important;
    margin: 0 auto !important;
    display: block !important;
    filter: drop-shadow(0 2px 10px rgba(0,0,0,0.3));
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* Remove any empty padding/margin in header sections */
  header .elementor-section {
    padding: 0 !important;
    margin: 0 !important;
    min-height: unset !important;
  }

  /* =============================================
     7. HERO / SLIDER — CUSTOM MOBILE SLIDER
     ============================================= */
  /* Completely hide Revolution Slider on mobile — we replace it with our own */
  .elementor-section:has(.rev_slider_wrapper),
  .elementor-section:has(sr7-module),
  .elementor-section:has(rs-module-wrap),
  .elementor-section:has(sr7-module-wrap),
  .wpb_revslider_element,
  .rev_slider_wrapper,
  .rev_slider,
  rs-module-wrap,
  rs-module,
  rs-fullwidth-wrap,
  sr7-module-wrap,
  sr7-module {
    display: none !important;
    height: 0 !important;
    max-height: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
  }

  /* Kill any top gap from the page container */
  #page,
  .site-content,
  .content-area,
  .elementor .elementor-section-wrap {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  /* Our custom mobile slider container */
  #owh-mobile-slider {
    position: relative;
    width: 100%;
    height: 100vh;
    height: 100dvh;
    min-height: 100vh;
    min-height: 100dvh;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 1;
    background-color: #0a0a0a; /* Dark bg so no white flash between transitions */
  }

  #owh-mobile-slider .owh-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity 1.2s ease-in-out;
    will-change: opacity, transform;
  }

  #owh-mobile-slider .owh-slide.active {
    opacity: 1;
    z-index: 2;
  }

  /* Ken Burns zoom-in animation */
  @keyframes owh-kenburns {
    0%   { transform: scale(1); }
    100% { transform: scale(1.08); }
  }

  #owh-mobile-slider .owh-slide.active {
    animation: owh-kenburns 6s ease-out forwards;
  }

  /* Subtle dark overlay so text/logo is always readable */
  #owh-mobile-slider::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%;
    background: linear-gradient(to top, rgba(0,0,0,0.35) 0%, transparent 100%);
    z-index: 3;
    pointer-events: none;
  }

  /* Slide indicators (dots) */
  .owh-slider-dots {
    position: absolute;
    bottom: 28px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    z-index: 10;
  }

  .owh-slider-dots .owh-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(255,255,255,0.4);
    border: none;
    cursor: pointer;
    transition: all 0.4s ease;
    padding: 0;
  }

  .owh-slider-dots .owh-dot.active {
    background: #ffffff;
    width: 24px;
    border-radius: 4px;
  }

  /* =============================================
     8. BOOKING SEARCH FORM — CARSTEN DARK LUXURY
     ============================================= */
  /* Ensure zero gap between slider and booking form */
  .elementor-section:has(#search-box),
  .elementor-section:has(.babe_shortcode_block_search_form) {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  #search-box,
  .babe_shortcode_block_search_form {
    padding: 30px 36px 50px !important;
    margin: 0 !important;
    position: relative;
    z-index: 10;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
    background: #091733 !important; /* EXACT Carsten deep navy background */
  }

  #search_form {
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    border: none !important;
  }

  #search_form h3 {
    display: none !important;
  }

  #search_form .input-group {
    flex-direction: column !important;
    gap: 0 !important;
  }

  #search_form .input-group > div {
    margin: 0 0 28px !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.9) !important;
    border-radius: 0 !important;
    transition: var(--owh-transition);
    position: relative;
  }

  #search_form .input-group > div:focus-within {
    border-bottom: 1px solid #ffffff !important;
  }

  #search_form .input-group > div label {
    font-family: 'Jost', 'Urbanist', sans-serif !important;
    font-size: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    display: block !important;
    margin-bottom: 14px !important;
  }

  #search_form .input-group input,
  #search_form .input-group input:focus,
  #search_form .input-group input::placeholder,
  #search_form .input-group select {
    font-family: 'Jost', 'Urbanist', sans-serif !important;
    font-size: 14px !important;
    color: #ffffff !important;
    font-weight: 500 !important;
    padding: 0 0 10px 0 !important;
    background: transparent !important;
    width: 100% !important;
    border: none !important;
    outline: none !important;
    opacity: 1 !important;
  }

  #search_form .input-group .search-date .search_date {
    width: 100% !important;
    font-size: 14px !important;
    padding: 0 0 10px 0 !important;
    font-family: 'Jost', 'Urbanist', sans-serif !important;
  }

  /* Chevron dropdown effect instead of calendar icon to match reference */
  #search_form .input-group > div .far,
  #search_form .input-group > div .fas,
  #search_form .input-group > div i {
    display: none !important; /* Hide old icons */
  }

  #search_form .input-group > div::after {
    content: '\f107'; /* FontAwesome angle-down */
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    right: 0;
    bottom: 12px;
    color: #ffffff;
    font-size: 14px;
    pointer-events: none;
  }

  /* Submit button — solid navy block, left aligned like reference */
  #search_form .input-group > div.submit {
    background: transparent !important;
    border: none !important;
    border-bottom: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 16px 0 0 !important;
    width: max-content !important; /* Left aligned, not full width */
    min-width: 180px !important;
    transition: var(--owh-transition);
  }

  #search_form .input-group > div.submit::after {
    display: none !important; /* No caret on submit button */
  }

  /* Nuke variables on the parent form in case Boliin forces theme colors */
  #search-box, .babe_shortcode_block_search_form {
    --color-primary: #1a2041 !important;
    --gva-theme-color: #1a2041 !important;
  }

  #search_form .input-group > div.submit button,
  #search_form .btn-search,
  #search_form input[type="submit"],
  #search_form .submit input,
  .babe_shortcode_block_search_form button.submit,
  .babe_shortcode_block_search_form input.submit,
  .btn.btn-primary.btn-search,
  body .btn.btn-primary.btn-search,
  html body #page .babe_shortcode_block_search_form .btn-primary,
  html body.home #search-box .btn-primary {
    width: 100% !important;
    min-width: 180px !important;
    padding: 18px 30px !important;
    font-family: 'Jost', 'Urbanist', sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    background-color: #1a2041 !important; /* EXACT Carsten button background enforced on element */
    background: #1a2041 !important;
    background-image: none !important; /* NUKE Boliin Gold Gradients */
    border: none !important;
    cursor: pointer !important;
    border-radius: 0 !important;
    text-align: center !important;
    box-shadow: none !important;
  }

  /* Force 'REZERVASYON' text since the button is empty */
  #search_form .btn-search::after,
  #search_form .input-group > div.submit button::after {
    content: 'REZERVASYON' !important;
    display: block !important;
    color: #ffffff !important;
    font-family: 'Jost', 'Urbanist', sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    background: transparent !important;
    position: relative !important;
    z-index: 2 !important;
  }

  /* Nuke any theme-specific hover background layers on the button */
  #search_form .btn-search::before,
  #search_form .input-group > div.submit button::before,
  .babe_search_form .btn-primary::before {
    display: none !important;
  }

  /* Date picker popup */
  .ui-datepicker,
  .daterangepicker {
    border-radius: 2px !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
    border: 1px solid #e8e5de !important;
    font-family: 'Urbanist', sans-serif !important;
  }

  /* =============================================
     9. SECTION SPACING — GENEROUS WHITE SPACE
     ============================================= */
  .elementor-section {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }

  .elementor-section.elementor-section-boxed > .elementor-container {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }

  .elementor-column-gap-default > .elementor-column > .elementor-element-populated {
    padding: 10px 0 !important;
  }

  /* =============================================
     10. BACKGROUND CLEANUP — REMOVE CHAOS
     ============================================= */
  /* Force clean backgrounds on content sections AND their overlays */
  .elementor-section:not([class*="footer"]) {
    background-image: none !important;
  }

  .elementor-section:not([class*="footer"]) .elementor-background-overlay,
  .elementor-section:not([class*="footer"]) .elementor-shape,
  .elementor-section:not([class*="footer"]) > .elementor-column > .elementor-background-overlay {
    display: none !important;
    background-image: none !important;
    background: none !important;
    opacity: 0 !important;
  }

  /* Restore specific allowed backgrounds (hero slider) */
  .elementor-section .rev_slider_wrapper,
  .elementor-section rs-module-wrap,
  .elementor-section .slick-slider {
    background: transparent !important;
  }

  /* =============================================
     11. "KONFORUN YENİ ADRESİ" — EDITORIAL LUXURY
     ============================================= */

   @keyframes goldLine {
     0% { width: 0; opacity: 0; }
     100% { width: 60px; opacity: 1; }
   }
   @keyframes fadeUp {
     from { opacity: 0; transform: translateY(20px); }
     to { opacity: 1; transform: translateY(0); }
   }

   /* ---- SECTION CONTAINER ---- */
   .elementor-element-05c709f,
   [data-id="05c709f"] {
     position: relative !important;
     padding: 70px 0 0 !important;
     border-bottom: none !important;
     overflow: hidden !important;
   }

   /* Solid dark background */
   .elementor-element-05c709f::before,
   [data-id="05c709f"]::before {
     content: '' !important;
     position: absolute !important;
     inset: 0 !important;
     background: #080f24 !important;
     z-index: 5 !important;
     pointer-events: none !important;
   }

   /* No ::after aura */
   [data-id="05c709f"]::after {
     display: none !important;
   }

   /* Kill Elementor slideshow/overlay */
   [data-id="05c709f"] > .elementor-background-slideshow,
   [data-id="05c709f"] > .elementor-background-overlay,
   .elementor-element-05c709f > .elementor-background-slideshow,
   .elementor-element-05c709f > .elementor-background-overlay {
     display: none !important;
     visibility: hidden !important;
     opacity: 0 !important;
   }

   /* Content above overlay */
   [data-id="05c709f"] > .elementor-container,
   [data-id="05c709f"] .elementor-container {
     position: relative !important;
     z-index: 10 !important;
   }

   /* ---- KILL ALL ELEMENTOR BACKGROUNDS ---- */
   [data-id="05c709f"] .elementor-inner-section,
   [data-id="05c709f"] .elementor-inner-column,
   [data-id="05c709f"] .elementor-widget-wrap,
   [data-id="05c709f"] .elementor-widget-container,
   [data-id="05c709f"] .elementor-column,
   [data-id="05c709f"] .elementor-col-50,
   [data-id="05c709f"] .gva-element-gva-counter,
   [data-id="05c709f"] .gva-element {
     background: transparent !important;
     background-color: transparent !important;
     background-image: none !important;
   }

   /* ---- SINGLE COLUMN LAYOUT ---- */
   [data-id="05c709f"] > .elementor-container {
     display: flex !important;
     flex-direction: column !important;
   }

   /* Kill empty second column */
   [data-id="23c2a2d"] {
     display: none !important;
   }

   /* ---- MAIN CONTENT COLUMN — CENTERED EDITORIAL ---- */
   [data-id="e9c0a6b"] {
     width: 100% !important;
   }

   [data-id="e9c0a6b"] > .elementor-widget-wrap {
     border-left: none !important;
     padding: 0 28px !important;
     margin: 0 !important;
     text-align: center !important;
     display: flex !important;
     flex-direction: column !important;
     align-items: center !important;
   }

   /* ---- DECORATIVE ICON (star logo) ---- */
   [data-id="05c709f"] .heading-icon {
     margin-bottom: 20px !important;
   }

   [data-id="05c709f"] .heading-icon img,
   [data-id="05c709f"] .elementor-widget-image:first-of-type img {
     filter: none !important;
     opacity: 0.7 !important;
     max-width: 50px !important;
     display: block !important;
     margin: 0 auto !important;
   }

   /* ---- TAGLINE (KONFORUN YENİ ADRESİ) ---- */
   [data-id="05c709f"] .tagline,
   [data-id="05c709f"] .sub-title .tagline,
   [data-id="05c709f"] .gva-sub-title,
   [data-id="05c709f"] .elementor-widget-heading:first-child .elementor-heading-title {
     font-family: 'Jost', sans-serif !important;
     text-transform: uppercase !important;
     letter-spacing: 5px !important;
     font-size: 10px !important;
     font-weight: 400 !important;
     color: #c5a55a !important;
     background: none !important;
     -webkit-background-clip: unset !important;
     background-clip: unset !important;
     -webkit-text-fill-color: unset !important;
     animation: none !important;
     margin-bottom: 14px !important;
     text-align: center !important;
   }

   /* ---- SUB-TITLE WRAPPER — center ---- */
   [data-id="05c709f"] .sub-title {
     text-align: center !important;
     width: 100% !important;
   }

   /* ---- HEADING BLOCK — center everything ---- */
   [data-id="05c709f"] .gsc-heading,
   [data-id="05c709f"] .gsc-heading .content-inner {
     text-align: center !important;
     display: flex !important;
     flex-direction: column !important;
     align-items: center !important;
   }

   /* ---- MAIN HEADING (ONE WAY HOTEL) ---- */
   [data-id="05c709f"] h2.title,
   [data-id="05c709f"] h2.title span,
   [data-id="05c709f"] h1,
   [data-id="05c709f"] .elementor-heading-title {
     font-family: 'Marcellus', serif !important;
     color: #ffffff !important;
     font-size: 30px !important;
     font-weight: 400 !important;
     letter-spacing: 6px !important;
     line-height: 1.3 !important;
     text-shadow: none !important;
     text-align: center !important;
   }

   /* ---- GOLD DIVIDER LINE after heading ---- */
   [data-id="05c709f"] .gsc-heading .content-inner::after {
     content: '' !important;
     display: block !important;
     width: 60px !important;
     height: 1px !important;
     background: #c5a55a !important;
     margin: 24px auto !important;
   }

   /* ---- BODY TEXT ---- */
   [data-id="05c709f"] .title-desc {
     color: rgba(255,255,255,0.5) !important;
     font-family: 'Urbanist', sans-serif !important;
     font-size: 14px !important;
     line-height: 1.9 !important;
     letter-spacing: 0.3px !important;
     max-width: 340px !important;
     text-align: center !important;
     margin: 0 auto !important;
   }

   /* ---- TEXT EDITOR (italic quote) ---- */
   [data-id="05c709f"] .elementor-text-editor,
   [data-id="05c709f"] .elementor-text-editor p {
     color: rgba(255,255,255,0.45) !important;
     font-family: 'Marcellus', serif !important;
     font-size: 15px !important;
     font-style: italic !important;
     line-height: 1.8 !important;
     text-align: center !important;
     max-width: 320px !important;
     margin: 0 auto !important;
     padding-top: 8px !important;
   }

   /* Kill the old border-left quote styling */
   [data-id="05c709f"] .elementor-text-editor em,
   [data-id="05c709f"] .elementor-text-editor i {
     display: inline !important;
     font-style: italic !important;
     color: rgba(197, 165, 90, 0.6) !important;
     font-family: 'Marcellus', serif !important;
     font-size: inherit !important;
     border-left: none !important;
     padding-left: 0 !important;
     margin-top: 0 !important;
   }

   /* =============================================
      12. STAT STRIP — HORIZONTAL DIVIDERS
      ============================================= */

   /* ---- Inner section = the stat strip ---- */
   [data-id="05c709f"] .elementor-inner-section {
     margin-top: 50px !important;
     gap: 0 !important;
     border-top: 1px solid rgba(197, 165, 90, 0.2) !important;
     border-bottom: 1px solid rgba(197, 165, 90, 0.2) !important;
     padding: 0 !important;
   }

   [data-id="05c709f"] .elementor-inner-section > .elementor-container {
     display: flex !important;
     flex-wrap: nowrap !important;
     flex-direction: row !important;
     gap: 0 !important;
     padding: 0 !important;
     justify-content: stretch !important;
   }

   /* Each stat column — equal width, vertical dividers */
   [data-id="05c709f"] .elementor-inner-section .elementor-inner-column {
     padding: 0 !important;
     margin: 0 !important;
     width: 33.333% !important;
     flex: 1 1 33.333% !important;
     border-right: 1px solid rgba(197, 165, 90, 0.15) !important;
   }

   [data-id="05c709f"] .elementor-inner-section .elementor-inner-column:last-child {
     border-right: none !important;
   }

   [data-id="05c709f"] .elementor-inner-section .elementor-widget-wrap {
     padding: 0 !important;
     margin: 0 !important;
   }

   [data-id="05c709f"] .elementor-inner-section .elementor-widget {
     margin-bottom: 0 !important;
   }

   /* ---- STAT CARD — clean centered cell ---- */
   [data-id="05c709f"] .milestone-one__single,
   [data-id="05c709f"] .gva-counter .milestone-one__single,
   [data-id="05c709f"] .elementor-widget-gva-counter .milestone-one__single {
     background: transparent !important;
     border: none !important;
     border-radius: 0 !important;
     padding: 28px 8px !important;
     margin: 0 !important;
     backdrop-filter: none !important;
     -webkit-backdrop-filter: none !important;
     box-shadow: none !important;
     text-align: center !important;
     display: flex !important;
     flex-direction: column !important;
     align-items: center !important;
     justify-content: center !important;
     min-height: auto !important;
     position: static !important;
     overflow: visible !important;
   }

   /* Kill pseudo-elements on stat cards */
   [data-id="05c709f"] .milestone-one__single::before,
   [data-id="05c709f"] .milestone-one__single::after {
     display: none !important;
   }

   /* ---- Stack icon over number ---- */
   [data-id="05c709f"] .milestone-one__top {
     display: flex !important;
     flex-direction: column !important;
     align-items: center !important;
     gap: 4px !important;
   }

   /* ---- ICON ---- */
   [data-id="05c709f"] .milestone-one__icon {
     margin-bottom: 4px !important;
   }

   [data-id="05c709f"] .milestone-one__icon i,
   [data-id="05c709f"] .milestone-one__icon .icon i,
   [data-id="05c709f"] .milestone-one__icon span.icon i {
     color: #c5a55a !important;
     font-size: 24px !important;
     display: inline-block !important;
     font-style: normal !important;
     -webkit-font-smoothing: antialiased !important;
     -moz-osx-font-smoothing: grayscale !important;
     line-height: 1 !important;
     filter: none !important;
   }

   /* ---- STAT NUMBER ---- */
   [data-id="05c709f"] .milestone-one__number,
   [data-id="05c709f"] .milestone-one__number .milestone-number,
   [data-id="05c709f"] .milestone-one__number .symbol {
     font-size: 26px !important;
     font-family: 'Marcellus', serif !important;
     color: #ffffff !important;
     text-shadow: none !important;
     line-height: 1.2 !important;
   }

   /* ---- STAT LABEL ---- */
   [data-id="05c709f"] .milestone-one__title,
   [data-id="05c709f"] .milestone-one__content .milestone-one__title {
     font-family: 'Jost', sans-serif !important;
     font-size: 8px !important;
     font-weight: 400 !important;
     letter-spacing: 2px !important;
     text-transform: uppercase !important;
     color: rgba(255,255,255,0.35) !important;
     margin-top: 6px !important;
   }

   /* ---- gva-icon-box-styles (other stat sections) ---- */
   .gva-icon-box-styles {
     padding: 28px 22px !important;
     text-align: center !important;
     background: rgba(255,255,255,0.03) !important;
     border: 1px solid rgba(255,255,255,0.06) !important;
     border-radius: 12px !important;
     margin-bottom: 12px !important;
     backdrop-filter: blur(10px) !important;
     -webkit-backdrop-filter: blur(10px) !important;
     transition: all 0.4s ease !important;
   }

   .gva-icon-box-styles:hover,
   .gva-icon-box-styles:active {
     border-color: rgba(197, 165, 90, 0.25) !important;
     transform: translateY(-2px) !important;
   }

   .gva-icon-box-styles .icon-inner {
     margin-bottom: 10px !important;
   }

   .gva-icon-box-styles .box-title,
   .gva-icon-box-styles .highlight-text,
   .gva-icon-box-styles h3 {
     font-family: 'Marcellus', serif !important;
     font-size: 32px !important;
     font-weight: 400 !important;
     color: #ffffff !important;
     letter-spacing: 1px !important;
     line-height: 1.2 !important;
   }

   .gva-icon-box-styles .icon-inner i,
   .gva-icon-box-styles .icon-inner svg {
     color: #c5a55a !important;
     fill: #c5a55a !important;
     font-size: 28px !important;
   }

   .gva-icon-box-styles .title {
     font-family: 'Urbanist', sans-serif !important;
     font-size: 10px !important;
     font-weight: 500 !important;
     letter-spacing: 2.5px !important;
     text-transform: uppercase !important;
     color: rgba(255,255,255,0.4) !important;
     margin-top: 6px !important;
   }

   /* Kill gva-icon-box pseudo */
   .gva-icon-box-styles::before {
     display: none !important;
   }

   /* =============================================
      11B. "KALİTELİ KONAKLAMA" — EDITORIAL LUXURY
      (data-id: 8f3dca1 — the REAL section)
      ============================================= */

   /* ---- SECTION CONTAINER ---- */
   [data-id="8f3dca1"] {
     position: relative !important;
     padding: 60px 0 0 !important;
     border-bottom: none !important;
     overflow: hidden !important;
   }

   /* Solid dark background overlay */
   [data-id="8f3dca1"]::before {
     content: '' !important;
     position: absolute !important;
     inset: 0 !important;
     background: #080f24 !important;
     z-index: 5 !important;
     pointer-events: none !important;
   }

   [data-id="8f3dca1"]::after {
     display: none !important;
   }

   /* Kill Elementor slideshow/overlay */
   [data-id="8f3dca1"] > .elementor-background-slideshow,
   [data-id="8f3dca1"] > .elementor-background-overlay {
     display: none !important;
     visibility: hidden !important;
     opacity: 0 !important;
   }

   /* Content above overlay */
   [data-id="8f3dca1"] > .elementor-container,
   [data-id="8f3dca1"] .elementor-container {
     position: relative !important;
     z-index: 10 !important;
   }

   /* Kill ALL Elementor backgrounds inside */
   [data-id="8f3dca1"] .elementor-inner-section,
   [data-id="8f3dca1"] .elementor-inner-column,
   [data-id="8f3dca1"] .elementor-widget-wrap,
   [data-id="8f3dca1"] .elementor-widget-container,
   [data-id="8f3dca1"] .elementor-column,
   [data-id="8f3dca1"] .elementor-col-33,
   [data-id="8f3dca1"] .elementor-col-66,
   [data-id="8f3dca1"] .elementor-col-100,
   [data-id="8f3dca1"] .gva-element-gva-counter,
   [data-id="8f3dca1"] .gva-element {
     background: transparent !important;
     background-color: transparent !important;
     background-image: none !important;
   }

   /* Kill gold bar column background overlay */
   [data-id="848103b"] > .elementor-element-populated > .elementor-background-overlay,
   [data-id="848103b"] .elementor-background-overlay {
     display: none !important;
     opacity: 0 !important;
   }

   /* Hide the gold bar column entirely (33% width column) */
   [data-id="848103b"] {
     display: none !important;
   }

   /* Hide gold divider elements inside this section */
   [data-id="8f3dca1"] .elementor-divider,
   [data-id="8f3dca1"] .elementor-widget-divider {
     display: none !important;
   }

   /* Force inner section to single column + kill gold bar inset shadow */
   [data-id="b331114"] > .elementor-container {
     display: flex !important;
     flex-direction: column !important;
   }
   [data-id="b331114"] {
     box-shadow: none !important;
   }

   /* Make content column full width */
   [data-id="5cf42e2"] {
     width: 100% !important;
     max-width: 100% !important;
   }

   /* Center the content wrapper */
   [data-id="5cf42e2"] > .elementor-widget-wrap,
   [data-id="5cf42e2"] > .elementor-element-populated {
     border-left: none !important;
     padding: 0 28px !important;
     margin: 0 !important;
     text-align: center !important;
     display: flex !important;
     flex-direction: column !important;
     align-items: center !important;
   }

   /* ---- DECORATIVE ICON (star logo) ---- */
   [data-id="8f3dca1"] .heading-icon {
     margin-bottom: 20px !important;
   }

   [data-id="8f3dca1"] .heading-icon img,
   [data-id="8f3dca1"] .elementor-widget-image:first-of-type img {
     filter: none !important;
     opacity: 0.7 !important;
     max-width: 50px !important;
     display: block !important;
     margin: 0 auto !important;
   }

   /* ---- TAGLINE (KALİTELİ KONAKLAMA) ---- */
   [data-id="8f3dca1"] .tagline,
   [data-id="8f3dca1"] .sub-title .tagline,
   [data-id="8f3dca1"] .gva-sub-title {
     font-family: 'Jost', sans-serif !important;
     text-transform: uppercase !important;
     letter-spacing: 5px !important;
     font-size: 10px !important;
     font-weight: 400 !important;
     color: #c5a55a !important;
     background: none !important;
     -webkit-background-clip: unset !important;
     background-clip: unset !important;
     -webkit-text-fill-color: unset !important;
     animation: none !important;
     margin-bottom: 14px !important;
     text-align: center !important;
   }

   /* Center sub-title wrapper */
   [data-id="8f3dca1"] .sub-title {
     text-align: center !important;
     width: 100% !important;
   }

   /* Center heading block */
   [data-id="8f3dca1"] .gsc-heading,
   [data-id="8f3dca1"] .gsc-heading .content-inner {
     text-align: center !important;
     display: flex !important;
     flex-direction: column !important;
     align-items: center !important;
   }

   /* ---- MAIN HEADING (ONE WAY HOTEL) ---- */
   [data-id="8f3dca1"] h2.title,
   [data-id="8f3dca1"] h2.title span,
   [data-id="8f3dca1"] .elementor-heading-title {
     font-family: 'Marcellus', serif !important;
     color: #ffffff !important;
     font-size: 30px !important;
     font-weight: 400 !important;
     letter-spacing: 6px !important;
     line-height: 1.3 !important;
     text-shadow: none !important;
     text-align: center !important;
   }

   /* Gold divider line after heading */
   [data-id="8f3dca1"] .gsc-heading .content-inner::after {
     content: '' !important;
     display: block !important;
     width: 60px !important;
     height: 1px !important;
     background: #c5a55a !important;
     margin: 24px auto !important;
   }

   /* ---- BODY TEXT ---- */
   [data-id="8f3dca1"] .title-desc {
     color: rgba(255,255,255,0.5) !important;
     font-family: 'Urbanist', sans-serif !important;
     font-size: 14px !important;
     line-height: 1.9 !important;
     letter-spacing: 0.3px !important;
     max-width: 340px !important;
     text-align: center !important;
     margin: 0 auto !important;
   }

   /* ---- DECORATIVE IMAGE (icon) ---- */
   [data-id="8f3dca1"] .elementor-widget-image img {
     opacity: 0.7 !important;
     max-width: 50px !important;
     filter: none !important;
     display: block !important;
     margin: 0 auto !important;
   }

   /* ---- STAT ITEMS (45m², 1+1) ---- */
   [data-id="8f3dca1"] .milestone-one__single {
     background: transparent !important;
     border: none !important;
     border-radius: 0 !important;
     padding: 24px 12px !important;
     margin: 0 !important;
     backdrop-filter: none !important;
     -webkit-backdrop-filter: none !important;
     box-shadow: none !important;
     text-align: center !important;
     display: flex !important;
     flex-direction: column !important;
     align-items: center !important;
     justify-content: center !important;
     position: static !important;
     overflow: visible !important;
     border-top: 1px solid rgba(197, 165, 90, 0.2) !important;
   }

   /* Kill pseudo-elements on stat cards */
   [data-id="8f3dca1"] .milestone-one__single::before,
   [data-id="8f3dca1"] .milestone-one__single::after {
     display: none !important;
   }

   /* Stack icon over number */
   [data-id="8f3dca1"] .milestone-one__top {
     display: flex !important;
     flex-direction: column !important;
     align-items: center !important;
     gap: 4px !important;
   }

   /* Icon */
   [data-id="8f3dca1"] .milestone-one__icon {
     margin-bottom: 4px !important;
   }

   [data-id="8f3dca1"] .milestone-one__icon i {
     color: #c5a55a !important;
     font-size: 24px !important;
     filter: none !important;
     line-height: 1 !important;
   }

   /* Stat number */
   [data-id="8f3dca1"] .milestone-one__number,
   [data-id="8f3dca1"] .milestone-one__number .milestone-number,
   [data-id="8f3dca1"] .milestone-one__number .symbol {
     font-size: 28px !important;
     font-family: 'Marcellus', serif !important;
     color: #ffffff !important;
     text-shadow: none !important;
     line-height: 1.2 !important;
   }

   /* Stat label */
   [data-id="8f3dca1"] .milestone-one__title {
     font-family: 'Jost', sans-serif !important;
     font-size: 9px !important;
     font-weight: 400 !important;
     letter-spacing: 2px !important;
     text-transform: uppercase !important;
     color: rgba(255,255,255,0.35) !important;
     margin-top: 6px !important;
   }

  /* =============================================
     13. FEATURE CARDS (Fiyat Garantisi vs)
     ============================================= */
  .elementor-element-4f3a895,
  [data-id="4f3a895"] {
    background: #091733 !important;
    padding: 60px 0 40px !important;
    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
  }

  [data-id="4f3a895"] .iconbox-two__single {
    background: transparent !important;
    padding: 0 20px !important;
  }

  [data-id="4f3a895"] .iconbox-two__content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    position: relative !important;
  }

  [data-id="4f3a895"] .iconbox-two__icon {
    position: relative !important;
    margin-bottom: 15px !important;
    width: 80px !important;
    height: 80px !important;
    transform: none !important;
    left: auto !important;
    top: auto !important;
    background: transparent !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  [data-id="4f3a895"] .iconbox-two__icon::before,
  [data-id="4f3a895"] .iconbox-two__icon::after {
      display: none !important;
  }

  [data-id="4f3a895"] .iconbox-two__icon i {
    color: #c5a55a !important;
    font-size: 50px !important;
    display: block !important;
  }

  [data-id="4f3a895"] .iconbox-two__title {
    font-family: 'Marcellus', serif !important;
    color: #ffffff !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    letter-spacing: 1px !important;
    margin-bottom: 15px !important;
  }

  [data-id="4f3a895"] .iconbox-two__desc {
    color: rgba(255,255,255,0.6) !important;
    font-family: 'Urbanist', sans-serif !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
    letter-spacing: 0.3px !important;
  }

  [data-id="4f3a895"] .swiper-pagination-bullet {
    background: rgba(255,255,255,0.2) !important;
  }

  [data-id="4f3a895"] .swiper-pagination-bullet-active {
    background: #c5a55a !important;
  }

  /* Content Carousel (Özel İkramlar, Olanaklar) */
  .elementor-element-88ba6ff .gsc-content-carousel {
    background: transparent !important;
  }

  .elementor-element-88ba6ff .quote-slider-wrapper {
    background: rgba(255,255,255,0.03) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border: 1px solid rgba(255,255,255,0.05) !important;
    border-radius: 16px !important;
    padding: 30px !important;
    margin: -40px 15px 0 !important; /* Pull up to overlap image slightly */
    position: relative !important;
    z-index: 10 !important;
  }

  .elementor-element-88ba6ff .quote-text-wrap .title {
    font-family: 'Marcellus', serif !important;
    color: #ffffff !important;
    font-size: 24px !important;
    margin-bottom: 15px !important;
  }

  .elementor-element-88ba6ff .quote-text-wrap .desc {
    color: rgba(255,255,255,0.6) !important;
    font-family: 'Urbanist', sans-serif !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
  }

  .elementor-element-88ba6ff .image-slider-wrapper img {
    border-radius: 16px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
  }

  /* Slider Navigation Arrows */
  .elementor-element-88ba6ff .content_carousel__nav > div {
    background: rgba(255,255,255,0.1) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,0.2) !important;
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
  }

  .elementor-element-88ba6ff .content_carousel__nav > div:hover {
    background: #c5a55a !important;
    border-color: #c5a55a !important;
    color: #0c1524 !important;
  }

  /* =============================================
     14. ROOM CARDS & GLOBAL DARK SECTIONS
     ============================================= */
  
  /* Force dark background on all remaining top-level sections after Konfor section */
  [data-id="05c709f"] ~ .elementor-section.elementor-top-section {
    background: #091733 !important;
    background-color: #091733 !important;
  }
  
  /* Fallbacks for pseudo backgrounds */
  [data-id="05c709f"] ~ .elementor-section.elementor-top-section > .elementor-background-overlay {
      display: none !important;
  }

  /* Gold Banner section override */
  [data-id="6ebac2a"] {
    border-top: 1px solid rgba(255,255,255,0.06) !important;
    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
    padding: 15px 0 !important;
  }

  [data-id="6ebac2a"] .elementor-widget-text-editor div {
    color: #c5a55a !important;
    font-family: 'Marcellus', serif !important;
    letter-spacing: 2px !important;
  }

  /* Room Card Container */
  .booking-one .booking-block-inner {
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
    border: 1px solid rgba(255,255,255,0.05) !important;
    margin-bottom: 24px !important;
    background: rgba(255,255,255,0.03) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
  }

  .booking-one .booking-block-inner .booking-image img {
    border-radius: 16px 16px 0 0 !important;
    aspect-ratio: 4/3 !important;
    object-fit: cover !important;
  }

  .booking-one .booking-block-inner .booking-content {
    padding: 24px 20px !important;
    text-align: left !important;
    background: transparent !important;
  }

  /* Room Title */
  .booking-one .booking-block-inner .booking-content .title a,
  .booking-one .booking-block-inner .title a {
    font-family: 'Marcellus', serif !important;
    font-size: 20px !important;
    color: #ffffff !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
  }

  /* Room Content / Meta Data */
  .booking-one .booking-block-inner .ba-meta,
  .booking-one .booking-block-inner .ba-meta * {
    color: rgba(255,255,255,0.6) !important;
  }

  .booking-one .booking-block-inner .booking-content .price,
  .booking-one .booking-block-inner .price {
    font-family: 'Jost', sans-serif !important;
    color: #c5a55a !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    margin-top: 10px !important;
  }

  /* Room Section and remaining info sections */
  [data-id="1185531"] {
    padding: 50px 0 40px !important;
  }

  [data-id="1185531"] .gva-sub-title,
  [data-id="05c709f"] ~ .elementor-section .gva-sub-title,
  [data-id="05c709f"] ~ .elementor-section .tagline {
    color: rgba(197, 165, 90, 0.7) !important;
    font-weight: 400 !important;
  }

  [data-id="1185531"] .elementor-heading-title,
  [data-id="05c709f"] ~ .elementor-section .elementor-heading-title,
  [data-id="05c709f"] ~ .elementor-section h2.title,
  [data-id="05c709f"] ~ .elementor-section h2.title span,
  [data-id="05c709f"] ~ .elementor-section .iconbox-v2 .title,
  [data-id="05c709f"] ~ .elementor-section .elementor-icon-box-title {
    color: #ffffff !important;
    font-family: 'Marcellus', serif !important;
  }

  [data-id="05c709f"] ~ .elementor-section .elementor-text-editor,
  [data-id="05c709f"] ~ .elementor-section .gva-sub-title,
  [data-id="05c709f"] ~ .elementor-section .desc,
  [data-id="05c709f"] ~ .elementor-section .title-desc,
  [data-id="05c709f"] ~ .elementor-section .elementor-icon-box-description {
    color: rgba(255,255,255,0.6) !important;
    font-family: 'Urbanist', sans-serif !important;
  }
  
  /* Fix quote sliders (Ayrıcalıklı Tatil Deneyimi) */
  [data-id="05c709f"] ~ .elementor-section .quote-slider-wrapper {
      background: rgba(255,255,255,0.03) !important;
      background-color: rgba(255,255,255,0.03) !important;
      backdrop-filter: blur(10px) !important;
      -webkit-backdrop-filter: blur(10px) !important;
      border: 1px solid rgba(255,255,255,0.05) !important;
  }
  
  /* Fix Kaliteli Konaklama Block Background & Premium Glass effect */
  [data-id="05c709f"] ~ .elementor-section .gva-heading-block {
      background: linear-gradient(135deg, rgba(255,255,255,0.04) 0%, rgba(197, 165, 90, 0.02) 100%) !important;
      backdrop-filter: blur(20px) !important;
      -webkit-backdrop-filter: blur(20px) !important;
      border: 1px solid rgba(197, 165, 90, 0.12) !important;
      border-radius: 20px !important;
      padding: 32px 24px !important;
      position: relative !important;
      overflow: hidden !important;
      transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  
  /* Top gold accent line on glass blocks */
  [data-id="05c709f"] ~ .elementor-section .gva-heading-block::before {
      content: '' !important;
      position: absolute !important;
      top: 0 !important;
      left: 15% !important;
      right: 15% !important;
      height: 1px !important;
      background: linear-gradient(90deg, transparent, rgba(197, 165, 90, 0.4), transparent) !important;
  }
  
  [data-id="05c709f"] ~ .elementor-section .gva-heading-block:hover {
      border-color: rgba(197, 165, 90, 0.25) !important;
      transform: translateY(-2px) !important;
      box-shadow: 0 8px 30px rgba(0,0,0,0.3), 0 0 15px rgba(197, 165, 90, 0.05) !important;
  }
  
  [data-id="05c709f"] ~ .elementor-section .elementor-column,
  [data-id="05c709f"] ~ .elementor-section .elementor-widget-wrap {
      background-color: transparent !important;
      background-image: none !important;
  }
  
  [data-id="05c709f"] ~ .elementor-section .elementor-column-wrap {
      background: transparent !important;
      background-color: transparent !important;
  }

  /* =============================================
     15. CTA BUTTONS — ELEGANT DARK
     ============================================= */
  .elementor-widget-button .elementor-button {
    padding: 16px 36px !important;
    font-family: 'Jost', 'Urbanist', sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    border-radius: 0 !important;
    background: #020814 !important;
    color: #ffffff !important;
    border: 1px solid rgba(197, 165, 90, 0.4) !important;
    transition: all 0.3s ease !important;
  }

  .elementor-widget-button .elementor-button:hover,
  .elementor-widget-button .elementor-button:active {
    background: #1a2041 !important;
  }

  /* =============================================
     15b. MARQUEE / BANNER STRIP
     ============================================= */
  /* The golden banner ("Şehrin Kalbinde...") */
  .elementor-element-ff787f3,
  .elementor-section[data-element_type="section"]:has(.elementor-widget-text-editor:only-child) {
    /* Let it keep its golden background but make text premium */
  }

  .elementor-element-ff787f3 .elementor-widget-text-editor {
    font-family: 'Marcellus', serif !important;
    letter-spacing: 4px !important;
    font-size: 13px !important;
    text-align: center !important;
  }

  /* =============================================
     16. REVIEWS / TESTIMONIALS
     ============================================= */
  .trustindex-widget,
  [class*="trustindex"] {
    padding: 0 20px !important;
  }

  /* =============================================
     17. FOOTER — COMPACT
     ============================================= */
  #wp-footer {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  .footer-main .elementor-section-wrap > *:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 16px !important;
  }

  .footer-main .elementor-icon-list-text {
    font-family: 'Urbanist', sans-serif !important;
    font-size: 13px !important;
    letter-spacing: 0.5px !important;
  }

  footer + *:not(#owh-bottom-nav):not(#owh-mobile-menu):not(#gva-overlay):not(script):not(.blur-svg) {
    display: none;
  }

  /* =============================================
     18. SMOOTH UX
     ============================================= */
  html {
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
  }

  .elementor-widget:not(:last-child) {
    margin-bottom: 16px;
  }

  /* =============================================
     19. SCROLL-TO-TOP
     ============================================= */
  .return-top {
    bottom: calc(var(--owh-nav-height) + 16px + var(--owh-safe-bottom)) !important;
    right: 16px !important;
  }

  /* =============================================
     20. HAMBURGER ANIM (Bottom Nav)
     ============================================= */
     
  /* =============================================
     20B. CARSTEN-STYLE MOBILE BOOKING FORM
     ============================================= */
  
  /* Kill Gap between Hero Slider and Booking Form */
  [data-id="798bfd9"] {
      padding-bottom: 0 !important;
      margin-bottom: 0 !important;
  }
  [data-id="6b68a25"] {
      padding: 0 !important;
      margin-top: -120px !important; /* Force pull up to close the gap */
      background: #091733 !important; /* Fill gap with solid color */
      position: relative !important;
      z-index: 10 !important;
  }
  [data-id="6b68a25"] .elementor-container,
  [data-id="6b68a25"] .elementor-widget-wrap {
      padding: 0 !important;
      margin: 0 !important;
  }
  
  /* Force Form Visibility */
  .boliin-search-form-wrap {
      opacity: 1 !important;
      filter: none !important;
  }

  .babe_shortcode_block_search_form {
      background: #091733 !important;
      padding: 40px 20px 50px 20px !important;
      margin: 0 !important;
      border-radius: 0 !important;
  }
  
  #search_form_tabs {
      display: none !important;
  }

  .babe_shortcode_block_search_form .search-date,
  .babe_shortcode_block_search_form .search_guests_field {
      border: none !important;
      border-bottom: 1px solid rgba(255,255,255,0.3) !important;
      border-radius: 0 !important;
      background: transparent !important;
      padding: 0 0 10px 0 !important;
      margin-bottom: 25px !important;
      position: relative !important;
  }

  /* Add Downward Chevrons */
  .babe_shortcode_block_search_form .search-date::after,
  .babe_shortcode_block_search_form .search_guests_field::after {
      content: '\f078' !important;
      font-family: "Font Awesome 5 Free" !important;
      font-weight: 900 !important;
      position: absolute !important;
      right: 5px !important;
      bottom: 15px !important;
      color: #fff !important;
      font-size: 12px !important;
      pointer-events: none !important;
  }

  .babe_shortcode_block_search_form .search-date i.bicon-calendar-1,
  .babe_shortcode_block_search_form .search_box i {
      display: none !important;
  }

  .babe_shortcode_block_search_form input.search_date {
      color: #fff !important;
      font-size: 16px !important;
      font-weight: 600 !important;
      padding: 0 !important;
      background: transparent !important;
      border: none !important;
  }

  /* Let Native Theme Labels (GİRİŞ/ÇIKIŞ) Show Naturally */
  .babe_shortcode_block_search_form .form-fields-title {
      display: block !important;
      visibility: visible !important;
      height: auto !important;
      opacity: 1 !important;
      margin-bottom: 0 !important;
  }
  
  .babe_shortcode_block_search_form .form-fields-title span {
      /* Keep ba_amenities hidden completely */
  }
  .babe_shortcode_block_search_form .form-fields-title .ba_amenities_title,
  .babe_shortcode_block_search_form .form-fields-title .ba_location_title,
  .babe_shortcode_block_search_form .form-fields-title .search_box_title {
      display: none !important; 
  }

  /* Guest Field Styling */
  .babe_shortcode_block_search_form .search_guests_field > div {
      display: flex !important;
      align-items: center !important;
  }
  
  .babe_shortcode_block_search_form .search_guests_title {
      display: none !important;
  }

  .babe_shortcode_block_search_form .search_guests_title_value,
  .babe_shortcode_block_search_form .search_guests_field > div,
  .babe_shortcode_block_search_form .search_guests_field span,
  .babe_shortcode_block_search_form .search_guests_field input {
      color: #fff !important;
      font-size: 16px !important;
      font-weight: 600 !important;
      background: transparent !important;
      border: none !important;
  }
  
  .babe_shortcode_block_search_form .search_guests_title_value::after {
      content: ' Adult' !important;
  }

  /* White Popup Guests Selector */
  .babe_shortcode_block_search_form .search_guests_select_wrapper {
      background: #fff !important;
      border-radius: 4px !important;
      padding: 20px !important;
      top: 100% !important;
      width: 100% !important;
      left: 0 !important;
      box-shadow: 0 10px 30px rgba(0,0,0,0.3) !important;
      z-index: 99 !important;
  }
  
  .babe_shortcode_block_search_form .search_guests_select_wrapper * {
      color: #333 !important;
  }
  
  .babe_shortcode_block_search_form .input_select_field_guests {
      display: flex !important;
      justify-content: space-between !important;
      align-items: center !important;
      border: 1px solid #ddd !important;
      padding: 10px 15px !important;
      border-radius: 4px !important;
      margin-bottom: 20px !important;
      position: relative !important;
  }

  .babe_shortcode_block_search_form .select_guests_title {
      font-size: 16px !important;
      font-weight: 500 !important;
  }
  
  .babe_shortcode_block_search_form .select_guests_value {
      font-weight: 600 !important;
      font-size: 16px !important;
      margin: 0 15px !important;
  }

  /* Plus/Minus Buttons inside the Guests Popup */
  .babe_shortcode_block_search_form .btn-search-guests-change {
      background: #f1f2f6 !important;
      border-radius: 50% !important;
      width: 32px !important;
      height: 32px !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      border: none !important;
      position: relative !important;
      cursor: pointer !important;
  }

  .babe_shortcode_block_search_form .btn-search-guests-change i {
      display: inline-block !important;
      font-size: 14px !important;
  }

  .babe_shortcode_block_search_form .search_guests_apply .btn {
      width: 100% !important;
      background: #1a2041 !important;
      color: #fff !important;
      padding: 14px !important;
      font-weight: 600 !important;
      font-size: 15px !important;
      letter-spacing: 1px !important;
      border: none !important;
      border-radius: 4px !important;
      text-transform: uppercase !important;
      min-width: unset !important;
  }

  /* Booking Button Left Aligned */
  .babe_shortcode_block_search_form .btn-search {
      width: auto !important;
      min-width: 150px !important;
      text-align: center !important;
      display: block !important;
      margin-left: 0 !important;
      margin-right: auto !important;
      background: #1a2041 !important;
      padding: 15px 30px !important;
      font-weight: 600 !important;
      color: #fff !important;
      border-radius: 4px !important;
  }
     
  /* =============================================
     21. PREMIUM SERVICES ANIMATED SECTION
     ============================================= */
  
  [data-id="993362e"] {
    position: relative !important;
    overflow: hidden !important;
  }

  /* Animated Glowing Aura Background */
  [data-id="993362e"]::before {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 600px !important;
    height: 600px !important;
    background: radial-gradient(circle, rgba(197, 165, 90, 0.08) 0%, rgba(197, 165, 90, 0) 70%) !important;
    transform: translate(-50%, -50%) !important;
    border-radius: 50% !important;
    pointer-events: none !important;
    z-index: 0 !important;
    animation: pulseAura 8s infinite alternate ease-in-out !important;
  }

  @keyframes pulseAura {
    0% { transform: translate(-50%, -50%) scale(1); opacity: 0.5; }
    100% { transform: translate(-50%, -40%) scale(1.3); opacity: 0.9; }
  }

  /* Secure text above aura */
  [data-id="993362e"] > .elementor-container {
    position: relative !important;
    z-index: 2 !important;
  }

  /* Glassmorphism on the Oda Servisi Block */
  [data-id="993362e"] [data-id="857911a"] > .elementor-widget-wrap {
    background: rgba(255, 255, 255, 0.02) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border: 1px solid rgba(197, 165, 90, 0.15) !important;
    border-radius: 20px !important;
    padding: 30px 20px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3), inset 0 0 20px rgba(197, 165, 90, 0.03) !important;
    margin-top: 20px !important;
  }

  /* Interactive Icon List items */
  [data-id="993362e"] .elementor-icon-list-item {
    transition: transform 0.3s ease, background 0.3s ease !important;
    padding: 10px !important;
    border-radius: 10px !important;
    margin-bottom: 8px !important;
  }
  
  [data-id="993362e"] .elementor-icon-list-item:active {
    background: rgba(197, 165, 90, 0.1) !important;
    transform: scale(0.98) !important;
  }

  [data-id="993362e"] .elementor-icon-list-icon i {
    color: #c5a55a !important;
    text-shadow: 0 0 10px rgba(197, 165, 90, 0.5) !important;
  }

  /* Rezervasyon Button Premium Sweep & Pulse */
  [data-id="79040f2"] a.btn-black {
    background: linear-gradient(135deg, #c5a55a 0%, #a2833e 100%) !important;
    color: #fff !important;
    border: none !important;
    position: relative !important;
    overflow: hidden !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 15px rgba(197, 165, 90, 0.3) !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
    padding: 15px 30px !important;
  }

  [data-id="79040f2"] a.btn-black::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 60% !important;
    height: 100% !important;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0) 100%) !important;
    transform: skewX(-25deg) !important;
    animation: goldSweep 4s infinite !important;
  }

  @keyframes goldSweep {
    0% { left: -100%; }
    15% { left: 200%; }
    100% { left: 200%; }
  }
  .owh-hamburger {
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: 22px;
    height: 22px;
    justify-content: center;
    align-items: center;
  }

  .owh-hamburger span {
    display: block;
    width: 20px;
    height: 2px;
    background: currentColor;
    border-radius: 1px;
    transition: var(--owh-transition);
    transform-origin: center;
  }

  .owh-hamburger span:nth-child(1) { width: 18px; }
  .owh-hamburger span:nth-child(3) { width: 14px; }

  .owh-nav-item.menu-active .owh-hamburger span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
    width: 20px;
  }
  .owh-nav-item.menu-active .owh-hamburger span:nth-child(2) {
    opacity: 0;
    transform: scaleX(0);
  }
  .owh-nav-item.menu-active .owh-hamburger span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
    width: 20px;
  }

  /* =============================================
     21. CAROUSEL DOTS
     ============================================= */
  .slick-dots li button,
  .owl-dots .owl-dot span {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: #ddd !important;
    border: none !important;
  }

  .slick-dots li.slick-active button,
  .owl-dots .owl-dot.active span {
    background: var(--owh-accent) !important;
  }

  /* =============================================
     22. IMAGE ELEMENTS
     ============================================= */
  .elementor-widget-image img {
    border-radius: 0 !important;
  }

  .gva-portfolio-grid .column-1,
  .gva-portfolio-grid [class*="column-"] {
    width: 100% !important;
  }

  /* =============================================
     26. GUESTS SELECTION (INLINE PREMIUM REDESIGN)
     ============================================= */
  /* Hide the toggle and apply buttons since we are making it inline */
  .babe_search_form .add_people_title,
  .babe_search_form .search_apply_btn,
  .babe_search_form i.fa-angle-down {
    display: none !important;
  }

  /* Force the generic popup into a static, permanently open inline row */
  .babe_search_form .add_people_view,
  .babe_shortcode_block_search_form .add_people_view {
    display: block !important;
    position: static !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 10px 0 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    width: 100% !important;
  }

  .babe_search_form .add_people_view::before,
  .babe_search_form .add_people_view::after {
    display: none !important; /* Remove ugly caret triangles */
  }

  .babe_search_form .guest-type-row,
  .babe_search_form .item_people {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid rgba(255,255,255,0.1) !important;
    margin: 0 !important;
    border-top: none !important;
  }

  /* Guest Text Labels */
  .babe_search_form .guest-type-name,
  .babe_search_form .item_people .title {
    font-family: 'Jost', 'Urbanist', sans-serif !important;
    font-size: 13px !important;
    color: #ffffff !important;
    font-weight: 500 !important;
    margin: 0 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
  }

  /* Counter Wrapper */
  .babe_search_form .guest-counter {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
  }

  /* Plus / Minus Buttons - Fix Black Squares! */
  .babe_search_form .cnt-btn,
  .babe_search_form .add_people_btn,
  .babe_search_form .remove_people_btn,
  .babe_search_form .item_people .btn {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    background: rgba(255,255,255,0.05) !important;
    border-radius: 50% !important; /* Perfect circles */
    color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    border: 1px solid rgba(255,255,255,0.2) !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    transition: var(--owh-transition) !important;
    cursor: pointer !important;
    box-shadow: none !important;
  }

  /* Number display */
  .babe_search_form .cnt-val,
  .babe_search_form span.add_people_input {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    width: 24px !important;
    display: inline-block !important;
    text-align: center !important;
    font-family: 'Jost', 'Urbanist', sans-serif !important;
  }

  /* =============================================
     23. FIX STICKY STALKER HEADER
     ============================================= */
  /* Prevent header from following down the screen on scroll */
  .gv-sticky-wrapper,
  .gv-sticky-wrapper.is-fixed,
  .gv-sticky-menu,
  .header-logo-wrapper,
  .site-branding.is-sticky,
  .logo-mobile.is-fixed,
  .elementor-section.gv-sticky-menu {
    position: absolute !important;
    top: 0 !important;
    transform: none !important;
    animation: none !important;
    box-shadow: none !important;
  }
  .is-sticky,
  .header-mobile.sticky,
  .klb-sticky-header {
    display: none !important;
  }

  /* =============================================
     24. FULL WIDTH BOOKING FORM (NO WHITE EDGES)
     ============================================= */
  .elementor-section:has(#search-box),
  .elementor-section:has(.babe_shortcode_block_search_form) {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 0 !important;
  }
  
  .elementor-section:has(#search-box) > .elementor-container,
  .elementor-section:has(.babe_shortcode_block_search_form) > .elementor-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  
  .elementor-section:has(#search-box) .col-12,
  .elementor-section:has(.babe_shortcode_block_search_form) .col-12,
  .elementor-section:has(#search-box) .elementor-column,
  .elementor-section:has(.babe_shortcode_block_search_form) .elementor-column,
  .elementor-section:has(#search-box) .elementor-widget-wrap,
  .elementor-section:has(.babe_shortcode_block_search_form) .elementor-widget-wrap {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
    width: 100% !important;
  }

  /* =============================================
     25. PAGE-WIDE PREMIUM TOUCHES
     ============================================= */
  body {
    background-color: #fafbfc !important;
  }

  /* Soften corners and add luxury shadows to cards/images */
  /* Remove old override on line 1139 that set border-radius: 0 */
  .elementor-widget-image img {
    border-radius: 12px !important;
    box-shadow: 0 8px 30px rgba(0,0,0,0.08) !important;
  }

  /* Room Cards / Product Items Premium Look */
  .room-item, .gva-room, .gva-room-item, .hotel-room, .booking-block-inner {
    border-radius: 16px !important;
    background: #ffffff !important;
    box-shadow: 0 10px 40px rgba(8, 15, 33, 0.05) !important;
    border: 1px solid rgba(0,0,0,0.03) !important;
    overflow: hidden !important;
  }

  /* Make headings uniformly elegant and dark */
  h1, h2, h3, h4, .elementor-heading-title {
    color: #0c1524 !important;
    font-weight: 600 !important;
  }
  
  /* Subtle separator styling */
  .elementor-divider-separator {
    border-color: #d1d5db !important;
    width: 60% !important;
    margin: 0 auto !important;
  }
  
  /* =============================================
     19.5 "ODA SERVİSİ & HİZMETLER" BUTONU (data-id: 79040f2)
     ============================================= */
  [data-id="79040f2"] {
    display: flex !important;
    justify-content: center !important;
    text-align: center !important;
    margin-top: 15px !important;
    width: 100% !important;
  }
  
  [data-id="79040f2"] a.btn-black {
    margin: 0 auto !important;
    display: inline-block !important;
  }

  /* =============================================
     20. "AYRICAIKLKI TATİL DENEYİMİ" FEATURE ICON
     (data-id: a88bccb)
     ============================================= */

  [data-id="a88bccb"] {
    background: #091733 !important;
    padding: 20px 20px 10px !important;
    border-bottom: none !important;
  }

  /* Kill inline beige backgrounds and speech bubble pointers */
  [data-id="a88bccb"] .elementor-widget-container,
  [data-id="a88bccb"] .gva-element,
  [data-id="a88bccb"] .gva-element-gva-icon-box-styles {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
  }
  
  [data-id="a88bccb"] .elementor-widget-container::before,
  [data-id="a88bccb"] .elementor-widget-container::after,
  [data-id="a88bccb"] .gva-element::before,
  [data-id="a88bccb"] .gva-element::after {
    display: none !important;
  }

  /* Kill the beige box and transform to glassmorphism */
  [data-id="a88bccb"] .icon-style-two__single {
    background: linear-gradient(135deg, rgba(197, 165, 90, 0.08), rgba(197, 165, 90, 0.03)) !important;
    border: 1px solid rgba(197, 165, 90, 0.2) !important;
    border-radius: 14px !important;
    padding: 22px 24px !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    transition: all 0.4s ease !important;
  }
  
  /* Kill the speech bubble triangle tail */
  [data-id="a88bccb"] .icon-style-two__single::before,
  [data-id="a88bccb"] .icon-style-two__single::after {
    display: none !important;
  }

  [data-id="a88bccb"] .icon-style-two__wrap {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
  }

  [data-id="a88bccb"] .icon-style-two__icon {
    flex-shrink: 0 !important;
  }

  [data-id="a88bccb"] .icon-style-two__icon i {
    color: #c5a55a !important;
    font-size: 28px !important;
  }

  [data-id="a88bccb"] .icon-style-two__title {
    font-family: 'Marcellus', serif !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    letter-spacing: 1.5px !important;
    margin: 0 !important;
  }

  /* Hide the empty spacer columns */
  [data-id="a88bccb"] .elementor-col-25:first-child,
  [data-id="a88bccb"] .elementor-col-50:last-child {
    display: none !important;
  }

  [data-id="a88bccb"] .elementor-col-25:nth-child(2) {
    width: 100% !important;
  }

  /* =============================================
     21. "NEDEN ONE WAY HOTEL?" HİZMETLERİMİZ
     (data-id: 4bd380a)
     ============================================= */

  [data-id="4bd380a"] {
    background: #091733 !important;
    padding: 50px 0 40px !important;
    border-top: 1px solid rgba(255,255,255,0.04) !important;
    border-bottom: 1px solid rgba(255,255,255,0.04) !important;
  }

  /* Force single column on mobile */
  [data-id="4bd380a"] > .elementor-container {
    display: flex !important;
    flex-direction: column !important;
  }

  [data-id="4bd380a"] .elementor-col-50 {
    width: 100% !important;
  }

  /* Hide the image column (right side spacer) on mobile */
  [data-id="84c3f59"] {
    display: none !important;
  }

  /* Center the heading block */
  [data-id="4bd380a"] .gsc-heading {
    text-align: center !important;
  }

  [data-id="4bd380a"] .gsc-heading .content-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  [data-id="4bd380a"] .heading-icon img {
    max-width: 40px !important;
    opacity: 0.7 !important;
    margin: 0 auto 12px !important;
    display: block !important;
  }

  [data-id="4bd380a"] .tagline {
    font-family: 'Jost', sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: 5px !important;
    font-size: 10px !important;
    color: #c5a55a !important;
    margin-bottom: 10px !important;
  }

  [data-id="4bd380a"] h2.title,
  [data-id="4bd380a"] h2.title span {
    font-family: 'Marcellus', serif !important;
    color: #ffffff !important;
    font-size: 26px !important;
    font-weight: 400 !important;
    letter-spacing: 2px !important;
    text-align: center !important;
    margin-bottom: 30px !important;
  }

  /* Icon boxes premium styling */
  [data-id="4bd380a"] .elementor-icon-box-wrapper {
    background: rgba(255,255,255,0.03) !important;
    border: 1px solid rgba(255,255,255,0.06) !important;
    border-radius: 14px !important;
    padding: 20px !important;
    margin-bottom: 14px !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    transition: all 0.4s ease !important;
  }

  [data-id="4bd380a"] .elementor-icon-box-wrapper:hover {
    border-color: rgba(197, 165, 90, 0.2) !important;
    transform: translateY(-2px) !important;
  }

  [data-id="4bd380a"] .elementor-icon-box-icon .elementor-icon {
    background: linear-gradient(135deg, rgba(197, 165, 90, 0.15), rgba(197, 165, 90, 0.05)) !important;
    border: 1px solid rgba(197, 165, 90, 0.2) !important;
    width: 50px !important;
    height: 50px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
  }

  [data-id="4bd380a"] .elementor-icon-box-icon i {
    color: #c5a55a !important;
    font-size: 20px !important;
  }

  [data-id="4bd380a"] .elementor-icon-box-title {
    font-family: 'Marcellus', serif !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    color: #ffffff !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 6px !important;
  }

  [data-id="4bd380a"] .elementor-icon-box-description {
    font-family: 'Urbanist', sans-serif !important;
    font-size: 13px !important;
    color: rgba(255,255,255,0.45) !important;
    line-height: 1.7 !important;
  }

  /* =============================================
     22. GALLERY CAROUSEL
     (data-id: 7314a20)
     ============================================= */

  [data-id="7314a20"] {
    background: #091733 !important;
    padding: 10px 0 30px !important;
    overflow: hidden !important;
  }

  [data-id="7314a20"] .gallery-two__image {
    border-radius: 10px !important;
    overflow: hidden !important;
    position: relative !important;
  }

  [data-id="7314a20"] .gallery-two__image img {
    border-radius: 10px !important;
    transition: transform 0.6s ease, filter 0.6s ease !important;
  }

  [data-id="7314a20"] .gallery-two__single:hover img {
    transform: scale(1.05) !important;
    filter: brightness(1.1) !important;
  }

  [data-id="7314a20"] .gallery-two__photo {
    background: rgba(197, 165, 90, 0.8) !important;
    border-radius: 50% !important;
    width: 36px !important;
    height: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: absolute !important;
    bottom: 12px !important;
    right: 12px !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
  }

  [data-id="7314a20"] .gallery-two__single:hover .gallery-two__photo {
    opacity: 1 !important;
  }

  [data-id="7314a20"] .gallery-two__photo i {
    color: #080f24 !important;
    font-size: 16px !important;
  }

  /* Swiper navigation */
  [data-id="7314a20"] .swiper-nav-next,
  [data-id="7314a20"] .swiper-nav-prev {
    background: rgba(197, 165, 90, 0.15) !important;
    border: 1px solid rgba(197, 165, 90, 0.3) !important;
    border-radius: 50% !important;
    width: 36px !important;
    height: 36px !important;
    color: #c5a55a !important;
    transition: all 0.3s ease !important;
  }

  [data-id="7314a20"] .swiper-nav-next:hover,
  [data-id="7314a20"] .swiper-nav-prev:hover {
    background: rgba(197, 165, 90, 0.3) !important;
  }

  /* =============================================
     23. "BİRBİRİNDEN ESTETİK ODALARIMIZI KEŞFEDİN"
     CTA + FOOTER LOGO
     (data-id: d6443a5)
     ============================================= */

  [data-id="d6443a5"] {
    background: #091733 !important;
    padding: 40px 20px 50px !important;
    text-align: center !important;
  }

  [data-id="d6443a5"] > .elementor-container {
    display: flex !important;
    flex-direction: column !important;
  }

  [data-id="d6443a5"] .elementor-col-50 {
    width: 100% !important;
  }

  /* CTA heading */
  [data-id="d6443a5"] h2,
  [data-id="d6443a5"] h3 {
    font-family: 'Marcellus', serif !important;
    color: #ffffff !important;
    font-size: 24px !important;
    font-weight: 400 !important;
    letter-spacing: 1.5px !important;
    line-height: 1.4 !important;
    text-align: center !important;
    margin-bottom: 24px !important;
  }

  /* CTA button */
  [data-id="d6443a5"] .heading-action {
    text-align: center !important;
    width: 100% !important;
  }
  
  [data-id="d6443a5"] a.btn-cta, 
  [data-id="d6443a5"] .elementor-button {
    background: linear-gradient(135deg, #c5a55a, #a8893a) !important;
    color: #080f24 !important;
    font-family: 'Jost', sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    padding: 14px 40px !important;
    border-radius: 4px !important;
    border: none !important;
    transition: all 0.4s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto !important;
  }

  [data-id="d6443a5"] a.btn-cta:hover,
  [data-id="d6443a5"] .elementor-button:hover {
    background: linear-gradient(135deg, #d4b86a, #c5a55a) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 30px rgba(197, 165, 90, 0.3) !important;
  }

  /* Footer logo */
  [data-id="d6443a5"] .elementor-widget-image img {
    max-width: 180px !important;
    margin: 30px auto 16px !important;
    display: block !important;
    opacity: 0.6 !important;
    filter: grayscale(20%) !important;
    transition: opacity 0.3s ease !important;
  }

  [data-id="d6443a5"] .elementor-widget-image img:hover {
    opacity: 0.9 !important;
    filter: grayscale(0%) !important;
  }

  /* Tagline under logo */
  [data-id="d6443a5"] .elementor-text-editor p {
    font-family: 'Urbanist', sans-serif !important;
    color: rgba(255,255,255,0.35) !important;
    font-size: 13px !important;
    font-style: italic !important;
    letter-spacing: 0.5px !important;
    text-align: center !important;
  }

  /* =============================================
     24. FOOTER CONTACT
     (data-id: 35a61f7)
     ============================================= */

  [data-id="35a61f7"] {
    background: #060d20 !important;
    padding: 50px 24px 30px !important;
    border-top: 1px solid rgba(197, 165, 90, 0.12) !important;
  }

  [data-id="35a61f7"] h3,
  [data-id="35a61f7"] h4 {
    font-family: 'Marcellus', serif !important;
    color: #c5a55a !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    letter-spacing: 2px !important;
    margin-bottom: 20px !important;
  }

  [data-id="35a61f7"] .elementor-icon-box-icon .elementor-icon {
    background: linear-gradient(135deg, rgba(197, 165, 90, 0.12), rgba(197, 165, 90, 0.04)) !important;
    border: 1px solid rgba(197, 165, 90, 0.2) !important;
    border-radius: 50% !important;
    width: 44px !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  [data-id="35a61f7"] .elementor-icon i {
    color: #c5a55a !important;
    font-size: 18px !important;
  }

  [data-id="35a61f7"] .elementor-icon-box-title,
  [data-id="35a61f7"] .elementor-icon-box-title span {
    font-family: 'Jost', sans-serif !important;
    color: rgba(255,255,255,0.4) !important;
    font-size: 10px !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
  }

  [data-id="35a61f7"] .elementor-icon-box-description {
    font-family: 'Urbanist', sans-serif !important;
    color: #ffffff !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
  }

  [data-id="35a61f7"] .elementor-icon-box-description a {
    color: #c5a55a !important;
    text-decoration: none !important;
  }

  /* =============================================
     25. FOOTER LINKS
     (data-id: 63cf99c1)
     ============================================= */

  [data-id="63cf99c1"] {
    background: #060d20 !important;
    padding: 10px 24px 40px !important;
  }

  [data-id="63cf99c1"] h3,
  [data-id="63cf99c1"] h4 {
    font-family: 'Marcellus', serif !important;
    color: #c5a55a !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    letter-spacing: 2px !important;
    margin-bottom: 16px !important;
  }

  [data-id="63cf99c1"] .elementor-icon-list-text,
  [data-id="63cf99c1"] a {
    font-family: 'Urbanist', sans-serif !important;
    color: rgba(255,255,255,0.45) !important;
    font-size: 13px !important;
    letter-spacing: 0.5px !important;
    transition: color 0.3s ease !important;
  }

  [data-id="63cf99c1"] a:hover {
    color: #c5a55a !important;
  }

  [data-id="63cf99c1"] .elementor-icon-list-item {
    padding: 6px 0 !important;
    border-bottom: 1px solid rgba(255,255,255,0.04) !important;
  }

  /* =============================================
     26. COPYRIGHT BAR
     (data-id: 55efe96d)
     ============================================= */

  [data-id="55efe96d"] {
    background: #050b1a !important;
    padding: 24px 20px !important;
    border-top: 1px solid rgba(197, 165, 90, 0.1) !important;
  }

  [data-id="55efe96d"] * {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
  }

  [data-id="55efe96d"] p,
  [data-id="55efe96d"] span {
    font-family: 'Urbanist', sans-serif !important;
    color: rgba(255,255,255,0.3) !important;
    font-size: 12px !important;
    text-align: center !important;
    letter-spacing: 0.5px !important;
  }

  /* Social icons in footer */
  [data-id="55efe96d"] .elementor-social-icon {
    background: rgba(255,255,255,0.06) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 50% !important;
    width: 38px !important;
    height: 38px !important;
    transition: all 0.3s ease !important;
  }

  [data-id="55efe96d"] .elementor-social-icon:hover {
    background: rgba(197, 165, 90, 0.15) !important;
    border-color: rgba(197, 165, 90, 0.3) !important;
  }

  [data-id="55efe96d"] .elementor-social-icon i {
    color: rgba(255,255,255,0.5) !important;
    font-size: 16px !important;
  }

  [data-id="55efe96d"] .elementor-social-icon:hover i {
    color: #c5a55a !important;
  }

} /* End @media max-width: 1024px */

/* =============================================
   HIDE ON DESKTOP
   ============================================= */
@media (min-width: 1025px) {
  #owh-bottom-nav,
  #owh-mobile-menu {
    display: none !important;
  }
}

/* =============================================
   MOBILE GLOBAL HIDES
   ============================================= */
@media (max-width: 1024px) {
  [data-id="882e888"] { /* Header top bar snippet */
    display: none !important;
  }
}

/* =============================================
   ODALAR SAYFASI (Page ID 37) FIXES
   ============================================= */
.page-id-37 [data-id="9bd2115"]  {
  display: none !important;
}

/* =============================================
   HAKKIMIZDA SAYFASI (Page ID 478) REDESIGN
   ============================================= */
@media (max-width: 1024px) {
  /* Hide all old content sections explicitly in the Elementor page wrapper */
  .page-id-481 [data-elementor-type="wp-page"] {
    display: none !important;
  }

  /* Force page background to match our dark design */
  .page-id-481,
  .page-id-481 .wrapper-page,
  .page-id-481 #page-content,
  .page-id-481 .main-page,
  .page-id-481 .content-page,
  .page-id-481 .single-page-template,
  .page-id-481 .single-content-inner {
    background: #080f24 !important;
  }

  #owh-premium-about {
    background: #080f24;
  }

  /* NUCLEAR: Kill every border/shadow/outline on the header zone */
  .page-id-481 header,
  .page-id-481 header *,
  .page-id-481 .gv-sticky-menu,
  .page-id-481 .header-main-wrapper,
  .page-id-481 .header-builder-inner,
  .page-id-481 .header_default_screen,
  .page-id-481 .elementor-background-overlay,
  .page-id-481 .owh-menu-header,
  .page-id-481 .elementor-section,
  .page-id-481 .elementor-top-section {
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    outline: none !important;
  }

  /* Also destroy any HR or separator that might exist */
  .page-id-481 hr,
  .page-id-481 .elementor-divider-separator {
    display: none !important;
  }

  /* The actual CSS for the dynamically injected premium layout */
  .owh-about-hero {
    position: relative;
    height: 55vh;
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -120px; /* Pull under transparent header */
    margin-bottom: -2px; /* Overlap body to kill subpixel gap */
    padding-top: 80px;
  }

  .owh-about-hero-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    transform: scale(1.15);
    z-index: 1;
  }

  .owh-about-hero::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(8,15,36,0.3) 0%, rgba(8,15,36,0.85) 80%, #080f24 100%);
    z-index: 2;
  }

  .owh-about-hero-content {
    position: relative;
    z-index: 3;
    text-align: center;
  }

  .owh-about-hero-title {
    font-family: 'Marcellus', serif;
    color: #fff;
    font-size: 40px;
    margin: 0;
    letter-spacing: 3px;
    text-shadow: 0 2px 20px rgba(0,0,0,0.5);
  }

  .owh-about-body {
    background: #080f24;
    padding: 60px 24px;
    display: flex;
    flex-direction: column;
    gap: 40px;
  }

  .owh-about-story {
    text-align: center;
  }

  .owh-about-tagline {
    font-family: 'Jost', sans-serif;
    color: #c5a55a;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 4px;
    margin-bottom: 20px;
  }

  .owh-about-heading {
    font-family: 'Marcellus', serif;
    color: #ffffff !important;
    font-size: 28px;
    margin-bottom: 24px;
    line-height: 1.3;
    text-shadow: 0 2px 12px rgba(0,0,0,0.6), 0 0 2px rgba(255,255,255,0.3);
  }

  .owh-about-text {
    font-family: 'Urbanist', sans-serif;
    color: rgba(255, 255, 255, 0.75);
    font-size: 15px;
    line-height: 1.8;
    opacity: 1 !important;
  }

  .owh-about-image-wrapper {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid rgba(197, 165, 90, 0.2);
  }

  .owh-about-image-wrapper img {
    width: 100%;
    display: block;
  }

  .owh-about-image-overlay {
    position: absolute;
    inset: 0;
    pointer-events: none;
    box-shadow: inset 0 0 40px rgba(8,15,36,0.6);
  }

  .owh-about-quote {
    font-family: 'Marcellus', serif;
    color: rgba(197, 165, 90, 0.8);
    font-size: 18px;
    font-style: italic;
    text-align: center;
    border-top: 1px solid rgba(197, 165, 90, 0.3);
    border-bottom: 1px solid rgba(197, 165, 90, 0.3);
    padding: 30px 0;
  }

  /* Stats Grid */
  .owh-about-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
  }

  .owh-about-stat {
    text-align: center;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(197, 165, 90, 0.15);
    border-radius: 16px;
    padding: 24px 8px;
    transition: transform 0.3s ease, border-color 0.3s ease;
  }

  .owh-about-stat:active {
    transform: scale(0.96);
    border-color: rgba(197, 165, 90, 0.4);
  }

  .owh-stat-icon {
    font-size: 28px;
    margin-bottom: 10px;
  }

  .owh-stat-value {
    font-family: 'Marcellus', serif;
    color: #c5a55a;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 4px;
  }

  .owh-stat-label {
    font-family: 'Urbanist', sans-serif;
    color: rgba(255,255,255,0.5);
    font-size: 11px;
    letter-spacing: 0.5px;
  }

  /* Detail Section */
  .owh-about-detail {
    text-align: center;
  }

  /* Service Cards */
  .owh-about-services {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .owh-service-card {
    background: linear-gradient(135deg, rgba(197,165,90,0.08) 0%, rgba(255,255,255,0.03) 100%);
    border: 1px solid rgba(197, 165, 90, 0.15);
    border-radius: 16px;
    padding: 24px 20px;
    transition: transform 0.3s ease;
  }

  .owh-service-card:active {
    transform: scale(0.98);
  }

  .owh-service-icon {
    font-size: 32px;
    margin-bottom: 12px;
  }

  .owh-service-title {
    font-family: 'Marcellus', serif;
    color: #fff;
    font-size: 18px;
    margin: 0 0 10px 0;
  }

  .owh-service-desc {
    font-family: 'Urbanist', sans-serif;
    color: rgba(255,255,255,0.5);
    font-size: 14px;
    line-height: 1.7;
    margin: 0;
  }

  /* Amenities */
  .owh-about-amenities {
    text-align: center;
  }

  .owh-amenity-list {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
  }

  .owh-amenity-list li {
    font-family: 'Urbanist', sans-serif;
    color: rgba(255,255,255,0.7);
    font-size: 15px;
    padding: 14px 0;
    border-bottom: 1px solid rgba(255,255,255,0.06);
    letter-spacing: 0.3px;
  }

  .owh-amenity-list li:last-child {
    border-bottom: none;
  }

  /* Banner */
  .owh-about-banner {
    background: linear-gradient(135deg, rgba(197,165,90,0.12) 0%, rgba(8,15,36,0.9) 100%);
    border: 1px solid rgba(197, 165, 90, 0.25);
    border-radius: 20px;
    padding: 40px 24px;
    text-align: center;
  }

  .owh-banner-text {
    font-family: 'Marcellus', serif;
    color: #fff;
    font-size: 22px;
    line-height: 1.5;
    letter-spacing: 2px;
  }

  /* CTA */
  .owh-about-cta {
    text-align: center;
    padding: 20px 0 40px;
  }

  .owh-about-cta-btn {
    display: inline-block;
    background: linear-gradient(135deg, #c5a55a 0%, #a88b3a 100%);
    color: #080f24;
    font-family: 'Jost', sans-serif;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 16px 40px;
    border-radius: 50px;
    text-decoration: none;
    margin-bottom: 16px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 4px 20px rgba(197, 165, 90, 0.3);
  }

  .owh-about-cta-btn:active {
    transform: scale(0.95);
  }

  .owh-about-cta-phone {
    display: block;
    font-family: 'Urbanist', sans-serif;
    color: rgba(255,255,255,0.5);
    text-decoration: none;
    font-size: 15px;
    margin-top: 16px;
    letter-spacing: 1px;
  }
}

/* =============================================
   KONUM SAYFASI (Page ID 74) REDESIGN
   ============================================= */
@media (max-width: 1024px) {
  /* Hide old Elementor content */
  .page-id-74 [data-elementor-type="wp-page"] {
    display: none !important;
  }

  /* Force page background */
  .page-id-74,
  .page-id-74 .wrapper-page,
  .page-id-74 #page-content,
  .page-id-74 .main-page,
  .page-id-74 .content-page,
  .page-id-74 .single-page-template,
  .page-id-74 .single-content-inner {
    background: #080f24 !important;
  }

  #owh-premium-location {
    background: #080f24;
  }

  /* Kill header borders */
  .page-id-74 header,
  .page-id-74 header *,
  .page-id-74 .gv-sticky-menu,
  .page-id-74 .elementor-background-overlay {
    border: none !important;
    box-shadow: none !important;
  }

  /* Hero — same pattern as About */
  .owh-loc-hero {
    position: relative;
    height: 55vh;
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -120px;
    margin-bottom: -2px;
    padding-top: 80px;
  }

  .owh-loc-hero-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    transform: scale(1.15);
    z-index: 1;
  }

  .owh-loc-hero::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(8,15,36,0.3) 0%, rgba(8,15,36,0.85) 80%, #080f24 100%);
    z-index: 2;
  }

  .owh-loc-hero-content {
    position: relative;
    z-index: 3;
    text-align: center;
  }

  .owh-loc-hero-title {
    font-family: 'Marcellus', serif;
    color: #fff;
    font-size: 40px;
    margin: 0;
    letter-spacing: 3px;
    text-shadow: 0 2px 20px rgba(0,0,0,0.5);
  }

  /* Body */
  .owh-loc-body {
    background: #080f24;
    padding: 60px 24px;
    display: flex;
    flex-direction: column;
    gap: 40px;
  }

  .owh-loc-intro {
    text-align: center;
  }

  /* Map */
  .owh-loc-map {
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid rgba(197, 165, 90, 0.2);
    box-shadow: 0 8px 32px rgba(0,0,0,0.4);
  }

  .owh-loc-map iframe {
    display: block;
    width: 100%;
    height: 280px;
  }

  /* Directions Button */
  .owh-loc-directions {
    text-align: center;
  }

  .owh-loc-dir-btn {
    display: inline-block;
    background: linear-gradient(135deg, #c5a55a 0%, #a88b3a 100%);
    color: #080f24;
    font-family: 'Jost', sans-serif;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 16px 40px;
    border-radius: 50px;
    text-decoration: none;
    box-shadow: 0 4px 20px rgba(197, 165, 90, 0.3);
    transition: transform 0.3s ease;
  }

  .owh-loc-dir-btn:active {
    transform: scale(0.95);
  }

  /* Address Card */
  .owh-loc-address-card {
    text-align: center;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(197, 165, 90, 0.15);
    border-radius: 16px;
    padding: 30px 20px;
  }

  .owh-loc-card-icon {
    font-size: 36px;
    margin-bottom: 12px;
  }

  .owh-loc-card-title {
    font-family: 'Marcellus', serif;
    color: #c5a55a;
    font-size: 18px;
    margin: 0 0 10px 0;
    letter-spacing: 1px;
  }

  .owh-loc-card-text {
    font-family: 'Urbanist', sans-serif;
    color: rgba(255,255,255,0.7);
    font-size: 15px;
    line-height: 1.8;
    margin: 0;
  }

  /* Contact Grid */
  .owh-loc-contact-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
  }

  .owh-loc-contact-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(197, 165, 90, 0.12);
    border-radius: 16px;
    padding: 20px 12px;
    text-decoration: none;
    transition: transform 0.3s ease, border-color 0.3s ease;
  }

  .owh-loc-contact-card:active {
    transform: scale(0.96);
    border-color: rgba(197, 165, 90, 0.4);
  }

  .owh-loc-card-label {
    font-family: 'Jost', sans-serif;
    color: rgba(255,255,255,0.4);
    font-size: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 4px;
  }

  .owh-loc-card-value {
    font-family: 'Urbanist', sans-serif;
    color: #fff;
    font-size: 13px;
    word-break: break-all;
  }

  /* Transport */
  .owh-loc-transport {
    text-align: center;
  }

  .owh-loc-transport-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 20px;
  }

  .owh-loc-transport-item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 14px;
    padding: 18px 16px;
    text-align: left;
  }

  .owh-loc-transport-icon {
    font-size: 28px;
    flex-shrink: 0;
    width: 40px;
    text-align: center;
  }

  .owh-loc-transport-info {
    flex: 1;
  }

  .owh-loc-transport-info strong {
    font-family: 'Marcellus', serif;
    color: #fff;
    font-size: 16px;
    display: block;
    margin-bottom: 4px;
  }

  .owh-loc-transport-info span {
    font-family: 'Urbanist', sans-serif;
    color: rgba(255,255,255,0.5);
    font-size: 13px;
    line-height: 1.6;
  }

  /* Nearby Places */
  .owh-loc-nearby {
    text-align: center;
  }

  .owh-loc-nearby-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    margin-top: 20px;
  }

  .owh-loc-nearby-item {
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(197, 165, 90, 0.1);
    border-radius: 14px;
    padding: 18px 14px;
    text-align: center;
    transition: transform 0.3s ease;
  }

  .owh-loc-nearby-item:active {
    transform: scale(0.96);
  }

  .owh-loc-nearby-dist {
    font-family: 'Marcellus', serif;
    color: #c5a55a;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 6px;
  }

  .owh-loc-nearby-name {
    font-family: 'Urbanist', sans-serif;
    color: rgba(255,255,255,0.6);
    font-size: 12px;
    letter-spacing: 0.3px;
  }
}

/* =============================================
   GALERİ SAYFASI REDESIGN
   ============================================= */
@media (max-width: 1024px) {
  /* Force dark bg based on title match — applied via JS gallery detection */
  #owh-premium-gallery {
    background: #080f24;
  }

  /* Hide old Elementor on gallery page too */
  body:has(#owh-premium-gallery) .wrapper-page,
  body:has(#owh-premium-gallery) #page-content,
  body:has(#owh-premium-gallery) .main-page,
  body:has(#owh-premium-gallery) .content-page,
  body:has(#owh-premium-gallery) .single-page-template,
  body:has(#owh-premium-gallery) .single-content-inner {
    background: #080f24 !important;
  }

  body:has(#owh-premium-gallery) header,
  body:has(#owh-premium-gallery) header * {
    border: none !important;
    box-shadow: none !important;
  }

  /* Gallery body */
  .owh-gal-body {
    background: #080f24;
    padding: 60px 16px;
    display: flex;
    flex-direction: column;
    gap: 36px;
  }

  .owh-gal-intro {
    text-align: center;
    padding: 0 8px;
  }

  /* Filters */
  .owh-gal-filters {
    display: flex;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
  }

  .owh-gal-filter {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(197, 165, 90, 0.2);
    border-radius: 50px;
    padding: 10px 20px;
    font-family: 'Jost', sans-serif;
    font-size: 12px;
    color: rgba(255,255,255,0.5);
    letter-spacing: 1.5px;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s ease;
  }

  .owh-gal-filter.active {
    background: linear-gradient(135deg, #c5a55a 0%, #a88b3a 100%);
    color: #080f24;
    border-color: #c5a55a;
    font-weight: 600;
  }

  /* Gallery Grid — Masonry-like */
  .owh-gal-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .owh-gal-item {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    cursor: pointer;
    aspect-ratio: 1;
  }

  .owh-gal-item--wide {
    grid-column: span 2;
    aspect-ratio: 16/9;
  }

  .owh-gal-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
  }

  .owh-gal-item:active img {
    transform: scale(1.05);
  }

  .owh-gal-item-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(8,15,36,0.85) 0%, transparent 50%);
    display: flex;
    align-items: flex-end;
    padding: 14px;
    opacity: 0;
    transition: opacity 0.3s ease;
  }

  .owh-gal-item:active .owh-gal-item-overlay {
    opacity: 1;
  }

  /* Always show label on touch devices */
  @media (hover: none) {
    .owh-gal-item-overlay {
      opacity: 1;
      background: linear-gradient(to top, rgba(8,15,36,0.7) 0%, transparent 40%);
    }
  }

  .owh-gal-item-label {
    font-family: 'Urbanist', sans-serif;
    color: #fff;
    font-size: 12px;
    letter-spacing: 0.5px;
  }

  /* Instagram Link */
  .owh-gal-instagram {
    text-align: center;
    padding: 10px 0;
  }

  .owh-gal-insta-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, #833ab4 0%, #fd1d1d 50%, #fcb045 100%);
    color: #fff;
    font-family: 'Jost', sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 14px 32px;
    border-radius: 50px;
    text-decoration: none;
    box-shadow: 0 4px 20px rgba(131, 58, 180, 0.3);
    transition: transform 0.3s ease;
  }

  .owh-gal-insta-btn:active {
    transform: scale(0.95);
  }

  .owh-gal-insta-icon {
    font-size: 18px;
  }

  /* Lightbox */
  .owh-lightbox {
    position: fixed;
    inset: 0;
    z-index: 99999;
    background: rgba(0,0,0,0.95);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
  }

  .owh-lightbox.active {
    opacity: 1;
    pointer-events: all;
  }

  .owh-lb-img {
    max-width: 92vw;
    max-height: 75vh;
    object-fit: contain;
    border-radius: 12px;
    box-shadow: 0 8px 40px rgba(0,0,0,0.6);
  }

  .owh-lb-close {
    position: absolute;
    top: 20px;
    right: 20px;
    background: none;
    border: none;
    color: #fff;
    font-size: 36px;
    cursor: pointer;
    z-index: 10;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .owh-lb-prev,
  .owh-lb-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 50%;
    color: #fff;
    font-size: 20px;
    width: 44px;
    height: 44px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
  }

  .owh-lb-prev { left: 10px; }
  .owh-lb-next { right: 10px; }

  .owh-lb-caption {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    text-align: center;
    font-family: 'Urbanist', sans-serif;
    color: rgba(255,255,255,0.7);
    font-size: 14px;
    letter-spacing: 1px;
  }

  /* =============================================
     İLETİŞİM SAYFASI REDESIGN
     ============================================= */
  body:has(#owh-premium-contact) .logo-mobile img,
  body:has(#owh-premium-contact) header img {
    filter: brightness(0) invert(1) !important;
  }

  body:has(#owh-premium-contact) .gv-sticky-menu,
  body:has(#owh-premium-contact) header.is-sticky,
  body:has(#owh-premium-contact) .header-mobile.is-fixed,
  body:has(#owh-premium-contact) .elementor-sticky--effects,
  body:has(#owh-premium-contact) .elementor-sticky--active,
  body:has(#owh-premium-contact) .she-header,
  body:has(#owh-premium-contact) .header-wrapper {
    background-color: rgba(8, 15, 36, 0.95) !important;
    background: rgba(8, 15, 36, 0.95) !important;
    backdrop-filter: blur(10px) !important;
    border-bottom: 1px solid rgba(197, 165, 90, 0.15) !important;
  }

  /* Force inner sticky elements to be transparent so our dark background shows */
  body:has(#owh-premium-contact) .gv-sticky-menu *,
  body:has(#owh-premium-contact) header.is-sticky *,
  body:has(#owh-premium-contact) .header-mobile.is-fixed *,
  body:has(#owh-premium-contact) .elementor-sticky--effects *,
  body:has(#owh-premium-contact) .elementor-sticky--active *,
  body:has(#owh-premium-contact) .she-header * {
    background: transparent !important;
    background-color: transparent !important;
  }

  #owh-premium-contact {
    background: #080f24;
  }

  body:has(#owh-premium-contact) .wrapper-page,
  body:has(#owh-premium-contact) #page-content,
  body:has(#owh-premium-contact) .main-page,
  body:has(#owh-premium-contact) .content-page,
  body:has(#owh-premium-contact) .single-page-template,
  body:has(#owh-premium-contact) .single-content-inner {
    background: #080f24 !important;
  }

  body:has(#owh-premium-contact) header,
  body:has(#owh-premium-contact) header * {
    border: none !important;
    box-shadow: none !important;
  }

  .owh-contact-body {
    background: #080f24;
    padding: 60px 16px;
    display: flex;
    flex-direction: column;
    gap: 40px;
  }

  .owh-contact-intro {
    text-align: center;
    padding: 0 8px;
  }

  .owh-contact-grid {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .owh-contact-card {
    display: flex;
    align-items: center;
    gap: 16px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(197, 165, 90, 0.15);
    border-radius: 16px;
    padding: 20px;
    text-decoration: none !important;
    transition: transform 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
  }

  .owh-contact-card:active {
    transform: scale(0.98);
    background: rgba(197, 165, 90, 0.1);
    box-shadow: 0 4px 20px rgba(197, 165, 90, 0.2);
  }

  .owh-contact-icon {
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, rgba(197,165,90,0.1) 0%, rgba(197,165,90,0.4) 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #c5a55a;
  }

  .owh-contact-icon svg {
    width: 24px;
    height: 24px;
  }

  .owh-contact-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  .owh-contact-title {
    font-family: 'Jost', sans-serif;
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #c5a55a;
    font-weight: 600;
  }

  .owh-contact-detail {
    font-family: 'Urbanist', sans-serif;
    font-size: 15px;
    color: #ffffff;
    line-height: 1.4;
  }

  .owh-contact-map {
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
    mask-image: radial-gradient(white, black);
    -webkit-mask-image: -webkit-radial-gradient(white, black);
  }

  .owh-contact-map iframe {
    display: block;
    pointer-events: none; /* Disable zoom interactions to keep it clean */
  }

  .owh-contact-map::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    border: 1px solid rgba(197, 165, 90, 0.2);
    border-radius: 16px;
  }
}

/* =============================================
   PREMIUM ROOMS (ODALAR) PAGE
   ============================================= */
@media (max-width: 1024px) {
  body:has(#owh-premium-rooms) {
    background-color: #050b1a !important;
  }

  /* Nuclear option to kill the black box anomaly inside the Elementor header */
  body:has(#owh-premium-rooms) header .elementor-container,
  body:has(#owh-premium-rooms) header .elementor-row,
  body:has(#owh-premium-rooms) header .elementor-column-wrap,
  body:has(#owh-premium-rooms) header .elementor-widget-wrap,
  body:has(#owh-premium-rooms) header .elementor-background-overlay,
  body:has(#owh-premium-rooms) header .elementor-column {
    background-color: transparent !important;
    background: transparent !important;
  }

  body:has(#owh-premium-rooms) .gv-sticky-menu {
    background: rgba(5, 11, 26, 0.9) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
  }

  .owh-rooms-list {
    display: flex;
    flex-direction: column;
    gap: 32px;
  }

  .owh-room-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s ease, border-color 0.3s ease;
  }

  .owh-room-card:active {
    transform: scale(0.98);
    border-color: rgba(197, 165, 90, 0.3);
  }

  .owh-room-image {
    position: relative;
    width: 100%;
    height: 240px;
    overflow: hidden;
  }

  .owh-room-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
  }

  .owh-room-tag {
    position: absolute;
    top: 16px;
    right: 16px;
    background: rgba(5, 11, 26, 0.85);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(197, 165, 90, 0.4);
    color: #c5a55a;
    font-family: 'Jost', sans-serif;
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 6px 12px;
    border-radius: 30px;
  }

  .owh-room-content {
    padding: 24px;
    display: flex;
    flex-direction: column;
    background: linear-gradient(180deg, rgba(255,255,255,0.02) 0%, transparent 100%);
  }

  .owh-room-title {
    font-family: 'Marcellus', serif;
    font-size: 22px;
    color: #ffffff;
    margin: 0 0 8px;
    line-height: 1.3;
  }

  .owh-room-desc {
    font-family: 'Urbanist', sans-serif;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.6);
    margin: 0 0 20px;
    line-height: 1.5;
  }

  .owh-room-features {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  }

  .owh-room-feature {
    display: flex;
    align-items: center;
    gap: 6px;
    background: rgba(197, 165, 90, 0.06);
    border: 1px solid rgba(197, 165, 90, 0.15);
    color: #c5a55a;
    font-family: 'Urbanist', sans-serif;
    font-size: 12px;
    font-weight: 500;
    padding: 6px 10px;
    border-radius: 8px;
  }

  .owh-room-feature svg {
    width: 14px;
    height: 14px;
  }

  .owh-room-book-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: #ffffff;
    color: #080f24;
    font-family: 'Urbanist', sans-serif;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 16px;
    border-radius: 12px;
    text-decoration: none;
    transition: all 0.3s ease;
  }

  .owh-room-book-btn svg {
    width: 18px;
    height: 18px;
    transition: transform 0.3s ease;
  }

  .owh-room-book-btn:active {
    background: #c5a55a;
  }
}

/* =============================================
   PREMIUM FOOTER
   ============================================= */
@media (max-width: 1024px) {

  #owh-premium-footer {
    background: #050b1a;
    color: #fff;
    padding-bottom: 100px; /* Space for bottom nav */
  }

  /* --- CTA Band --- */
  .owh-footer-cta {
    position: relative;
    text-align: center;
    padding: 60px 24px 50px;
    background: linear-gradient(180deg, #080f24 0%, #0a1230 50%, #050b1a 100%);
    overflow: hidden;
  }

  .owh-footer-cta-glow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(197, 165, 90, 0.12) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    animation: owhFooterPulse 4s ease-in-out infinite;
  }

  @keyframes owhFooterPulse {
    0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.7; }
    50% { transform: translate(-50%, -50%) scale(1.3); opacity: 1; }
  }

  .owh-footer-cta-tagline {
    font-family: 'Jost', sans-serif;
    font-size: 12px;
    letter-spacing: 5px;
    color: #c5a55a;
    margin: 0 0 16px;
    position: relative;
    z-index: 2;
  }

  .owh-footer-cta-heading {
    font-family: 'Marcellus', serif;
    font-size: 28px;
    color: #fff;
    margin: 0 0 28px;
    line-height: 1.3;
    position: relative;
    z-index: 2;
  }

  .owh-footer-cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(135deg, #c5a55a 0%, #a38234 100%);
    color: #080f24;
    font-family: 'Urbanist', sans-serif;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: 0.5px;
    padding: 16px 32px;
    border-radius: 50px;
    text-decoration: none;
    position: relative;
    z-index: 2;
    box-shadow: 0 8px 32px rgba(197, 165, 90, 0.3), inset 0 1px 0 rgba(255,255,255,0.3);
    transition: all 0.3s ease;
  }

  .owh-footer-cta-btn:active {
    transform: scale(0.97);
    box-shadow: 0 4px 16px rgba(197, 165, 90, 0.2);
  }

  /* --- Main Footer --- */
  .owh-footer-main {
    padding: 40px 24px 20px;
    display: flex;
    flex-direction: column;
    gap: 36px;
  }

  /* Brand */
  .owh-footer-brand {
    text-align: center;
    padding-bottom: 32px;
    border-bottom: 1px solid rgba(197, 165, 90, 0.12);
  }

  .owh-footer-logo {
    height: 50px;
    width: auto;
    filter: brightness(0) invert(1);
    margin-bottom: 16px;
  }

  .owh-footer-brand-text {
    font-family: 'Urbanist', sans-serif;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.5);
    line-height: 1.7;
    margin: 0 0 12px;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }

  .owh-footer-stars {
    font-size: 12px;
    letter-spacing: 6px;
    color: #c5a55a;
  }

  /* Section Titles */
  .owh-footer-section-title {
    font-family: 'Jost', sans-serif;
    font-size: 11px;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: #c5a55a;
    margin: 0 0 18px;
    position: relative;
    padding-left: 20px;
  }

  .owh-footer-section-title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 1px;
    background: #c5a55a;
  }

  /* Contact Items */
  .owh-footer-contact-items {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .owh-footer-contact-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    text-decoration: none;
    padding: 14px 16px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 12px;
    transition: all 0.3s ease;
  }

  .owh-footer-contact-item:active {
    background: rgba(197, 165, 90, 0.08);
    border-color: rgba(197, 165, 90, 0.15);
  }

  .owh-footer-icon {
    width: 36px;
    height: 36px;
    min-width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(197, 165, 90, 0.1);
    border: 1px solid rgba(197, 165, 90, 0.2);
    border-radius: 10px;
    color: #c5a55a;
  }

  .owh-footer-icon svg {
    width: 18px;
    height: 18px;
  }

  .owh-footer-contact-label {
    display: block;
    font-family: 'Urbanist', sans-serif;
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.35);
    margin-bottom: 3px;
  }

  .owh-footer-contact-value {
    display: block;
    font-family: 'Urbanist', sans-serif;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.5;
  }

  /* Quick Links */
  .owh-footer-nav {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
  }

  .owh-footer-nav a {
    display: block;
    padding: 12px 0;
    font-family: 'Urbanist', sans-serif;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.6);
    text-decoration: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
    transition: color 0.3s ease;
    position: relative;
    padding-left: 14px;
  }

  .owh-footer-nav a::before {
    content: '›';
    position: absolute;
    left: 0;
    color: #c5a55a;
    font-size: 16px;
    opacity: 0.5;
    transition: opacity 0.3s ease;
  }

  .owh-footer-nav a:active {
    color: #c5a55a;
  }

  /* Social Grid */
  .owh-footer-social-grid {
    display: flex;
    gap: 12px;
  }

  .owh-footer-social-btn {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    text-decoration: none;
    transition: all 0.3s ease;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.04);
  }

  .owh-footer-social-btn svg {
    width: 20px;
    height: 20px;
  }

  .owh-social-whatsapp {
    color: #25d366;
    border-color: rgba(37, 211, 102, 0.15);
    background: rgba(37, 211, 102, 0.06);
  }

  .owh-social-instagram {
    color: #e1306c;
    border-color: rgba(225, 48, 108, 0.15);
    background: rgba(225, 48, 108, 0.06);
  }

  .owh-social-tripadvisor {
    color: #00af87;
    border-color: rgba(0, 175, 135, 0.15);
    background: rgba(0, 175, 135, 0.06);
  }

  .owh-social-google {
    color: #4285f4;
    border-color: rgba(66, 133, 244, 0.15);
    background: rgba(66, 133, 244, 0.06);
  }

  .owh-footer-social-btn:active {
    transform: scale(0.92);
  }

  /* Bottom Bar */
  .owh-footer-bottom {
    padding: 0 24px 24px;
  }

  .owh-footer-divider {
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, rgba(197, 165, 90, 0.2) 50%, transparent 100%);
    margin-bottom: 20px;
  }

  .owh-footer-copyright {
    font-family: 'Urbanist', sans-serif;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.3);
    text-align: center;
    margin: 0;
    letter-spacing: 0.5px;
  }
}

/* =============================================
   ROOM DETAIL PAGE (single-to_book) FIXES
   ============================================= */
@media (max-width: 1024px) {
  /* Kill the white bar above the logo on room detail pages */
  .single-to_book .elementor-element-882e888 {
    display: none !important;
  }

  /* Make gv-sticky-menu header row transparent */
  .single-to_book .gv-sticky-menu,
  .single-to_book .gv-sticky-menu .elementor-background-overlay {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }
}