@charset "utf-8";/*
 * BISTRO BUDDY site polish — 2026-08-01
 *
 * Forward-only visual layer loaded after the repaired parent and child CSS.
 * It intentionally owns no header offsets, logo sizing, global full-width
 * geometry, ticker behavior, image routing, or menu records. News media frames
 * are direct-child scoped to verified Joomla category/article markup only.
 */

html.bb-polish-v3 {
  --bb-polish-orange: #ef7724;
  --bb-polish-orange-deep: #c94f08;
  --bb-polish-orange-soft: #ff9a44;
  --bb-polish-blue: #2f6fbd;
  --bb-polish-blue-soft: #7ca4dd;
  --bb-polish-green: #19a974;
  --bb-polish-green-bright: #3ee6a8;
  --bb-polish-green-deep: #08745a;
  --bb-polish-ink: #25243d;
  --bb-polish-night: #18181b;
  --bb-polish-focus: #ffd166;
  --bb-polish-shadow: 0 16px 38px rgba(37, 36, 61, 0.16);
}

/* Header paint only. Existing repaired CSS remains the sole geometry owner. */
html.bb-polish-v3 body.site #sp-header,
html.bb-polish-v3 body.site .header-wrapper {
  color: #fff !important;
  background:
    radial-gradient(circle at 6% 0%, rgba(239, 119, 36, 0.16), transparent 30%),
    radial-gradient(circle at 94% 100%, rgba(47, 111, 189, 0.2), transparent 34%),
    linear-gradient(135deg, #25252a 0%, #19191d 56%, #24243a 100%) !important;
  border-bottom-color: rgba(239, 119, 36, 0.78) !important;
  box-shadow: 0 9px 24px rgba(0, 0, 0, 0.26) !important;
}

/* Desktop navigation: preserve the approved geometry and replace the heavy active
   block with a quiet animated underline. */
@media (min-width: 1200px) {
  html.bb-polish-v3 body.site #sp-menu .sp-megamenu-parent > li > a,
  html.bb-polish-v3 body.site #sp-menu .sp-megamenu-parent > li > span {
    position: relative !important;
    color: rgba(255, 255, 255, 0.94) !important;
    background: transparent !important;
    box-shadow: none !important;
    transition:
      color 0.18s ease,
      text-shadow 0.18s ease !important;
  }

  html.bb-polish-v3 body.site #sp-menu .sp-megamenu-parent > li > a::after {
    content: "" !important;
    position: absolute !important;
    right: 18% !important;
    bottom: 6px !important;
    left: 18% !important;
    height: 3px !important;
    border-radius: 999px !important;
    pointer-events: none !important;
    background: linear-gradient(90deg, var(--bb-polish-orange), var(--bb-polish-blue)) !important;
    transform: scaleX(0) !important;
    transform-origin: center !important;
    transition: transform 0.18s ease !important;
  }

  html.bb-polish-v3 body.site #sp-menu .sp-megamenu-parent > li:hover > a,
  html.bb-polish-v3 body.site #sp-menu .sp-megamenu-parent > li:focus-within > a {
    color: #fff !important;
    background: transparent !important;
    box-shadow: none !important;
    text-shadow: 0 0 14px rgba(255, 255, 255, 0.28) !important;
  }

  html.bb-polish-v3 body.site #sp-menu .sp-megamenu-parent > li:hover > a::after,
  html.bb-polish-v3 body.site #sp-menu .sp-megamenu-parent > li:focus-within > a::after {
    transform: scaleX(1) !important;
  }

  html.bb-polish-v3 body.site #sp-menu .sp-dropdown .sp-dropdown-inner {
    color: #fff !important;
    background:
      linear-gradient(145deg, rgba(239, 119, 36, 0.1), rgba(47, 111, 189, 0.14)),
      #202025 !important;
    border: 1px solid rgba(124, 164, 221, 0.34) !important;
    border-top: 3px solid var(--bb-polish-orange) !important;
    border-radius: 14px !important;
    box-shadow: 0 20px 46px rgba(0, 0, 0, 0.34) !important;
    animation: bbPolishDropdownIn 0.18s ease-out both !important;
  }

  html.bb-polish-v3 body.site #sp-menu .sp-dropdown li.sp-menu-item > a {
    border-radius: 8px !important;
    color: rgba(255, 255, 255, 0.92) !important;
    transition:
      color 0.16s ease,
      background-color 0.16s ease !important;
  }

  html.bb-polish-v3 body.site #sp-menu .sp-dropdown li.sp-menu-item:hover > a,
  html.bb-polish-v3 body.site #sp-menu .sp-dropdown li.sp-menu-item:focus-within > a,
  html.bb-polish-v3 body.site #sp-menu .sp-dropdown li.sp-menu-item.active > a {
    color: #fff !important;
    background: linear-gradient(
      90deg,
      rgba(239, 119, 36, 0.9),
      rgba(47, 111, 189, 0.78)
    ) !important;
  }
}

/* Offcanvas color system and one final compact mobile typography authority. */
html.bb-polish-v3 body .offcanvas-menu {
  color: #fff !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(47, 111, 189, 0.3), transparent 35%),
    radial-gradient(circle at 0% 100%, rgba(239, 119, 36, 0.24), transparent 37%),
    linear-gradient(180deg, #242429, #17171a) !important;
  border-left-color: rgba(239, 119, 36, 0.74) !important;
  box-shadow: -18px 0 48px rgba(0, 0, 0, 0.38) !important;
}

html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu > li {
  border-color: rgba(255, 255, 255, 0.08) !important;
  border-radius: 11px !important;
  background: rgba(255, 255, 255, 0.035) !important;
  transition:
    background-color 0.18s ease,
    box-shadow 0.18s ease !important;
}

html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu > li:hover,
html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu > li:focus-within,
html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu > li.active,
html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent-open {
  background: linear-gradient(
    135deg,
    rgba(239, 119, 36, 0.24),
    rgba(47, 111, 189, 0.24)
  ) !important;
  box-shadow: inset 3px 0 0 var(--bb-polish-orange) !important;
}

html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu > li > ul {
  border-radius: 10px !important;
  background: rgba(5, 8, 15, 0.26) !important;
}

html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu > li > ul > li {
  border-left-color: rgba(124, 164, 221, 0.4) !important;
  background: rgba(124, 164, 221, 0.05) !important;
}

html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu > li > ul > li:hover,
html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu > li > ul > li:focus-within {
  border-left-color: var(--bb-polish-orange) !important;
  background: rgba(239, 119, 36, 0.12) !important;
}

@media (max-width: 1199.98px) {
  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu > li > a,
  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu > li > span {
    min-height: 44px !important;
    padding: 9px 48px 9px 13px !important;
    font-size: clamp(17px, 4vw, 21px) !important;
    font-weight: 850 !important;
    line-height: 1.25 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.62) !important;
  }

  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu li li > a,
  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu li li > span {
    min-height: 40px !important;
    padding: 8px 46px 8px 13px !important;
    font-size: clamp(14px, 3.35vw, 15px) !important;
    font-weight: 740 !important;
    line-height: 1.35 !important;
  }

  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner .menu-toggler {
    right: 0 !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
  }
}

/* Search and location link collections restored from the approved V28.2 look. */
html.bb-polish-v3 body #sp-trending-searches,
html.bb-polish-v3 body #sp-main-body .bb-polish-search-cloud {
  position: relative !important;
  margin-block: clamp(20px, 3vw, 42px) !important;
  padding: clamp(20px, 3vw, 34px) !important;
  border: 1px solid rgba(47, 111, 189, 0.18) !important;
  border-radius: 22px !important;
  background:
    radial-gradient(circle at 10% 5%, rgba(239, 119, 36, 0.14), transparent 34%),
    radial-gradient(circle at 90% 95%, rgba(47, 111, 189, 0.15), transparent 36%),
    linear-gradient(145deg, #fff, #f6f9ff) !important;
  box-shadow: var(--bb-polish-shadow) !important;
  overflow: clip !important;
}

html.bb-polish-v3 body #sp-trending-searches::before,
html.bb-polish-v3 body #sp-main-body .bb-polish-search-cloud::before {
  content: "" !important;
  position: absolute !important;
  inset: -60% -20% !important;
  pointer-events: none !important;
  background: linear-gradient(
    110deg,
    transparent 35%,
    rgba(255, 255, 255, 0.75) 49%,
    transparent 63%
  ) !important;
  animation: bbPolishSearchSweep 8s ease-in-out infinite !important;
}

html.bb-polish-v3 body #sp-trending-searches :is(h1, h2, h3, h4, h5, h6),
html.bb-polish-v3 body #sp-main-body .bb-polish-search-cloud :is(h1, h2, h3, h4, h5, h6) {
  position: relative !important;
  margin: 0 0 16px !important;
  color: var(--bb-polish-ink) !important;
  font-size: clamp(24px, 3vw, 40px) !important;
  font-weight: 950 !important;
  text-align: center !important;
  letter-spacing: -0.03em !important;
}

html.bb-polish-v3 body #sp-trending-searches a,
html.bb-polish-v3 body #sp-main-body .bb-polish-search-cloud a {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 40px !important;
  margin: 5px !important;
  padding: 8px 13px !important;
  border: 1px solid rgba(255, 255, 255, 0.66) !important;
  border-radius: 999px !important;
  color: #fff !important;
  background: linear-gradient(135deg, var(--bb-polish-orange), var(--bb-polish-orange-deep)) !important;
  box-shadow: 0 8px 18px rgba(239, 119, 36, 0.22) !important;
  font-size: clamp(12px, 1vw, 14px) !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    filter 0.2s ease !important;
}

html.bb-polish-v3 body #sp-trending-searches a:nth-of-type(2n),
html.bb-polish-v3 body #sp-main-body .bb-polish-search-cloud a:nth-of-type(2n) {
  background: linear-gradient(135deg, var(--bb-polish-blue), var(--bb-polish-blue-soft)) !important;
  box-shadow: 0 8px 18px rgba(47, 111, 189, 0.22) !important;
}

html.bb-polish-v3 body #sp-trending-searches a:nth-of-type(3n),
html.bb-polish-v3 body #sp-main-body .bb-polish-search-cloud a:nth-of-type(3n) {
  background: linear-gradient(135deg, #25243d, #494665) !important;
}

html.bb-polish-v3 body #sp-trending-searches a:hover,
html.bb-polish-v3 body #sp-trending-searches a:focus-visible,
html.bb-polish-v3 body #sp-main-body .bb-polish-search-cloud a:hover,
html.bb-polish-v3 body #sp-main-body .bb-polish-search-cloud a:focus-visible {
  transform: translateY(-3px) scale(1.025) !important;
  filter: saturate(1.12) brightness(1.05) !important;
  box-shadow: 0 15px 28px rgba(37, 36, 61, 0.23) !important;
}

html.bb-polish-v3 body #sp-main-body .bb-polish-location-cloud {
  margin-block: 18px !important;
  padding: clamp(18px, 2.5vw, 30px) !important;
  border: 1px solid rgba(124, 164, 221, 0.24) !important;
  border-radius: 20px !important;
  background: linear-gradient(145deg, rgba(239, 119, 36, 0.07), rgba(47, 111, 189, 0.08)) !important;
  box-shadow: 0 14px 34px rgba(37, 36, 61, 0.09) !important;
}

html.bb-polish-v3 body #sp-main-body .bb-polish-location-cloud > :is(h1, h2, h3, h4, h5, h6) {
  margin: 0 0 14px !important;
  color: var(--bb-polish-ink) !important;
  font-weight: 950 !important;
  letter-spacing: -0.02em !important;
}

html.bb-polish-v3 body #sp-main-body .bb-polish-location-cloud ul {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html.bb-polish-v3 body #sp-main-body .bb-polish-location-cloud li {
  margin: 0 !important;
  padding: 0 !important;
}

html.bb-polish-v3 body #sp-main-body .bb-polish-location-cloud a {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 40px !important;
  padding: 8px 13px !important;
  border: 1px solid rgba(47, 111, 189, 0.18) !important;
  border-radius: 12px !important;
  color: #254c7e !important;
  background: #fff !important;
  box-shadow: 0 6px 14px rgba(37, 36, 61, 0.08) !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    color 0.18s ease,
    background 0.18s ease !important;
}

html.bb-polish-v3 body #sp-main-body .bb-polish-location-cloud li:nth-child(4n + 1) a {
  color: #a94300 !important;
  background: rgba(239, 119, 36, 0.1) !important;
}

html.bb-polish-v3 body #sp-main-body .bb-polish-location-cloud li:nth-child(4n + 2) a {
  color: #235d9c !important;
  background: rgba(47, 111, 189, 0.1) !important;
}

html.bb-polish-v3 body #sp-main-body .bb-polish-location-cloud li:nth-child(4n + 3) a {
  color: #0b715e !important;
  background: rgba(35, 180, 145, 0.1) !important;
}

html.bb-polish-v3 body #sp-main-body .bb-polish-location-cloud li:nth-child(4n) a {
  color: #6b429d !important;
  background: rgba(130, 83, 185, 0.1) !important;
}

html.bb-polish-v3 body #sp-main-body .bb-polish-location-cloud a:hover,
html.bb-polish-v3 body #sp-main-body .bb-polish-location-cloud a:focus-visible {
  color: #fff !important;
  background: linear-gradient(135deg, var(--bb-polish-orange), var(--bb-polish-blue)) !important;
  box-shadow: 0 13px 24px rgba(37, 36, 61, 0.17) !important;
  transform: translateY(-2px) !important;
}

/* Footer legal/menu links only; footer layout and module order stay unchanged. */
html.bb-polish-v3 body #sp-footer ul.menu > li > a {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 34px !important;
  padding: 7px 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 9px !important;
  color: #eef4ff !important;
  background: rgba(255, 255, 255, 0.055) !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  text-decoration: none !important;
  transition:
    transform 0.18s ease,
    background 0.18s ease,
    border-color 0.18s ease !important;
}

html.bb-polish-v3 body #sp-footer ul.menu > li:nth-child(3n + 1) > a {
  border-color: rgba(239, 119, 36, 0.42) !important;
}

html.bb-polish-v3 body #sp-footer ul.menu > li:nth-child(3n + 2) > a {
  border-color: rgba(124, 164, 221, 0.48) !important;
}

html.bb-polish-v3 body #sp-footer ul.menu > li:nth-child(3n) > a {
  border-color: rgba(62, 207, 167, 0.42) !important;
}

html.bb-polish-v3 body #sp-footer ul.menu > li > a:hover,
html.bb-polish-v3 body #sp-footer ul.menu > li > a:focus-visible {
  border-color: #fff !important;
  background: linear-gradient(135deg, rgba(239, 119, 36, 0.3), rgba(47, 111, 189, 0.3)) !important;
  transform: translateY(-2px) !important;
}

/* Consistent keyboard focus without changing pointer interaction or geometry. */
html.bb-polish-v3 body.site :is(a, button, input, select, textarea):focus-visible {
  outline: 3px solid var(--bb-polish-focus) !important;
  outline-offset: 3px !important;
}

@keyframes bbPolishSearchSweep {
  0%,
  100% {
    transform: translateX(-55%);
  }
  50% {
    transform: translateX(55%);
  }
}

@media (max-width: 767.98px) {
  html.bb-polish-v3 body #sp-trending-searches,
  html.bb-polish-v3 body #sp-main-body .bb-polish-search-cloud,
  html.bb-polish-v3 body #sp-main-body .bb-polish-location-cloud {
    padding: 16px 10px !important;
    border-radius: 16px !important;
  }

  html.bb-polish-v3 body #sp-trending-searches a,
  html.bb-polish-v3 body #sp-main-body .bb-polish-search-cloud a,
  html.bb-polish-v3 body #sp-main-body .bb-polish-location-cloud a {
    min-height: 44px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.bb-polish-v3 body #sp-trending-searches::before,
  html.bb-polish-v3 body #sp-main-body .bb-polish-search-cloud::before {
    animation: none !important;
  }

  html.bb-polish-v3 body #sp-trending-searches a,
  html.bb-polish-v3 body #sp-main-body .bb-polish-search-cloud a,
  html.bb-polish-v3 body #sp-main-body .bb-polish-location-cloud a,
  html.bb-polish-v3 body #sp-footer ul.menu > li > a {
    transition: none !important;
  }
}

/* The optional Helix offcanvas launcher remains present on some desktop
   layouts, so its controls and essential glyph paint stay complete at every
   width without changing the approved desktop megamenu. */
html.bb-polish-v3 body :is(#offcanvas-toggler, .offcanvas-toggler, .offcanvas-toggler-right),
html.bb-polish-v3 body .offcanvas-menu .close-offcanvas {
  display: inline-grid !important;
  place-items: center !important;
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 !important;
  touch-action: manipulation !important;
}

html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner {
  max-height: 100dvh !important;
  padding-bottom: max(18px, env(safe-area-inset-bottom)) !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch !important;
}

html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu .menu-toggler {
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  touch-action: manipulation !important;
}

@media (min-width: 1200px) {
  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu > li {
    margin-bottom: 8px !important;
    border: 1px solid rgba(255, 255, 255, 0.11) !important;
    border-left: 4px solid var(--bb-polish-green-bright) !important;
    border-radius: 14px !important;
    background: linear-gradient(110deg, rgba(25, 169, 116, 0.17), transparent 56%), rgba(255, 255, 255, 0.04) !important;
  }

  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu li > :is(a, span) {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
  }

  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu .bb-menu-glyph {
    display: inline-grid !important;
    flex: 0 0 32px !important;
    place-items: center !important;
    width: 32px !important;
    height: 32px !important;
    border: 1px solid rgba(255, 255, 255, 0.17) !important;
    border-radius: 10px !important;
    color: #fff !important;
    background: linear-gradient(145deg, rgba(62, 230, 168, 0.23), rgba(47, 111, 189, 0.23)) !important;
    font-size: 15px !important;
    line-height: 1 !important;
    transition: transform 0.2s ease, filter 0.2s ease !important;
  }

  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu li li > :is(a, span) > .bb-menu-glyph {
    flex-basis: 25px !important;
    width: 25px !important;
    height: 25px !important;
    font-size: 12px !important;
  }

  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu li > :is(a, span):hover > .bb-menu-glyph,
  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu li > :is(a, span):focus-visible > .bb-menu-glyph {
    filter: brightness(1.2) saturate(1.15) !important;
    transform: rotate(-8deg) scale(1.1) !important;
  }
}

html.bb-polish-v3 body.offcanvas-active .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu > li {
  animation: bbGameMenuCardIn 0.28s ease-out both !important;
}

html.bb-polish-v3 body.offcanvas-active .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu > li:nth-child(2) { animation-delay: 0.025s !important; }
html.bb-polish-v3 body.offcanvas-active .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu > li:nth-child(3) { animation-delay: 0.05s !important; }
html.bb-polish-v3 body.offcanvas-active .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu > li:nth-child(4) { animation-delay: 0.075s !important; }
html.bb-polish-v3 body.offcanvas-active .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu > li:nth-child(n + 5) { animation-delay: 0.1s !important; }

html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu li.menu-parent-open > ul.menu-child {
  animation: bbGameSubmenuIn 0.2s ease-out both !important;
}

@keyframes bbGameMenuCardIn {
  from { opacity: 0; transform: translateX(8px); }
  to { opacity: 1; transform: translateX(0); }
}

@keyframes bbGameSubmenuIn {
  from { opacity: 0; transform: translateY(-4px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Homepage-only return to SP Page Builder's known-good responsive content frame.
   Ticker, hero, Content Factory News Flash, app rows and every other route remain
   full bleed exactly as the repaired template defines them. */
html.bb-polish-v3 body.itemid-4418 .sp-page-builder .page-content > :is(
  .bb-language-rounded-section,
  .bb-rounded-gradient-section,
  .bb-deals-original-rounded-reveal,
  #section-id-1699279066292,
  #section-id-1751653809676
) > .sppb-row-container {
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: auto !important;
}

/* Site Polish 1.3.2: keep the hero section background full width while returning
   its FOOD & DRINK NETWORK, chef image and search row to a centered content
   frame. The exact homepage item and known-good section ID prevent this from
   changing any other page, hero, ticker, scroller or global width rule. */
html.bb-polish-v3 body.itemid-4418 .sp-page-builder .page-content
  > #section-id-1729815227097.bb-critical-hero
  > .sppb-row-container {
  width: calc(100% - 24px) !important;
  max-width: 100% !important;
  margin-inline: auto !important;
}

@media (min-width: 576px) {
  html.bb-polish-v3 body.itemid-4418 .sp-page-builder .page-content > :is(.bb-language-rounded-section, .bb-rounded-gradient-section, .bb-deals-original-rounded-reveal, #section-id-1699279066292, #section-id-1751653809676) > .sppb-row-container {
    max-width: 540px !important;
  }

  html.bb-polish-v3 body.itemid-4418 .sp-page-builder .page-content
    > #section-id-1729815227097.bb-critical-hero
    > .sppb-row-container {
    max-width: 540px !important;
  }
}

@media (min-width: 768px) {
  html.bb-polish-v3 body.itemid-4418 .sp-page-builder .page-content > :is(.bb-language-rounded-section, .bb-rounded-gradient-section, .bb-deals-original-rounded-reveal, #section-id-1699279066292, #section-id-1751653809676) > .sppb-row-container {
    max-width: 720px !important;
  }

  html.bb-polish-v3 body.itemid-4418 .sp-page-builder .page-content
    > #section-id-1729815227097.bb-critical-hero
    > .sppb-row-container {
    max-width: 720px !important;
  }
}

@media (min-width: 992px) {
  html.bb-polish-v3 body.itemid-4418 .sp-page-builder .page-content > :is(.bb-language-rounded-section, .bb-rounded-gradient-section, .bb-deals-original-rounded-reveal, #section-id-1699279066292, #section-id-1751653809676) > .sppb-row-container {
    max-width: 960px !important;
  }

  html.bb-polish-v3 body.itemid-4418 .sp-page-builder .page-content
    > #section-id-1729815227097.bb-critical-hero
    > .sppb-row-container {
    max-width: 960px !important;
  }
}

@media (min-width: 1200px) {
  html.bb-polish-v3 body.itemid-4418 .sp-page-builder .page-content > :is(.bb-language-rounded-section, .bb-rounded-gradient-section, .bb-deals-original-rounded-reveal, #section-id-1699279066292, #section-id-1751653809676) > .sppb-row-container {
    max-width: 1140px !important;
  }

  html.bb-polish-v3 body.itemid-4418 .sp-page-builder .page-content
    > #section-id-1729815227097.bb-critical-hero
    > .sppb-row-container {
    max-width: 1140px !important;
  }
}

@media (min-width: 1400px) {
  html.bb-polish-v3 body.itemid-4418 .sp-page-builder .page-content > :is(.bb-language-rounded-section, .bb-rounded-gradient-section, .bb-deals-original-rounded-reveal, #section-id-1699279066292, #section-id-1751653809676) > .sppb-row-container {
    max-width: 1320px !important;
  }

  html.bb-polish-v3 body.itemid-4418 .sp-page-builder .page-content
    > #section-id-1729815227097.bb-critical-hero
    > .sppb-row-container {
    max-width: 1320px !important;
  }
}

/* Fail-open homepage performance helpers. Only sections already marked by the
   approved homepage export are deferred; the hero and news scroller stay eager. */
html.bb-home-perf-v2 body.itemid-4418 .sp-page-builder .page-content > :is(.bb-perf-defer-section, .bb-lazy-section):not(.bb-perf-loaded):is(.bb-perf-lazy-bg, .bb-lazy-bg),
html.bb-home-perf-v2 body.itemid-4418 .sp-page-builder .page-content > :is(.bb-perf-defer-section, .bb-lazy-section):not(.bb-perf-loaded) :is(.bb-perf-lazy-bg, .bb-lazy-bg) {
  background-image: none !important;
}

html.bb-home-perf-v2 body.itemid-4418 .sp-page-builder .page-content > :is(.bb-perf-defer-section, .bb-lazy-section):not(.bb-perf-loaded) .sppb-addon {
  animation-play-state: paused !important;
}

@supports (contain-intrinsic-size: auto 760px) {
  html.bb-polish-v3 body.itemid-4418 .page-content > .bb-perf-defer-section {
    content-visibility: auto;
    contain-intrinsic-size: auto 850px;
  }

  html.bb-polish-v3 body.itemid-4418 #section-id-1753098798136 {
    contain-intrinsic-size: auto 300px;
  }

  html.bb-polish-v3 body.itemid-4418 #section-id-bbStartFasterProfiles20260705 {
    contain-intrinsic-size: auto 620px;
  }

  html.bb-polish-v3 body.itemid-4418 #section-id-bbDatingEngine20260706 {
    contain-intrinsic-size: auto 900px;
  }
}

/* Segmented mobile navigation restored as paint and spacing only. */
@media (max-width: 1199.98px) {
  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu > li {
    margin-bottom: 7px !important;
    border: 1px solid rgba(255, 255, 255, 0.09) !important;
    border-left: 4px solid var(--bb-polish-orange) !important;
  }

  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu > li:nth-child(3n + 2) {
    border-left-color: var(--bb-polish-blue-soft) !important;
    background: rgba(47, 111, 189, 0.1) !important;
  }

  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu > li:nth-child(3n) {
    border-left-color: #3ecfa7 !important;
    background: rgba(62, 207, 167, 0.07) !important;
  }

  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu > li > ul {
    margin: 0 8px 9px !important;
    padding: 6px !important;
  }
}

/* Native animated footer accordion at every width. Existing link nodes, hrefs
   and order are retained; without JavaScript the original flat list remains. */
html.bb-polish-v3 body #sp-footer1 .sp-module-content > ul.menu.bb-footer-accordion-ready {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 9px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html.bb-polish-v3 body .bb-footer-accordion-group {
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html.bb-polish-v3 body .bb-footer-accordion-group > details {
  border: 1px solid rgba(124, 164, 221, 0.32) !important;
  border-radius: 13px !important;
  background: rgba(255, 255, 255, 0.055) !important;
}

html.bb-polish-v3 body .bb-footer-accordion-group summary {
  position: relative !important;
  min-height: 48px !important;
  padding: 13px 48px 12px 14px !important;
  color: #fff !important;
  cursor: pointer !important;
  font-weight: 850 !important;
  list-style: none !important;
}

html.bb-polish-v3 body .bb-footer-accordion-group summary::-webkit-details-marker {
  display: none !important;
}

html.bb-polish-v3 body .bb-footer-accordion-group summary::after {
  content: "+" !important;
  position: absolute !important;
  top: 50% !important;
  right: 15px !important;
  width: 26px !important;
  height: 26px !important;
  border-radius: 50% !important;
  color: #fff !important;
  background: linear-gradient(135deg, var(--bb-polish-orange), var(--bb-polish-blue)) !important;
  line-height: 26px !important;
  text-align: center !important;
  transform: translateY(-50%) rotate(0deg) !important;
  transition: transform 0.2s ease !important;
}

html.bb-polish-v3 body .bb-footer-accordion-group details[open] > summary::after {
  transform: translateY(-50%) rotate(45deg) !important;
}

html.bb-polish-v3 body .bb-footer-accordion-links {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 7px !important;
  margin: 0 !important;
  padding: 8px 10px 12px !important;
  list-style: none !important;
  animation: bbPolishAccordionIn 0.2s ease-out both !important;
}

html.bb-polish-v3 body .bb-footer-accordion-links > li {
  min-width: 0 !important;
  margin: 0 !important;
}

html.bb-polish-v3 body .bb-footer-accordion-links > li > a {
  display: flex !important;
  align-items: center !important;
  min-height: 42px !important;
  padding: 8px 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.13) !important;
  border-radius: 9px !important;
  color: #eef4ff !important;
  background: rgba(255, 255, 255, 0.045) !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  line-height: 1.3 !important;
  text-decoration: none !important;
}

@media (min-width: 992px) {
  html.bb-polish-v3 body #sp-footer1 .sp-module-content > ul.menu.bb-footer-accordion-ready {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html.bb-polish-v3 body .bb-footer-accordion-group:first-child {
    grid-column: 1 / -1 !important;
  }

  html.bb-polish-v3 body .bb-footer-accordion-group:first-child .bb-footer-accordion-links {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 575.98px) {
  html.bb-polish-v3 body .bb-footer-accordion-links {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* Accessible progressive-enhancement controls. */
html.bb-polish-v3 .bb-skip-link {
  position: fixed !important;
  top: 8px !important;
  left: 8px !important;
  z-index: 100000 !important;
  padding: 11px 16px !important;
  border-radius: 9px !important;
  color: #111 !important;
  background: #ffd166 !important;
  font-weight: 900 !important;
  transform: translateY(-160%) !important;
  transition: transform 0.15s ease !important;
}

html.bb-polish-v3 .bb-skip-link:focus {
  transform: translateY(0) !important;
}

html.bb-polish-v3 .bb-accessibility-tools {
  margin-top: 14px !important;
}

html.bb-polish-v3 .bb-accessibility-tools summary,
html.bb-polish-v3 .bb-pwa-install {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 44px !important;
  padding: 9px 14px !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  border-radius: 11px !important;
  color: #fff !important;
  background: rgba(255, 255, 255, 0.08) !important;
  cursor: pointer !important;
  font-weight: 850 !important;
}

html.bb-polish-v3 .bb-accessibility-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-top: 9px !important;
}

html.bb-polish-v3 .bb-accessibility-actions button {
  min-height: 44px !important;
  padding: 8px 12px !important;
  border: 1px solid rgba(124, 164, 221, 0.45) !important;
  border-radius: 10px !important;
  color: #fff !important;
  background: #25243d !important;
  font-weight: 800 !important;
}

html.bb-text-large {
  font-size: 112.5% !important;
}

html.bb-high-contrast body.site :is(a, button, input, select, textarea):focus-visible {
  outline-width: 4px !important;
  outline-color: #ffdc3f !important;
}

html.bb-high-contrast body.site #sp-main-body a:not(.btn) {
  text-decoration: underline !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 3px !important;
}

html.bb-polish-v3 .bb-infinite-status {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

@keyframes bbPolishDropdownIn {
  from { opacity: 0; transform: translateY(-5px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes bbPolishAccordionIn {
  from { opacity: 0; transform: translateY(-5px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
  html.bb-polish-v3 body.site #sp-menu .sp-dropdown .sp-dropdown-inner,
  html.bb-polish-v3 body .bb-footer-accordion-links,
  html.bb-polish-v3 body .bb-footer-accordion-group summary::after,
  html.bb-polish-v3 .bb-skip-link {
    animation: none !important;
    transition: none !important;
  }
}

html.bb-reduce-motion *,
html.bb-reduce-motion *::before,
html.bb-reduce-motion *::after {
  scroll-behavior: auto !important;
  animation-duration: 0.01ms !important;
  animation-iteration-count: 1 !important;
  transition-duration: 0.01ms !important;
}

/* --------------------------------------------------------------------------
   Site Polish 1.3 — verified Joomla News surfaces

   The direct-child contract intentionally excludes the custom /news hub,
   every SP Page Builder article addon and the approved Articles Scroller.
   -------------------------------------------------------------------------- */
html.bb-polish-v3 body.bb-news-surface.com-content.view-category.layout-blog
  #sp-component > .sp-column > .blog > .article-list {
  --bb-news-card-radius: 18px;
  --bb-news-card-pad: clamp(16px, 2vw, 24px);
}

html.bb-polish-v3 body.bb-news-surface.com-content.view-category.layout-blog
  #sp-component > .sp-column > .blog > .article-list > .row > [class*="col-"] {
  display: flex !important;
  margin-bottom: clamp(18px, 2.2vw, 28px) !important;
}

html.bb-polish-v3 body.bb-news-surface.com-content.view-category.layout-blog
  #sp-component > .sp-column > .blog > .article-list > .row > [class*="col-"] > .article {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 1px solid rgba(47, 111, 189, 0.17) !important;
  border-radius: var(--bb-news-card-radius) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(62, 230, 168, 0.08), transparent 28%),
    #fff !important;
  box-shadow: 0 14px 32px rgba(37, 36, 61, 0.1) !important;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease !important;
}

html.bb-polish-v3 body.bb-news-surface.com-content.view-category.layout-blog
  #sp-component > .sp-column > .blog > .article-list > .row > [class*="col-"] > .article:hover,
html.bb-polish-v3 body.bb-news-surface.com-content.view-category.layout-blog
  #sp-component > .sp-column > .blog > .article-list > .row > [class*="col-"] > .article:focus-within {
  border-color: rgba(25, 169, 116, 0.48) !important;
  box-shadow: 0 20px 42px rgba(37, 36, 61, 0.15) !important;
  transform: translateY(-3px) !important;
}

html.bb-polish-v3 body.bb-news-surface.com-content.view-category.layout-blog
  #sp-component > .sp-column > .blog > .article-list > .row > [class*="col-"] > .article
  > :is(.article-intro-image, .article-featured-video, .article-featured-audio, .article-feature-gallery) {
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  aspect-ratio: 16 / 9 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: var(--bb-news-card-radius) var(--bb-news-card-radius) 0 0 !important;
  background: linear-gradient(135deg, #e8eef8, #f7fafc) !important;
  box-shadow: none !important;
}

html.bb-polish-v3 body.bb-news-surface.com-content.view-category.layout-blog
  #sp-component > .sp-column > .blog > .article-list > .row > [class*="col-"] > .article
  > :is(.article-intro-image, .article-featured-video, .article-featured-audio, .article-feature-gallery)
  :is(img, video, iframe, .carousel, .carousel-inner, .carousel-item) {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  border-radius: 0 !important;
  object-fit: cover !important;
}

html.bb-polish-v3 body.bb-news-surface.com-content.view-category.layout-blog
  #sp-component > .sp-column > .blog > .article-list > .row > [class*="col-"] > .article > .article-body {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  min-width: 0 !important;
  padding: var(--bb-news-card-pad) !important;
}

html.bb-polish-v3 body.bb-news-surface.com-content.view-category.layout-blog
  #sp-component > .sp-column > .blog > .article-list .article-header h2 {
  margin: 0 0 10px !important;
  color: var(--bb-polish-ink) !important;
  font-size: clamp(20px, 2vw, 28px) !important;
  font-weight: 900 !important;
  line-height: 1.16 !important;
  letter-spacing: -0.025em !important;
  overflow-wrap: anywhere !important;
}

html.bb-polish-v3 body.bb-news-surface.com-content.view-category.layout-blog
  #sp-component > .sp-column > .blog > .article-list .article-header h2 a {
  color: inherit !important;
  text-decoration: none !important;
  background-image: linear-gradient(90deg, var(--bb-polish-orange), var(--bb-polish-green)) !important;
  background-position: 0 100% !important;
  background-repeat: no-repeat !important;
  background-size: 0 3px !important;
  transition: color 0.18s ease, background-size 0.2s ease !important;
}

html.bb-polish-v3 body.bb-news-surface.com-content.view-category.layout-blog
  #sp-component > .sp-column > .blog > .article-list .article-header h2 a:hover,
html.bb-polish-v3 body.bb-news-surface.com-content.view-category.layout-blog
  #sp-component > .sp-column > .blog > .article-list .article-header h2 a:focus-visible {
  color: var(--bb-polish-green-deep) !important;
  background-size: 100% 3px !important;
}

html.bb-polish-v3 body.bb-news-surface.com-content.view-category.layout-blog
  #sp-component > .sp-column > .blog > .article-list .article-info {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px 10px !important;
  margin: 0 0 13px !important;
  color: #596579 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

html.bb-polish-v3 body.bb-news-surface.com-content.view-category.layout-blog
  #sp-component > .sp-column > .blog > .article-list .article-info > span {
  margin: 0 !important;
}

html.bb-polish-v3 body.bb-news-surface.com-content.view-category.layout-blog
  #sp-component > .sp-column > .blog > .article-list .article-introtext {
  margin-top: auto !important;
  color: #3d4655 !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
}

html.bb-polish-v3 body.bb-news-surface.com-content.view-category.layout-blog
  #sp-component > .sp-column > .blog > .article-list .featured-article-badge {
  align-self: flex-start !important;
  margin: 12px var(--bb-news-card-pad) 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, var(--bb-polish-orange), var(--bb-polish-green-deep)) !important;
  box-shadow: 0 7px 16px rgba(25, 169, 116, 0.2) !important;
}

html.bb-polish-v3 body.bb-news-surface.com-content.view-article
  #sp-component > .sp-column > .article-details {
  --bb-news-article-pad: clamp(18px, 3.2vw, 38px);
  width: 100% !important;
  max-width: 1180px !important;
  margin-inline: auto !important;
  padding: var(--bb-news-article-pad) !important;
  overflow: visible !important;
  border: 1px solid rgba(47, 111, 189, 0.16) !important;
  border-radius: 22px !important;
  background: #fff !important;
  box-shadow: 0 18px 44px rgba(37, 36, 61, 0.11) !important;
}

html.bb-polish-v3 body.bb-news-surface.com-content.view-article
  #sp-component > .sp-column > .article-details > .article-full-image {
  float: none !important;
  width: calc(100% + (2 * var(--bb-news-article-pad))) !important;
  max-width: none !important;
  margin: calc(-1 * var(--bb-news-article-pad)) calc(-1 * var(--bb-news-article-pad)) clamp(20px, 3vw, 34px) !important;
  overflow: hidden !important;
  border-radius: 22px 22px 0 0 !important;
  background: #eef3f9 !important;
  box-shadow: none !important;
}

html.bb-polish-v3 body.bb-news-surface.com-content.view-article
  #sp-component > .sp-column > .article-details > .article-full-image img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  border-radius: 0 !important;
  object-fit: contain !important;
}

html.bb-polish-v3 body.bb-news-surface.com-content.view-article
  #sp-component > .sp-column > .article-details > .article-header :is(h1, h2) {
  margin: 0 0 12px !important;
  color: var(--bb-polish-ink) !important;
  font-size: clamp(30px, 4.7vw, 56px) !important;
  font-weight: 950 !important;
  line-height: 1.06 !important;
  letter-spacing: -0.04em !important;
  overflow-wrap: anywhere !important;
}

html.bb-polish-v3 body.bb-news-surface.com-content.view-article
  #sp-component > .sp-column > .article-details > .article-info {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px 13px !important;
  margin: 0 0 clamp(18px, 2.5vw, 28px) !important;
  padding-bottom: 14px !important;
  border-bottom: 1px solid rgba(47, 111, 189, 0.14) !important;
  color: #596579 !important;
}

html.bb-polish-v3 body.bb-news-surface.com-content.view-article
  #sp-component > .sp-column > .article-details > [itemprop="articleBody"] {
  color: #303947 !important;
  font-size: clamp(17px, 1.2vw, 19px) !important;
  line-height: 1.78 !important;
  overflow-wrap: anywhere !important;
}

html.bb-polish-v3 body.bb-news-surface.com-content.view-article
  #sp-component > .sp-column > .article-details > [itemprop="articleBody"] :is(h2, h3, h4) {
  margin-top: 1.65em !important;
  color: var(--bb-polish-ink) !important;
  line-height: 1.18 !important;
  letter-spacing: -0.025em !important;
}

html.bb-polish-v3 body.bb-news-surface.com-content.view-article
  #sp-component > .sp-column > .article-details > [itemprop="articleBody"] :is(img, video) {
  max-width: 100% !important;
  height: auto !important;
  border-radius: 14px !important;
}

html.bb-polish-v3 body.bb-news-surface.com-content.view-article
  #sp-component > .sp-column > .article-details > [itemprop="articleBody"] iframe {
  max-width: 100% !important;
  border-radius: 14px !important;
}

html.bb-polish-v3 body.bb-news-surface.com-content.view-article
  #sp-component > .sp-column > .article-details > [itemprop="articleBody"] blockquote {
  margin: 1.6em 0 !important;
  padding: 18px 20px !important;
  border-left: 5px solid var(--bb-polish-green) !important;
  border-radius: 0 14px 14px 0 !important;
  background: linear-gradient(135deg, rgba(62, 230, 168, 0.09), rgba(47, 111, 189, 0.08)) !important;
}

/* Custom News Flash cards keep their template layout. Only interaction paint is
   unified, so /news modules and carousel geometry remain untouched. */
html.bb-polish-v3 body.bb-news-surface #sp-component
  :is(.bbnh-card, .bbnh-feature, .bbnh-region-grid > article) {
  border-color: rgba(47, 111, 189, 0.18) !important;
  box-shadow: 0 12px 28px rgba(37, 36, 61, 0.1) !important;
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
}

html.bb-polish-v3 body.bb-news-surface #sp-component
  :is(.bbnh-card, .bbnh-feature, .bbnh-region-grid > article):hover,
html.bb-polish-v3 body.bb-news-surface #sp-component
  :is(.bbnh-card, .bbnh-feature, .bbnh-region-grid > article):focus-within {
  border-color: rgba(25, 169, 116, 0.54) !important;
  box-shadow: 0 18px 38px rgba(37, 36, 61, 0.15) !important;
  transform: translateY(-3px) !important;
}

@media (max-width: 767.98px) {
  html.bb-polish-v3 body.bb-news-surface.com-content.view-category.layout-blog
    #sp-component > .sp-column > .blog > .article-list > .row > [class*="col-"] {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  html.bb-polish-v3 body.bb-news-surface.com-content.view-article
    #sp-component > .sp-column > .article-details {
    border-radius: 16px !important;
  }

  html.bb-polish-v3 body.bb-news-surface.com-content.view-article
    #sp-component > .sp-column > .article-details > .article-full-image {
    border-radius: 16px 16px 0 0 !important;
  }
}

/* Mobile command-menu treatment. It decorates Helix's real anchors/togglers;
   no menu node, href, order, hamburger or open/close handler is replaced. */
@media (max-width: 1199.98px) {
  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu {
    padding: 5px !important;
    scrollbar-color: var(--bb-polish-green) rgba(255, 255, 255, 0.08) !important;
    scrollbar-width: thin !important;
  }

  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu > li {
    position: relative !important;
    isolation: isolate !important;
    margin-bottom: 9px !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-left: 5px solid var(--bb-polish-orange) !important;
    border-radius: 15px !important;
    background:
      linear-gradient(110deg, rgba(239, 119, 36, 0.16), transparent 52%),
      rgba(255, 255, 255, 0.045) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 8px 18px rgba(0, 0, 0, 0.17) !important;
  }

  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu > li:nth-child(3n + 2) {
    border-left-color: var(--bb-polish-blue-soft) !important;
    background: linear-gradient(110deg, rgba(47, 111, 189, 0.19), transparent 54%), rgba(255, 255, 255, 0.045) !important;
  }

  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu > li:nth-child(3n) {
    border-left-color: var(--bb-polish-green-bright) !important;
    background: linear-gradient(110deg, rgba(25, 169, 116, 0.2), transparent 54%), rgba(255, 255, 255, 0.045) !important;
  }

  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu li > :is(a, span) {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    color: rgba(255, 255, 255, 0.94) !important;
    text-decoration: none !important;
  }

  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu .bb-menu-glyph {
    display: inline-grid !important;
    flex: 0 0 34px !important;
    place-items: center !important;
    width: 34px !important;
    height: 34px !important;
    margin-left: -3px !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 10px !important;
    color: #fff !important;
    background: linear-gradient(145deg, rgba(62, 230, 168, 0.24), rgba(47, 111, 189, 0.24)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 6px 13px rgba(0, 0, 0, 0.18) !important;
    font-size: 17px !important;
    font-style: normal !important;
    line-height: 1 !important;
    transform: translateZ(0) !important;
    transition: transform 0.22s cubic-bezier(0.2, 0.85, 0.3, 1.35), filter 0.2s ease, box-shadow 0.2s ease !important;
  }

  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu li li > :is(a, span) > .bb-menu-glyph {
    flex-basis: 26px !important;
    width: 26px !important;
    height: 26px !important;
    border-radius: 8px !important;
    font-size: 13px !important;
  }

  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu li > :is(a, span):hover > .bb-menu-glyph,
  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu li > :is(a, span):focus-visible > .bb-menu-glyph,
  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu li.menu-parent-open > :is(a, span) > .bb-menu-glyph {
    filter: brightness(1.18) saturate(1.2) !important;
    box-shadow: 0 0 0 3px rgba(62, 230, 168, 0.12), 0 9px 19px rgba(0, 0, 0, 0.25) !important;
    transform: translateY(-1px) rotate(-9deg) scale(1.11) !important;
  }

  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu .bb-menu-pressed > .bb-menu-glyph {
    animation: bbMenuGlyphPress 0.4s cubic-bezier(0.2, 0.8, 0.3, 1.3) both !important;
  }

  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu .menu-toggler {
    border: 1px solid rgba(62, 230, 168, 0.24) !important;
    border-radius: 11px !important;
    color: #fff !important;
    background: linear-gradient(145deg, rgba(25, 169, 116, 0.28), rgba(47, 111, 189, 0.25)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
    transition: filter 0.18s ease, box-shadow 0.18s ease !important;
  }

  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu .menu-toggler:focus-visible {
    outline: 3px solid var(--bb-polish-focus) !important;
    outline-offset: 2px !important;
    box-shadow: 0 0 0 5px rgba(62, 230, 168, 0.16) !important;
  }

  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu li.menu-parent-open > :is(a, span) > .menu-toggler {
    filter: brightness(1.2) !important;
    box-shadow: 0 0 0 3px rgba(62, 230, 168, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  }

  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu ul.menu-child {
    margin: 2px 8px 10px !important;
    padding: 8px !important;
    border: 1px solid rgba(62, 230, 168, 0.16) !important;
    border-radius: 12px !important;
    background:
      linear-gradient(180deg, rgba(8, 116, 90, 0.12), rgba(7, 10, 17, 0.28)) !important;
    box-shadow: inset 0 1px 12px rgba(0, 0, 0, 0.14) !important;
  }

  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu ul.menu-child > li {
    margin: 4px 0 !important;
    border-left: 2px solid rgba(62, 230, 168, 0.36) !important;
    border-radius: 9px !important;
    background: rgba(255, 255, 255, 0.035) !important;
  }

  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu ul.menu-child > li:hover,
  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu ul.menu-child > li:focus-within {
    border-left-color: var(--bb-polish-green-bright) !important;
    background: linear-gradient(90deg, rgba(25, 169, 116, 0.17), rgba(47, 111, 189, 0.1)) !important;
  }
}

/* Site Polish 1.3.2: warmer mobile navigation. Orange is the visual authority;
   bright green is retained only as a fine border/focus accent. Helix continues
   to own every menu node, href, disclosure and open/close action. */
@media (max-width: 1199.98px) {
  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu {
    padding: 6px !important;
    scrollbar-color: var(--bb-polish-orange) rgba(255, 255, 255, 0.08) !important;
  }

  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu > li,
  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu > li:nth-child(3n + 2),
  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu > li:nth-child(3n) {
    margin-bottom: 8px !important;
    border: 1px solid rgba(62, 230, 168, 0.2) !important;
    border-left: 5px solid var(--bb-polish-orange) !important;
    border-radius: 13px !important;
    background:
      linear-gradient(105deg, rgba(239, 119, 36, 0.28), rgba(239, 119, 36, 0.08) 58%, transparent 82%),
      rgba(255, 255, 255, 0.035) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.07),
      inset -1px 0 0 rgba(62, 230, 168, 0.06),
      0 7px 16px rgba(0, 0, 0, 0.16) !important;
  }

  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu > li:hover,
  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu > li:focus-within,
  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu > li.active,
  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu > li.menu-parent-open {
    border-color: rgba(62, 230, 168, 0.34) !important;
    border-left-color: var(--bb-polish-orange-soft) !important;
    background:
      linear-gradient(105deg, rgba(239, 119, 36, 0.4), rgba(201, 79, 8, 0.15) 62%, transparent 88%),
      rgba(255, 255, 255, 0.045) !important;
    box-shadow:
      inset 0 0 0 1px rgba(62, 230, 168, 0.055),
      0 9px 20px rgba(0, 0, 0, 0.2) !important;
  }

  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu > li > :is(a, span) {
    min-height: 48px !important;
    padding: 10px 48px 10px 12px !important;
    color: #fff !important;
    font-size: clamp(17px, 4.35vw, 20px) !important;
    font-weight: 880 !important;
    line-height: 1.22 !important;
    letter-spacing: -0.012em !important;
  }

  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu .bb-menu-glyph {
    border-color: rgba(62, 230, 168, 0.28) !important;
    border-radius: 9px !important;
    background: linear-gradient(145deg, var(--bb-polish-orange-soft), var(--bb-polish-orange-deep)) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.22),
      0 0 0 1px rgba(62, 230, 168, 0.045),
      0 6px 13px rgba(0, 0, 0, 0.2) !important;
  }

  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu li > :is(a, span):hover > .bb-menu-glyph,
  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu li > :is(a, span):focus-visible > .bb-menu-glyph,
  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu li.menu-parent-open > :is(a, span) > .bb-menu-glyph {
    filter: brightness(1.1) saturate(1.08) !important;
    box-shadow:
      0 0 0 2px rgba(62, 230, 168, 0.13),
      0 8px 17px rgba(0, 0, 0, 0.23) !important;
    transform: translateY(-1px) rotate(-3deg) scale(1.05) !important;
  }

  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu .bb-menu-pressed > .bb-menu-glyph {
    animation: bbMenuGlyphPressWarm 0.28s ease-out both !important;
  }

  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu .menu-toggler {
    border-color: rgba(62, 230, 168, 0.3) !important;
    border-radius: 9px !important;
    background: linear-gradient(145deg, rgba(255, 154, 68, 0.92), rgba(201, 79, 8, 0.92)) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.2),
      0 0 0 1px rgba(62, 230, 168, 0.045) !important;
  }

  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu li.menu-parent-open > :is(a, span) > .menu-toggler {
    filter: brightness(1.08) !important;
    box-shadow:
      0 0 0 2px rgba(62, 230, 168, 0.14),
      inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
  }

  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu ul.menu-child {
    margin: 3px 7px 10px !important;
    padding: 5px 6px !important;
    border: 1px solid rgba(62, 230, 168, 0.18) !important;
    border-left: 3px solid rgba(239, 119, 36, 0.84) !important;
    border-radius: 10px !important;
    background:
      linear-gradient(180deg, rgba(239, 119, 36, 0.1), rgba(7, 10, 17, 0.3)) !important;
    box-shadow: inset 0 1px 12px rgba(0, 0, 0, 0.16) !important;
  }

  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu ul.menu-child > li {
    margin: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(62, 230, 168, 0.2) !important;
    border-left: 3px solid rgba(239, 119, 36, 0.7) !important;
    border-radius: 6px !important;
    background: rgba(255, 255, 255, 0.025) !important;
  }

  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu ul.menu-child > li:last-child {
    border-bottom-color: transparent !important;
  }

  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu ul.menu-child > li:hover,
  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu ul.menu-child > li:focus-within,
  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu ul.menu-child > li.active {
    border-left-color: var(--bb-polish-orange-soft) !important;
    background: linear-gradient(90deg, rgba(239, 119, 36, 0.2), rgba(62, 230, 168, 0.045)) !important;
  }

  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu li li > :is(a, span) {
    min-height: 46px !important;
    padding: 10px 46px 10px 12px !important;
    font-size: clamp(15px, 3.75vw, 16.5px) !important;
    font-weight: 760 !important;
    line-height: 1.32 !important;
    letter-spacing: 0 !important;
  }

  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu li li li > :is(a, span) {
    min-height: 44px !important;
    padding-block: 9px !important;
    font-size: clamp(14px, 3.45vw, 15px) !important;
    font-weight: 700 !important;
  }

  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu ul.menu-child ul.menu-child {
    margin: 2px 5px 7px 8px !important;
    border-color: rgba(62, 230, 168, 0.16) !important;
    border-left-color: rgba(62, 230, 168, 0.44) !important;
  }
}

@keyframes bbMenuGlyphPressWarm {
  0% { transform: scale(1) rotate(0); }
  50% { transform: scale(0.94) rotate(4deg); }
  100% { transform: scale(1.04) rotate(-2deg); }
}

@keyframes bbMenuGlyphPress {
  0% { transform: scale(1) rotate(0); }
  45% { transform: scale(0.88) rotate(16deg); }
  100% { transform: scale(1.1) rotate(-7deg); }
}

/* User-invoked PWA command center. This is the package's own native dialog;
   existing Joomla, EasySocial, JBD and commerce overlays are not selected. */
html.bb-polish-v3 .bb-app-tools-launch {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 46px !important;
  margin-top: 12px !important;
  padding: 10px 15px !important;
  border: 1px solid rgba(62, 230, 168, 0.48) !important;
  border-radius: 12px !important;
  color: #fff !important;
  background: linear-gradient(135deg, var(--bb-polish-green-deep), var(--bb-polish-blue)) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.2) !important;
  cursor: pointer !important;
  font-weight: 900 !important;
}

html.bb-polish-v3 .bb-app-dialog {
  width: min(760px, calc(100vw - 24px)) !important;
  max-width: 760px !important;
  max-height: min(780px, calc(100dvh - 24px)) !important;
  padding: 0 !important;
  overflow: auto !important;
  border: 1px solid rgba(62, 230, 168, 0.44) !important;
  border-radius: 24px !important;
  color: #fff !important;
  background: #171a21 !important;
  box-shadow: 0 34px 90px rgba(0, 0, 0, 0.52) !important;
}

html.bb-polish-v3 .bb-app-dialog::backdrop {
  background: rgba(6, 9, 16, 0.72) !important;
  backdrop-filter: blur(7px) saturate(0.8) !important;
}

html.bb-polish-v3 .bb-app-dialog-shell {
  min-height: 100% !important;
  padding: clamp(18px, 4vw, 34px) !important;
  background:
    radial-gradient(circle at 4% 0%, rgba(239, 119, 36, 0.24), transparent 34%),
    radial-gradient(circle at 100% 100%, rgba(62, 230, 168, 0.2), transparent 36%),
    linear-gradient(145deg, #222633, #13161d) !important;
}

html.bb-polish-v3 .bb-app-dialog header,
html.bb-polish-v3 .bb-app-dialog-brand {
  display: flex !important;
  align-items: flex-start !important;
  gap: 14px !important;
}

html.bb-polish-v3 .bb-app-dialog header {
  justify-content: space-between !important;
}

html.bb-polish-v3 .bb-app-dialog-brand img {
  flex: 0 0 72px !important;
  width: 72px !important;
  height: 72px !important;
  border-radius: 18px !important;
  box-shadow: 0 0 0 4px rgba(62, 230, 168, 0.12), 0 12px 24px rgba(0, 0, 0, 0.28) !important;
  animation: bbAppLogoBreathe 3.8s ease-in-out infinite !important;
}

html.bb-polish-v3 .bb-app-dialog h2 {
  margin: 3px 0 5px !important;
  color: #fff !important;
  font-size: clamp(24px, 4vw, 38px) !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
  letter-spacing: -0.035em !important;
}

html.bb-polish-v3 .bb-app-dialog p {
  margin: 0 !important;
  color: rgba(238, 246, 255, 0.76) !important;
  line-height: 1.5 !important;
}

html.bb-polish-v3 .bb-app-dialog-close {
  flex: 0 0 46px !important;
  width: 46px !important;
  height: 46px !important;
  padding: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 50% !important;
  color: #fff !important;
  background: rgba(255, 255, 255, 0.08) !important;
  font-size: 30px !important;
  line-height: 1 !important;
}

html.bb-polish-v3 .bb-app-online {
  margin: 20px 0 14px !important;
}

html.bb-polish-v3 .bb-app-status {
  display: block !important;
  min-height: 44px !important;
  padding: 11px 14px !important;
  border: 1px solid rgba(124, 164, 221, 0.35) !important;
  border-radius: 12px !important;
  color: #eaf2ff !important;
  background: rgba(47, 111, 189, 0.12) !important;
  font-weight: 750 !important;
}

html.bb-polish-v3 .bb-app-status[data-state="success"] {
  border-color: rgba(62, 230, 168, 0.52) !important;
  background: rgba(25, 169, 116, 0.16) !important;
}

html.bb-polish-v3 .bb-app-status[data-state="warning"] {
  border-color: rgba(255, 209, 102, 0.56) !important;
  background: rgba(255, 209, 102, 0.1) !important;
}

html.bb-polish-v3 .bb-app-shortcuts,
html.bb-polish-v3 .bb-app-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

html.bb-polish-v3 .bb-app-actions {
  margin-top: 14px !important;
}

html.bb-polish-v3 :is(.bb-app-shortcut, .bb-app-action) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  min-width: 0 !important;
  min-height: 50px !important;
  padding: 10px 13px !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 13px !important;
  color: #fff !important;
  background: rgba(255, 255, 255, 0.065) !important;
  cursor: pointer !important;
  font-weight: 850 !important;
  text-align: center !important;
  text-decoration: none !important;
  transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease !important;
}

html.bb-polish-v3 :is(.bb-app-shortcut, .bb-app-action):hover,
html.bb-polish-v3 :is(.bb-app-shortcut, .bb-app-action):focus-visible {
  border-color: var(--bb-polish-green-bright) !important;
  background: linear-gradient(135deg, rgba(25, 169, 116, 0.22), rgba(47, 111, 189, 0.2)) !important;
  transform: translateY(-2px) !important;
}

html.bb-polish-v3 .bb-app-action:disabled {
  cursor: not-allowed !important;
  opacity: 0.58 !important;
  transform: none !important;
}

html.bb-polish-v3 .bb-app-action.is-ready {
  border-color: var(--bb-polish-green-bright) !important;
  box-shadow: 0 0 0 3px rgba(62, 230, 168, 0.11) !important;
}

html.bb-polish-v3 .bb-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

@keyframes bbAppLogoBreathe {
  0%, 100% { transform: rotate(-2deg) scale(1); }
  50% { transform: rotate(2deg) scale(1.05); }
}

  


::view-transition-old(root) {
  animation: 0.14s ease-out both bbViewOut;
}

::view-transition-new(root) {
  animation: 0.18s ease-out both bbViewIn;
}

@keyframes bbViewOut {
  to { opacity: 0.86; transform: scale(0.996); }
}

@keyframes bbViewIn {
  from { opacity: 0.86; transform: scale(1.004); }
}

@media (max-width: 575.98px) {
  html.bb-polish-v3 .bb-app-dialog {
    width: calc(100vw - 12px) !important;
    max-height: calc(100dvh - 12px) !important;
    border-radius: 18px !important;
  }

  html.bb-polish-v3 .bb-app-dialog-brand img {
    flex-basis: 56px !important;
    width: 56px !important;
    height: 56px !important;
    border-radius: 14px !important;
  }

  html.bb-polish-v3 .bb-app-shortcuts,
  html.bb-polish-v3 .bb-app-actions {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.bb-polish-v3 body.bb-news-surface #sp-component
    :is(.article-list .article, .bbnh-card, .bbnh-feature, .bbnh-region-grid > article),
  html.bb-polish-v3 body.bb-news-surface #sp-component
    :is(.article-intro-image, .article-feature-gallery, .article-featured-video, .article-featured-audio, .article-full-image, .article-details, .article-header a),
  html.bb-polish-v3 body.site #sp-menu .sp-megamenu-parent > li > a::after,
  html.bb-polish-v3 body.site #sp-menu .sp-megamenu-parent :is(a, span, .sp-dropdown, .sp-dropdown-inner),
  html.bb-polish-v3 body.offcanvas-active .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu > li,
  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu > li,
  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu li.menu-parent-open > ul.menu-child,
  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu .bb-menu-glyph,
  html.bb-polish-v3 .bb-app-dialog-brand img,
  html.bb-polish-v3 :is(.bb-app-shortcut, .bb-app-action) {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }

  ::view-transition-old(root),
  ::view-transition-new(root) {
    animation: none !important;
  }
}

html.bb281-reduce-motion body .offcanvas-menu .bb-game-menu *,
html.bb281-low-motion body .offcanvas-menu .bb-game-menu *,
html.bb-reduce-motion body .offcanvas-menu .bb-game-menu *,
html.bb281-reduce-motion .bb-app-dialog *,
html.bb281-low-motion .bb-app-dialog *,
html.bb-reduce-motion .bb-app-dialog * {
  animation: none !important;
  transition: none !important;
}

:is(html.bb-polish-v3.bb281-reduce-motion, html.bb-polish-v3.bb281-low-motion, html.bb-polish-v3.bb-reduce-motion)
  body.offcanvas-active .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu > li,
:is(html.bb-polish-v3.bb281-reduce-motion, html.bb-polish-v3.bb281-low-motion, html.bb-polish-v3.bb-reduce-motion)
  body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu li.menu-parent-open > ul.menu-child,
:is(html.bb-polish-v3.bb281-reduce-motion, html.bb-polish-v3.bb281-low-motion, html.bb-polish-v3.bb-reduce-motion)
  body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu .bb-menu-pressed > .bb-menu-glyph,
:is(html.bb-polish-v3.bb281-reduce-motion, html.bb-polish-v3.bb281-low-motion, html.bb-polish-v3.bb-reduce-motion)
  body.bb-news-surface #sp-component
  :is(.article-list .article, .article-intro-image, .article-feature-gallery, .article-featured-video, .article-featured-audio, .article-full-image, .article-details, .article-header a, .bbnh-card, .bbnh-feature, .bbnh-region-grid > article),
:is(html.bb-polish-v3.bb281-reduce-motion, html.bb-polish-v3.bb281-low-motion, html.bb-polish-v3.bb-reduce-motion)
  body.site #sp-menu .sp-megamenu-parent :is(a, span, .sp-dropdown, .sp-dropdown-inner),
:is(html.bb-polish-v3.bb281-reduce-motion, html.bb-polish-v3.bb281-low-motion, html.bb-polish-v3.bb-reduce-motion)
  body.site #sp-menu .sp-megamenu-parent > li > a::after,
:is(html.bb-polish-v3.bb281-reduce-motion, html.bb-polish-v3.bb281-low-motion, html.bb-polish-v3.bb-reduce-motion)
  body #sp-trending-searches::before,
:is(html.bb-polish-v3.bb281-reduce-motion, html.bb-polish-v3.bb281-low-motion, html.bb-polish-v3.bb-reduce-motion)
  .bb-app-dialog-brand img,
:is(html.bb-polish-v3.bb281-reduce-motion, html.bb-polish-v3.bb281-low-motion, html.bb-polish-v3.bb-reduce-motion)
  :is(.bb-app-shortcut, .bb-app-action) {
  animation: none !important;
  transition: none !important;
  transform: none !important;
}

/* Final reduced-motion cascade seal. These selectors deliberately mirror the
   animated rules above so both the operating-system preference and the three
   supported manual/legacy classes win the !important specificity contest.
   Interaction state still changes instantly; only movement is removed. */
@media (prefers-reduced-motion: reduce) {
  html.bb-polish-v3 body.site #sp-menu .sp-megamenu-parent > li > a,
  html.bb-polish-v3 body.site #sp-menu .sp-megamenu-parent > li > span,
  html.bb-polish-v3 body.site #sp-menu .sp-megamenu-parent > li > a::after,
  html.bb-polish-v3 body.site #sp-menu .sp-dropdown .sp-dropdown-inner,
  html.bb-polish-v3 body.site #sp-menu .sp-dropdown li.sp-menu-item > a,
  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu > li,
  html.bb-polish-v3 body.offcanvas-active .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu > li,
  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu li.menu-parent-open > ul.menu-child,
  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu .bb-menu-glyph,
  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu .bb-menu-pressed > .bb-menu-glyph,
  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu .menu-toggler,
  html.bb-polish-v3 body #sp-trending-searches::before,
  html.bb-polish-v3 body #sp-main-body .bb-polish-search-cloud::before,
  html.bb-polish-v3 body #sp-trending-searches a,
  html.bb-polish-v3 body #sp-main-body .bb-polish-search-cloud a,
  html.bb-polish-v3 body #sp-main-body .bb-polish-location-cloud a,
  html.bb-polish-v3 body #sp-footer ul.menu > li > a,
  html.bb-polish-v3 body .bb-footer-accordion-links,
  html.bb-polish-v3 body .bb-footer-accordion-links > li > a,
  html.bb-polish-v3 body .bb-footer-accordion-group summary::after,
  html.bb-polish-v3 .bb-skip-link,
  html.bb-polish-v3 body.bb-news-surface.com-content.view-category.layout-blog
    #sp-component > .sp-column > .blog > .article-list > .row > [class*="col-"] > .article,
  html.bb-polish-v3 body.bb-news-surface.com-content.view-category.layout-blog
    #sp-component > .sp-column > .blog > .article-list .article-header h2 a,
  html.bb-polish-v3 body.bb-news-surface.com-content.view-category.layout-blog
    #sp-component > .sp-column > .blog > .article-list > .row > [class*="col-"] > .article
    > :is(.article-intro-image, .article-featured-video, .article-featured-audio, .article-feature-gallery),
  html.bb-polish-v3 body.bb-news-surface.com-content.view-article
    #sp-component > .sp-column > .article-details,
  html.bb-polish-v3 body.bb-news-surface #sp-component
    :is(.bbnh-card, .bbnh-feature, .bbnh-region-grid > article),
  html.bb-polish-v3 .bb-app-dialog-brand img,
  html.bb-polish-v3 :is(.bb-app-shortcut, .bb-app-action) {
    animation: none !important;
    transition: none !important;
  }

  html.bb-polish-v3 body.bb-news-surface.com-content.view-category.layout-blog
    #sp-component > .sp-column > .blog > .article-list > .row > [class*="col-"] > .article:hover,
  html.bb-polish-v3 body.bb-news-surface.com-content.view-category.layout-blog
    #sp-component > .sp-column > .blog > .article-list > .row > [class*="col-"] > .article:focus-within,
  html.bb-polish-v3 body.bb-news-surface #sp-component
    :is(.bbnh-card, .bbnh-feature, .bbnh-region-grid > article):hover,
  html.bb-polish-v3 body.bb-news-surface #sp-component
    :is(.bbnh-card, .bbnh-feature, .bbnh-region-grid > article):focus-within,
  html.bb-polish-v3 body #sp-trending-searches a:hover,
  html.bb-polish-v3 body #sp-trending-searches a:focus-visible,
  html.bb-polish-v3 body #sp-main-body .bb-polish-search-cloud a:hover,
  html.bb-polish-v3 body #sp-main-body .bb-polish-search-cloud a:focus-visible,
  html.bb-polish-v3 body #sp-main-body .bb-polish-location-cloud a:hover,
  html.bb-polish-v3 body #sp-main-body .bb-polish-location-cloud a:focus-visible,
  html.bb-polish-v3 body #sp-footer ul.menu > li > a:hover,
  html.bb-polish-v3 body #sp-footer ul.menu > li > a:focus-visible,
  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu li > :is(a, span):hover > .bb-menu-glyph,
  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu li > :is(a, span):focus-visible > .bb-menu-glyph,
  html.bb-polish-v3 body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu li.menu-parent-open > :is(a, span) > .bb-menu-glyph,
  html.bb-polish-v3 :is(.bb-app-shortcut, .bb-app-action):hover,
  html.bb-polish-v3 :is(.bb-app-shortcut, .bb-app-action):focus-visible {
    transform: none !important;
  }

  html.bb-polish-v3::view-transition-old(root),
  html.bb-polish-v3::view-transition-new(root) {
    animation: none !important;
  }
}

:is(html.bb-polish-v3.bb281-reduce-motion, html.bb-polish-v3.bb281-low-motion, html.bb-polish-v3.bb-reduce-motion)
  body.site #sp-menu .sp-megamenu-parent > li > a,
:is(html.bb-polish-v3.bb281-reduce-motion, html.bb-polish-v3.bb281-low-motion, html.bb-polish-v3.bb-reduce-motion)
  body.site #sp-menu .sp-megamenu-parent > li > span,
:is(html.bb-polish-v3.bb281-reduce-motion, html.bb-polish-v3.bb281-low-motion, html.bb-polish-v3.bb-reduce-motion)
  body.site #sp-menu .sp-megamenu-parent > li > a::after,
:is(html.bb-polish-v3.bb281-reduce-motion, html.bb-polish-v3.bb281-low-motion, html.bb-polish-v3.bb-reduce-motion)
  body.site #sp-menu .sp-dropdown .sp-dropdown-inner,
:is(html.bb-polish-v3.bb281-reduce-motion, html.bb-polish-v3.bb281-low-motion, html.bb-polish-v3.bb-reduce-motion)
  body.site #sp-menu .sp-dropdown li.sp-menu-item > a,
:is(html.bb-polish-v3.bb281-reduce-motion, html.bb-polish-v3.bb281-low-motion, html.bb-polish-v3.bb-reduce-motion)
  body .offcanvas-menu .offcanvas-inner ul.menu > li,
:is(html.bb-polish-v3.bb281-reduce-motion, html.bb-polish-v3.bb281-low-motion, html.bb-polish-v3.bb-reduce-motion)
  body.offcanvas-active .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu > li,
:is(html.bb-polish-v3.bb281-reduce-motion, html.bb-polish-v3.bb281-low-motion, html.bb-polish-v3.bb-reduce-motion)
  body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu li.menu-parent-open > ul.menu-child,
:is(html.bb-polish-v3.bb281-reduce-motion, html.bb-polish-v3.bb281-low-motion, html.bb-polish-v3.bb-reduce-motion)
  body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu .bb-menu-glyph,
:is(html.bb-polish-v3.bb281-reduce-motion, html.bb-polish-v3.bb281-low-motion, html.bb-polish-v3.bb-reduce-motion)
  body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu .bb-menu-pressed > .bb-menu-glyph,
:is(html.bb-polish-v3.bb281-reduce-motion, html.bb-polish-v3.bb281-low-motion, html.bb-polish-v3.bb-reduce-motion)
  body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu .menu-toggler,
:is(html.bb-polish-v3.bb281-reduce-motion, html.bb-polish-v3.bb281-low-motion, html.bb-polish-v3.bb-reduce-motion)
  body #sp-trending-searches::before,
:is(html.bb-polish-v3.bb281-reduce-motion, html.bb-polish-v3.bb281-low-motion, html.bb-polish-v3.bb-reduce-motion)
  body #sp-main-body .bb-polish-search-cloud::before,
:is(html.bb-polish-v3.bb281-reduce-motion, html.bb-polish-v3.bb281-low-motion, html.bb-polish-v3.bb-reduce-motion)
  body #sp-trending-searches a,
:is(html.bb-polish-v3.bb281-reduce-motion, html.bb-polish-v3.bb281-low-motion, html.bb-polish-v3.bb-reduce-motion)
  body #sp-main-body .bb-polish-search-cloud a,
:is(html.bb-polish-v3.bb281-reduce-motion, html.bb-polish-v3.bb281-low-motion, html.bb-polish-v3.bb-reduce-motion)
  body #sp-main-body .bb-polish-location-cloud a,
:is(html.bb-polish-v3.bb281-reduce-motion, html.bb-polish-v3.bb281-low-motion, html.bb-polish-v3.bb-reduce-motion)
  body #sp-footer ul.menu > li > a,
:is(html.bb-polish-v3.bb281-reduce-motion, html.bb-polish-v3.bb281-low-motion, html.bb-polish-v3.bb-reduce-motion)
  body .bb-footer-accordion-links,
:is(html.bb-polish-v3.bb281-reduce-motion, html.bb-polish-v3.bb281-low-motion, html.bb-polish-v3.bb-reduce-motion)
  body .bb-footer-accordion-links > li > a,
:is(html.bb-polish-v3.bb281-reduce-motion, html.bb-polish-v3.bb281-low-motion, html.bb-polish-v3.bb-reduce-motion)
  body .bb-footer-accordion-group summary::after,
:is(html.bb-polish-v3.bb281-reduce-motion, html.bb-polish-v3.bb281-low-motion, html.bb-polish-v3.bb-reduce-motion)
  .bb-skip-link,
:is(html.bb-polish-v3.bb281-reduce-motion, html.bb-polish-v3.bb281-low-motion, html.bb-polish-v3.bb-reduce-motion)
  body.bb-news-surface.com-content.view-category.layout-blog
  #sp-component > .sp-column > .blog > .article-list > .row > [class*="col-"] > .article,
:is(html.bb-polish-v3.bb281-reduce-motion, html.bb-polish-v3.bb281-low-motion, html.bb-polish-v3.bb-reduce-motion)
  body.bb-news-surface.com-content.view-category.layout-blog
  #sp-component > .sp-column > .blog > .article-list .article-header h2 a,
:is(html.bb-polish-v3.bb281-reduce-motion, html.bb-polish-v3.bb281-low-motion, html.bb-polish-v3.bb-reduce-motion)
  body.bb-news-surface.com-content.view-category.layout-blog
  #sp-component > .sp-column > .blog > .article-list > .row > [class*="col-"] > .article
  > :is(.article-intro-image, .article-featured-video, .article-featured-audio, .article-feature-gallery),
:is(html.bb-polish-v3.bb281-reduce-motion, html.bb-polish-v3.bb281-low-motion, html.bb-polish-v3.bb-reduce-motion)
  body.bb-news-surface.com-content.view-article
  #sp-component > .sp-column > .article-details,
:is(html.bb-polish-v3.bb281-reduce-motion, html.bb-polish-v3.bb281-low-motion, html.bb-polish-v3.bb-reduce-motion)
  body.bb-news-surface #sp-component
  :is(.bbnh-card, .bbnh-feature, .bbnh-region-grid > article),
:is(html.bb-polish-v3.bb281-reduce-motion, html.bb-polish-v3.bb281-low-motion, html.bb-polish-v3.bb-reduce-motion)
  .bb-app-dialog-brand img,
:is(html.bb-polish-v3.bb281-reduce-motion, html.bb-polish-v3.bb281-low-motion, html.bb-polish-v3.bb-reduce-motion)
  :is(.bb-app-shortcut, .bb-app-action) {
  animation: none !important;
  transition: none !important;
}

:is(html.bb-polish-v3.bb281-reduce-motion, html.bb-polish-v3.bb281-low-motion, html.bb-polish-v3.bb-reduce-motion)
  body.bb-news-surface.com-content.view-category.layout-blog
  #sp-component > .sp-column > .blog > .article-list > .row > [class*="col-"] > .article:hover,
:is(html.bb-polish-v3.bb281-reduce-motion, html.bb-polish-v3.bb281-low-motion, html.bb-polish-v3.bb-reduce-motion)
  body.bb-news-surface.com-content.view-category.layout-blog
  #sp-component > .sp-column > .blog > .article-list > .row > [class*="col-"] > .article:focus-within,
:is(html.bb-polish-v3.bb281-reduce-motion, html.bb-polish-v3.bb281-low-motion, html.bb-polish-v3.bb-reduce-motion)
  body.bb-news-surface #sp-component
  :is(.bbnh-card, .bbnh-feature, .bbnh-region-grid > article):hover,
:is(html.bb-polish-v3.bb281-reduce-motion, html.bb-polish-v3.bb281-low-motion, html.bb-polish-v3.bb-reduce-motion)
  body.bb-news-surface #sp-component
  :is(.bbnh-card, .bbnh-feature, .bbnh-region-grid > article):focus-within,
:is(html.bb-polish-v3.bb281-reduce-motion, html.bb-polish-v3.bb281-low-motion, html.bb-polish-v3.bb-reduce-motion)
  body #sp-trending-searches a:hover,
:is(html.bb-polish-v3.bb281-reduce-motion, html.bb-polish-v3.bb281-low-motion, html.bb-polish-v3.bb-reduce-motion)
  body #sp-trending-searches a:focus-visible,
:is(html.bb-polish-v3.bb281-reduce-motion, html.bb-polish-v3.bb281-low-motion, html.bb-polish-v3.bb-reduce-motion)
  body #sp-main-body .bb-polish-search-cloud a:hover,
:is(html.bb-polish-v3.bb281-reduce-motion, html.bb-polish-v3.bb281-low-motion, html.bb-polish-v3.bb-reduce-motion)
  body #sp-main-body .bb-polish-search-cloud a:focus-visible,
:is(html.bb-polish-v3.bb281-reduce-motion, html.bb-polish-v3.bb281-low-motion, html.bb-polish-v3.bb-reduce-motion)
  body #sp-main-body .bb-polish-location-cloud a:hover,
:is(html.bb-polish-v3.bb281-reduce-motion, html.bb-polish-v3.bb281-low-motion, html.bb-polish-v3.bb-reduce-motion)
  body #sp-main-body .bb-polish-location-cloud a:focus-visible,
:is(html.bb-polish-v3.bb281-reduce-motion, html.bb-polish-v3.bb281-low-motion, html.bb-polish-v3.bb-reduce-motion)
  body #sp-footer ul.menu > li > a:hover,
:is(html.bb-polish-v3.bb281-reduce-motion, html.bb-polish-v3.bb281-low-motion, html.bb-polish-v3.bb-reduce-motion)
  body #sp-footer ul.menu > li > a:focus-visible,
:is(html.bb-polish-v3.bb281-reduce-motion, html.bb-polish-v3.bb281-low-motion, html.bb-polish-v3.bb-reduce-motion)
  body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu li > :is(a, span):hover > .bb-menu-glyph,
:is(html.bb-polish-v3.bb281-reduce-motion, html.bb-polish-v3.bb281-low-motion, html.bb-polish-v3.bb-reduce-motion)
  body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu li > :is(a, span):focus-visible > .bb-menu-glyph,
:is(html.bb-polish-v3.bb281-reduce-motion, html.bb-polish-v3.bb281-low-motion, html.bb-polish-v3.bb-reduce-motion)
  body .offcanvas-menu .offcanvas-inner ul.menu.bb-game-menu li.menu-parent-open > :is(a, span) > .bb-menu-glyph,
:is(html.bb-polish-v3.bb281-reduce-motion, html.bb-polish-v3.bb281-low-motion, html.bb-polish-v3.bb-reduce-motion)
  :is(.bb-app-shortcut, .bb-app-action):hover,
:is(html.bb-polish-v3.bb281-reduce-motion, html.bb-polish-v3.bb281-low-motion, html.bb-polish-v3.bb-reduce-motion)
  :is(.bb-app-shortcut, .bb-app-action):focus-visible {
  transform: none !important;
}

:is(html.bb-polish-v3.bb281-reduce-motion, html.bb-polish-v3.bb281-low-motion, html.bb-polish-v3.bb-reduce-motion)::view-transition-old(root),
:is(html.bb-polish-v3.bb281-reduce-motion, html.bb-polish-v3.bb281-low-motion, html.bb-polish-v3.bb-reduce-motion)::view-transition-new(root) {
  animation: none !important;
}