/* Shared By Night header: one line per information face. */
html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header .header-conditions-face[data-header-face="weather"],
html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header .header-conditions .header-sun-times {
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  grid-template:none!important;
  padding:0!important;
}
html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header .header-conditions .header-sun-times > span {
  display:inline-flex!important;
  flex:0 0 auto!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  align-items:center!important;
  flex-direction:row!important;
  white-space:nowrap!important;
}
html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header .header-date-label {
  flex:0 0 auto!important;
  width:auto!important;
  max-width:100%!important;
  white-space:nowrap!important;
  text-wrap:nowrap!important;
  letter-spacing:-.025em!important;
}
html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header .language-select-current {display:inline!important}
html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header .language-select-short {display:none!important}

@media(max-width:760px) {
  :root:has(>body.marrakech-phase1[data-city-theme][data-home-architecture]) {--fixed-header-height:50px!important}
  html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header .header-bar {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) var(--fixed-logo-size) minmax(0,1fr)!important;
    grid-template-rows:28px 22px!important;
    height:50px!important;
    min-height:50px!important;
    padding-inline:4px!important;
    gap:0!important;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header .header-conditions {
    grid-column:1!important;grid-row:1!important;
    width:100%!important;min-width:0!important;
    justify-self:stretch!important;justify-content:center!important;
    translate:none!important;margin:0!important;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header .site-language-switch {
    grid-column:1!important;grid-row:2!important;
    justify-self:center!important;align-self:center!important;
    translate:none!important;margin:0!important;
    height:22px!important;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header .site-language-switch .language-select-button {
    height:22px!important;min-height:22px!important;
    padding:0 6px!important;gap:4px!important;
    font-size:11px!important;white-space:nowrap!important;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header .header-member-login {
    grid-column:3!important;grid-row:1!important;
    justify-self:center!important;align-self:center!important;
    translate:none!important;margin:0!important;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header .social-links.bn-social-rotate-v1 {
    grid-column:3!important;grid-row:2!important;
    justify-self:center!important;align-self:center!important;
    width:100%!important;max-width:130px!important;
    translate:none!important;margin:0!important;height:22px!important;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header .bn-social-icons-face > a.social {
    height:22px!important;translate:none!important;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header .header-conditions-rotator {
    width:100%!important;max-width:100%!important;
    height:28px!important;--cube-half:14px!important;
    scale:1!important;translate:none!important;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header .header-conditions-cube,
  html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header .header-conditions-face {
    width:100%!important;min-width:0!important;
    height:28px!important;min-height:28px!important;max-height:28px!important;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header .header-conditions-face[data-header-face="weather"] {gap:3px!important}
  html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header .header-metric {gap:2px!important;flex:0 0 auto!important}
  html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header :is(.header-time,.header-temperature) {
    font-size:clamp(11px,3.2vw,14px)!important;line-height:1.1!important;
    min-width:0!important;letter-spacing:-.025em!important;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header .header-live-dot {
    width:4px!important;height:4px!important;flex:0 0 4px!important;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header .header-conditions .header-sun-times {
    --solar-icon-size:clamp(11px,3.2vw,15px)!important;gap:4px!important;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header .header-conditions .header-sun-times > span {gap:2px!important}
  html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header .header-conditions .header-sun-times b {
    font-size:clamp(10px,2.9vw,13px)!important;line-height:1.1!important;
    letter-spacing:-.035em!important;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header .header-date-label {
    font-size:clamp(10px,2.95vw,12px)!important;line-height:1.1!important;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture] .marrakech-primary-nav {
    top:50px!important;
    height:calc(var(--fixed-logo-size) - 50px)!important;
    min-height:calc(var(--fixed-logo-size) - 50px)!important;
  }
}
@media(min-width:761px) {
  html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header .header-date-label {font-size:15.2px!important}
}
@media(min-width:1024px) {
  html body.marrakech-phase1[data-city-theme][data-home-architecture] .marrakech-primary-nav [data-primary-actions] .button:nth-child(-n+2) {
    translate:calc(var(--bynight-second-nav-shift,0px) + 9px) 0!important;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture] .marrakech-primary-nav [data-primary-actions] .button:nth-child(n+3) {
    translate:calc(var(--bynight-second-nav-shift,0px) - 9px) 0!important;
  }
}

/* Shared Guide and Agenda: slightly larger filter buttons. */
html body.marrakech-phase1[data-home-architecture="v1"]:has(.bynight-home-landing)
:is([data-home-section="guide"] .home-guide-filter-types [data-guide-type-filter],
    [data-home-section="events"] .home-events-filter-group--venue [data-event-type-filter]) {
  height:calc(var(--home-filter-button-height) * .954)!important;
  min-height:calc(var(--home-filter-button-height) * .954)!important;
  font-size:calc(var(--home-filter-font-size) * 1.166)!important;
  padding-inline:calc(var(--home-filter-padding-inline) * .954)!important;
}

@media (max-width:760px) {
  html body.marrakech-phase1[data-home-architecture="v1"]:has(.bynight-home-landing) {
    --bn-utility-side-width:calc((100vw - var(--fixed-logo-size)) / 2 - 8px);
    --bn-utility-alcohol-width:clamp(43px,13.6vw,54px);
    --bn-utility-top:calc(var(--fixed-logo-size) + 2px);
  }

  /* Both pairs use the full side bands, with equal 4px edge/logo clearances. */
  html body.marrakech-phase1[data-home-architecture="v1"]:has(.bynight-home-landing)
  :is([data-home-section="guide"] .bn-guide-name-search,
      [data-home-section="events"] .bn-event-name-search) {
    position:fixed!important;
    top:var(--bn-utility-top)!important;
    left:4px!important;
    right:auto!important;
    translate:none!important;
    transform:none!important;
    width:calc(var(--bn-utility-side-width) - var(--bn-utility-alcohol-width) - 4px)!important;
    max-width:calc(var(--bn-utility-side-width) - var(--bn-utility-alcohol-width) - 4px)!important;
    min-width:0!important;
    height:23px!important;
    min-height:23px!important;
    padding:0 4px!important;
    gap:3px!important;
    box-sizing:border-box!important;
    margin:0!important;
    z-index:119!important;
  }
  html body.marrakech-phase1[data-home-architecture="v1"]:has(.bynight-home-landing)
  :is([data-home-section="guide"] .bn-guide-name-search,
      [data-home-section="events"] .bn-event-name-search) input {
    font-size:clamp(9px,2.5vw,10px)!important;
  }
  html body.marrakech-phase1[data-home-architecture="v1"]:has(.bynight-home-landing)
  :is([data-home-section="guide"] .home-guide-option-switch:has([data-guide-alcohol]),
      [data-home-section="events"] .bn-event-alcohol) {
    position:fixed!important;
    top:var(--bn-utility-top)!important;
    left:calc((100vw - var(--fixed-logo-size)) / 2 - 4px - var(--bn-utility-alcohol-width))!important;
    right:auto!important;
    translate:none!important;
    transform:none!important;
    width:var(--bn-utility-alcohol-width)!important;
    max-width:var(--bn-utility-alcohol-width)!important;
    min-width:0!important;
    height:23px!important;
    min-height:23px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    padding:0!important;
    margin:0!important;
    gap:3px!important;
    z-index:119!important;
  }
  html body.marrakech-phase1[data-home-architecture="v1"]:has(.bynight-home-landing)
  :is([data-home-section="guide"] .bn-guide-right-switches,
      [data-home-section="events"] .bn-event-right-switches) {
    position:fixed!important;
    top:var(--bn-utility-top)!important;
    left:calc((100vw + var(--fixed-logo-size)) / 2 + 4px)!important;
    right:auto!important;
    translate:none!important;
    transform:none!important;
    width:var(--bn-utility-side-width)!important;
    max-width:var(--bn-utility-side-width)!important;
    min-width:0!important;
    height:23px!important;
    min-height:23px!important;
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:0!important;
    margin:0!important;
    gap:3px!important;
    z-index:119!important;
  }
  html body.marrakech-phase1[data-home-architecture="v1"]:has(.bynight-home-landing)
  :is([data-home-section="guide"] .bn-guide-right-switches,
      [data-home-section="events"] .bn-event-right-switches) > label,
  html body.marrakech-phase1[data-home-architecture="v1"]:has(.bynight-home-landing)
  :is([data-home-section="guide"] .bn-guide-right-switches,
      [data-home-section="events"] .bn-event-right-switches) .bn-nearby > label {
    position:static!important;
    inset:auto!important;
    translate:none!important;
    transform:none!important;
    display:inline-flex!important;
    flex:0 0 auto!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:23px!important;
    min-height:23px!important;
    padding:0!important;
    margin:0!important;
    gap:3px!important;
    white-space:nowrap!important;
  }
  html body.marrakech-phase1[data-home-architecture="v1"]:has(.bynight-home-landing)
  :is([data-home-section="guide"] .bn-guide-right-switches,
      [data-home-section="events"] .bn-event-right-switches) .bn-nearby {
    position:relative!important;
    display:flex!important;
    flex:0 0 auto!important;
    align-items:center!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    padding:0!important;
    margin:0!important;
    gap:2px!important;
  }
  html body.marrakech-phase1[data-home-architecture="v1"]:has(.bynight-home-landing)
  :is(.bn-guide-right-switches,.bn-event-right-switches) .bn-nearby-settings {
    position:absolute!important;right:0!important;top:calc(100% + 3px)!important;
    width:23px!important;height:23px!important;min-height:23px!important;padding:0!important;
  }
  html body.marrakech-phase1[data-home-architecture="v1"]:has(.bynight-home-landing)
  :is(.bn-guide-right-switches,.bn-event-right-switches) .bn-nearby-panel {top:calc(100% + 30px)!important}
  html body.marrakech-phase1[data-home-architecture="v1"]:has(.bynight-home-landing)
  :is([data-home-section="guide"], [data-home-section="events"]) .home-guide-option-switch {
    box-sizing:border-box!important;
    font-size:clamp(8px,2.4vw,10px)!important;
  }
  html body.marrakech-phase1[data-home-architecture="v1"]:has(.bynight-home-landing)
  :is([data-home-section="guide"], [data-home-section="events"]) .home-guide-option-switch span {
    font-size:inherit!important;
    line-height:1.05!important;
    white-space:nowrap!important;
    letter-spacing:0!important;
  }
  html body.marrakech-phase1[data-home-architecture="v1"]:has(.bynight-home-landing)
  :is([data-home-section="guide"], [data-home-section="events"]) .home-guide-option-switch i {
    width:16px!important;
    min-width:16px!important;
    height:12px!important;
    flex:0 0 16px!important;
  }
  html body.marrakech-phase1[data-home-architecture="v1"]:has(.bynight-home-landing)
  :is([data-home-section="guide"], [data-home-section="events"]) .home-guide-option-switch i::after {
    width:8px!important;
    height:8px!important;
    top:2px!important;
    left:2px!important;
  }
  html body.marrakech-phase1[data-home-architecture="v1"]:has(.bynight-home-landing)
  :is([data-home-section="guide"], [data-home-section="events"]) .home-guide-option-switch input:checked + i::after {
    left:6px!important;
  }

  /* Reserve the utility line below navigation, above the first filter row. */
  html body.marrakech-phase1[data-home-architecture="v1"]:has(.bynight-home-landing)
  [data-home-section="guide"].home-screen-guide {
    --guide-filter-h:calc(54.2px + var(--home-guide-sector-row-height) + 38px)!important;
  }
  html body.marrakech-phase1[data-home-architecture="v1"]:has(.bynight-home-landing)
  [data-home-section="guide"] .home-guide-filter-shell {
    padding-top:31px!important;
  }
  html body.marrakech-phase1[data-home-architecture="v1"]:has(.bynight-home-landing)
  [data-home-section="events"].home-screen-events {
    --events-filter-h:103px!important;
  }
  html body.marrakech-phase1[data-home-architecture="v1"]:has(.bynight-home-landing)
  [data-home-section="events"] .home-events-filter-row {
    padding-top:40px!important;
  }

  html body.marrakech-phase1[data-home-architecture="v1"]:has(.bynight-home-landing)
  :is([data-home-section="guide"] .home-guide-filter-areas [data-guide-area-filter],
      [data-home-section="events"] .home-events-filter-group--date [data-event-date-filter]) {
    height:calc(var(--home-filter-button-height) * 1.2243)!important;
    min-height:calc(var(--home-filter-button-height) * 1.2243)!important;
    font-size:calc(var(--home-filter-font-size) * 1.2243)!important;
    padding-inline:calc(var(--home-filter-padding-inline) * 1.166 + 1.378px)!important;
  }
}

@media(max-width:359px) {
  html body.marrakech-phase1[data-city-theme][data-home-architecture="v1"]:has(.bynight-home-landing)
  :is(.bn-guide-right-switches,.bn-event-right-switches) {gap:1px!important}
  html body.marrakech-phase1[data-city-theme][data-home-architecture="v1"]:has(.bynight-home-landing)
  :is(.bn-guide-right-switches,.bn-event-right-switches) .home-guide-option-switch {gap:1px!important}
  html body.marrakech-phase1[data-home-architecture="v1"]:has(.bynight-home-landing)
  :is(.bn-guide-right-switches,.bn-event-right-switches) .home-guide-option-switch i {
    width:12px!important;min-width:12px!important;flex-basis:12px!important;
  }
  html body.marrakech-phase1[data-home-architecture="v1"]:has(.bynight-home-landing)
  :is(.bn-guide-right-switches,.bn-event-right-switches) .home-guide-option-switch i::after {width:7px!important;height:7px!important;left:1px!important}
  html body.marrakech-phase1[data-home-architecture="v1"]:has(.bynight-home-landing)
  :is(.bn-guide-right-switches,.bn-event-right-switches) .home-guide-option-switch input:checked + i::after {left:4px!important}
}

@media (max-width:479px) {
  /* The full accessible nearby label stays on the control; its short visible
     distance leaves room for both switches on narrow phones. */
  html body.marrakech-phase1[data-home-architecture="v1"]:has(.bynight-home-landing)
  :is([data-home-section="guide"] .bn-guide-right-switches,
      [data-home-section="events"] .bn-event-right-switches) .bn-nearby > label span {
    font-size:0!important;
  }
  html body.marrakech-phase1[data-home-architecture="v1"]:has(.bynight-home-landing)
  :is([data-home-section="guide"] .bn-guide-right-switches,
      [data-home-section="events"] .bn-event-right-switches) .bn-nearby > label span::after {
    content:"≤ " attr(data-short-label);
    font-size:clamp(8px,2.4vw,10px)!important;
    font-weight:600!important;
    white-space:nowrap!important;
  }
}

/* Phone only: two fluid pairs share one rail around the unchanged logo. */
@media(max-width:760px) {
  :root:has(>body.marrakech-phase1[data-city-theme][data-home-architecture]) {
    --bn-phone-side:calc((100vw - var(--fixed-logo-size) - 12px) / 2);
    --bn-phone-rail:clamp(18px,calc((100vw - var(--fixed-logo-size) - 20px) / 10),28px);
    --bn-phone-language:clamp(44px,14vw,66px);
    --bn-phone-information:calc(var(--bn-phone-side) - var(--bn-phone-language) - 2px);
    --bn-phone-type:clamp(7px,calc(var(--bn-phone-information) / 7.8),12px);
    --fixed-header-height:var(--bn-phone-rail)!important;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header {
    height:var(--bn-phone-rail)!important;min-height:var(--bn-phone-rail)!important;
    border:0!important;box-sizing:border-box!important;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header .header-bar {
    grid-template-columns:minmax(0,1fr) var(--fixed-logo-size) minmax(0,1fr)!important;
    grid-template-rows:var(--bn-phone-rail)!important;
    height:var(--bn-phone-rail)!important;min-height:var(--bn-phone-rail)!important;
    align-items:stretch!important;padding:0 4px!important;gap:0!important;
    border:0!important;box-sizing:border-box!important;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header :is(.header-left,.header-right) {
    display:flex!important;flex-flow:row nowrap!important;
    align-items:stretch!important;justify-content:space-between!important;
    width:100%!important;min-width:0!important;height:var(--bn-phone-rail)!important;
    gap:4px!important;margin:0!important;padding:0!important;box-sizing:border-box!important;
    grid-row:1!important;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header .header-left {grid-column:1!important;padding-right:2px!important;gap:2px!important}
  html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header .header-right {grid-column:3!important;padding-left:2px!important}
  html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header :is(.header-conditions,.site-language-switch,.header-member-login,.social-links.bn-social-rotate-v1) {
    position:relative!important;inset:auto!important;
    height:var(--bn-phone-rail)!important;min-height:var(--bn-phone-rail)!important;
    max-height:var(--bn-phone-rail)!important;
    align-self:stretch!important;translate:none!important;scale:1!important;
    margin:0!important;box-sizing:border-box!important;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header .header-conditions {
    flex:1 1 0!important;width:auto!important;min-width:0!important;
    justify-content:center!important;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header .site-language-switch {
    flex:0 0 var(--bn-phone-language)!important;
    width:var(--bn-phone-language)!important;min-width:0!important;max-width:none!important;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header .site-language-switch .language-select-button {
    display:flex!important;align-items:center!important;justify-content:center!important;
    width:100%!important;min-width:0!important;
    height:var(--bn-phone-rail)!important;min-height:var(--bn-phone-rail)!important;
    max-height:var(--bn-phone-rail)!important;
    padding:0 2px!important;gap:2px!important;
    font-size:clamp(7.8px,2.4vw,11px)!important;line-height:1!important;
    white-space:nowrap!important;box-sizing:border-box!important;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header .language-select-current {display:inline!important;flex:0 0 auto!important}
  html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header .language-select-short {display:none!important}
  html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header .language-select-chevron {font-size:inherit!important;flex:0 0 auto!important}
  html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header .language-select-panel {top:calc(100% + 4px)!important;left:0!important;right:auto!important;min-width:145px!important}

  html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header .header-member-login {
    display:flex!important;align-items:center!important;justify-content:center!important;
    flex:0 0 var(--bn-phone-rail)!important;
    width:var(--bn-phone-rail)!important;min-width:var(--bn-phone-rail)!important;
    max-width:var(--bn-phone-rail)!important;padding:0!important;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header .header-member-login > span {display:none!important}
  html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header .header-member-login > svg {
    width:65%!important;height:65%!important;flex-basis:auto!important;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header .social-links.bn-social-rotate-v1 {
    flex:1 1 0!important;width:auto!important;min-width:0!important;max-width:none!important;
    padding:0!important;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header .bn-social-icons-face {
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
    height:100%!important;gap:0!important;
    padding:0!important;align-items:center!important;overflow:visible!important;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header .bn-social-icons-face > a.social {
    width:100%!important;min-width:0!important;max-width:none!important;
    height:var(--bn-phone-rail)!important;min-height:var(--bn-phone-rail)!important;
    translate:none!important;padding:0!important;margin:0!important;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header .bn-social-icons-face > a.social > svg {
    width:var(--bn-phone-rail)!important;height:var(--bn-phone-rail)!important;
    max-width:100%!important;max-height:100%!important;
    scale:1!important;translate:none!important;transform:none!important;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header .bn-social-join-face {font-size:clamp(7px,2.3vw,11px)!important}

  html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header .header-conditions-rotator {
    --cube-half:calc(var(--bn-phone-rail) / 2)!important;
    width:100%!important;min-width:0!important;max-width:100%!important;
    height:var(--bn-phone-rail)!important;min-height:var(--bn-phone-rail)!important;max-height:var(--bn-phone-rail)!important;
    margin:0!important;scale:1!important;translate:none!important;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header :is(.header-conditions-cube,.header-conditions-face) {
    width:100%!important;min-width:0!important;
    height:var(--bn-phone-rail)!important;min-height:var(--bn-phone-rail)!important;max-height:var(--bn-phone-rail)!important;
    box-sizing:border-box!important;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header .header-conditions-face[data-header-face="weather"] {gap:2px!important}
  html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header .header-metric {gap:1px!important}
  html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header :is(.header-time,.header-temperature) {
    font-size:var(--bn-phone-type)!important;line-height:1!important;
    letter-spacing:-.025em!important;min-width:0!important;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header .header-live-dot {width:2px!important;height:2px!important;flex-basis:2px!important}
  html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header .header-metric--temperature .header-weather-icon {
    width:calc(var(--bn-phone-type) + 1px)!important;height:calc(var(--bn-phone-type) + 1px)!important;
    flex-basis:calc(var(--bn-phone-type) + 1px)!important;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header .header-conditions .header-sun-times {
    --solar-icon-size:var(--bn-phone-type)!important;gap:2px!important;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header .header-conditions .header-sun-times > span {gap:1px!important}
  html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header .header-conditions .header-sun-times b {
    font-size:var(--bn-phone-type)!important;line-height:1!important;letter-spacing:-.04em!important;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header .header-conditions .header-date-face .header-date-label {
    font-size:calc(var(--bn-phone-type) * 1.04)!important;line-height:1!important;
    display:inline-block!important;flex:0 0 auto!important;width:auto!important;
    white-space:nowrap!important;text-wrap:nowrap!important;letter-spacing:-.035em!important;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture] .marrakech-primary-nav {
    top:var(--bn-phone-rail)!important;
    height:calc(var(--fixed-logo-size) - var(--bn-phone-rail))!important;
    min-height:calc(var(--fixed-logo-size) - var(--bn-phone-rail))!important;
  }
}

/* Match the opened language list to the selector's exact border-box width. */
html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header .site-language-switch .language-select-panel {
  left:0!important;right:auto!important;
  width:100%!important;min-width:0!important;max-width:100%!important;
  box-sizing:border-box!important;padding:4px!important;
  border-radius:5px!important;
}
html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header .site-language-switch .language-option {
  width:100%!important;min-width:0!important;max-width:100%!important;
  box-sizing:border-box!important;padding:6px 4px!important;gap:4px!important;
  border-radius:3px!important;transform:none!important;
}
html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header .site-language-switch .language-option > span:first-child {
  white-space:nowrap!important;
}
@media(max-width:760px) {
  html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header .site-language-switch .language-select-panel {padding:2px!important}
  html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header .site-language-switch .language-option {
    min-height:28px!important;padding:4px 1px!important;gap:0!important;
    justify-content:center!important;
    font-size:clamp(7.8px,2.4vw,11px)!important;line-height:1.15!important;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header .site-language-switch .language-option-check {display:none!important}
}

/* Phone refinements: balanced navigation and compact header details. */
@media(max-width:760px) {
  :root:has(>body.marrakech-phase1[data-city-theme][data-home-architecture]) {
    --bn-phone-nav-height:calc(var(--fixed-logo-size) - 2 * var(--bn-phone-rail));
    --home-content-top:var(--fixed-logo-size)!important;
    --home-section-inset:0px!important;
    --home-section-height:calc(var(--home-viewport-height,100dvh) - var(--fixed-logo-size))!important;
    --home-hero-height:var(--home-section-height)!important;
    --runtime-content-top:var(--fixed-logo-size)!important;
    --runtime-screen-height:var(--home-section-height)!important;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture] .marrakech-primary-nav {
    top:var(--bn-phone-rail)!important;
    height:var(--bn-phone-nav-height)!important;
    min-height:var(--bn-phone-nav-height)!important;
    max-height:var(--bn-phone-nav-height)!important;
    box-sizing:border-box!important;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture] .marrakech-primary-nav [data-primary-actions],
  html body.marrakech-phase1[data-city-theme][data-home-architecture] .marrakech-primary-nav [data-primary-actions] .button {
    height:100%!important;min-height:0!important;align-items:center!important;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture] .marrakech-primary-nav [data-primary-actions] .button .home-action-icon {
    width:min(100%,calc(var(--bn-phone-nav-height) - 6px))!important;
    height:auto!important;aspect-ratio:1!important;
    max-height:calc(var(--bn-phone-nav-height) - 6px)!important;
    min-height:0!important;translate:none!important;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header .header-conditions-face[data-header-face="weather"] {gap:3px!important}
  html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header .header-live-dot {
    width:3px!important;height:3px!important;flex-basis:3px!important;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture] #siteHeader.site-header .bn-social-icons-face {
    width:min(96%,calc(var(--bn-phone-rail) * 4))!important;
    max-width:100%!important;justify-self:center!important;
  }
}

/* Phone: content continues under the floating logo, below the actual menu. */
@media(max-width:760px) {
  :root:has(>body.marrakech-phase1[data-city-theme][data-home-architecture]:is([data-current-home-section="events"],[data-current-home-section="guide"],[data-current-home-section="reports"],[data-current-home-section="news"])) {
    --home-content-top:calc(var(--bn-phone-rail) + var(--bn-phone-nav-height))!important;
    --home-section-inset:0px!important;
    --home-section-height:calc(var(--home-viewport-height,100dvh) - var(--home-content-top))!important;
    --home-hero-height:var(--home-section-height)!important;
    --runtime-content-top:var(--home-content-top)!important;
    --runtime-screen-height:var(--home-section-height)!important;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture]:has(.bynight-home-landing) {
    --bn-utility-top:calc(var(--home-content-top) + 4px)!important;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture] .marrakech-primary-nav {
    box-shadow:inset 0 1px 0 rgba(242,247,255,.09),inset 0 -1px 0 rgba(226,198,133,.23)!important;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture] .marrakech-primary-nav > .bynight-menu-glow {
    display:none!important;background:none!important;box-shadow:none!important;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture]
  :is([data-home-section="events"],[data-home-section="guide"],[data-home-section="reports"],[data-home-section="news"]) {padding-top:4px!important}
  html body.marrakech-phase1[data-city-theme][data-home-architecture]:has(.bynight-home-landing)
  :is([data-home-section="events"],[data-home-section="guide"]) > .container {padding-top:0!important}

  /* Keep news topics clickable beside the logo's overhang. */
  html body.marrakech-phase1[data-city-theme][data-home-architecture]
  [data-home-section="news"] .home-news-header:has(.bn-news-advice-filters) {height:auto!important;min-height:0!important}
  html body.marrakech-phase1[data-city-theme][data-home-architecture]
  [data-home-section="news"] .bn-news-advice-filters {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr)) var(--fixed-logo-size) repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,28px)!important;
    gap:4px!important;width:100%!important;max-width:100%!important;
    height:auto!important;overflow:visible!important;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture]
  [data-home-section="news"] .bn-news-advice-filters > button {
    width:100%!important;min-width:0!important;max-width:100%!important;
    padding:0 2px!important;margin:0!important;
    font-size:clamp(8px,2.5vw,11px)!important;white-space:nowrap!important;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture] [data-home-section="news"] .bn-news-advice-filters > button:nth-child(1) {grid-column:1!important;grid-row:1!important}
  html body.marrakech-phase1[data-city-theme][data-home-architecture] [data-home-section="news"] .bn-news-advice-filters > button:nth-child(2) {grid-column:2!important;grid-row:1!important}
  html body.marrakech-phase1[data-city-theme][data-home-architecture] [data-home-section="news"] .bn-news-advice-filters > button:nth-child(3) {grid-column:4!important;grid-row:1!important}
  html body.marrakech-phase1[data-city-theme][data-home-architecture] [data-home-section="news"] .bn-news-advice-filters > button:nth-child(4) {grid-column:5!important;grid-row:1!important}
  html body.marrakech-phase1[data-city-theme][data-home-architecture] [data-home-section="news"] .bn-news-advice-filters > button:nth-child(5) {grid-column:1 / span 2!important;grid-row:2!important}
  html body.marrakech-phase1[data-city-theme][data-home-architecture] [data-home-section="news"] .bn-news-advice-filters > button:nth-child(6) {grid-column:4 / span 2!important;grid-row:2!important}
  html:lang(es) body.marrakech-phase1[data-city-theme][data-home-architecture] [data-home-section="news"] .bn-news-advice-filters {
    grid-template-columns:repeat(2,minmax(0,1fr)) var(--fixed-logo-size) minmax(0,.76fr) minmax(0,1.24fr)!important;
  }
}

/* Search widths relative to their existing phone and desktop sizes. */
@media(max-width:760px) {
  html body.marrakech-phase1[data-city-theme][data-home-architecture]:has(.bynight-home-landing)
  :is([data-home-section="guide"] .bn-guide-name-search,[data-home-section="events"] .bn-event-name-search) {
    width:calc((var(--bn-utility-side-width) - var(--bn-utility-alcohol-width) - 4px) * .75)!important;
    max-width:calc((var(--bn-utility-side-width) - var(--bn-utility-alcohol-width) - 4px) * .75)!important;
  }
}
@media(min-width:1024px) {
  html body.marrakech-phase1[data-city-theme][data-home-architecture]:has(.bynight-home-landing)
  :is([data-home-section="guide"] .bn-guide-name-search,[data-home-section="events"] .bn-event-name-search) {
    width:97.5px!important;max-width:97.5px!important;
    left:auto!important;right:calc((100vw + var(--fixed-logo-size)) / 2 + 9px)!important;
  }
}
@media(max-width:359px) {
  html body.marrakech-phase1[data-city-theme][data-home-architecture]:has(.bynight-home-landing)
  :is([data-home-section="guide"] .bn-guide-name-search,[data-home-section="events"] .bn-event-name-search) {
    padding-inline:2px!important;gap:1px!important;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture]:has(.bynight-home-landing)
  :is([data-home-section="guide"] .bn-guide-name-search,[data-home-section="events"] .bn-event-name-search) .bn-guide-search-icon {
    width:7px!important;height:7px!important;flex-basis:7px!important;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture]:has(.bynight-home-landing)
  :is([data-home-section="guide"] .bn-guide-name-search,[data-home-section="events"] .bn-event-name-search)
  :is([data-guide-name-clear],[data-home-event-name-clear]) {
    width:10px!important;min-width:10px!important;max-width:10px!important;
    flex-basis:10px!important;padding:0!important;font-size:12px!important;
  }
}

/* By Night phone filters: closer search, wider switch tracks, clearer filter sizes. */
@media(max-width:760px) {
  html body.marrakech-phase1[data-city-theme][data-home-architecture]:has(.bynight-home-landing) {
    --bn-utility-base-alcohol-width:clamp(43px,13.6vw,54px);
    --bn-utility-alcohol-width:calc(var(--bn-utility-base-alcohol-width) + 4px);
    --bn-mobile-search-width:calc((var(--bn-utility-side-width) - var(--bn-utility-base-alcohol-width) - 4px) * .75);
    --bn-right-track-width:clamp(14px,calc(14px + (100vw - 320px) * .1),20px);
    --bn-guide-type-row-height:calc(var(--home-filter-button-height,23.2px) * 1.12 + 6px);
    --bn-guide-type-block-height:calc(var(--bn-guide-type-row-height) * 2 + 3px);
  }

  /* Preserve the 75% field width and bring its right edge 4px before Alcohol. */
  html body.marrakech-phase1[data-city-theme][data-home-architecture]:has(.bynight-home-landing)
  :is([data-home-section="guide"] .bn-guide-name-search,[data-home-section="events"] .bn-event-name-search) {
    width:var(--bn-mobile-search-width)!important;
    max-width:var(--bn-mobile-search-width)!important;
    left:calc((100vw - var(--fixed-logo-size)) / 2 - 8px - var(--bn-utility-alcohol-width) - var(--bn-mobile-search-width))!important;
    right:auto!important;
  }

  /* Only the capsule grows; labels and their typography retain their sizes. */
  html body.marrakech-phase1[data-city-theme][data-home-architecture]:has(.bynight-home-landing)
  :is([data-home-section="guide"],[data-home-section="events"]) .home-guide-option-switch {
    --bn-track-width:20px;
    --bn-track-knob:8px;
    --bn-track-inset:2px;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture]:has(.bynight-home-landing)
  :is(.bn-guide-right-switches,.bn-event-right-switches) .home-guide-option-switch {
    --bn-track-width:var(--bn-right-track-width);
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture]:has(.bynight-home-landing)
  :is([data-home-section="guide"],[data-home-section="events"]) .home-guide-option-switch i {
    width:var(--bn-track-width)!important;
    min-width:var(--bn-track-width)!important;
    max-width:var(--bn-track-width)!important;
    flex-basis:var(--bn-track-width)!important;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture]:has(.bynight-home-landing)
  :is([data-home-section="guide"],[data-home-section="events"]) .home-guide-option-switch input:checked + i::after {
    left:calc(100% - var(--bn-track-knob) - var(--bn-track-inset))!important;
  }

  /* Event kinds approach the unchanged date buttons; Guide types use the same size. */
  html body.marrakech-phase1[data-city-theme][data-home-architecture]:has(.bynight-home-landing)
  :is([data-home-section="guide"] .home-guide-filter-types [data-guide-type-filter],
      [data-home-section="events"] .home-events-filter-group--venue [data-event-type-filter]) {
    height:calc(var(--home-filter-button-height) * 1.18)!important;
    min-height:calc(var(--home-filter-button-height) * 1.18)!important;
    font-size:calc(var(--home-filter-font-size) * 1.20)!important;
    padding-inline:calc(var(--home-filter-padding-inline) * 1.12 + 1px)!important;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture]:has(.bynight-home-landing)
  [data-home-section="guide"] .home-guide-filter-types [data-guide-type-filter] {
    height:calc(var(--home-filter-button-height) * 1.12)!important;
    min-height:calc(var(--home-filter-button-height) * 1.12)!important;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture]:has(.bynight-home-landing)
  [data-home-section="events"].home-screen-events {
    --home-event-type-row-height:calc(var(--home-filter-button-height) * 1.18 + 6px);
    --events-filter-h:calc(103px + var(--home-event-type-row-height) - 30px)!important;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture]:has(.bynight-home-landing)
  [data-home-section="events"] .home-events-filter-row {
    grid-template-rows:30px var(--home-event-type-row-height)!important;
  }

  /* Guide sectors gain 6%; reserve room for both larger type rows and their rims. */
  html body.marrakech-phase1[data-city-theme][data-home-architecture]:has(.bynight-home-landing)
  [data-home-section="guide"].home-screen-guide {
    --home-guide-sector-row-height:calc(var(--home-filter-button-height) * 1.297758 + 12px);
    --guide-filter-h:calc(var(--bn-guide-type-block-height) + var(--home-guide-sector-row-height) + 38px)!important;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture]:has(.bynight-home-landing)
  [data-home-section="guide"] .home-guide-filter-areas [data-guide-area-filter] {
    height:calc(var(--home-filter-button-height) * 1.297758)!important;
    min-height:calc(var(--home-filter-button-height) * 1.297758)!important;
    font-size:calc(var(--home-filter-font-size) * 1.297758)!important;
    padding-inline:calc((var(--home-filter-padding-inline) * 1.166 + 1.378px) * 1.06)!important;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture]:has(.bynight-home-landing)
  [data-home-section="guide"] .home-guide-filter-shell {
    grid-template-rows:var(--home-guide-sector-row-height) var(--bn-guide-type-block-height)!important;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture]:has(.bynight-home-landing)
  [data-home-section="guide"] .home-guide-filter-types {
    height:var(--bn-guide-type-block-height)!important;
    min-height:var(--bn-guide-type-block-height)!important;
    grid-template-rows:repeat(2,var(--bn-guide-type-row-height))!important;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture]:has(.bynight-home-landing)
  [data-home-section="guide"] .home-guide-type-row {
    height:var(--bn-guide-type-row-height)!important;
    min-height:var(--bn-guide-type-row-height)!important;
    grid-template-rows:var(--bn-guide-type-row-height)!important;
  }

  /* News topics return below the logo on one horizontally scrollable line. */
  html body.marrakech-phase1[data-city-theme][data-home-architecture] [data-home-section="news"] {
    padding-top:calc(var(--bn-phone-rail) + 4px)!important;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture] [data-home-section="news"] .home-news-header:has(.bn-news-advice-filters) {
    height:auto!important;
    min-height:0!important;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture] [data-home-section="news"] .bn-news-advice-filters {
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:center!important;
    justify-content:safe center!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:calc(var(--home-filter-button-height) * 1.2243 + 17px)!important;
    margin:-6px 0 0!important;
    padding:8px 2px 9px!important;
    gap:6px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none;
    box-sizing:border-box!important;
    grid-template-columns:none!important;
    grid-template-rows:none!important;
  }
  html body.marrakech-phase1[data-city-theme][data-home-architecture] [data-home-section="news"] .bn-news-advice-filters::-webkit-scrollbar {display:none}
  html body.marrakech-phase1[data-city-theme][data-home-architecture] [data-home-section="news"] .bn-news-advice-filters > button {
    appearance:none!important;
    display:inline-flex!important;
    flex:0 0 auto!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:calc(var(--home-filter-button-height) * 1.2243)!important;
    min-height:calc(var(--home-filter-button-height) * 1.2243)!important;
    padding:0 calc(var(--home-filter-padding-inline) * 1.166 + 1.378px)!important;
    margin:0!important;
    border-width:1px!important;
    border-style:solid!important;
    border-radius:999px!important;
    box-sizing:border-box!important;
    font-family:"DM Sans",Arial,sans-serif!important;
    font-size:calc(var(--home-filter-font-size) * 1.2243)!important;
    font-weight:700!important;
    letter-spacing:0!important;
    line-height:1!important;
    white-space:nowrap!important;
    cursor:pointer!important;
    grid-column:auto!important;
    grid-row:auto!important;
  }
html body.marrakech-phase1[data-city-theme][data-home-architecture] [data-home-section="news"] .bn-news-advice-filters > button {
  --bn-depth: -1.125px;
  --bn-light: .2;
  position: relative;
  transform: translateY(0);
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}
html body.marrakech-phase1[data-city-theme][data-home-architecture] [data-home-section="news"] .bn-news-advice-filters > button {
  isolation: isolate;
  border-color: #141a23;
  color: #172029;
  background: conic-gradient(from 25deg at 50% 52%, #d4e1e7 0deg, #e8f3fa 25deg, #9aabba 58deg, #202a36 102deg, #667789 138deg, #f6fcff 178deg, #9baebc 212deg, #101720 255deg, #4b5967 280deg, #f8fcff 325deg, #d4e1e7 360deg);
  box-shadow: 0 -.75px 0 #d6e5f35c, 0 -1.5px 0 #4b5664, 0 -2.25px 0 #010207, 0 -3px .75px #8fa1b41c, 0 -3.75px 5.25px #0009;
  text-shadow: 0 -1px 0 #f6fbff87;
  transition: transform 135ms cubic-bezier(.2,.7,.25,1), box-shadow 135ms ease, color 135ms ease;
}
html body.marrakech-phase1[data-city-theme][data-home-architecture] [data-home-section="news"] .bn-news-advice-filters > button::before {
  content: '';
  position: absolute;
  z-index: -1;
  inset: 1px;
  border-radius: inherit;
  background:
    linear-gradient(68deg, transparent 0%, #ffffff30 14%, transparent 28%, #08172612 44%, #ffffff28 64%, transparent 78%),
    repeating-linear-gradient(0deg, #ffffff0f 0px, #ffffff0f .45px, #0a1b2b0a .45px, #0a1b2b0a .9px, transparent .9px, transparent 1.7px),
    linear-gradient(0deg, #edf2f5 0%, #c7d0d7 12%, #a1adb8 35%, #8997a5 47%, #acb8c1 55%, #c8d1d8 72%, #a3afba 88%, #7b8999 100%);
  box-shadow: inset 0 -1px 0 #ffffffb3, inset 0 1px 1px #263443b3, inset 1px 0 1px #f4faff47, inset -1px 0 1px #101e2a66;
  pointer-events: none;
}
html body.marrakech-phase1[data-city-theme][data-home-architecture] [data-home-section="news"] .bn-news-advice-filters > button::after {
  content: '';
  position: absolute;
  inset: 1px;
  height: auto;
  border-radius: inherit;
  background: radial-gradient(ellipse at var(--bn-reflection, 32%) 100%, #ffffff40, transparent 58%);
  box-shadow: inset 0 0 0 .5px #edf8ff47;
  opacity: .8;
  pointer-events: none;
}
html body.marrakech-phase1[data-city-theme][data-home-architecture] [data-home-section="news"] .bn-news-advice-filters > button :is(.guide-sector-label, .event-date-label, .home-filter-label) { position: relative; z-index: 1; }
html body.marrakech-phase1[data-city-theme][data-home-architecture] [data-home-section="news"] .bn-news-advice-filters > button:hover:not([aria-pressed="true"]) {
  border-color: #141a23;
  background: conic-gradient(from 25deg at 50% 52%, #e0eaf0 0deg, #f2faff 25deg, #b1c4d1 58deg, #202a36 102deg, #718497 138deg, #fff 178deg, #b1c4d1 212deg, #1c2733 255deg, #5d6e7d 280deg, #fff 325deg, #e0eaf0 360deg);
}
html body.marrakech-phase1[data-city-theme][data-home-architecture] [data-home-section="news"] .bn-news-advice-filters > button[aria-pressed="true"],
html body.marrakech-phase1[data-city-theme][data-home-architecture] [data-home-section="news"] .bn-news-advice-filters > button:active {
  transform: translateY(var(--bn-depth));
  border-color: #FFD85A !important;
  color: #0B1020 !important;
  background: #FFD85A !important;
  box-shadow: 0 0 14px rgba(255,216,90,.16) !important;
  text-shadow: none !important;
}
html body.marrakech-phase1[data-city-theme][data-home-architecture] [data-home-section="news"] .bn-news-advice-filters > button[aria-pressed="true"]::before,
html body.marrakech-phase1[data-city-theme][data-home-architecture] [data-home-section="news"] .bn-news-advice-filters > button:active::before {
  background:linear-gradient(45deg,rgba(255,255,255,.16),rgba(255,255,255,0))!important;
  border-color:rgba(255,255,255,.18)!important;
  box-shadow:none!important;
}
html body.marrakech-phase1[data-city-theme][data-home-architecture] [data-home-section="news"] .bn-news-advice-filters > button[aria-pressed="true"]::after,
html body.marrakech-phase1[data-city-theme][data-home-architecture] [data-home-section="news"] .bn-news-advice-filters > button:active::after {
  background:linear-gradient(65deg,rgba(255,255,255,0),rgba(255,255,255,.12),rgba(255,255,255,0))!important;
  box-shadow:none!important;
  text-shadow:none!important;
  opacity: 1;
}
@media (prefers-reduced-motion: reduce) { html body.marrakech-phase1[data-city-theme][data-home-architecture] [data-home-section="news"] .bn-news-advice-filters > button { transition: none; } }

html body.marrakech-phase1[data-city-theme][data-home-architecture] [data-home-section="news"] .bn-news-advice-filters > button:focus-visible { outline: 2px solid #e8c878; outline-offset: 2px; }


}
@media(max-width:399px) {
  /* Gain two pixels at each edge to accommodate wider tracks without shrinking labels. */
  html body.marrakech-phase1[data-city-theme][data-home-architecture]:has(.bynight-home-landing)
  :is([data-home-section="guide"] .bn-guide-right-switches,[data-home-section="events"] .bn-event-right-switches) {
    left:calc((100vw + var(--fixed-logo-size)) / 2 + 2px)!important;
    width:calc(var(--bn-utility-side-width) + 4px)!important;
    max-width:calc(var(--bn-utility-side-width) + 4px)!important;
  }
}
@media(max-width:359px) {
  html body.marrakech-phase1[data-city-theme][data-home-architecture]:has(.bynight-home-landing)
  :is(.bn-guide-right-switches,.bn-event-right-switches) .home-guide-option-switch {
    --bn-track-knob:7px;
    --bn-track-inset:1px;
  }
}