/* Shared full-viewport layout system for the public theme. */
html,body{width:100%;max-width:100%;margin:0;overflow-x:clip}
*,*::before,*::after{box-sizing:border-box}
#page,.site,#content,.site-content,.site-main,#primary,.content-area,main{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;min-width:0}
main{padding-left:clamp(12px,2vw,30px);padding-right:clamp(12px,2vw,30px)}
.home-main,.home-grid,.home-left,.home-right,.blog-main,.page-wrap,.container,.wrap,.location-directory,.location-grid,.city-page,.country-page,.loc-page,.single-profile,.verification-page,.registration-page,.normal-account-page,.wx-info-page,.agency-thankyou-page,.ae-main,.ep-content,.dash-main,.ds-content,.wizard-page,.mt-profile-page,.footer-inner,.wx-info-container,.wx-info-layout,.wx-info-hero-grid,.wx-info-content,.blog-content,.entry-content{max-width:none!important;min-width:0}
.home-main,.blog-main,.page-wrap,.location-directory,.city-page,.country-page,.loc-page,.single-profile,.verification-page,.registration-page,.normal-account-page,.wx-info-page,.agency-thankyou-page,.ae-main,.ep-content,.dash-main,.ds-content,.wizard-page,.mt-profile-page{width:100%!important}
.container,.wrap,.page-wrap,.wx-info-container,.footer-inner{width:100%!important}
.site-content,.site-main,#primary,.content-area{padding-left:0!important;padding-right:0!important}
main img,main video,main iframe,.site-footer img{max-width:100%;height:auto}
main input,main select,main textarea,main button{max-width:100%;min-width:0}
main table{max-width:100%;overflow-x:auto}
main :where(.home-grid,.main-layout,.wx-standard-grid,.location-grid,.city-grid-wrap,.registration-layout,.profile-layout){min-width:0}
main :where(.home-left,.home-right,.main-left,.main-right,.wx-standard-left,.wx-standard-right){min-width:0;max-width:100%}
.site-footer .footer-inner{padding-left:clamp(14px,2vw,32px)!important;padding-right:clamp(14px,2vw,32px)!important}
@media(max-width:850px){
  main{padding-left:12px;padding-right:12px}
  .site-header,.premium-header-inner,.site-footer{width:100%;max-width:none}
  main :where(.home-grid,.main-layout,.wx-standard-grid,.location-grid.home-grid,.city-grid-wrap,.registration-layout){grid-template-columns:minmax(0,1fr)!important}
  main :where(.home-right,.main-right,.wx-standard-right){width:100%!important;max-width:none!important}
  main :where(.home-left,.main-left,.wx-standard-left){width:100%!important;max-width:none!important}
  .site-footer .footer-inner{padding-left:12px!important;padding-right:12px!important}
}
@media(max-width:480px){
  html,body{overflow-x:hidden}
  main{padding-left:10px;padding-right:10px}
  main :where(.card,.panel,.section-card){min-width:0}
  main :where(h1){font-size:clamp(25px,8vw,34px)}
}

/* Denver-reference destination layout, adapted for the Dubai theme. */
@media (min-width: 992px) {
  .site-header.premium-header { border-top: 4px solid #a98716 !important; border-bottom: 1px solid #d7c47b !important; background: #090b10 !important; }
  .site-header.premium-header .sg-header-top {
    min-height: 94px !important; padding: 10px 20px !important;
    grid-template-columns: minmax(230px, 340px) minmax(250px, 1.08fr) minmax(570px, 1.9fr) !important;
    gap: 18px !important; background: linear-gradient(90deg,#17171b,#27232b) !important;
  }
  .site-header.premium-header .sg-header-logo,
  .site-header.premium-header .sg-header-logo .site-logo-link { height: 68px !important; min-height: 68px !important; }
  .site-header.premium-header .sg-header-logo .site-logo-link { padding: 2px 9px !important; border: 1px solid #a98716 !important; border-radius: 14px !important; background: #090b10 !important; }
  .site-header.premium-header .sg-header-logo .site-logo { max-width: 340px !important; max-height: 66px !important; height: 66px !important; }
  .site-header.premium-header .sg-header-ad { height: 68px !important; min-height: 68px !important; border-color: #634d0a !important; border-radius: 12px !important; }
  .site-header.premium-header .sg-header-utility .header-search { max-width: 500px !important; }
  .site-header.premium-header .sg-header-utility .header-search input { border-color: #a98716 !important; }
  .site-header.premium-header .sg-header-utility .btn-auth { border-color: #6a5720 !important; }
  .site-header.premium-header .sg-header-utility .btn-register { background: linear-gradient(135deg,#ffdc79,#f3bd42) !important; border-color: #f0c14f !important; }
  .site-header.premium-header .sg-header-nav-row { background: #101827 !important; border-top-color: #4a3b14 !important; }
  .site-header.premium-header .sg-header-nav-row .nav-menu li a { color: #f8fafc !important; }
  .site-header.premium-header .sg-header-nav-row .nav-menu li a:hover,
  .site-header.premium-header .sg-header-nav-row .nav-menu li.current-menu-item a { color: #ffda74 !important; border-bottom-color: #e1b642 !important; }
}

body.home .home-main .home-left-top > .dubai-editorial-hero {
  position: relative !important; isolation: isolate !important; display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr) !important; align-items: stretch !important;
  width: 100vw !important; max-width: none !important; min-height: 500px !important;
  margin: 10px 0 0 -16px !important; padding: 0 !important; gap: 0 !important;
  overflow: hidden !important; border: 0 !important; border-radius: 0 !important;
  background: linear-gradient(110deg,#07151d 0%,#102733 57%,#123744 100%) !important;
  box-shadow: none !important;
}
body.home .home-main .home-left-top > .dubai-editorial-hero::before,
body.home .home-main .home-left-top > .dubai-editorial-hero::after { content: none !important; display: none !important; }
body.home .home-main .dubai-editorial-hero .fp-hero-copy {
  position: relative !important; z-index: 2 !important; display: flex !important; flex-direction: column !important;
  justify-content: center !important; align-items: flex-start !important; width: 100% !important; max-width: none !important;
  margin: 0 !important; padding: clamp(38px,5vw,78px) clamp(24px,4.2vw,82px) !important;
  border: 0 !important; border-radius: 0 !important; background: linear-gradient(90deg,rgba(5,18,26,.96),rgba(9,29,39,.87)) !important;
  box-shadow: none !important; backdrop-filter: none !important;
}
body.home .home-main .dubai-editorial-hero .fp-kicker {
  display: block !important; margin: 0 0 20px !important; padding: 0 !important; border: 0 !important;
  color: #f4c967 !important; background: transparent !important; font-size: .82rem !important;
  font-weight: 900 !important; letter-spacing: .12em !important; line-height: 1.45 !important;
}
body.home .home-main .dubai-editorial-hero h1 {
  max-width: 780px !important; margin: 0 0 18px !important; color: #fff !important;
  font-size: clamp(42px,4.1vw,66px) !important; font-weight: 850 !important; line-height: 1.08 !important;
  letter-spacing: -.045em !important; text-shadow: none !important;
}
body.home .home-main .dubai-editorial-hero h1 span { color: #f2cf7b !important; }
body.home .home-main .dubai-editorial-hero p {
  max-width: 790px !important; margin: 0 !important; color: #f0f4f5 !important;
  font-size: clamp(17px,1.25vw,22px) !important; line-height: 1.72 !important; text-shadow: none !important;
}
body.home .home-main .dubai-editorial-hero .fp-hero-actions { display:flex !important; flex-wrap:wrap !important; gap:12px !important; margin-top:28px !important; }
body.home .home-main .dubai-editorial-hero .fp-primary-btn,
body.home .home-main .dubai-editorial-hero .fp-secondary-btn {
  min-height:54px !important; padding:0 24px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important;
  gap:14px !important; border-radius:10px !important; font-size:16px !important; font-weight:750 !important; text-decoration:none !important;
}
body.home .home-main .dubai-editorial-hero .fp-primary-btn { color:#17130c !important; background:linear-gradient(135deg,#ffe18e,#d4a93a) !important; border:1px solid #f5d47a !important; box-shadow:0 10px 24px rgba(214,171,57,.16) !important; }
body.home .home-main .dubai-editorial-hero .fp-secondary-btn { color:#fff !important; background:rgba(255,255,255,.07) !important; border:1px solid rgba(246,221,159,.58) !important; }
.dubai-hero-highlights { display:flex !important; flex-wrap:wrap !important; gap:12px 25px !important; margin:24px 0 0 !important; padding:0 !important; list-style:none !important; }
.dubai-hero-highlights li { position:relative !important; margin:0 !important; padding-left:20px !important; color:#f7f5ef !important; font-size:14px !important; font-weight:750 !important; }
.dubai-hero-highlights li::before { content:'✓' !important; position:absolute !important; left:0 !important; color:#f1bf4d !important; font-weight:900 !important; }
.dubai-hero-visual {
  position:relative !important; min-width:0 !important; min-height:100% !important; overflow:hidden !important;
  background: linear-gradient(90deg,rgba(13,39,51,.58) 0%,rgba(13,39,51,.02) 55%), url('../images/uae-hero-bg.svg') center center / cover no-repeat !important;
}
.dubai-hero-visual::after { content:'' !important; position:absolute !important; inset:0 !important; background:linear-gradient(0deg,rgba(3,14,20,.74),transparent 40%) !important; }
.dubai-hero-visual-caption { position:absolute !important; z-index:1 !important; right:clamp(22px,3vw,52px) !important; bottom:28px !important; color:#fff0bf !important; font-size:13px !important; font-weight:850 !important; letter-spacing:.18em !important; }
.dubai-location-strip {
  position:relative !important; z-index:2 !important; display:flex !important; align-items:center !important; gap:10px !important;
  width:100vw !important; max-width:none !important; margin:0 0 22px -16px !important; padding:13px clamp(18px,2vw,40px) !important;
  overflow-x:auto !important; scrollbar-width:thin !important; background:#faf9f5 !important; border-bottom:1px solid #e7e0d3 !important;
}
.dubai-location-strip strong { flex:0 0 auto !important; margin-right:8px !important; color:#7a5c20 !important; font-size:12px !important; font-weight:900 !important; letter-spacing:.11em !important; white-space:nowrap !important; }
.dubai-location-strip a { flex:0 0 auto !important; display:inline-flex !important; align-items:center !important; gap:6px !important; min-height:40px !important; padding:0 15px !important; border:1px solid #e6dcc8 !important; border-radius:24px !important; background:#fff !important; color:#34445a !important; font-size:14px !important; text-decoration:none !important; white-space:nowrap !important; }
.dubai-location-strip a[aria-current="page"], .dubai-location-strip a:hover { border-color:#d7b44e !important; background:#f4ebd3 !important; color:#372d16 !important; }
.dubai-listings-anchor { display:block !important; position:relative !important; top:-12px !important; }

@media (min-width: 992px) and (max-width: 1250px) {
  .site-header.premium-header .sg-header-top { grid-template-columns: minmax(180px,220px) minmax(500px,1fr) !important; }
  .site-header.premium-header .sg-header-top .sg-header-ad { display:none !important; }
  .site-header.premium-header .sg-header-utility { grid-column:2 !important; }
  .site-header.premium-header .sg-header-utility .header-search { min-width:170px !important; }
  .site-header.premium-header .sg-header-utility .btn-auth { padding:0 9px !important; font-size:12px !important; }
}
@media (min-width: 1600px) {
  body.home .home-main .home-left-top > .dubai-editorial-hero, .dubai-location-strip { margin-left:-20px !important; }
}
@media (max-width: 991px) {
  body.home .home-main .home-left-top > .dubai-editorial-hero, .dubai-location-strip { margin-left:0 !important; }
  body.home .home-main .home-left-top > .dubai-editorial-hero { grid-template-columns:minmax(0,1fr) !important; min-height:0 !important; }
  body.home .home-main .dubai-editorial-hero .fp-hero-copy { min-height:380px !important; padding:40px 24px !important; }
  body.home .home-main .dubai-editorial-hero h1 { font-size:clamp(38px,8vw,58px) !important; }
  .dubai-hero-visual { min-height:280px !important; }
  .dubai-location-strip { margin-bottom:18px !important; }
}
@media (max-width: 600px) {
  body.home .home-main .home-left-top > .dubai-editorial-hero { margin-top:0 !important; }
  body.home .home-main .dubai-editorial-hero .fp-hero-copy { min-height:0 !important; padding:34px 20px 30px !important; }
  body.home .home-main .dubai-editorial-hero .fp-kicker { margin-bottom:14px !important; font-size:11px !important; }
  body.home .home-main .dubai-editorial-hero h1 { margin-bottom:14px !important; font-size:clamp(34px,10vw,46px) !important; }
  body.home .home-main .dubai-editorial-hero p { font-size:16px !important; line-height:1.6 !important; }
  body.home .home-main .dubai-editorial-hero .fp-hero-actions { width:100% !important; margin-top:21px !important; }
  body.home .home-main .dubai-editorial-hero .fp-primary-btn,body.home .home-main .dubai-editorial-hero .fp-secondary-btn { min-height:48px !important; padding:0 16px !important; font-size:14px !important; }
  .dubai-hero-highlights { display:grid !important; grid-template-columns:1fr !important; gap:8px !important; margin-top:18px !important; }
  .dubai-hero-highlights li { font-size:13px !important; }
  .dubai-hero-visual { min-height:220px !important; }
  .dubai-location-strip { gap:7px !important; padding:10px 12px !important; }
  .dubai-location-strip strong { font-size:10px !important; }
  .dubai-location-strip a { min-height:36px !important; padding:0 12px !important; font-size:12px !important; }
}

/* UAE text-only brand lockup. */
.site-header.premium-header .uae-text-logo-link,
.mobile-premium-header .uae-text-logo-link,
.site-footer .uae-text-logo-link {
  display:flex !important; align-items:center !important; justify-content:flex-start !important;
  text-decoration:none !important; min-width:0 !important;
}
.site-header.premium-header .sg-header-logo .uae-text-logo-link { width:100% !important; height:68px !important; min-height:56px !important; padding:5px 14px !important; border:1px solid #a98716 !important; border-radius:14px !important; background:#090b10 !important; }
.mobile-premium-header .uae-text-logo-link { width:190px !important; max-width:190px !important; height:58px !important; padding:4px 10px !important; border:1px solid #a98716 !important; border-radius:12px !important; background:#090b10 !important; }
.site-footer .uae-text-logo-link { width:max-content !important; max-width:100% !important; min-height:42px !important; padding:5px 10px !important; border:1px solid rgba(212,177,82,.5) !important; border-radius:8px !important; background:#090b10 !important; }
.uae-text-logo { display:flex !important; flex-direction:column !important; min-width:0 !important; line-height:1 !important; }
.uae-text-logo strong { color:#f5d477 !important; font-family:Arial,Helvetica,sans-serif !important; font-size:clamp(21px,1.7vw,30px) !important; font-weight:900 !important; letter-spacing:-.045em !important; white-space:nowrap !important; }
.uae-text-logo small { margin-top:5px !important; color:#f5eee0 !important; font-size:10px !important; font-weight:800 !important; letter-spacing:.22em !important; text-transform:uppercase !important; white-space:nowrap !important; }
.mobile-premium-header .uae-text-logo strong { font-size:20px !important; }
.mobile-premium-header .uae-text-logo small { font-size:8px !important; }
.site-footer .uae-text-logo strong { font-size:16px !important; }
.site-footer .uae-text-logo small { font-size:7px !important; margin-top:3px !important; }

/* Keep the Dubai home hero full bleed while reducing its vertical footprint. */
body.home .home-main .home-left-top > .dubai-editorial-hero { min-height:370px !important; }
body.home .home-main .dubai-editorial-hero .fp-hero-copy { padding-top:36px !important; padding-bottom:36px !important; }
body.home .home-main .dubai-editorial-hero h1 { font-size:clamp(40px,3.6vw,58px) !important; }
.dubai-hero-visual { min-height:370px !important; }
@media (max-width: 991px) {
  body.home .home-main .home-left-top > .dubai-editorial-hero { min-height:0 !important; }
  body.home .home-main .dubai-editorial-hero .fp-hero-copy { min-height:300px !important; padding:32px 24px !important; }
  .dubai-hero-visual { min-height:165px !important; }
}
@media (max-width: 600px) {
  body.home .home-main .dubai-editorial-hero .fp-hero-copy { min-height:0 !important; padding:28px 18px 24px !important; }
  .dubai-hero-visual { min-height:145px !important; }
}

/* Premium Packages contrast fixes for the dark placement and banner cards. */
.uae-pricing-page .uae-eyebrow { color:#956b12 !important; }
.uae-pricing-page .uae-pricing-lead,
.uae-pricing-page > .uae-section-heading > p { color:#5b5360 !important; }
.uae-pricing-page .uae-plan-card h3,
.uae-pricing-page .uae-banner-card h3,
.uae-pricing-page .uae-banner-pricing .uae-section-heading h2,
.uae-pricing-page .uae-pricing-info h2,
.uae-pricing-page .uae-pricing-faq h2 { color:#fff !important; text-shadow:0 1px 1px rgba(0,0,0,.25) !important; }
.uae-pricing-page .uae-plan-select,
.uae-pricing-page .uae-plan-select span,
.uae-pricing-page .uae-plan-summary,
.uae-pricing-page .uae-banner-card .uae-plan-summary,
.uae-pricing-page .uae-banner-size,
.uae-pricing-page .uae-duration-label,
.uae-pricing-page .uae-rate-list div > span,
.uae-pricing-page .uae-pricing-info p,
.uae-pricing-page .uae-pricing-faq summary,
.uae-pricing-page .uae-pricing-faq p { color:#e6e0e8 !important; }
.uae-pricing-page .uae-plan-select span { font-size:13px !important; font-weight:700 !important; }
.uae-pricing-page .uae-plan-kicker { color:#ffd46a !important; }
.uae-pricing-page .uae-card-price,
.uae-pricing-page .uae-rate-list strong,
.uae-pricing-page .uae-order-total strong { color:#ffd15c !important; }
.uae-pricing-page .uae-order-bar > div,
.uae-pricing-page .uae-order-bar > div > strong { color:#fff !important; }
.uae-pricing-page .uae-order-total { color:#e6e0e8 !important; }
.uae-pricing-page .uae-banner-pricing .uae-section-heading > p:not(.uae-eyebrow) { color:#e6e0e8 !important; }
.uae-pricing-page .uae-banner-pricing .uae-eyebrow { color:#ffd46a !important; }
.uae-pricing-page .uae-verified-banner span { color:#e6e0e8 !important; }
.uae-pricing-page .uae-duration-select { color:#fff !important; background:#100e12 !important; }
.uae-pricing-page .uae-duration-select option { color:#fff !important; background:#100e12 !important; }
.uae-pricing-page .uae-button-dark { color:#fff !important; }

/* Let the Dubai intro take the entire first grid row, like the Denver reference. */
@media (min-width: 992px) {
  body.home .home-main > .home-grid {
    grid-template-columns:minmax(0,1fr) 340px !important;
    align-items:start !important;
  }
  body.home .home-main > .home-grid > .home-left-top {
    grid-column:1 / -1 !important; grid-row:1 !important;
    width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important;
  }
  body.home .home-main > .home-grid > .home-left-content {
    grid-column:1 !important; grid-row:2 !important; min-width:0 !important;
  }
  body.home .home-main > .home-grid > .home-right {
    grid-column:2 !important; grid-row:2 !important; min-width:0 !important;
  }
  body.home .home-main .home-left-top > .dubai-editorial-hero {
    width:100% !important; max-width:none !important; margin:8px 0 0 !important;
  }
  body.home .home-left-top > .dubai-location-strip { width:100% !important; max-width:none !important; margin:0 0 22px !important; }
}
.dubai-hero-visual {
  background:
    linear-gradient(90deg,rgba(8,25,34,.32),rgba(8,25,34,0) 42%),
    linear-gradient(0deg,rgba(5,15,21,.54),transparent 38%),
    url('../images/dubai-skyline-golden-hour.webp') center 56% / cover no-repeat !important;
}
body.home .home-main .home-left-top .dubai-editorial-hero .fp-kicker {
  color:#f4cf78 !important; background:transparent !important; border:0 !important;
}
body.home .home-main .home-left-top .dubai-editorial-hero .fp-hero-actions a.fp-primary-btn {
  color:#15120b !important; background:linear-gradient(135deg,#ffe18e,#d4a93a) !important;
  border:1px solid #f5d47a !important; box-shadow:0 10px 24px rgba(214,171,57,.18) !important;
}
body.home .home-main .home-left-top .dubai-editorial-hero .fp-hero-actions a.fp-secondary-btn {
  color:#fff !important; background:rgba(255,255,255,.07) !important; border:1px solid rgba(246,221,159,.58) !important;
}
@media (max-width: 991px) {
  body.home .home-main > .home-grid { grid-template-columns:minmax(0,1fr) !important; }
  body.home .home-main > .home-grid > .home-left-top { grid-column:1 !important; grid-row:1 !important; width:100% !important; padding:0 !important; }
  body.home .home-main > .home-grid > .home-left-content { grid-column:1 !important; grid-row:2 !important; }
  body.home .home-main > .home-grid > .home-right { grid-column:1 !important; grid-row:3 !important; }
  body.home .home-main .home-left-top > .dubai-editorial-hero { width:100vw !important; max-width:100vw !important; margin:0 0 0 calc(50% - 50vw) !important; }
  body.home .home-left-top > .dubai-location-strip { width:100vw !important; max-width:100vw !important; margin:0 0 18px calc(50% - 50vw) !important; }
}