/*
 * Zagros Motor 41.54 — spatial glass ambient + dependable hero gestures.
 * Loaded after the 41.53 release bundle.
 */

body.pa-premium-ambient-enabled .pa-home-ambient-stage {
  --pa-ambient-glass-alpha: .09;
  --pa-ambient-vignette-alpha: .34;
  --pa-ambient-highlight-x: 58%;
  --pa-ambient-highlight-y: 34%;
  --pa-ambient-highlight-two-x: 28%;
  --pa-ambient-highlight-two-y: 72%;
  isolation: isolate;
  contain: paint;
  background: rgb(var(--pa-ambient-foundation, 8, 13, 23)) !important;
  box-shadow:
    inset 0 1px rgba(255, 255, 255, .055),
    inset 0 -1px rgba(0, 0, 0, .18) !important;
}

body.pa-site-background-themed.pa-site-background-apply-all.pa-premium-ambient-enabled .pa-home-ambient-stage {
  background: rgb(var(--pa-ambient-foundation, 8, 13, 23)) !important;
}

/* The mesh continues the sampled colour touching each edge of the banner.
 * A low-opacity conic layer joins the zones without a flat central seam. */
body.pa-premium-ambient-enabled .pa-home-ambient-stage > .pa-ambient-backdrop {
  isolation: isolate;
  contain: strict;
  background-color: rgb(var(--pa-ambient-foundation, 8, 13, 23)) !important;
  background-image:
    radial-gradient(ellipse 68% 50% at -4% -7%, rgba(var(--pa-ambient-top-left), .9) 0%, rgba(var(--pa-ambient-top-left), .32) 42%, transparent 72%),
    radial-gradient(ellipse 78% 46% at 50% -12%, rgba(var(--pa-ambient-top), .88) 0%, rgba(var(--pa-ambient-top), .27) 47%, transparent 75%),
    radial-gradient(ellipse 68% 50% at 104% -7%, rgba(var(--pa-ambient-top-right), .9) 0%, rgba(var(--pa-ambient-top-right), .32) 42%, transparent 72%),
    radial-gradient(ellipse 45% 82% at 108% 49%, rgba(var(--pa-ambient-right), .78) 0%, rgba(var(--pa-ambient-right), .23) 48%, transparent 75%),
    radial-gradient(ellipse 66% 51% at 104% 108%, rgba(var(--pa-ambient-bottom-right), .85) 0%, rgba(var(--pa-ambient-bottom-right), .28) 45%, transparent 73%),
    radial-gradient(ellipse 84% 47% at 50% 112%, rgba(var(--pa-ambient-bottom), .9) 0%, rgba(var(--pa-ambient-bottom), .29) 48%, transparent 75%),
    radial-gradient(ellipse 66% 51% at -4% 108%, rgba(var(--pa-ambient-bottom-left), .85) 0%, rgba(var(--pa-ambient-bottom-left), .28) 45%, transparent 73%),
    radial-gradient(ellipse 45% 82% at -8% 49%, rgba(var(--pa-ambient-left), .78) 0%, rgba(var(--pa-ambient-left), .23) 48%, transparent 75%),
    radial-gradient(ellipse 70% 60% at 50% 48%, rgba(var(--pa-ambient-center), .46) 0%, rgba(var(--pa-ambient-center), .14) 50%, transparent 76%),
    radial-gradient(circle at var(--pa-ambient-highlight-x) var(--pa-ambient-highlight-y), rgba(var(--pa-ambient-accent), .27), transparent 30%),
    radial-gradient(circle at var(--pa-ambient-highlight-two-x) var(--pa-ambient-highlight-two-y), rgba(var(--pa-ambient-accent-two), .24), transparent 32%),
    conic-gradient(from 118deg at 50% 49%,
      rgba(var(--pa-ambient-left), .11),
      rgba(var(--pa-ambient-top), .16),
      rgba(var(--pa-ambient-right), .11),
      rgba(var(--pa-ambient-bottom), .16),
      rgba(var(--pa-ambient-left), .11)),
    linear-gradient(180deg,
      rgba(var(--pa-ambient-top), .68) 0%,
      rgb(var(--pa-ambient-foundation, 8, 13, 23)) 53%,
      rgba(var(--pa-ambient-bottom), .64) 100%) !important;
}

/* Two artwork depths: the double-buffered layer below stays detailed, while
 * this second, larger impression creates the soft luminous glass bloom. */
body.pa-premium-ambient-enabled .pa-home-ambient-stage > .pa-ambient-backdrop::before {
  inset: -30% !important;
  width: auto !important;
  height: auto !important;
  border-radius: 34% !important;
  opacity: .25 !important;
  background-color: transparent !important;
  background-image: var(--pa-ambient-current-image, none) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
  filter: blur(124px) brightness(.7) saturate(1.82) contrast(.92) !important;
  mix-blend-mode: screen !important;
  transform: translate3d(0, 0, 0) scale(1.08) !important;
}

/* Image-positioned chromatic light passing through the glass veil. */
body.pa-premium-ambient-enabled .pa-home-ambient-stage > .pa-ambient-backdrop::after {
  inset: -18% !important;
  width: auto !important;
  height: auto !important;
  border-radius: 30% !important;
  opacity: .48 !important;
  background:
    radial-gradient(ellipse 40% 36% at var(--pa-ambient-highlight-x) var(--pa-ambient-highlight-y), rgba(var(--pa-ambient-accent), .82), rgba(var(--pa-ambient-accent), .12) 46%, transparent 72%),
    radial-gradient(ellipse 42% 38% at var(--pa-ambient-highlight-two-x) var(--pa-ambient-highlight-two-y), rgba(var(--pa-ambient-accent-two), .76), rgba(var(--pa-ambient-accent-two), .1) 48%, transparent 74%),
    linear-gradient(118deg, transparent 18%, rgba(255, 255, 255, .055) 38%, transparent 58%) !important;
  filter: blur(64px) saturate(1.38) !important;
  mix-blend-mode: screen !important;
  transform: translate3d(0, 0, 0) scale(1.03) !important;
}

body.pa-premium-ambient-enabled .pa-home-ambient-stage .pa-ambient-backdrop__layer {
  inset: -20% !important;
  background-position: center 48% !important;
  -webkit-filter:
    blur(76px)
    brightness(var(--pa-ambient-layer-brightness, .82))
    saturate(var(--pa-ambient-layer-saturation, 1.58))
    contrast(.94) !important;
  filter:
    blur(76px)
    brightness(var(--pa-ambient-layer-brightness, .82))
    saturate(var(--pa-ambient-layer-saturation, 1.58))
    contrast(.94) !important;
  transform: translate3d(0, 0, 0) scale(1.18) !important;
  transition: opacity 1.02s cubic-bezier(.22, .61, .36, 1) !important;
}

body.pa-premium-ambient-enabled .pa-home-ambient-stage .pa-ambient-backdrop__layer.is-active {
  opacity: .88 !important;
}

body.pa-premium-ambient-enabled .pa-home-ambient-stage.is-pa-ambient-image-only .pa-ambient-backdrop__layer.is-active {
  opacity: .93 !important;
  -webkit-filter: blur(76px) brightness(.82) saturate(1.62) contrast(.94) !important;
  filter: blur(76px) brightness(.82) saturate(1.62) contrast(.94) !important;
}

/* Cross-origin artwork can still provide both blur depths even when canvas
 * colour reads are blocked. The sampled accent bloom is hidden in that case
 * so no colour from the preceding slide survives. */
body.pa-premium-ambient-enabled .pa-home-ambient-stage.is-pa-ambient-image-only > .pa-ambient-backdrop::before {
  opacity: .21 !important;
  background-image: var(--pa-ambient-current-image, none) !important;
}

body.pa-premium-ambient-enabled .pa-home-ambient-stage.is-pa-ambient-image-only > .pa-ambient-backdrop::after {
  opacity: 0 !important;
}

/* The translucent highlights, edge depth and subtle refraction form the glass
 * without drawing a white frame around the slider. */
body.pa-premium-ambient-enabled .pa-home-ambient-stage .pa-ambient-backdrop__scrim,
body.pa-premium-ambient-enabled .pa-home-ambient-stage.is-pa-ambient-light .pa-ambient-backdrop__scrim,
body.pa-premium-ambient-enabled .pa-home-ambient-stage.is-pa-ambient-dark .pa-ambient-backdrop__scrim,
body.pa-premium-ambient-enabled .pa-home-ambient-stage.is-pa-ambient-image-only .pa-ambient-backdrop__scrim {
  background:
    linear-gradient(112deg,
      transparent 5%,
      rgba(255, 255, 255, .032) 24%,
      transparent 43%,
      rgba(255, 255, 255, .018) 64%,
      transparent 84%),
    radial-gradient(ellipse 44% 36% at var(--pa-ambient-highlight-x) var(--pa-ambient-highlight-y), rgba(255, 255, 255, var(--pa-ambient-glass-alpha, .09)), transparent 72%),
    radial-gradient(ellipse 108% 88% at 50% 46%, transparent 26%, rgba(1, 4, 10, var(--pa-ambient-vignette-alpha, .34)) 100%),
    linear-gradient(180deg,
      rgba(2, 5, 11, var(--pa-ambient-scrim-alpha, .18)) 0%,
      rgba(2, 5, 11, .025) 39%,
      rgba(1, 3, 8, .3) 100%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(1.08) !important;
  backdrop-filter: blur(3px) saturate(1.08) !important;
}

body.pa-premium-ambient-enabled .pa-home-ambient-stage .pa-ambient-backdrop__noise {
  opacity: .048 !important;
  background-image:
    radial-gradient(circle at 20% 30%, rgba(255, 255, 255, .68) 0 .45px, transparent .72px),
    radial-gradient(circle at 76% 68%, rgba(255, 255, 255, .42) 0 .42px, transparent .7px),
    repeating-linear-gradient(116deg, rgba(255, 255, 255, .12) 0 1px, transparent 1px 5px) !important;
  background-position: 0 0, 2px 3px, 0 0 !important;
  background-size: 4px 4px, 5px 5px, 11px 11px !important;
  mix-blend-mode: soft-light !important;
}

/* Keep the frame borderless; depth comes from the artwork-coloured shadow. */
body.pa-premium-ambient-enabled .pa-home-ambient-stage .pa-slider-shell {
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow:
    0 30px 78px rgba(0, 3, 10, .38),
    0 10px 28px rgba(var(--pa-ambient-accent), .1) !important;
}

/* Instagram-style story ring: a dark separator sits between the artwork and
 * the colour ring, so no white halo appears over dark, image-led canvases. */
body.pa-premium-ambient-enabled .pa-home-ambient-stage .pa-story-item:not(.is-seen) .pa-story-item__ring {
  padding: 3px !important;
  background: conic-gradient(
    from 210deg,
    #ffd600 0deg,
    #ff7a00 62deg,
    #ff0169 145deg,
    #d300c5 225deg,
    #7638fa 305deg,
    #ffd600 360deg
  ) !important;
  box-shadow:
    0 0 0 2px rgba(3, 7, 13, .7),
    0 9px 24px rgba(223, 20, 104, .2) !important;
}

body.pa-premium-ambient-enabled .pa-home-ambient-stage .pa-story-item.is-seen .pa-story-item__ring {
  padding: 3px !important;
  background: linear-gradient(145deg, #737b85, #343b45 55%, #626b76) !important;
  box-shadow:
    0 0 0 2px rgba(3, 7, 13, .68),
    0 8px 20px rgba(0, 3, 10, .2) !important;
}

body.pa-premium-ambient-enabled .pa-home-ambient-stage .pa-story-item__media {
  padding: 3px !important;
  border: 0 !important;
  outline: 0 !important;
  background: rgba(3, 7, 13, .96) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .035) !important;
}

/* Native vertical scrolling and pinch zoom remain available. Horizontal
 * movement belongs to the hero gesture handler, including when it starts on
 * an anchor or picture inside the active slide. */
.pa-hero-slider .pa-slider-track,
.pa-hero-slider .pa-slide,
.pa-hero-slider .pa-slide__link,
.pa-hero-slider .pa-slide__picture {
  touch-action: pan-y pinch-zoom !important;
}

.pa-hero-slider .pa-slider-track {
  overscroll-behavior-x: contain;
  -webkit-user-select: none;
  user-select: none;
}

.pa-hero-slider .pa-slide__link {
  -webkit-touch-callout: default;
}

@media (min-width: 761px) and (prefers-reduced-motion: no-preference) {
  body.pa-premium-ambient-enabled .pa-home-ambient-stage > .pa-ambient-backdrop::before {
    animation: paAmbientGlassDepth 20s ease-in-out infinite alternate !important;
    will-change: transform;
  }

  body.pa-premium-ambient-enabled .pa-home-ambient-stage > .pa-ambient-backdrop::after {
    animation: paAmbientGlassBloom 16s ease-in-out -7s infinite alternate !important;
    will-change: transform;
  }
}

@keyframes paAmbientGlassDepth {
  from { transform: translate3d(-1.5%, -1%, 0) scale(1.075); }
  to { transform: translate3d(1.6%, 1.2%, 0) scale(1.105); }
}

@keyframes paAmbientGlassBloom {
  from { transform: translate3d(1.2%, -1.2%, 0) scale(1.015); }
  to { transform: translate3d(-1.4%, 1.4%, 0) scale(1.045); }
}

@media (max-width: 760px) {
  body.pa-premium-ambient-enabled .pa-home-ambient-stage > .pa-ambient-backdrop::before {
    inset: -17% !important;
    opacity: .17 !important;
    filter: blur(52px) brightness(.72) saturate(1.58) contrast(.94) !important;
    animation: none !important;
  }

  body.pa-premium-ambient-enabled .pa-home-ambient-stage.is-pa-ambient-image-only > .pa-ambient-backdrop::before {
    opacity: .14 !important;
  }

  body.pa-premium-ambient-enabled .pa-home-ambient-stage > .pa-ambient-backdrop::after {
    inset: -11% !important;
    opacity: .34 !important;
    filter: blur(38px) saturate(1.28) !important;
    animation: none !important;
  }

  body.pa-premium-ambient-enabled .pa-home-ambient-stage .pa-ambient-backdrop__layer,
  body.pa-premium-ambient-enabled .pa-home-ambient-stage.is-pa-ambient-image-only .pa-ambient-backdrop__layer.is-active {
    inset: -11% !important;
    -webkit-filter:
      blur(46px)
      brightness(var(--pa-ambient-layer-brightness, .82))
      saturate(var(--pa-ambient-layer-saturation, 1.54))
      contrast(.96) !important;
    filter:
      blur(46px)
      brightness(var(--pa-ambient-layer-brightness, .82))
      saturate(var(--pa-ambient-layer-saturation, 1.54))
      contrast(.96) !important;
    transform: translate3d(0, 0, 0) scale(1.12) !important;
  }

  body.pa-premium-ambient-enabled .pa-home-ambient-stage .pa-ambient-backdrop__scrim,
  body.pa-premium-ambient-enabled .pa-home-ambient-stage.is-pa-ambient-image-only .pa-ambient-backdrop__scrim {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  body.pa-premium-ambient-enabled .pa-home-ambient-stage .pa-ambient-backdrop__noise {
    opacity: .032 !important;
  }
}

@media (max-width: 420px) {
  body.pa-premium-ambient-enabled .pa-home-ambient-stage > .pa-ambient-backdrop::before {
    opacity: .13 !important;
  }


  body.pa-premium-ambient-enabled .pa-home-ambient-stage.is-pa-ambient-image-only > .pa-ambient-backdrop::before {
    opacity: .1 !important;
  }

  body.pa-premium-ambient-enabled .pa-home-ambient-stage .pa-ambient-backdrop__layer,
  body.pa-premium-ambient-enabled .pa-home-ambient-stage.is-pa-ambient-image-only .pa-ambient-backdrop__layer.is-active {
    inset: -8% !important;
    -webkit-filter:
      blur(38px)
      brightness(var(--pa-ambient-layer-brightness, .82))
      saturate(var(--pa-ambient-layer-saturation, 1.5))
      contrast(.97) !important;
    filter:
      blur(38px)
      brightness(var(--pa-ambient-layer-brightness, .82))
      saturate(var(--pa-ambient-layer-saturation, 1.5))
      contrast(.97) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.pa-premium-ambient-enabled .pa-home-ambient-stage,
  body.pa-premium-ambient-enabled .pa-home-ambient-stage .pa-ambient-backdrop__layer,
  body.pa-premium-ambient-enabled .pa-home-ambient-stage > .pa-ambient-backdrop::before,
  body.pa-premium-ambient-enabled .pa-home-ambient-stage > .pa-ambient-backdrop::after,
  body.pa-premium-ambient-enabled .pa-home-ambient-stage .pa-ambient-backdrop__scrim {
    animation: none !important;
    transition: none !important;
    will-change: auto !important;
  }
}