/* SweetGirl V2 - Cities atmosphere V1 */
body:has(.city-fan) {
  background:
    radial-gradient(ellipse 90% 42% at 50% 28%,
      rgba(30,64,100,.33), transparent 75%),
    radial-gradient(ellipse 65% 35% at 70% 65%,
      rgba(166,113,49,.13), transparent 80%),
    linear-gradient(180deg,
      #090e17 0%, #111d2b 38%,
      #11191e 70%, #0c100f 100%) !important;
}

body:has(.city-fan) .city-fan {
  position: relative;
  isolation: isolate;
}

body:has(.city-fan) .city-fan::before {
  content: "";
  position: absolute;
  inset: -35px -12px -60px;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 50% 38%,
      rgba(204,157,78,.16), transparent 65%);
  filter: blur(24px);
}

body:has(.city-fan) .page-intro {
  position: relative;
  z-index: 1;
}

/* Cities: keep the atmosphere within the content area */
body:has(.city-fan){
  background:
    radial-gradient(ellipse 90% 55% at 50% 35%,rgba(30,64,100,.32),transparent 75%),
    linear-gradient(180deg,#090e17 0%,#111d2b 45%,#0c100f 100%) !important;
  background-color:#0c100f!important;
}

/* Cities V2 - prevent excessive page overflow */
body:has(.city-fan){
  overflow-x:clip!important;
}
body:has(.city-fan) .city-grid.city-fan{
  overflow:hidden!important;
  height:390px!important;
  min-height:390px!important;
}
body:has(.city-fan) .city-grid.city-fan::after{
  top:320px!important;
}

/* Cities: confirmed scroll overflow fix */
html:has(.city-fan){
  overflow-x:clip!important;
}
body:has(.city-fan){
  overflow-x:clip!important;
}


/* CITIES NIGHT PHOTO FINAL */
html:has(.city-fan),
body:has(.city-fan){
  overflow-x:clip!important;
}
body:has(.city-fan){
  background:
    linear-gradient(180deg,
      rgba(5,10,19,.48) 0%,
      rgba(5,10,19,.55) 35%,
      rgba(5,10,19,.72) 68%,
      rgba(5,10,19,.88) 100%),
    url("/assets/places-f-final/places-hero-clean.webp")
      center center / cover no-repeat!important;
}
body:has(.city-fan) main,
body:has(.city-fan) .site-footer{
  background:transparent!important;
}