/* Bigstep Graphite Lime RC6 - final browser-verified overrides. */

/* Homepage section headings share the same left rail as Playground. */
html body.home.bigstep-graphite-lime-theme :where(
  .bsig-head,
  .bstpl-head,
  .rxsc-head,
  .tysc-head,
  .bsrv-head,
  .bsfaq-head,
  .bgs-disco-section-head
) {
  box-sizing: border-box !important;
  position: static !important;
  left: auto !important;
  translate: none !important;
  width: 100% !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: left !important;
  align-items: flex-start !important;
}

/* RC67 — small WooCommerce surface corrections. */
html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface)
  .summary.entry-summary .summary-content form.cart .quantity.quantity {
  display: inline-grid !important;
  grid-template-columns: 44px 48px 44px !important;
  align-items: stretch !important;
  height: 52px !important;
  padding: 0 !important;
  overflow: hidden !important;
}

html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface)
  .summary.entry-summary .summary-content form.cart .quantity.quantity :where(.input-button,input.qty) {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 50px !important;
  min-height: 50px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}

html body.woocommerce-cart.bigstep-woo-redesign.bigstep-graphite-lime-theme
  form.woocommerce-cart-form .cart-actions .cart-actions-custom > a.haru-button:is(:link,:visited,:hover,:focus-visible,:active),
html body.woocommerce-cart.bigstep-woo-redesign.bigstep-graphite-lime-theme
  form.woocommerce-cart-form .cart-actions .cart-actions-custom > a.haru-button:is(:link,:visited,:hover,:focus-visible,:active) * {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

html body.woocommerce-cart.bigstep-woo-redesign.bigstep-graphite-lime-theme
  form.woocommerce-cart-form .cart-actions .cart-actions-custom > a.haru-button:is(:hover,:focus-visible) {
  border-color: #dcff61 !important;
  background: #dcff61 !important;
  box-shadow: 0 7px 18px rgba(200,255,0,.13) !important;
}

html body.woocommerce-checkout.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.woocommerce-order-received)
  form.checkout :where(.select2-container,.select2-container .selection) {
  border-radius: 10px !important;
}

html body.woocommerce-checkout.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.woocommerce-order-received)
  form.checkout .select2-container .select2-selection.select2-selection--single {
  box-sizing: border-box !important;
  overflow: hidden !important;
  border: 1px solid #394244 !important;
  border-radius: 10px !important;
  background-clip: padding-box !important;
}

html body.woocommerce-checkout.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.woocommerce-order-received)
  .select2-container--open.select2-container--below .select2-selection--single {
  border-radius: 10px 10px 0 0 !important;
}

html body.woocommerce-checkout.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.woocommerce-order-received)
  .select2-container--open.select2-container--above .select2-selection--single {
  border-radius: 0 0 10px 10px !important;
}

@media (min-width: 769px) {
  html body.tax-product_cat.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) .shop-filter.shop-filter {
    box-sizing: border-box !important;
    min-height: 76px !important;
    height: auto !important;
    padding: 12px 16px !important;
    align-items: center !important;
  }

  html body.tax-product_cat.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) .shop-filter__catalog.shop-filter__catalog {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 18px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 48px !important;
    margin: 0 !important;
  }

  html body.tax-product_cat.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface)
    .shop-filter__catalog > .woocommerce-products-header__title.page-title {
    display: none !important;
  }

  html body.tax-product_cat.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface)
    .shop-filter__catalog > :where(.woocommerce-result-count,.woocommerce-ordering) {
    flex: 0 0 auto !important;
    height: 48px !important;
    min-height: 48px !important;
    margin: 0 !important;
  }

  html body.tax-product_cat.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) .shop-filter__layout.shop-filter__layout {
    flex: 0 0 auto !important;
    min-height: 48px !important;
    margin: 0 !important;
  }
}

/* RC106 Studio support popover: remove the legacy indigo/violet ambience. */
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme
.bigstep-ai-app.bigstep-ai-app .bigstep-ai-support-contact-menu {
  border-color: rgba(200, 255, 0, .34) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(200, 255, 0, .10), transparent 38%),
    linear-gradient(180deg, rgba(17, 22, 20, .985), rgba(9, 13, 12, .985)) !important;
  color: #f5f7f3 !important;
  box-shadow: 0 22px 58px rgba(0, 0, 0, .46), inset 0 0 0 1px rgba(255, 255, 255, .035) !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme
.bigstep-ai-app.bigstep-ai-app .bigstep-ai-support-contact-menu > strong {
  color: #f5f7f3 !important;
  -webkit-text-fill-color: #f5f7f3 !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme
.bigstep-ai-app.bigstep-ai-app .bigstep-ai-support-contact-menu > small {
  color: #9ca8a1 !important;
  -webkit-text-fill-color: #9ca8a1 !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme
.bigstep-ai-app.bigstep-ai-app .bigstep-ai-support-contact-options a {
  border-color: #30383a !important;
  background: #121819 !important;
  color: #cbd3ce !important;
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme
.bigstep-ai-app.bigstep-ai-app .bigstep-ai-support-contact-options a:is(:hover, :focus-visible) {
  border-color: rgba(200, 255, 0, .52) !important;
  background: #1a2318 !important;
  color: #f5f7f3 !important;
  box-shadow: none !important;
  outline-color: rgba(200, 255, 0, .62) !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme
.bigstep-ai-app.bigstep-ai-app .bigstep-ai-float-button[data-support-contact-toggle],
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme
.bigstep-ai-app.bigstep-ai-app .bigstep-ai-float-button[data-support-contact-toggle][aria-expanded="true"] {
  border: 1px solid rgba(200, 255, 0, .62) !important;
  background: #121817 !important;
  background-image: none !important;
  color: #eef2ed !important;
  box-shadow: 0 10px 26px rgba(0, 0, 0, .34) !important;
}

html[data-theme="light"] body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme
.bigstep-ai-app.bigstep-ai-app .bigstep-ai-support-contact-menu {
  border-color: rgba(111, 152, 0, .38) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(244, 248, 243, .98)) !important;
  color: #111516 !important;
  box-shadow: 0 20px 50px rgba(38, 49, 42, .18), inset 0 0 0 1px rgba(255, 255, 255, .8) !important;
}

/* Final desktop carousel rhythm: keep Instagram on the same 22px visual gap
   as Playground and align its arrows with the description baseline. */
@media (min-width: 769px) {
  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsig-head.bsig-head {
    margin-bottom: 22px !important;
  }
  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsig-frame.bsig-frame {
    padding-top: 0 !important;
  }
  html body.home.home.bigstep-graphite-lime-theme #haru-main#haru-main#haru-main .bsig-controls.bsig-controls {
    top: -66px !important;
  }
}

html body.home.bigstep-graphite-lime-theme :where(
  .bsig-head,
  .bstpl-head,
  .rxsc-head,
  .tysc-head,
  .bsrv-head,
  .bsfaq-head,
  .bgs-disco-section-head
) :where(h2, p) {
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: left !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-steps .bsl-shell > h2 {
  box-sizing: border-box !important;
  position: static !important;
  left: auto !important;
  translate: none !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: left !important;
}

@media (max-width: 767px) {
  html body.home.bigstep-graphite-lime-theme :where(
    .bsig-head,
    .bstpl-head,
    .rxsc-head,
    .tysc-head,
    .bsrv-head,
    .bsfaq-head,
    .bgs-disco-section-head
  ),
  html body.home.bigstep-graphite-lime-theme .bsl-steps .bsl-shell > h2 {
    width: 100% !important;
  }
}

/* Carousels scroll by drag/buttons, never with a visible inner scrollbar. */
html body.home.bigstep-graphite-lime-theme :where(
  .bsg-games-track,
  .bstpl-track,
  .rxsc-track,
  .tysc-track,
  .bsig-track,
  .ti-reviews-container-wrapper
) {
  scrollbar-width: none !important;
}
html body.home.bigstep-graphite-lime-theme :where(
  .bsg-games-track,
  .bstpl-track,
  .rxsc-track,
  .tysc-track,
  .bsig-track,
  .ti-reviews-container-wrapper
)::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* Desktop carousel header: navigation bottoms align with description bottoms. */
@media (min-width: 768px) {
  html body.home.home.bigstep-graphite-lime-theme #haru-main#haru-main#haru-main .bstpl-controls.bstpl-controls,
  html body.home.home.bigstep-graphite-lime-theme #haru-main#haru-main#haru-main .rxsc-controls.rxsc-controls,
  html body.home.home.bigstep-graphite-lime-theme #haru-main#haru-main#haru-main .tysc-controls.tysc-controls,
  html body.home.home.bigstep-graphite-lime-theme #haru-main#haru-main#haru-main .bsig-controls.bsig-controls {
    top: -74px !important;
  }
}

/* Match the compact Playground rhythm: the visible carousel card, not its
   internal frame, sits directly below the section description. */
@media (min-width: 768px) {
  html body.home.bigstep-graphite-lime-theme :is(.bstpl-head,.rxsc-head,.tysc-head,.bsig-head) {
    margin-bottom: 10px !important;
  }
  html body.home.bigstep-graphite-lime-theme :is(.bstpl-frame,.rxsc-frame,.tysc-frame,.bsig-frame) {
    padding-top: 0 !important;
  }
  html body.home.home.bigstep-graphite-lime-theme #haru-main#haru-main#haru-main :is(.bstpl-controls.bstpl-controls,.rxsc-controls.rxsc-controls,.tysc-controls.tysc-controls,.bsig-controls.bsig-controls) {
    top: -54px !important;
  }
  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main#haru-main .bsig-head.bsig-head {
    margin-bottom: 22px !important;
  }
  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main#haru-main .bsig-frame.bsig-frame {
    padding-top: 0 !important;
  }
}

/* Homepage AI showcase labels were removed from the templates. This lock also
   covers stale full-page/minified caches that may still contain the old HTML. */
html body.home.bigstep-graphite-lime-theme .rxsc-head > .rxsc-eyebrow,
html body.home.bigstep-graphite-lime-theme .tysc-head > .tysc-eyebrow {
  display: none !important;
}

/* Home content must not inherit the parent page template/sidebar. */
html body.home.bigstep-graphite-lime-theme .bsl-legacy-home-content {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #080a0b !important;
  color: #f5f6f1 !important;
}

/* RC61 — live Element Pack mini-cart (verified in Chrome, 2026-08-15).
 * The drawer is mounted outside #haru-header, so header-scoped fixes never
 * reached the actual price, checkout label or remove control. */
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor)
  .cart-side-widget .bsai-mini-cart-qty .quantity {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 6px !important;
  width: 100% !important;
  min-width: 0 !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor)
  .cart-side-widget .bsai-mini-cart-qty :is(.amount, bdi, .woocommerce-Price-currencySymbol) {
  position: static !important;
  display: inline !important;
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  margin: 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
  white-space: nowrap !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor)
  .cart-side-widget a.bdt-button-checkout,
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor)
  .cart-side-widget a.bdt-button-checkout .bdt-button-text {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  text-shadow: none !important;
}

/* Compact graphite scrollbar for the side mini-cart. The global site scrollbar
 * is intentionally more visible, but it is too heavy inside this narrow drawer. */
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header
  .cart-side-widget :where(.cart_list_wrap,.widget_shopping_cart_content,.bdt-cart-bar-content,.bdt-mini-cart-products,.woocommerce-mini-cart) {
  scrollbar-width: thin !important;
  scrollbar-color: #46514d transparent !important;
}
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header
  .cart-side-widget :where(.cart_list_wrap,.widget_shopping_cart_content,.bdt-cart-bar-content,.bdt-mini-cart-products,.woocommerce-mini-cart)::-webkit-scrollbar {
  width: 7px !important;
  height: 7px !important;
}
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header
  .cart-side-widget :where(.cart_list_wrap,.widget_shopping_cart_content,.bdt-cart-bar-content,.bdt-mini-cart-products,.woocommerce-mini-cart)::-webkit-scrollbar-track {
  background: transparent !important;
}
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header
  .cart-side-widget :where(.cart_list_wrap,.widget_shopping_cart_content,.bdt-cart-bar-content,.bdt-mini-cart-products,.woocommerce-mini-cart)::-webkit-scrollbar-thumb {
  min-height: 44px !important;
  border: 2px solid transparent !important;
  border-radius: 999px !important;
  background: #46514d !important;
  background-clip: padding-box !important;
  box-shadow: none !important;
}
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header
  .cart-side-widget :where(.cart_list_wrap,.widget_shopping_cart_content,.bdt-cart-bar-content,.bdt-mini-cart-products,.woocommerce-mini-cart)::-webkit-scrollbar-thumb:hover {
  background: #65716c !important;
  background-clip: padding-box !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor)
  .cart-side-widget .bdt-mini-cart-product-remove {
  position: static !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor)
  .cart-side-widget a.bsai-mini-cart-remove {
  top: 12px !important;
  right: 12px !important;
  left: auto !important;
  bottom: auto !important;
  display: grid !important;
  place-items: center !important;
  box-sizing: border-box !important;
  width: 28px !important;
  min-width: 28px !important;
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 !important;
  border: 1px solid #3a4542 !important;
  border-radius: 50% !important;
  background: #151a1b !important;
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  text-align: center !important;
}

/* Cart page primary action text must remain graphite on lime. */
html body.woocommerce-cart.bigstep-woo-redesign.bigstep-graphite-lime-theme #haru-main#haru-main .woocommerce-cart-form .cart-actions .cart-actions-custom :is(a.haru-button,a.button),
html body.woocommerce-cart.bigstep-woo-redesign.bigstep-graphite-lime-theme #haru-main#haru-main .woocommerce-cart-form .cart-actions .cart-actions-custom :is(a.haru-button,a.button) :is(span,strong,svg) {
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* Cart action labels: inherited light text on the lime continue button is
   unreadable on dark WooCommerce pages. Paint every nested label explicitly. */
html body.woocommerce-cart.bigstep-woo-redesign.bigstep-graphite-lime-theme #haru-main#haru-main .woocommerce-cart-form .cart-actions .cart-actions-custom :is(a.haru-button,a.button),
html body.woocommerce-cart.bigstep-woo-redesign.bigstep-graphite-lime-theme #haru-main#haru-main .woocommerce-cart-form .cart-actions .cart-actions-custom :is(a.haru-button,a.button) :is(span,strong,svg) {
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* Final desktop carousel rhythm: override legacy Instagram frame padding. */
@media (min-width: 769px) {
  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsig-head.bsig-head {
    margin-bottom: 22px !important;
  }
  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsig-frame.bsig-frame {
    padding-top: 0 !important;
  }
  html body.home.home.bigstep-graphite-lime-theme #haru-main#haru-main#haru-main .bsig-controls.bsig-controls {
    top: -66px !important;
  }
}

/* 2026-08-15: final root scrollbar lock (must remain after RC cascade locks). */
html:has(> body.bigstep-graphite-lime-theme) {
  scrollbar-width: auto !important;
  scrollbar-color: #66726d #0d1011 !important;
}
html:has(> body.bigstep-graphite-lime-theme)::-webkit-scrollbar {
  width: 11px !important;
  height: 11px !important;
}
html:has(> body.bigstep-graphite-lime-theme)::-webkit-scrollbar-track {
  background: #0d1011 !important;
}
html:has(> body.bigstep-graphite-lime-theme)::-webkit-scrollbar-thumb {
  min-height: 44px;
  border: 3px solid #0d1011 !important;
  border-radius: 999px !important;
  background: #66726d !important;
}
html:has(> body.bigstep-graphite-lime-theme)::-webkit-scrollbar-thumb:hover {
  background: #c8ff00 !important;
}


/* Mobile homepage heading accents — protect the white/lime hierarchy from
   shortcode-specific responsive rules loaded later in the cascade. */
@media (max-width: 767px) {
  html body.home main :is(
    .bps-section-head,
    .bsig-head,
    .bsg-games-head,
    .bstpl-head,
    .bsphoto-home__head,
    .rxsc-head,
    .tysc-head,
    .bsrv-head,
    .bs-home-support-content,
    .bsfaq-head,
    .bgs-disco-section-head
  ) h2 :is(.bsl-section-accent, em) {
    color: #c8ff00 !important;
    -webkit-text-fill-color: #c8ff00 !important;
    background: none !important;
    text-shadow: none !important;
  }
}

/* Homepage section-heading scale: one shared token across every shortcode. */
html body.home.bigstep-graphite-lime-theme #haru-main#haru-main :is(
  .bps-section-head,
  .bsig-head,
  .bsg-games-head,
  .bstpl-head,
  .bsphoto-home__head,
  .rxsc-head,
  .tysc-head,
  .bsrv-head,
  .bs-home-support-content,
  .bsfaq-head,
  .bgs-disco-section-head
) h2 {
  font-size: clamp(34px, 3vw, 44px) !important;
  line-height: 1.06 !important;
  letter-spacing: -0.04em !important;
}

@media (max-width: 767px) {
  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main :is(
    .bps-section-head,
    .bsig-head,
    .bsg-games-head,
    .bstpl-head,
    .bsphoto-home__head,
    .rxsc-head,
    .tysc-head,
    .bsrv-head,
    .bs-home-support-content,
    .bsfaq-head,
    .bgs-disco-section-head
  ) h2 {
    font-size: 32px !important;
    line-height: 1.08 !important;
    letter-spacing: -0.035em !important;
  }
}

/* Homepage section-heading rhythm: white lead copy with one intentional lime phrase. */
html body.home.bigstep-graphite-lime-theme main :is(
  .bps-section-head,.bsig-head,.bsg-games-head,.bstpl-head,.bsphoto-home__head,
  .rxsc-head,.tysc-head,.bsrv-head,.bs-home-support-content,.bsfaq-head,.bgs-disco-section-head
) :is(h2,h3) > em,
html body.home.bigstep-graphite-lime-theme main :is(h2,h3) > .bsl-section-accent {
  color:#c8ff00 !important;
  -webkit-text-fill-color:#c8ff00 !important;
  font:inherit !important;
  font-style:normal !important;
}

/* Product showcase: make the featured label a compact, readable status chip. */
html body.home.bigstep-graphite-lime-theme .bps-featured .bps-panel-head .bps-featured-chip {
  display:inline-grid !important;
  width:max-content !important;
  max-width:min(100%,300px) !important;
  gap:2px !important;
  padding:8px 11px !important;
  border:1px solid rgba(200,255,0,.52) !important;
  border-radius:10px !important;
  background:linear-gradient(135deg,rgba(200,255,0,.12),rgba(200,255,0,.045)),#111715 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 20px rgba(0,0,0,.2) !important;
  overflow:hidden !important;
  background-clip:padding-box !important;
}
html body.home.bigstep-graphite-lime-theme .bps-featured .bps-panel-head .bps-featured-chip strong {
  color:#c8ff00 !important;
  -webkit-text-fill-color:#c8ff00 !important;
  font-size:12px !important;
  line-height:1.25 !important;
}
html body.home.bigstep-graphite-lime-theme .bps-featured .bps-panel-head .bps-featured-chip small {
  margin:0 !important;
  color:#dce3df !important;
  -webkit-text-fill-color:#dce3df !important;
  font-size:9px !important;
  line-height:1.35 !important;
}
@media (max-width:767px) {
  html body.home.bigstep-graphite-lime-theme .bps-featured .bps-panel-head .bps-featured-chip {
    max-width:calc(100% - 4px) !important;
    padding:7px 9px !important;
  }
}

/* RC64 — one mobile header geometry on the homepage and every public page. */
@media (max-width: 1024px) {
  html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header,
  html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header > .haru-header__desktop,
  html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header > .haru-header__desktop > .elementor,
  html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header > .haru-header__desktop > .elementor > .e-con.e-parent {
    box-sizing: border-box !important;
    height: 82px !important;
    min-height: 82px !important;
    max-height: 82px !important;
  }
}

/* RC64 — sleeve/label production workspace: true 4:5, shadow only. */
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app[data-editor-mode="editor"]:is(.is-sleeve-side-active,.is-label-side-active,.is-extra-print-side-active) .bigstep-ai-canvas-wrap {
  aspect-ratio: 4 / 5 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  box-shadow: 0 24px 64px rgba(0,0,0,.42) !important;
  overflow: hidden !important;
}
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app[data-editor-mode="editor"]:is(.is-sleeve-side-active,.is-label-side-active,.is-extra-print-side-active) .bigstep-ai-canvas-wrap::before,
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app[data-editor-mode="editor"]:is(.is-sleeve-side-active,.is-label-side-active,.is-extra-print-side-active) .bigstep-ai-canvas-wrap::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app[data-editor-mode="editor"]:is(.is-sleeve-side-active,.is-label-side-active,.is-extra-print-side-active) .bigstep-ai-canvas-wrap :is(.canvas-container,.lower-canvas,.upper-canvas) {
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* RC65 — label presets are an independent floating dock, never canvas
   content. This keeps all presets visible while the 4:5 canvas stays fitted. */
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app[data-editor-mode="editor"].is-label-side-active .bigstep-ai-editor-canvas-area > .bigstep-ai-label-template-bar {
  position: absolute !important;
  z-index: 40 !important;
  left: 50% !important;
  right: auto !important;
  bottom: 12px !important;
  display: grid !important;
  grid-template-columns: auto repeat(3, minmax(0, auto)) !important;
  align-items: center !important;
  gap: 7px !important;
  width: max-content !important;
  max-width: calc(100% - 24px) !important;
  margin: 0 !important;
  padding: 7px !important;
  overflow: visible !important;
  transform: translateX(-50%) !important;
  border: 1px solid rgba(200,255,0,.34) !important;
  border-radius: 13px !important;
  background: rgba(12,17,15,.96) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.44) !important;
}

@media (max-width: 760px) {
  html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app[data-editor-mode="editor"].is-label-side-active .bigstep-ai-editor-canvas-area > .bigstep-ai-label-template-bar {
    position: fixed !important;
    top: auto !important;
    left: 50% !important;
    right: auto !important;
    bottom: calc(var(--toolbar-m,58px) + env(safe-area-inset-bottom,0px) + 92px) !important;
    z-index: 72 !important;
    grid-template-columns: repeat(3, clamp(72px, 21vw, 84px)) !important;
    width: max-content !important;
    max-width: calc(100vw - 24px) !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    gap: 4px !important;
    padding: 4px !important;
    overflow: hidden !important;
    transform: translateX(-50%) !important;
    outline: 0 !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.42) !important;
  }
  html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app[data-editor-mode="editor"].is-label-side-active .bigstep-ai-editor-canvas-area > .bigstep-ai-label-template-bar > span {
    display: none !important;
  }
  html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app[data-editor-mode="editor"].is-label-side-active .bigstep-ai-editor-canvas-area > .bigstep-ai-label-template-bar > button {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 6px !important;
    overflow: hidden !important;
    font-size: clamp(10px, 3vw, 12px) !important;
    line-height: 1 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app[data-editor-mode="editor"].is-label-side-active:not(.is-canvas-zoomed-in) .bigstep-ai-canvas-wrap {
    width: min(
      var(--bigstep-editor-size,calc(100vw - 20px)),
      calc(100dvw - 20px),
      max(220px,calc((100dvh - var(--topbar-h,56px) - var(--toolbar-m,58px) - 198px) * .8))
    ) !important;
    max-width: calc(100dvw - 20px) !important;
    min-width: 0 !important;
  }
  html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app[data-editor-mode="editor"]:is(.is-sleeve-side-active,.is-label-side-active) .bigstep-ai-canvas-scroll {
    overflow: hidden !important;
  }
}

/* RC66 — mobile checkout is one continuous graphite surface. Keep layout
   gutters for readability, but paint their parent so they never look like
   two black rails cutting into the cards. */
@media (max-width: 767px) {
  html body.woocommerce-checkout.bigstep-woo-redesign.bigstep-graphite-lime-theme,
  html body.woocommerce-checkout.bigstep-woo-redesign.bigstep-graphite-lime-theme #haru-main,
  html body.woocommerce-checkout.bigstep-woo-redesign.bigstep-graphite-lime-theme #haru-content-main,
  html body.woocommerce-checkout.bigstep-woo-redesign.bigstep-graphite-lime-theme #haru-content-main > .elementor,
  html body.woocommerce-checkout.bigstep-woo-redesign.bigstep-graphite-lime-theme #haru-content-main > .elementor > .e-con,
  html body.woocommerce-checkout.bigstep-woo-redesign.bigstep-graphite-lime-theme #haru-content-main .woocommerce {
    background: #0d1112 !important;
    background-color: #0d1112 !important;
    background-image: none !important;
  }

  html body.woocommerce-checkout.bigstep-woo-redesign.bigstep-graphite-lime-theme #haru-content-main .woocommerce {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-right: 14px !important;
    padding-left: 14px !important;
    overflow: visible !important;
  }

  html body.woocommerce-checkout.bigstep-woo-redesign.bigstep-graphite-lime-theme :where(
    form.checkout,
    #customer_details,
    #order_review,
    .woocommerce-billing-fields,
    .woocommerce-shipping-fields,
    .woocommerce-additional-fields
  ) {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  /* Native selects and Select2 need clipping on every nested layer; rounding
     only the visible selection leaves the square container corners exposed. */
  html body.woocommerce-checkout.bigstep-woo-redesign.bigstep-graphite-lime-theme :where(
    .form-row select,
    .select2-container,
    .select2-container .selection,
    .select2-container .select2-selection,
    .select2-container .select2-selection--single
  ) {
    box-sizing: border-box !important;
    max-width: 100% !important;
    border-radius: 14px !important;
    background-clip: padding-box !important;
    overflow: hidden !important;
    clip-path: inset(0 round 14px) !important;
  }

  html body.woocommerce-checkout.bigstep-woo-redesign.bigstep-graphite-lime-theme .select2-container {
    width: 100% !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body.woocommerce-checkout.bigstep-woo-redesign.bigstep-graphite-lime-theme .select2-container .select2-selection--single {
    border: 1px solid #465153 !important;
    background: #171c1d !important;
    box-shadow: none !important;
  }
}

/* Select2's results panel is portalled under body, outside the checkout form. */
html body.woocommerce-checkout.bigstep-woo-redesign.bigstep-graphite-lime-theme .select2-container--open .select2-dropdown {
  overflow: hidden !important;
  border: 1px solid #465153 !important;
  border-radius: 14px !important;
  background: #171c1d !important;
  background-clip: padding-box !important;
  clip-path: inset(0 round 14px) !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.48) !important;
}
html body.woocommerce-checkout.bigstep-woo-redesign.bigstep-graphite-lime-theme .select2-container--open.select2-container--above .select2-dropdown {
  border-bottom-right-radius: 14px !important;
  border-bottom-left-radius: 14px !important;
}
html body.woocommerce-checkout.bigstep-woo-redesign.bigstep-graphite-lime-theme .select2-container--open.select2-container--below .select2-dropdown {
  border-top-left-radius: 14px !important;
  border-top-right-radius: 14px !important;
}

/* RC67 — mobile keeps the open footer treatment; desktop retains the original
   card composition. Never alter Elementor's width/padding/grid here. */
@media (max-width: 768px) {
  html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .elementor-125 .elementor-element.elementor-element-1df698d.elementor-element-1df698d {
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .elementor-125 .elementor-element.elementor-element-1df698d.elementor-element-1df698d::before,
  html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .elementor-125 .elementor-element.elementor-element-1df698d.elementor-element-1df698d::after {
    content: none !important;
    display: none !important;
  }
}

/* Specificity lock: Element Pack and the parent theme both ship important
 * rules for these descendants after their base component declarations. */
html body:not(#bs_mc_a):not(#bs_mc_b):not(#bs_mc_c):not(#bs_mc_d).bigstep-graphite-lime-theme
  .cart-side-widget .bsai-mini-cart-qty .quantity {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
}
html body:not(#bs_mc_a):not(#bs_mc_b):not(#bs_mc_c):not(#bs_mc_d).bigstep-graphite-lime-theme
  .cart-side-widget .bsai-mini-cart-qty :is(.amount,bdi,.woocommerce-Price-currencySymbol) {
  position: static !important;
  display: inline !important;
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
  white-space: nowrap !important;
}
html body:not(#bs_mc_a):not(#bs_mc_b):not(#bs_mc_c):not(#bs_mc_d).bigstep-graphite-lime-theme
  .cart-side-widget a.bdt-button-checkout .bdt-button-text {
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  text-shadow: none !important;
}
html body:not(#bs_mc_a):not(#bs_mc_b):not(#bs_mc_c):not(#bs_mc_d).bigstep-graphite-lime-theme
  .cart-side-widget a.bsai-mini-cart-remove {
  width: 28px !important;
  min-width: 28px !important;
  height: 28px !important;
  min-height: 28px !important;
  line-height: 1 !important;
}

/* Final color lock uses plain selectors for older/minified cascade paths. */
html body:not(#mc1):not(#mc2):not(#mc3):not(#mc4):not(#mc5):not(#mc6):not(#mc7):not(#mc8).bigstep-graphite-lime-theme .cart-side-widget .bsai-mini-cart-qty .amount,
html body:not(#mc1):not(#mc2):not(#mc3):not(#mc4):not(#mc5):not(#mc6):not(#mc7):not(#mc8).bigstep-graphite-lime-theme .cart-side-widget .bsai-mini-cart-qty .amount bdi,
html body:not(#mc1):not(#mc2):not(#mc3):not(#mc4):not(#mc5):not(#mc6):not(#mc7):not(#mc8).bigstep-graphite-lime-theme .cart-side-widget .bsai-mini-cart-qty .woocommerce-Price-currencySymbol {
  display: inline !important;
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
  opacity: 1 !important;
  visibility: visible !important;
}
html body:not(#mc1):not(#mc2):not(#mc3):not(#mc4):not(#mc5):not(#mc6):not(#mc7):not(#mc8).bigstep-graphite-lime-theme .cart-side-widget .bdt-mini-cart-footer-buttons a.bdt-button-checkout span.bdt-button-text {
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  text-shadow: none !important;
}

/* RC62 — keep the custom add-to-cart popup, hide only Woo's legacy page card. */
html body.single-product.bigstep-graphite-lime-theme
  #haru-content-main > .woocommerce-notices-wrapper > .woocommerce-message,
html body.single-product.bigstep-graphite-lime-theme
  #haru-content-main .woocommerce-notices-wrapper > .woocommerce-message {
  display: none !important;
}

/* Element Pack mini-cart action contrast and a geometrically centred remove X. */
html body:not(#mc1):not(#mc2):not(#mc3):not(#mc4):not(#mc5):not(#mc6):not(#mc7):not(#mc8).bigstep-graphite-lime-theme
  .cart-side-widget a.bsai-mini-cart-design {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  text-shadow: none !important;
}
html body:not(#mc1):not(#mc2):not(#mc3):not(#mc4):not(#mc5):not(#mc6):not(#mc7):not(#mc8).bigstep-graphite-lime-theme
  .cart-side-widget a.bsai-mini-cart-remove {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  left: auto !important;
  bottom: auto !important;
  width: 28px !important;
  min-width: 28px !important;
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
}
html body.bigstep-graphite-lime-theme .cart-side-widget a.bsai-mini-cart-remove::before,
html body.bigstep-graphite-lime-theme .cart-side-widget a.bsai-mini-cart-remove::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 12px !important;
  height: 2px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 2px !important;
  background: #f5f6f1 !important;
  transform-origin: center !important;
}
html body.bigstep-graphite-lime-theme .cart-side-widget a.bsai-mini-cart-remove::before {
  transform: translate(-50%,-50%) rotate(45deg) !important;
}
html body.bigstep-graphite-lime-theme .cart-side-widget a.bsai-mini-cart-remove::after {
  transform: translate(-50%,-50%) rotate(-45deg) !important;
}

/* Use a real glyph for the remove control. Some late theme rules suppress
   generated content, which can leave the circular button visibly empty. */
html body.bigstep-graphite-lime-theme .cart-side-widget a.bsai-mini-cart-remove::before,
html body.bigstep-graphite-lime-theme .cart-side-widget a.bsai-mini-cart-remove::after {
  content: none !important;
  display: none !important;
}
html body.bigstep-graphite-lime-theme .cart-side-widget a.bsai-mini-cart-remove > .bsai-mini-cart-remove-icon {
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 22px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  text-align: center !important;
  transform: translateY(-1px) !important;
}

/* The drawer already separates the subtotal through spacing; the inherited
   footer border creates an unwanted line glued to the action buttons. */
html body:not(#_a):not(#_b):not(#_c):not(#_d).bigstep-graphite-lime-theme #haru-header#haru-header .cart-side-widget.cart-side-widget :is(
  .bdt-mini-cart-footer-buttons,
  .woocommerce-mini-cart__buttons,
  p.buttons
) {
  border-top: 0 !important;
  box-shadow: none !important;
}

/* Sleeve/label canvas: remove the gray rounded halo on desktop and mobile. */
html body.bigstep-ai-standalone-editor .bigstep-ai-app[data-editor-mode="editor"].is-extra-print-side-active .bigstep-ai-canvas-wrap,
html body.bigstep-ai-standalone-editor .bigstep-ai-app[data-editor-mode="editor"].is-label-side-active .bigstep-ai-canvas-wrap,
html body.bigstep-ai-standalone-editor .bsai-label-canvas-wrap {
	border: 0 !important;
	border-radius: 0 !important;
	outline: 0 !important;
	box-shadow: 0 24px 64px rgba(0, 0, 0, .42) !important;
}

html body.bigstep-ai-standalone-editor .bigstep-ai-app[data-editor-mode="editor"].is-extra-print-side-active .bigstep-ai-canvas-wrap :is(.canvas-container, .lower-canvas, .upper-canvas),
html body.bigstep-ai-standalone-editor .bigstep-ai-app[data-editor-mode="editor"].is-label-side-active .bigstep-ai-canvas-wrap :is(.canvas-container, .lower-canvas, .upper-canvas),
html body.bigstep-ai-standalone-editor .bsai-label-canvas-wrap :is(.canvas-container, .lower-canvas, .upper-canvas) {
	border: 0 !important;
	border-radius: 0 !important;
	outline: 0 !important;
}

/* Mobile language switcher must remain fully styled even when the homepage
 * does not enqueue Bigstep AI's optional i18n stylesheet (notably lang=vi). */
@media (max-width: 767px) {
	html body.home #haru-header .bigstep-lang-switcher.bigstep-lang-switcher--in-header {
		position: static !important;
		display: flex !important;
		align-items: center !important;
		flex: 0 0 auto !important;
		width: auto !important;
		height: auto !important;
		gap: 2px !important;
		margin: 0 6px 0 0 !important;
		padding: 2px !important;
		border: 1px solid #3b4648 !important;
		border-radius: 999px !important;
		background: #111516 !important;
		box-shadow: none !important;
		visibility: visible !important;
		pointer-events: auto !important;
	}

	html body.home #haru-header .bigstep-lang-switcher.bigstep-lang-switcher--in-header > a {
		display: grid !important;
		place-items: center !important;
		box-sizing: border-box !important;
		flex: 0 0 30px !important;
		width: 30px !important;
		min-width: 30px !important;
		height: 24px !important;
		padding: 0 !important;
		border: 0 !important;
		border-radius: 999px !important;
		background: transparent !important;
		color: #dce2df !important;
		font-family: "Plus Jakarta Sans", sans-serif !important;
		font-size: 11px !important;
		font-weight: 850 !important;
		line-height: 1 !important;
		text-decoration: none !important;
	}

	html body.home #haru-header .bigstep-lang-switcher.bigstep-lang-switcher--in-header > a.is-active {
		background: #c8ff00 !important;
		color: #080a0b !important;
	}
}

/* 2026-08-13 — make editorial category/count badges unmistakable. */
html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme #haru-content-main#haru-content-main .post-meta-info .post-category-wrap a,
html body.blog.bigstep-content-redesign.bigstep-graphite-lime-theme .bs-blog-side .bs-blog-cats em,
html body.archive.bigstep-content-redesign.bigstep-graphite-lime-theme .bs-blog-side .bs-blog-cats em {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 30px !important;
  padding: 5px 12px !important;
  border: 1px solid #d7ff45 !important;
  border-radius: 999px !important;
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
  box-shadow: 0 0 0 3px rgba(200,255,0,.10),0 8px 20px rgba(200,255,0,.16) !important;
  opacity: 1 !important;
}

html body.blog.bigstep-content-redesign.bigstep-graphite-lime-theme .bs-blog-side .bs-blog-cats em,
html body.archive.bigstep-content-redesign.bigstep-graphite-lime-theme .bs-blog-side .bs-blog-cats em {
  min-width: 34px !important;
  padding-right: 9px !important;
  padding-left: 9px !important;
}

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme #haru-content-main#haru-content-main .post-meta-info .post-category-wrap a:is(:hover,:focus-visible),
html body.blog.bigstep-content-redesign.bigstep-graphite-lime-theme .bs-blog-side .bs-blog-cats a:is(:hover,:focus-visible) em,
html body.archive.bigstep-content-redesign.bigstep-graphite-lime-theme .bs-blog-side .bs-blog-cats a:is(:hover,:focus-visible) em {
  border-color: #efffb3 !important;
  background: #d7ff45 !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: 0 0 0 4px rgba(200,255,0,.14),0 10px 24px rgba(200,255,0,.20) !important;
}

/* Keep the editorial category chip legible even when a legacy post template
 * does not carry the redesign body classes. */
html body.single-post .post-meta-info .post-category-wrap > a,
html body.single-post .post-meta-info .post-category-wrap > a :where(span,strong,em) {
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  text-shadow: none !important;
}

/* Final page 23697 lock: remove Elementor/Fal purple and legacy white surfaces. */
html body.page-id-23697.bigstep-graphite-lime-theme,
html body.page-id-23697.bigstep-graphite-lime-theme #haru-main,
html body.page-id-23697.bigstep-graphite-lime-theme #haru-content-main,
html body.page-id-23697.bigstep-graphite-lime-theme .elementor-23697,
html body.page-id-23697.bigstep-graphite-lime-theme .elementor-23697 > .e-con,
html body.page-id-23697.bigstep-graphite-lime-theme .elementor-23697 .elementor-widget-container,
html body.page-id-23697.bigstep-graphite-lime-theme #haru-content-main .background-removal,
html body.page-id-23697.bigstep-graphite-lime-theme #haru-content-main .background-removal-content {
  background: #080a0b !important;
  background-color: #080a0b !important;
  background-image: radial-gradient(circle at 86% 2%,rgba(200,255,0,.055),transparent 25%) !important;
  color: #cbd2ce !important;
  box-shadow: none !important;
}

html body.page-id-23697.bigstep-graphite-lime-theme #haru-content-main .background-removal {
  max-width: 1320px !important;
  margin: 0 auto !important;
}

html body.page-id-23697.bigstep-graphite-lime-theme #haru-content-main :is(
  .bs-bgrem-pane,.bs-bgrem-drop,.bs-bgrem-quota,.bs-bgrem-history,
  .bs-bgrem-history-item,.bs-fal-cta,.bs-fal-cta-feats li,.bs-bgrem-guide li
) {
  border-color: #30383a !important;
  background: #111516 !important;
  background-color: #111516 !important;
  background-image: none !important;
  color: #cbd2ce !important;
  box-shadow: none !important;
}

html body.page-id-23697.bigstep-graphite-lime-theme #haru-content-main :is(
  .bs-bgrem-pane-label,.bs-bgrem-pick,.bs-bgrem-quota-icon,
  .bs-bgrem-guide strong,.bs-fal-cta-eyebrow
) {
  border-color: rgba(200,255,0,.45) !important;
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
  background-image: none !important;
  text-shadow: none !important;
}

html body.page-id-23697.bigstep-graphite-lime-theme #haru-content-main .bs-bgrem-guide li > strong::before,
html body.page-id-23697.bigstep-graphite-lime-theme #haru-content-main .background-removal-guide .guide-steps li::before {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 26px !important;
  min-height: 26px !important;
  margin-right: 7px !important;
  border: 1px solid #d7ff45 !important;
  border-radius: 999px !important;
  background: #c8ff00 !important;
  background-color: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  box-shadow: 0 0 0 3px rgba(200,255,0,.10) !important;
}

html body.page-id-23697.bigstep-graphite-lime-theme #haru-content-main :is(
  .bs-bgrem-btn--primary,.bs-bgrem-btn--editor,.bs-fal-btn--primary
) {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-color: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: 0 10px 24px rgba(200,255,0,.14) !important;
}

html body.page-id-23697.bigstep-graphite-lime-theme #haru-content-main :is(
  .bs-bgrem-btn--ghost,.bs-bgrem-btn--secondary,.bs-fal-btn--ghost
) {
  border-color: #3b4648 !important;
  background: #171c1d !important;
  background-image: none !important;
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
  box-shadow: none !important;
}

@media (max-width: 767px) {
  html body.page-id-23697.bigstep-graphite-lime-theme #haru-content-main .background-removal {
    padding: 18px 12px 28px !important;
  }
}

/* Studio graphite-lime final lock: legacy plugin rules below some mobile
 * breakpoints used indigo borders/glows for drawing, erasing and image edit. */
body .bigstep-ai-drawing-notice,
body .bigstep-ai-app[data-editor-mode="editor"] .bigstep-ai-image-erase-popup {
  border-color: rgba(200,255,0,.42) !important;
  background: linear-gradient(180deg, rgba(17,23,22,.98), rgba(9,14,13,.98)) !important;
  color: #f4f7f2 !important;
  box-shadow: 0 18px 48px rgba(0,0,0,.52), inset 0 0 0 1px rgba(200,255,0,.04) !important;
}
body .bigstep-ai-drawing-notice__icon { background: rgba(200,255,0,.12) !important; color: #c8ff00 !important; }
body .bigstep-ai-drawing-notice__color span { box-shadow: 0 0 0 2px rgba(200,255,0,.22) !important; }
body .bigstep-ai-drawing-notice__width input,
body .bigstep-ai-image-erase-popup__range input { accent-color: #c8ff00 !important; }
body .bigstep-ai-drawing-notice__brush,
body .bigstep-ai-drawing-notice__clear {
  border-color: #36413e !important;
  background: #171d1c !important;
  color: #e7ede9 !important;
  box-shadow: none !important;
}
body .bigstep-ai-drawing-notice__exit,
body .bigstep-ai-image-erase-popup__exit,
body .bigstep-ai-image-erase-popup__exit:hover {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  color: #080a0b !important;
  box-shadow: 0 8px 22px rgba(200,255,0,.16) !important;
}
@media (max-width: 980px) {
  body .bigstep-ai-app[data-editor-mode="editor"] [data-image-bar]:not([hidden]) [data-image-edit-view].is-active {
    border-color: #c8ff00 !important;
    background: linear-gradient(135deg, rgba(200,255,0,.14), rgba(200,255,0,.07)), #151b19 !important;
    color: #eaffaa !important;
    box-shadow: inset 0 0 0 1px rgba(200,255,0,.16), 0 12px 26px rgba(0,0,0,.30) !important;
  }
  body .bigstep-ai-app[data-editor-mode="editor"] [data-image-bar]:not([hidden]) [data-image-edit-view].is-active svg {
    background: rgba(200,255,0,.10) !important;
    color: #c8ff00 !important;
    box-shadow: none !important;
  }
  body .bigstep-ai-app[data-editor-mode="editor"] [data-image-bar]:not([hidden]),
  body .bigstep-ai-app[data-editor-mode="editor"] [data-image-bar]:not([hidden])::before,
  body .bigstep-ai-app[data-editor-mode="editor"] [data-image-bar]:not([hidden])::after {
    border-color: #303a37 !important;
    box-shadow: 0 -16px 34px rgba(0,0,0,.48) !important;
  }
}

/* RC108 Product showcase: align the featured card with the carousel cards. */
@media (min-width: 768px) {
  html body.home.bigstep-graphite-lime-theme
  .bps-layout .bps-featured {
    padding-top: 16px !important;
    box-sizing: border-box !important;
  }
}

@media (min-width: 768px) and (max-width: 1100px) {
  html body.home.bigstep-graphite-lime-theme
  .bps-layout .bps-featured {
    padding-top: 40px !important;
  }
}

/* Keep the shared Elementor header geometrically identical to the homepage.
 * Some full-width page templates collapse the header template's root
 * container to 77.19px, while the homepage correctly renders it at 82px. */
@media (min-width: 1025px) {
  html body.bigstep-graphite-lime-theme #haru-header.haru-header--desktop {
    box-sizing: border-box !important;
    height: 84px !important;
    min-height: 84px !important;
  }

  html body.bigstep-graphite-lime-theme #haru-header.haru-header--desktop > .haru-header__desktop {
    box-sizing: border-box !important;
    height: 83px !important;
    min-height: 83px !important;
  }

  html body.bigstep-graphite-lime-theme #haru-header.haru-header--desktop > .haru-header__desktop > .elementor,
  html body.bigstep-graphite-lime-theme #haru-header.haru-header--desktop > .haru-header__desktop > .elementor > .e-con.e-parent {
    box-sizing: border-box !important;
    height: 82px !important;
    min-height: 82px !important;
  }
}

/* Homepage Photobooth CTA: neutralize the legacy violet animated hover. */
html body.home.bigstep-graphite-lime-theme .bsphoto-home__primary,
html body.home.bigstep-graphite-lime-theme .bsphoto-home__primary:hover,
html body.home.bigstep-graphite-lime-theme .bsphoto-home__primary:focus,
html body.home.bigstep-graphite-lime-theme .bsphoto-home__primary:focus-visible,
html body.home.bigstep-graphite-lime-theme .bsphoto-home__primary:active {
	border-color: #c8ff00 !important;
	background: #c8ff00 !important;
	background-image: none !important;
	color: #080a0b !important;
	filter: none !important;
	box-shadow: 0 10px 24px rgba(200, 255, 0, .16) !important;
	animation: none !important;
}

html body.home.bigstep-graphite-lime-theme .bsphoto-home__primary:hover {
	background: #dcff61 !important;
	border-color: #dcff61 !important;
	box-shadow: 0 14px 30px rgba(200, 255, 0, .22) !important;
	transform: translateY(-2px) !important;
}

html body.home.bigstep-graphite-lime-theme .bsphoto-home__primary::before {
	display: none !important;
	background: none !important;
	animation: none !important;
}

html body.home.bigstep-graphite-lime-theme .bsphoto-home__primary > b {
	background: rgba(8, 10, 11, .12) !important;
	color: #080a0b !important;
	animation: none !important;
}

/* Header brand. */
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .haru-logo a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 11px !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .haru-logo a::before {
  content: "" !important;
  display: block !important;
  flex: 0 0 31px !important;
  width: 31px !important;
  height: 23px !important;
  margin: 0 !important;
  background: #c8ff00 !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 24'%3E%3Cpath d='M0 3h7l9 9-9 9H0l9-9L0 3Zm16 0h7l9 9-9 9h-7l9-9-9-9Z'/%3E%3C/svg%3E") center/contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 24'%3E%3Cpath d='M0 3h7l9 9-9 9H0l9-9L0 3Zm16 0h7l9 9-9 9h-7l9-9-9-9Z'/%3E%3C/svg%3E") center/contain no-repeat !important;
  color: transparent !important;
  font: 0/0 a !important;
  transform: none !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .haru-logo__default {
  display: block !important;
  width: 142px !important;
  max-width: 142px !important;
  height: 40px !important;
  object-fit: contain !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .haru-logo img:not(.haru-logo__default) {
  display: none !important;
}

/* Header menus, including nested level 3. */
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header :where(.sub-menu,.haru-nav-menu--subdown) {
  border: 1px solid #30383a !important;
  border-radius: 14px !important;
  background: #101415 !important;
  background-image: none !important;
  color: #cbd2ce !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.52) !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header :where(.sub-menu,.haru-nav-menu--subdown)::before {
  background: #101415 !important;
  background-image: none !important;
  border-color: #30383a !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header :where(.sub-menu,.haru-nav-menu--subdown) a {
  border-radius: 8px !important;
  background: transparent !important;
  color: #cbd2ce !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header :where(.sub-menu,.haru-nav-menu--subdown) a:hover,
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header :where(.sub-menu,.haru-nav-menu--subdown) .current-menu-item > a {
  background: rgba(200,255,0,.09) !important;
  color: #c8ff00 !important;
}

/* Mini-cart icon and drawer. */
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .haru-cart-icon {
  position: relative !important;
  display: grid !important;
  width: 38px !important;
  height: 38px !important;
  place-items: center !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .haru-cart-icon::before {
  content: "" !important;
  display: block !important;
  width: 20px !important;
  height: 22px !important;
  background: #f5f6f1 !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 26'%3E%3Cpath d='M6 7V6a6 6 0 0 1 12 0v1h4l2 19H0L2 7h4Zm2 0h8V6a4 4 0 0 0-8 0v1Zm-4 2L2.4 24h19.2L20 9H4Z'/%3E%3C/svg%3E") center/contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 26'%3E%3Cpath d='M6 7V6a6 6 0 0 1 12 0v1h4l2 19H0L2 7h4Zm2 0h8V6a4 4 0 0 0-8 0v1Zm-4 2L2.4 24h19.2L20 9H4Z'/%3E%3C/svg%3E") center/contain no-repeat !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .haru-cart-number {
  position: absolute !important;
  top: -5px !important;
  right: -6px !important;
  display: grid !important;
  min-width: 17px !important;
  height: 17px !important;
  place-items: center !important;
  padding: 0 4px !important;
  border: 2px solid #080a0b !important;
  border-radius: 999px !important;
  background: #c8ff00 !important;
  color: #080a0b !important;
  font: 800 10px/1 var(--bs-font) !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .haru-cart-number span {
  display: none !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header :where(.cart-side-widget,.widget_shopping_cart_content,.wc-empty-mini-cart) {
  border-color: #30383a !important;
  background: #0d1011 !important;
  background-image: none !important;
  color: #f5f6f1 !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .cart-side-header {
  border-color: #30383a !important;
  background: #101415 !important;
  color: #f5f6f1 !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .wc-empty-mini-cart svg {
  fill: #68716d !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .wc-empty-mini-cart :where(.wc-empty-message,p) {
  color: #dce1de !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .wc-empty-mini-cart .bdt-button {
  border: 1px solid #c8ff00 !important;
  background: #c8ff00 !important;
  color: #080a0b !important;
  box-shadow: none !important;
}

/* WooCommerce roots and breadcrumbs. */
html body.bigstep-woo-redesign:not(.bigstep-plugin-surface),
html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where(#haru-content-main,#primary,#main,.site,.site-content,.content-area,.site-main,.page-content,.entry-content,.haru-archive-product,.haru-single-product) {
  background: #080a0b !important;
  background-image: none !important;
  color: #f5f6f1 !important;
}

html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-page-title {
  margin-bottom: 0 !important;
  border-color: #30383a !important;
  background: #080a0b !important;
}

html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-page-title__content {
  padding: 28px 24px !important;
  background: radial-gradient(circle at 86% 0, rgba(200,255,0,.10), transparent 28%), #080a0b !important;
}

html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where(.haru-breadcrumb,.woocommerce-breadcrumb,.breadcrumbs,.breadcrumb) {
  display: flex !important;
  width: min(100% - 48px, 1230px) !important;
  min-height: 50px !important;
  align-items: center !important;
  gap: 12px !important;
  margin-inline: auto !important;
  padding: 9px 14px !important;
  border: 1px solid #30383a !important;
  border-radius: 999px !important;
  background: #101415 !important;
  background-image: none !important;
  color: #a4ada8 !important;
  box-shadow: none !important;
}

html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where(.haru-breadcrumb,.woocommerce-breadcrumb,.breadcrumbs,.breadcrumb) :where(a,.current) {
  color: #cbd2ce !important;
}

html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where(.haru-breadcrumb,.woocommerce-breadcrumb,.breadcrumbs,.breadcrumb) .current:last-child {
  border-color: rgba(200,255,0,.42) !important;
  background: rgba(200,255,0,.09) !important;
  color: #c8ff00 !important;
}

/* Product archives: full width, no forced widget sidebar. */
html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-archive-product {
  padding: 38px 0 72px !important;
}

html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-archive-product > .h-row {
  width: min(100% - 48px, 1400px) !important;
  max-width: 1400px !important;
  margin-inline: auto !important;
}

html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-archive-product :where(.archive-sidebar.left-sidebar,.archive-sidebar.right-sidebar) {
  display: none !important;
}

html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-archive-product .archive-content {
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
}

html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-archive-product .archive-product {
  width: 100% !important;
  min-width: 0 !important;
}

html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where(.shop-filter,.filters-area,.haru-active-filters) {
  border: 1px solid #30383a !important;
  border-radius: 14px !important;
  background: #101415 !important;
  background-image: none !important;
  color: #dce1de !important;
  box-shadow: none !important;
}

html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .shop-filter :where(.woocommerce-result-count,.shop-filter__label,label,p,span) {
  color: #9fa8a3 !important;
}

html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where(.woocommerce-ordering select,select.orderby) {
  border-color: #394244 !important;
  background: #171c1d !important;
  color: #f5f6f1 !important;
}

html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .shop-filter__layout :where(.shop-filter__grid,.shop-filter__list) {
  border-color: #394244 !important;
  background-color: #171c1d !important;
  color: #aeb6b2 !important;
}

html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .shop-filter__layout :where(.shop-filter__grid,.shop-filter__list).active {
  border-color: #c8ff00 !important;
  background-color: rgba(200,255,0,.10) !important;
  color: #c8ff00 !important;
}

html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where(ul.products li.product,.products .product-item,.archive-product.products > .product-item) {
  border: 1px solid #30383a !important;
  border-radius: 16px !important;
  background: #111516 !important;
  background-image: none !important;
  color: #f5f6f1 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where(ul.products li.product,.products .product-item,.archive-product.products > .product-item):hover {
  border-color: rgba(200,255,0,.58) !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.34) !important;
}

html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .products .product-item :where(.product-wrap,.product-info) {
  background: #111516 !important;
  background-image: none !important;
  color: #f5f6f1 !important;
}

html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .products .product-item :where(.product-thumb,.product-image,.product-thumbnail) {
  background: #f4f5ef !important;
}

html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .products .product-item .product-info :where(.woocommerce-loop-product__title,.product-title,h2,h3,a,.price,.price .amount,.price bdi,.price ins) {
  color: #f5f6f1 !important;
}

html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where(.bigstep-archive-chip,.bigstep-archive-warehouse summary) {
  border-color: #394244 !important;
  background: #171c1d !important;
  color: #cbd2ce !important;
}

html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where(.bigstep-archive-chip--tech strong,.bigstep-archive-warehouse summary strong) {
  color: #c8ff00 !important;
}

html body.post-type-archive-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-info {
  justify-content: center !important;
  min-height: 130px !important;
  padding: 28px !important;
  border: 1px solid #30383a !important;
  border-radius: 16px !important;
  background: #111516 !important;
  color: #cbd2ce !important;
}

/* Product single. */
html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-single-product {
  padding: 38px 0 76px !important;
}

html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-single-product > .h-row {
  width: min(100% - 48px, 1400px) !important;
  max-width: 1400px !important;
  margin-inline: auto !important;
}

html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) div.product .woocommerce-product-gallery {
  border: 1px solid #30383a !important;
  border-radius: 18px !important;
  background: #f4f5ef !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) div.product :where(.summary,.summary-content),
html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .single-product-summary .summary-content {
  border: 1px solid #30383a !important;
  border-radius: 18px !important;
  background: #111516 !important;
  background-image: none !important;
  color: #f5f6f1 !important;
  box-shadow: none !important;
}

html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) div.product :where(.product_title,.summary h1,.summary h2,.summary h3,.summary label,.summary strong,.summary a) {
  color: #f5f6f1 !important;
}

html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .summary .woocommerce-product-details__short-description,
html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .summary .woocommerce-product-details__short-description :where(p,li,strong,a) {
  border-color: #30383a !important;
  background: transparent !important;
  color: #aeb6b2 !important;
}

html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where(.bigstep-product-options,.bigstep-product-options__section,.bigstep-product-trust,.bs-v19-wrap,.bs-v19-field,.bs-v19-group,.bigstep-size-advice__panel) {
  border-color: #30383a !important;
  background: #0d1011 !important;
  background-image: none !important;
  color: #f5f6f1 !important;
}

html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-options :where(strong,p,span,label,button) {
  color: #dce1de !important;
}

html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-options :where(.bigstep-product-options__segment,.bigstep-product-options__chip,.bigstep-product-options__color,.bigstep-product-options__method,.bigstep-product-options__clear) {
  border-color: #394244 !important;
  background: #171c1d !important;
  background-image: none !important;
  color: #dce1de !important;
  box-shadow: none !important;
}

html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-options :where(.bigstep-product-options__segment,.bigstep-product-options__chip,.bigstep-product-options__color,.bigstep-product-options__method).is-active {
  border-color: #c8ff00 !important;
  background: rgba(200,255,0,.10) !important;
  color: #c8ff00 !important;
  box-shadow: inset 0 0 0 1px rgba(200,255,0,.18) !important;
}

html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-options :where(.bigstep-product-options__segment,.bigstep-product-options__chip,.bigstep-product-options__color,.bigstep-product-options__method).is-active :where(span,strong) {
  color: #c8ff00 !important;
}

html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-options :where(.bsp-breakdown,.bsp-price-relocated .bsp-breakdown) {
  border-color: #394244 !important;
  background: #111516 !important;
  background-image: none !important;
  color: #dce1de !important;
}

html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-options :where(.bsp-row,.bsp-row strong,.bsp-quote-title) {
  border-color: #30383a !important;
  background: transparent !important;
  color: #dce1de !important;
}

html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-size-advice :where(table,tbody,tr,td) {
  border-color: #30383a !important;
  background: #111516 !important;
  color: #dce1de !important;
}

html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-size-advice th {
  border-color: #394244 !important;
  background: #080a0b !important;
  color: #f5f6f1 !important;
}

html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bs-wh-chip {
  border-color: rgba(200,255,0,.48) !important;
  background: rgba(200,255,0,.10) !important;
  color: #c8ff00 !important;
}

html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .single_add_to_cart_button.single_add_to_cart_button {
  min-height: 54px !important;
  border: 1px solid #c8ff00 !important;
  border-radius: 11px !important;
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  box-shadow: none !important;
}

html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .single_add_to_cart_button.single_add_to_cart_button:hover {
  border-color: #f5f6f1 !important;
  background: #f5f6f1 !important;
  color: #080a0b !important;
}

html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where(.woocommerce-tabs,.related,.up-sells,.bigstep-product-description-card) {
  border-color: #30383a !important;
  background: #0d1011 !important;
  color: #f5f6f1 !important;
}

/* Cart and checkout. */
html body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface),
html body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface),
html body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where(#haru-content-main,#main,#primary,.site-content,.page-content,.entry-content),
html body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where(#haru-content-main,#main,#primary,.site-content,.page-content,.entry-content) {
  background: #080a0b !important;
  background-image: none !important;
  color: #f5f6f1 !important;
}

html body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where(.woocommerce-cart-form,.cart-collaterals,.cart_totals),
html body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where(form.checkout,#customer_details,#order_review,.woocommerce-checkout-order,.woocommerce-checkout-review-order-wrap) {
  border-color: #30383a !important;
  background: #111516 !important;
  background-image: none !important;
  color: #f5f6f1 !important;
}

html body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where(table.shop_table,table.shop_table tr,table.shop_table th,table.shop_table td),
html body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review :where(table,.shop_table,thead,tbody,tfoot,tr,th,td) {
  border-color: #30383a !important;
  background: #111516 !important;
  color: #dce1de !important;
}

/* Footer. */
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer {
  border-top: 1px solid #30383a !important;
  background: #080a0b !important;
  background-image: radial-gradient(circle at 88% 12%, rgba(200,255,0,.08), transparent 28%) !important;
  color: #aeb6b2 !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer::before {
  content: none !important;
  display: none !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .elementor-125 > .e-con {
  width: min(100% - 48px, 1400px) !important;
  max-width: 1400px !important;
  margin-inline: auto !important;
  border-color: #30383a !important;
  background: transparent !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .haru-logo-footer {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .haru-logo-footer::before {
  content: "" !important;
  display: block !important;
  flex: 0 0 28px !important;
  width: 28px !important;
  height: 21px !important;
  background: #c8ff00 !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 24'%3E%3Cpath d='M0 3h7l9 9-9 9H0l9-9L0 3Zm16 0h7l9 9-9 9h-7l9-9-9-9Z'/%3E%3C/svg%3E") center/contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 24'%3E%3Cpath d='M0 3h7l9 9-9 9H0l9-9L0 3Zm16 0h7l9 9-9 9h-7l9-9-9-9Z'/%3E%3C/svg%3E") center/contain no-repeat !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .haru-logo-footer__default {
  content: url("/wp-content/uploads/2022/08/Logoz-safe-20260713.png") !important;
  width: 132px !important;
  height: auto !important;
  object-fit: contain !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer :where(.haru-heading-title,h2,h3,h4,strong) {
  color: #f5f6f1 !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer :where(p,li,a,span) {
  color: #aeb6b2 !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer a:hover {
  color: #c8ff00 !important;
}

/* Studio brand. */
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-brand-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-brand-link::before {
  content: "" !important;
  display: block !important;
  width: 25px !important;
  height: 19px !important;
  background: #c8ff00 !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 24'%3E%3Cpath d='M0 3h7l9 9-9 9H0l9-9L0 3Zm16 0h7l9 9-9 9h-7l9-9-9-9Z'/%3E%3C/svg%3E") center/contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 24'%3E%3Cpath d='M0 3h7l9 9-9 9H0l9-9L0 3Zm16 0h7l9 9-9 9h-7l9-9-9-9Z'/%3E%3C/svg%3E") center/contain no-repeat !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-brand-logo {
  content: url("/wp-content/uploads/2022/08/Logoz-safe-20260713.png") !important;
  width: 112px !important;
  height: 31px !important;
  object-fit: contain !important;
}

/* Studio 3D preview. */
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme :where(.bsai3d-card,.bsai3d-head,.bsai3d-foot) {
  border-color: #30383a !important;
  background: #0d1011 !important;
  background-image: none !important;
  color: #f5f6f1 !important;
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bsai3d-card {
  box-shadow: 0 28px 80px rgba(0,0,0,.62) !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bsai3d-loading {
  background: radial-gradient(circle at 50% 34%, #56605b 0%, #303735 35%, #181d1e 66%, #080a0b 100%) !important;
  background-image: radial-gradient(circle at 50% 34%, #56605b 0%, #303735 35%, #181d1e 66%, #080a0b 100%) !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme :where(.bsai3d-btn,.bsai3d-toolbtn,.bsai3d-motion-btn,.bsai3d-close,.bsai3d-hint) {
  border-color: #394244 !important;
  background: #171c1d !important;
  background-image: none !important;
  color: #dce1de !important;
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme :where(.bsai3d-btn,.bsai3d-toolbtn,.bsai3d-motion-btn).is-active,
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme :where(.bsai3d-btn,.bsai3d-toolbtn,.bsai3d-motion-btn):hover {
  border-color: #c8ff00 !important;
  background: rgba(200,255,0,.09) !important;
  color: #c8ff00 !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme :where(.bsai3d-console-tag,.bsai3d-watermark,.bsai3d-prompt) {
  color: #c8ff00 !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme :where(.bsai3d-trigger,.bigstep-ai-quick-color-trigger) {
  border-color: #c8ff00 !important;
  background: #171c1d !important;
  background-image: none !important;
  color: #f5f6f1 !important;
}

/* Studio product panel and quote. */
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-size-guide-open,
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-swatch--method-card {
  border-color: #394244 !important;
  background: #171c1d !important;
  background-image: none !important;
  color: #dce1de !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-swatch--method-card.is-active {
  border-color: #c8ff00 !important;
  background: rgba(200,255,0,.09) !important;
  color: #c8ff00 !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-swatch-method-icon {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-swatch-method-icon :where(svg,path) {
  color: #080a0b !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme :where(.bigstep-ai-breakdown-card,.bigstep-ai-breakdown-head,.bigstep-ai-breakdown-summary,.bigstep-ai-breakdown-summary .is-total) {
  border-color: #30383a !important;
  background: #111516 !important;
  background-image: none !important;
  color: #dce1de !important;
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-breakdown-card :where(h3,h4,strong,.amount) {
  color: #c8ff00 !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-breakdown-note {
  border-color: rgba(200,255,0,.30) !important;
  background: rgba(200,255,0,.07) !important;
  color: #cbd2ce !important;
}

@media (max-width: 767px) {
  html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where(.haru-breadcrumb,.woocommerce-breadcrumb,.breadcrumbs,.breadcrumb) {
    width: calc(100% - 28px) !important;
    border-radius: 14px !important;
    overflow-x: auto !important;
  }

  html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-archive-product > .h-row,
  html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-single-product > .h-row,
  html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .elementor-125 > .e-con {
    width: calc(100% - 28px) !important;
  }
}

/* Product archive metadata follows the compact two-line tag system. */
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .products .product-item .bigstep-archive-specs {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 6px !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
}
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .products .product-item .bigstep-archive-chip,
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .products .product-item .bigstep-archive-warehouse,
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .products .product-item .bigstep-archive-warehouse summary {
  width: max-content !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 27px !important;
  border-radius: 7px !important;
  box-sizing: border-box !important;
}
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .products .product-item .bigstep-archive-chip,
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .products .product-item .bigstep-archive-warehouse summary {
  justify-content: flex-start !important;
  gap: 4px !important;
  padding: 5px 8px !important;
  overflow: visible !important;
  border: 1px solid #3b4647 !important;
  background: #171c1d !important;
  color: #b9c1bd !important;
}
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .products .product-item .bigstep-archive-chip small,
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .products .product-item .bigstep-archive-warehouse small {
  display: none !important;
}
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .products .product-item .bigstep-archive-chip::before {
  content: "Hỗ trợ công nghệ in" !important;
  color: #a9b2ae !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .products .product-item .bigstep-archive-warehouse summary::before {
  content: "◆ Kho" !important;
  color: #a9b2ae !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .products .product-item .bigstep-archive-chip strong,
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .products .product-item .bigstep-archive-warehouse strong {
  overflow: visible !important;
  color: #f0f3ef !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .products .product-item .bigstep-archive-warehouse summary::after {
  display: none !important;
  content: none !important;
}

/* 2026-08-13 — graphite/lime DNA breadcrumb: technical, compact, restrained. */
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .haru-page-title {
  min-height: 54px !important;
  padding: 7px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(200,255,0,.16) !important;
  background: #0b0e0f !important;
  background-image: none !important;
  box-shadow: none !important;
}
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .haru-page-title__content,
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .haru-page-title__breadcrumbs {
  min-height: 40px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .haru-breadcrumb {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: auto !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 0 13px !important;
  border: 1px solid #30383a !important;
  border-radius: 10px !important;
  background: #111516 !important;
  box-shadow: none !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
}
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .haru-breadcrumb > a,
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .haru-breadcrumb > span,
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .haru-breadcrumb span.current {
  display: inline !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #8f9996 !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
}
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .haru-breadcrumb span.current:last-child {
  color: #f2f5ef !important;
  font-weight: 700 !important;
}
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .haru-breadcrumb .delimiter {
  display: inline-block !important;
  flex: 0 0 auto !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  background: transparent !important;
  color: #c8ff00 !important;
}
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .haru-breadcrumb .delimiter::before {
  content: "›" !important;
  display: inline !important;
  color: #c8ff00 !important;
  font: 700 15px/1 sans-serif !important;
  opacity: .72 !important;
}

/* RC35 final commerce cascade lock. Several legacy responsive rules use
 * nested media blocks and IDs, so the public checkout surfaces need the same
 * root IDs to stay graphite after WooCommerce refreshes their fragments. */
html body.woocommerce-cart.bigstep-woo-redesign.bigstep-graphite-lime-theme.bigstep-graphite-lime-theme,
html body.woocommerce-checkout.bigstep-woo-redesign.bigstep-graphite-lime-theme.bigstep-graphite-lime-theme {
  background: #080a0b !important;
  background-color: #080a0b !important;
  color: #cbd2ce !important;
}

html body.woocommerce-cart.bigstep-woo-redesign.bigstep-graphite-lime-theme #haru-main#haru-main #haru-content-main#haru-content-main .woocommerce > .woocommerce-cart-form.woocommerce-cart-form,
html body.woocommerce-cart.bigstep-woo-redesign.bigstep-graphite-lime-theme #haru-main#haru-main #haru-content-main#haru-content-main .woocommerce .cart-collaterals.cart-collaterals,
html body.woocommerce-cart.bigstep-woo-redesign.bigstep-graphite-lime-theme #haru-main#haru-main #haru-content-main#haru-content-main .woocommerce .cart_totals.cart_totals,
html body.woocommerce-cart.bigstep-woo-redesign.bigstep-graphite-lime-theme #haru-main#haru-main #haru-content-main#haru-content-main .woocommerce :where(.cart-totals,.cart-totals-wrap,.cart-totals-inner) {
  border-color: #30383a !important;
  background: #0d1011 !important;
  background-color: #0d1011 !important;
  background-image: none !important;
  color: #cbd2ce !important;
  box-shadow: none !important;
}

html body.woocommerce-cart.bigstep-woo-redesign.bigstep-graphite-lime-theme #haru-main#haru-main #haru-content-main#haru-content-main .woocommerce table.shop_table.shop_table :where(thead,tbody,tfoot,tr,th,td) {
  border-color: #30383a !important;
  background: transparent !important;
  background-color: transparent !important;
  color: #cbd2ce !important;
}

html body.woocommerce-cart.bigstep-woo-redesign.bigstep-graphite-lime-theme #haru-main#haru-main #haru-content-main#haru-content-main .woocommerce .quantity.quantity,
html body.woocommerce-cart.bigstep-woo-redesign.bigstep-graphite-lime-theme #haru-main#haru-main #haru-content-main#haru-content-main .woocommerce .quantity.quantity input.qty {
  border-color: #394244 !important;
  background: #171c1d !important;
  background-color: #171c1d !important;
  color: #f5f6f1 !important;
}

html body.woocommerce-checkout.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.woocommerce-order-received) #haru-main#haru-main #haru-content-main#haru-content-main .woocommerce form.checkout.woocommerce-checkout,
html body.woocommerce-checkout.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.woocommerce-order-received) #haru-main#haru-main #haru-content-main#haru-content-main .woocommerce form.checkout #customer_details#customer_details,
html body.woocommerce-checkout.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.woocommerce-order-received) #haru-main#haru-main #haru-content-main#haru-content-main .woocommerce form.checkout #order_review#order_review,
html body.woocommerce-checkout.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.woocommerce-order-received) #haru-main#haru-main #haru-content-main#haru-content-main .woocommerce form.checkout :where(.woocommerce-checkout-order,.woocommerce-billing-fields,.woocommerce-shipping-fields,.woocommerce-additional-fields) {
  border-color: #30383a !important;
  background: #0d1011 !important;
  background-color: #0d1011 !important;
  background-image: none !important;
  color: #cbd2ce !important;
  box-shadow: none !important;
}

html body.woocommerce-checkout.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.woocommerce-order-received) #haru-main#haru-main #haru-content-main#haru-content-main form.checkout :where(input.input-text,textarea,select,.select2-selection,.select2-selection--single) {
  border-color: #394244 !important;
  background: #171c1d !important;
  background-color: #171c1d !important;
  background-image: none !important;
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
  box-shadow: none !important;
}

html body.woocommerce-checkout.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.woocommerce-order-received) #haru-main#haru-main #haru-content-main#haru-content-main form.checkout #order_review#order_review :where(
  table,
  .shop_table,
  #payment,
  .woocommerce-checkout-payment,
  .payment_box,
  .wc_payment_methods
) {
  border-color: #30383a !important;
  background: #111516 !important;
  background-color: #111516 !important;
  background-image: none !important;
  color: #cbd2ce !important;
  box-shadow: none !important;
}

html body.woocommerce-checkout.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.woocommerce-order-received) #haru-main#haru-main #haru-content-main#haru-content-main form.checkout #order_review#order_review :where(table,.shop_table) :where(thead,tbody,tfoot,tr,th,td) {
  border-color: #30383a !important;
  background: transparent !important;
  background-color: transparent !important;
  color: #cbd2ce !important;
}

/* RC36 fragment edge cases outside the main checkout form. */
html body.page-id-9.woocommerce-cart.bigstep-woo-redesign.bigstep-graphite-lime-theme,
html body.page-id-10.woocommerce-checkout.bigstep-woo-redesign.bigstep-graphite-lime-theme {
  background: #080a0b !important;
  background-color: #080a0b !important;
  color: #cbd2ce !important;
}

html body.woocommerce-checkout.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.woocommerce-order-received) #haru-main#haru-main #haru-content-main#haru-content-main form.checkout_coupon.checkout_coupon input.input-text.input-text {
  border-color: #394244 !important;
  background: #171c1d !important;
  background-color: #171c1d !important;
  background-image: none !important;
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
}

html body.woocommerce-checkout.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.woocommerce-order-received) #haru-main#haru-main #haru-content-main#haru-content-main form.checkout #order_review#order_review #payment#payment ul.wc_payment_methods li.wc_payment_method.wc_payment_method {
  border-color: #30383a !important;
  background: #111516 !important;
  background-color: #111516 !important;
  background-image: none !important;
  color: #cbd2ce !important;
}

html body.woocommerce-checkout.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.woocommerce-order-received) #haru-main#haru-main #haru-content-main#haru-content-main form.checkout #order_review#order_review #payment#payment ul.wc_payment_methods li.wc_payment_method.wc_payment_method :where(label,p,span,strong,small) {
  color: #cbd2ce !important;
  -webkit-text-fill-color: #cbd2ce !important;
}

/* RC37 remove the last light utility cards visible in the checkout flow. */
html body.woocommerce-checkout.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.woocommerce-order-received) #haru-main#haru-main #haru-content-main#haru-content-main :where(
  .woocommerce-info,
  .bigstep-checkout-notice,
  .coupon-item,
  .bs-discount-row,
  .bigstep-bulk-discount-card
) {
  border-color: #394244 !important;
  background: #111516 !important;
  background-color: #111516 !important;
  background-image: none !important;
  color: #cbd2ce !important;
  -webkit-text-fill-color: #cbd2ce !important;
  box-shadow: none !important;
}

html body.woocommerce-checkout.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.woocommerce-order-received) #haru-main#haru-main #haru-content-main#haru-content-main :where(
  .bigstep-cod-notice-wrap,
  .bigstep-cod-notice,
  .bigstep-cod-notice.payment-notice
) {
  border-color: #6a4a21 !important;
  background: #17130d !important;
  background-color: #17130d !important;
  background-image: none !important;
  color: #f0c98f !important;
  -webkit-text-fill-color: #f0c98f !important;
  box-shadow: none !important;
}

html body.woocommerce-checkout.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.woocommerce-order-received) #haru-main#haru-main #haru-content-main#haru-content-main :where(
  .woocommerce-info,
  .bigstep-checkout-notice,
  .coupon-item,
  .bs-discount-row,
  .bigstep-bulk-discount-card,
  .bigstep-cod-notice-wrap,
  .bigstep-cod-notice
) :where(a,span,strong,b,small,p) {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.woocommerce-checkout.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.woocommerce-order-received) #haru-main#haru-main #haru-content-main#haru-content-main form.checkout :where(
  .select2-selection__rendered,
  .quantity,
  .quantity input,
  ul.woocommerce-shipping-methods,
  ul#shipping_method,
  ul.woocommerce-shipping-methods > li,
  ul#shipping_method > li
) {
  border-color: #394244 !important;
  background: #171c1d !important;
  background-color: #171c1d !important;
  background-image: none !important;
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme .bigstep-lang-switcher {
  border: 1px solid #394244 !important;
  background: #171c1d !important;
  background-color: #171c1d !important;
  color: #f5f6f1 !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme .bigstep-lang-switcher :where(a,button,span) {
  color: #cbd2ce !important;
  -webkit-text-fill-color: #cbd2ce !important;
}

/* RC40 header typography parity. The homepage legacy art-direction rule used
 * the display font plus uppercase, while every other public page used the
 * normal navigation casing. One shared lock now governs all public headers. */
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header a.haru-item.haru-item--main.haru-item--main {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-size: 13px !important;
  font-weight: 760 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}

/* Trustindex edge masks: neutral graphite instead of inherited indigo glow. */
html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsrv-section {
  --bsrv-line: #30383a !important;
  --bsrv-accent: #c8ff00 !important;
  --bsrv-accent-2: #aee600 !important;
  --bsrv-surface: #14191a !important;
  --bsrv-bg: #0d1011 !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsrv-section .bsrv-body::before {
  background: linear-gradient(90deg, rgba(8,10,11,.98), rgba(8,10,11,0)) !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsrv-section .bsrv-body::after {
  background: linear-gradient(270deg, rgba(8,10,11,.98), rgba(8,10,11,0)) !important;
}

/* RC16 single-post specificity lock against late legacy blog rules. */
html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme #haru-content-main#haru-content-main .haru-single-blog .single-content article .post-wrap.post-wrap {
  border: 0 !important;
  background: #111516 !important;
  background-color: #111516 !important;
  background-image: none !important;
  color: #cbd2ce !important;
  box-shadow: none !important;
}

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme #haru-content-main#haru-content-main .haru-single-blog .post-wrap.post-wrap .post-title.post-title {
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
  background: none !important;
  text-shadow: none !important;
}

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme #haru-content-main#haru-content-main .haru-single-blog .post-content-wrap.post-content-wrap,
html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme #haru-content-main#haru-content-main .haru-single-blog .post-content.post-content {
  color: #cbd2ce !important;
  -webkit-text-fill-color: #cbd2ce !important;
}

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme #haru-content-main#haru-content-main .haru-single-blog .post-content.post-content :where(p,li,dd,dt,figcaption),
html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme #haru-content-main#haru-content-main .haru-single-blog .post-content.post-content :where(.bs-article-lead,.bs-article-note,.bs-article-callout) {
  color: #cbd2ce !important;
  -webkit-text-fill-color: #cbd2ce !important;
  text-shadow: none !important;
}

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme #haru-content-main#haru-content-main .haru-single-blog .post-content.post-content :where(h1,h2,h3,h4,h5,h6) {
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
  background: none !important;
  text-shadow: none !important;
}

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme #haru-content-main#haru-content-main .haru-single-blog .post-content.post-content a.bs-article-cta {
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  background: #c8ff00 !important;
  background-image: none !important;
  text-shadow: none !important;
}

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme #haru-content-main#haru-content-main .haru-single-blog .single-sidebar.single-sidebar :where(aside.widget,.widget) {
  padding: 20px !important;
  border: 1px solid #30383a !important;
  border-radius: 16px !important;
  background: #111516 !important;
  background-color: #111516 !important;
  background-image: none !important;
  color: #cbd2ce !important;
  box-shadow: none !important;
}

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme #haru-content-main#haru-content-main .haru-single-blog .single-sidebar.single-sidebar :where(.widget-title,h2,h3,h4) {
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
  text-transform: none !important;
  text-shadow: none !important;
}

/* Blog single inline CTA, post navigation and breadcrumb legacy colors. */
html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme .haru-page-title.haru-page-title {
  border: 0 !important;
  box-shadow: none !important;
}

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme .haru-page-title .haru-breadcrumb.haru-breadcrumb > :where(span,a) {
  border-color: #394244 !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #a0a8a4 !important;
  box-shadow: none !important;
}

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme #haru-content-main#haru-content-main .bigstep-post-cta.bigstep-post-cta {
  border: 1px solid #30383a !important;
  background: #111516 !important;
  background-color: #111516 !important;
  background-image: radial-gradient(circle at 90% 0,rgba(200,255,0,.09),transparent 34%) !important;
  color: #cbd2ce !important;
  box-shadow: none !important;
}

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme #haru-content-main#haru-content-main .bigstep-post-cta.bigstep-post-cta > div:first-child {
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
  text-transform: none !important;
  text-shadow: none !important;
}

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme #haru-content-main#haru-content-main .bigstep-post-cta.bigstep-post-cta h3 {
  font-family: "Chakra Petch",sans-serif !important;
  letter-spacing: -.025em !important;
  text-transform: none !important;
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
}

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme #haru-content-main#haru-content-main .bigstep-post-cta.bigstep-post-cta p {
  color: #a0a8a4 !important;
  -webkit-text-fill-color: #a0a8a4 !important;
}

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme #haru-content-main#haru-content-main .bigstep-post-cta.bigstep-post-cta a:first-child {
  border: 1px solid #c8ff00 !important;
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: none !important;
}

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme #haru-content-main#haru-content-main .bigstep-post-cta.bigstep-post-cta a:last-child {
  border: 1px solid #495254 !important;
  background: #171c1d !important;
  background-image: none !important;
  color: #dce1de !important;
  -webkit-text-fill-color: #dce1de !important;
  box-shadow: none !important;
}

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme #haru-content-main#haru-content-main .bigstep-post-nav.bigstep-post-nav {
  border-color: #30383a !important;
  color: #cbd2ce !important;
}

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme #haru-content-main#haru-content-main .bigstep-post-nav .bigstep-post-nav__card {
  border: 1px solid #30383a !important;
  background: #111516 !important;
  background-image: none !important;
  color: #cbd2ce !important;
  box-shadow: none !important;
}

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme #haru-content-main#haru-content-main .bigstep-post-nav .bigstep-post-nav__card:is(:hover,:focus-visible) {
  border-color: rgba(200,255,0,.48) !important;
  background: #14191a !important;
  color: #f5f6f1 !important;
  box-shadow: none !important;
}

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme #haru-content-main#haru-content-main .bigstep-post-nav :where(.bigstep-post-nav__thumb,.bigstep-post-nav__body) {
  border-color: #30383a !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #cbd2ce !important;
  box-shadow: none !important;
}

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme #haru-content-main#haru-content-main .bigstep-post-nav .bigstep-post-nav__label {
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
}

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme #haru-content-main#haru-content-main .bigstep-post-nav .bigstep-post-nav__title {
  font-family: "Chakra Petch",sans-serif !important;
  text-transform: none !important;
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
}

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme #haru-content-main#haru-content-main .bigstep-post-nav :where(.bigstep-post-nav__meta,.bigstep-post-nav__cat,.bigstep-post-nav__dot) {
  color: #89928e !important;
  -webkit-text-fill-color: #89928e !important;
}

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme #haru-content-main#haru-content-main :where(.post-meta-author,.post-meta-comment) a {
  color: #a0a8a4 !important;
  -webkit-text-fill-color: #a0a8a4 !important;
}

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme #haru-content-main#haru-content-main .post-content .bs-article-callout :where(span,strong,em) {
  color: #dce1de !important;
  -webkit-text-fill-color: #dce1de !important;
}

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme #haru-content-main#haru-content-main .bigstep-post-nav .bigstep-post-nav__cat {
  border: 1px solid rgba(200,255,0,.28) !important;
  background: rgba(200,255,0,.09) !important;
  background-image: none !important;
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
  box-shadow: none !important;
}

/* RC9 completion pass: homepage behaviour, shortcode navigation and Woo
   archive usability. This block intentionally sits last in the cascade. */

/* Restore the original voucher icon sizing instead of letting the SVG tile. */
html body.home.bigstep-graphite-lime-theme .v-track .v-card-modern .v-body {
  background-position: calc(100% - 8px) 8px !important;
  background-repeat: no-repeat !important;
  background-size: 48px 48px !important;
}

html body.home.bigstep-graphite-lime-theme .v-track .v-card-modern .v-icon-bg {
  display: none !important;
}

/* Graphite FAQ surface. */
html body.home.bigstep-graphite-lime-theme .bigstep-ai-faq-shortcode.bigstep-ai-faq-shortcode {
  border: 1px solid #30383a !important;
  background: #0d1011 !important;
  background-color: #0d1011 !important;
  background-image: none !important;
  color: #f5f6f1 !important;
  box-shadow: none !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-ai-faq-shortcode .bsfaq-item.bsfaq-item {
  border: 1px solid #30383a !important;
  background: #14191a !important;
  background-color: #14191a !important;
  background-image: none !important;
  color: #eef2ed !important;
  box-shadow: none !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-ai-faq-shortcode .bsfaq-item[open] {
  border-color: rgba(200, 255, 0, .42) !important;
  background: #171c1d !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-ai-faq-shortcode :where(.bsfaq-q,.bsfaq-text) {
  color: #eef2ed !important;
  -webkit-text-fill-color: #eef2ed !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-ai-faq-shortcode .bsfaq-idx {
  color: #89948e !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-ai-faq-shortcode .bsfaq-a {
  border-top-color: #30383a !important;
  color: #b9c2bd !important;
}

/* Neutral graphite scrollbars, with lime reserved for interaction. */
html body.bigstep-graphite-lime-theme,
html body.bigstep-graphite-lime-theme * {
  scrollbar-color: #56615d #0d1011 !important;
}

html body.bigstep-graphite-lime-theme *::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

html body.bigstep-graphite-lime-theme *::-webkit-scrollbar-track {
  background: #0d1011;
}

html body.bigstep-graphite-lime-theme *::-webkit-scrollbar-thumb {
  border: 2px solid #0d1011;
  border-radius: 999px;
  background: #56615d;
}

html body.bigstep-graphite-lime-theme *::-webkit-scrollbar-thumb:hover {
  background: #c8ff00;
}

/* Root page scrollbar: the document scrollbar belongs to <html>, not to a
   descendant inside body. Keep it visible and aligned with graphite-lime. */
html:has(body.bigstep-graphite-lime-theme) {
  scrollbar-width: auto !important;
  scrollbar-color: #66726d #0d1011 !important;
}

html:has(body.bigstep-graphite-lime-theme)::-webkit-scrollbar,
html body.bigstep-graphite-lime-theme::-webkit-scrollbar {
  width: 11px !important;
  height: 11px !important;
}

html:has(body.bigstep-graphite-lime-theme)::-webkit-scrollbar-track,
html body.bigstep-graphite-lime-theme::-webkit-scrollbar-track {
  background: #0d1011 !important;
}

html:has(body.bigstep-graphite-lime-theme)::-webkit-scrollbar-thumb,
html body.bigstep-graphite-lime-theme::-webkit-scrollbar-thumb {
  min-height: 44px;
  border: 3px solid #0d1011 !important;
  border-radius: 999px !important;
  background: #66726d !important;
}

html:has(body.bigstep-graphite-lime-theme)::-webkit-scrollbar-thumb:hover,
html body.bigstep-graphite-lime-theme::-webkit-scrollbar-thumb:hover {
  background: #c8ff00 !important;
}

/* Display headings keep the hero face but use readable title case. */
html body.home.bigstep-graphite-lime-theme :where(
  .bas-title,
  .bps-section-head h2,
  .bsig-head h2,
  .bsg-games-head h2,
  .bstpl-head h2,
  .bsphoto-home__head h2,
  .rxsc-head h2,
  .tysc-head h2,
  .bsrv-head h2,
  .bsfaq-head h2,
  .bgs-disco-section-head h2,
  .bigstep-seo-intro__title
) {
  font-family: "Chakra Petch", "Arial Narrow", sans-serif !important;
  text-transform: none !important;
}

html body.home.bigstep-graphite-lime-theme :where(.bsg-games-head h2,.bsg-game-copy h3) {
  font-family: "Chakra Petch", "Arial Narrow", sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -.035em !important;
  text-transform: none !important;
}

/* Action labels use the calmer UI face, not the display face. */
html body.bigstep-graphite-lime-theme :where(
  button,
  input[type="button"],
  input[type="submit"],
  .button,
  .bsl-button,
  .bps-card__button,
  .bsig-follow,
  .bsg-game-primary,
  .bsg-game-secondary,
  .bstpl-cta,
  .rxsc-cta,
  .rxsc-try,
  .tysc-cta,
  .tysc-try,
  .bsrv-review-btn,
  .bs-home-support-button,
  .bgs-disco-cta
) {
  font-family: "Plus Jakarta Sans", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

/* Bring back only the useful arrow controls, without the old console bars. */
html body.home.bigstep-graphite-lime-theme :where(.bsig-frame,.bstpl-frame,.rxsc-frame,.tysc-frame) {
  position: relative !important;
  padding-top: 46px !important;
  overflow: visible !important;
}

html body.home.bigstep-graphite-lime-theme :where(.bsig-bar,.bstpl-bar,.rxsc-bar,.tysc-bar) {
  display: contents !important;
}

html body.home.bigstep-graphite-lime-theme .bsig-bar > :not(.bsig-controls),
html body.home.bigstep-graphite-lime-theme .bstpl-bar > :not(.bstpl-controls),
html body.home.bigstep-graphite-lime-theme .rxsc-bar > :not(.rxsc-controls),
html body.home.bigstep-graphite-lime-theme .tysc-bar > :not(.tysc-controls) {
  display: none !important;
}

html body.home.bigstep-graphite-lime-theme :where(.bsig-controls,.bstpl-controls,.rxsc-controls,.tysc-controls) {
  position: absolute !important;
  top: 0 !important;
  right: 2px !important;
  z-index: 5 !important;
  display: flex !important;
  width: auto !important;
  height: 38px !important;
  gap: 8px !important;
  align-items: center !important;
}

html body.home.bigstep-graphite-lime-theme :where(.bsig-arrow,.bstpl-arrow,.rxsc-arrow,.tysc-arrow) {
  display: inline-grid !important;
  width: 38px !important;
  min-width: 38px !important;
  height: 38px !important;
  padding: 0 !important;
  place-items: center !important;
  border: 1px solid #394244 !important;
  border-radius: 11px !important;
  background: #171c1d !important;
  background-image: none !important;
  color: #f5f6f1 !important;
  box-shadow: none !important;
}

html body.home.bigstep-graphite-lime-theme :where(.bsig-arrow,.bstpl-arrow,.rxsc-arrow,.tysc-arrow):hover {
  border-color: #c8ff00 !important;
  background: rgba(200, 255, 0, .10) !important;
  color: #c8ff00 !important;
}

html body.home.bigstep-graphite-lime-theme :where(.bstpl-track,.rxsc-track,.tysc-track) {
  grid-auto-columns: calc((100% - 48px) / 4) !important;
  gap: 16px !important;
  padding: 2px 2px 10px !important;
  scroll-padding-inline: 2px !important;
}

/* Real intro video from the original Revolution Slider. */
html.bsl-video-open {
  overflow: hidden !important;
}

.bsl-intro-video {
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 28px;
}

.bsl-intro-video.is-open {
  display: flex;
}

.bsl-intro-video__backdrop {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0 !important;
  border-radius: 0 !important;
  background: rgba(3, 5, 6, .88) !important;
  backdrop-filter: blur(12px);
}

.bsl-intro-video__panel {
  position: relative;
  z-index: 1;
  width: min(1080px, 94vw);
  overflow: hidden;
  border: 1px solid #394244;
  border-radius: 18px;
  background: #080a0b;
  box-shadow: 0 34px 100px rgba(0, 0, 0, .72);
}

.bsl-intro-video__panel video {
  display: block;
  width: 100%;
  max-height: 82vh;
  background: #000;
}

.bsl-intro-video__close {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 2;
  display: grid;
  width: 40px;
  height: 40px;
  padding: 0;
  place-items: center;
  border: 1px solid rgba(255,255,255,.24) !important;
  border-radius: 50%;
  background: rgba(8,10,11,.82) !important;
  color: #fff !important;
  font-size: 26px;
  line-height: 1;
}

/* Keep the hero-video close action optically centred. Global button rules in
 * the commerce theme otherwise stretch the box and shift the text glyph. */
html body.bigstep-graphite-lime-theme .bsl-intro-video__panel > button.bsl-intro-video__close {
  top: 12px !important;
  right: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 10px !important;
  font-size: 0 !important;
  line-height: 0 !important;
  transform: none !important;
}
html body.bigstep-graphite-lime-theme .bsl-intro-video__panel > button.bsl-intro-video__close::before {
  content: "\00d7" !important;
  position: static !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  color: #fff !important;
  background: none !important;
  font: 800 25px/1 Arial, sans-serif !important;
  transform: translateY(-1px) !important;
}

/* Absolute header colour lock for open, hovered and nested menu states. */
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .menu-item:hover > a.haru-item--main:not([href*="/studio/"]),
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .current-menu-ancestor > a.haru-item--main:not([href*="/studio/"]),
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header a.haru-item--main[aria-expanded="true"]:not([href*="/studio/"]) {
  border-color: #394244 !important;
  background: #171c1d !important;
  background-color: #171c1d !important;
  background-image: none !important;
  color: #c8ff00 !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header ul.sub-menu,
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header ul.sub-menu ul.sub-menu {
  border-color: #30383a !important;
  background: #101415 !important;
  background-color: #101415 !important;
  background-image: none !important;
  box-shadow: 0 22px 58px rgba(0,0,0,.42) !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header ul.sub-menu li:hover > a,
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header ul.sub-menu li.current-menu-item > a {
  border-color: rgba(200,255,0,.28) !important;
  background: #1a2318 !important;
  background-color: #1a2318 !important;
  background-image: none !important;
  color: #c8ff00 !important;
  box-shadow: none !important;
}

/* Breadcrumb and catalog: neutral borders, visible prices and restored sidebar. */
html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-page-title .haru-breadcrumb.haru-breadcrumb {
  border: 1px solid #3b4446 !important;
  background: #111516 !important;
  background-color: #111516 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-page-title .haru-breadcrumb.haru-breadcrumb::before,
html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-page-title .haru-breadcrumb.haru-breadcrumb::after {
  box-shadow: none !important;
}

html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-archive-product .product-item.product-item .product-info .price {
  color: #f5f6f1 !important;
}

html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-archive-product .product-item.product-item .product-info .price :where(ins,ins *,bdi,.amount,.woocommerce-Price-currencySymbol) {
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
  background: transparent !important;
}

html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-archive-product .product-item.product-item .product-info .price .bigstep-price-prefix {
  color: #aeb7b2 !important;
  -webkit-text-fill-color: #aeb7b2 !important;
}

html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-archive-product .product-item.product-item .product-info .price del,
html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-archive-product .product-item.product-item .product-info .price del * {
  color: #7e8883 !important;
  -webkit-text-fill-color: #7e8883 !important;
}

@media (min-width: 1025px) {
  html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-archive-product > .h-row {
    display: grid !important;
    grid-template-columns: minmax(240px, 280px) minmax(0, 1fr) !important;
    gap: 30px !important;
    align-items: start !important;
  }

  html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-archive-product .archive-content.has-left-sidebar {
    grid-column: 2 !important;
    grid-row: 1 !important;
    float: none !important;
    width: auto !important;
    max-width: none !important;
  }

  html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-archive-product .archive-sidebar.left-sidebar {
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: block !important;
    float: none !important;
    width: auto !important;
    max-width: none !important;
  }

  html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-archive-product .archive-sidebar.left-sidebar .widget {
    display: block !important;
    margin: 0 0 16px !important;
    padding: 18px !important;
    border: 1px solid #30383a !important;
    border-radius: 14px !important;
    background: #111516 !important;
    background-image: none !important;
    color: #cbd2ce !important;
    box-shadow: none !important;
  }

  html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-archive-product .archive-sidebar.left-sidebar .widget :where(h2,h3,h4,.widget-title,a,label,span,p) {
    color: #cbd2ce !important;
  }
}

@media (max-width: 899px) {
  html body.home.bigstep-graphite-lime-theme :where(.bstpl-track,.rxsc-track,.tysc-track) {
    grid-auto-columns: minmax(260px, 82vw) !important;
  }
}

/* RC6.1 precision pass: selectors verified in the rendered Customizer preview. */
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .haru-logo a {
  gap: 10px !important;
  width: auto !important;
  min-width: 174px !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .haru-logo a::before,
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .haru-logo a::after,
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .haru-logo-footer::before,
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .haru-logo-footer::after,
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-brand-link::before,
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-brand-link::after {
  position: static !important;
  inset: auto !important;
  transform: none !important;
}

/* RC7 precision pass: footer rhythm, accessible lime actions, homepage
   typography, original vouchers, Trustindex, nested menus and product detail. */

/* Footer: keep the social title close to its icons without disturbing the
   certification and payment artwork above it. */
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .elementor-element-9277ba4 {
  padding: 15px 15px 8px !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .elementor-element-4fb9830 .haru-heading-title {
  margin: 0 0 10px !important;
  padding: 0 !important;
  line-height: 1.35 !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .elementor-element-8757c28 {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Acid-lime is a light surface: every primary action and its nested label/icon
   must use graphite ink, never white. */
html body.bigstep-graphite-lime-theme :where(
  .bsl-button--primary,
  .bps-card__button,
  .bsig-follow,
  .rxsc-cta,
  .tysc-cta,
  .bsrv-review-btn,
  .bs-home-support-button,
  .bgs-disco-cta--primary,
  .haru-button--bg-primary,
  .bigstep-product-options__design,
  .single_add_to_cart_button,
  .checkout-button,
  #place_order,
  .bdt-button-primary,
  .bigstep-ai-button--primary,
  .bigstep-ai-place-order,
  .bigstep-ai-tool--primary
) {
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  text-shadow: none !important;
}

html body.bigstep-graphite-lime-theme :where(
  .bsl-button--primary,
  .bps-card__button,
  .bsig-follow,
  .rxsc-cta,
  .tysc-cta,
  .bsrv-review-btn,
  .bs-home-support-button,
  .bgs-disco-cta--primary,
  .haru-button--bg-primary,
  .bigstep-product-options__design,
  .single_add_to_cart_button,
  .checkout-button,
  #place_order,
  .bdt-button-primary,
  .bigstep-ai-button--primary,
  .bigstep-ai-place-order,
  .bigstep-ai-tool--primary
) :where(span,strong,small,i,em,svg) {
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  text-shadow: none !important;
}

html body.bigstep-graphite-lime-theme :where(
  .bigstep-product-options__design,
  .single_add_to_cart_button,
  .checkout-button,
  #place_order,
  .bigstep-ai-button--primary,
  .bigstep-ai-place-order
) svg :where(path,circle,rect,line,polyline) {
  stroke: #080a0b !important;
}

/* Homepage section titles use the same display face as the approved hero. */
html body.home.bigstep-graphite-lime-theme :where(
  .bps-section-head h2,
  .bsg-games-head h2,
  .bsphoto-home__head h2,
  .bstpl-head h2,
  .rxsc-head h2,
  .tysc-head h2,
  .bsig-head h2,
  .bsrv-head h2,
  .bsfaq-head h2,
  .bgs-disco-section-head h2,
  .bs-home-support-content h2,
  .bigstep-seo-intro__title
) {
  font-family: "Chakra Petch", "Arial Narrow", sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -.04em !important;
}

/* Restore the original four-colour voucher family from the production home. */
html body.home.bigstep-graphite-lime-theme .v-track .v-card-modern {
  border: 1px solid rgba(15,23,42,.06) !important;
  background: #fff !important;
  background-image: none !important;
  color: #0f172a !important;
  box-shadow: 0 6px 18px rgba(15,23,42,.06), 0 1px 3px rgba(15,23,42,.04) !important;
}

html body.home.bigstep-graphite-lime-theme .v-track .v-card-modern .v-body {
  background-color: #fff !important;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20stroke=%27currentColor%27%20stroke-width=%271.5%27%20opacity=%270.2%27%3E%3Cpath%20d=%27M11%203H5a2%202%200%200%200-2%202v6l9%209a2%202%200%200%200%203%200l5-5a2%202%200%200%200%200-3l-9-9Z%27/%3E%3Ccircle%20cx=%277.5%27%20cy=%277.5%27%20r=%271.3%27/%3E%3C/svg%3E") !important;
}

html body.home.bigstep-graphite-lime-theme .v-track .v-card-modern .v-code {
  border-color: rgba(15,23,42,.16) !important;
  background: rgba(15,23,42,.04) !important;
  color: #334155 !important;
}

html body.home.bigstep-graphite-lime-theme .v-track .v-card-modern .v-side span,
html body.home.bigstep-graphite-lime-theme .v-track .v-card-modern .v-copy-link {
  border-color: #fff !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html body.home.bigstep-graphite-lime-theme .v-track .v-card-modern .v-val {
  background-clip: text !important;
  -webkit-background-clip: text !important;
}

html body.home.bigstep-graphite-lime-theme .v-track .v-card-modern:nth-child(1)::before {
  background: linear-gradient(90deg,transparent,rgba(196,181,253,.55) 30%,rgba(139,92,246,.35) 70%,transparent) !important;
}
html body.home.bigstep-graphite-lime-theme .v-track .v-card-modern:nth-child(1) .v-side,
html body.home.bigstep-graphite-lime-theme .v-track .v-card-modern:nth-child(1) .v-copy-link {
  background: linear-gradient(160deg,#c7d2fe,#818cf8) !important;
}
html body.home.bigstep-graphite-lime-theme .v-track .v-card-modern:nth-child(1) .v-label {
  border-color: rgba(79,70,229,.22) !important; background: rgba(79,70,229,.07) !important; color: #4f46e5 !important;
}
html body.home.bigstep-graphite-lime-theme .v-track .v-card-modern:nth-child(1) .v-val {
  background: linear-gradient(135deg,#0f172a,#4f46e5) !important; background-clip: text !important; -webkit-background-clip: text !important; color: transparent !important; -webkit-text-fill-color: transparent !important;
}
html body.home.bigstep-graphite-lime-theme .v-track .v-card-modern:nth-child(1) .v-icon-bg { color: #4f46e5 !important; }

html body.home.bigstep-graphite-lime-theme .v-track .v-card-modern:nth-child(2)::before {
  background: linear-gradient(90deg,transparent,rgba(165,243,252,.55) 30%,rgba(34,211,238,.35) 70%,transparent) !important;
}
html body.home.bigstep-graphite-lime-theme .v-track .v-card-modern:nth-child(2) .v-side,
html body.home.bigstep-graphite-lime-theme .v-track .v-card-modern:nth-child(2) .v-copy-link {
  background: linear-gradient(160deg,#a5f3fc,#22d3ee) !important;
}
html body.home.bigstep-graphite-lime-theme .v-track .v-card-modern:nth-child(2) .v-label {
  border-color: rgba(8,145,178,.22) !important; background: rgba(8,145,178,.07) !important; color: #0891b2 !important;
}
html body.home.bigstep-graphite-lime-theme .v-track .v-card-modern:nth-child(2) .v-val {
  background: linear-gradient(135deg,#0f172a,#0891b2) !important; background-clip: text !important; -webkit-background-clip: text !important; color: transparent !important; -webkit-text-fill-color: transparent !important;
}
html body.home.bigstep-graphite-lime-theme .v-track .v-card-modern:nth-child(2) .v-icon-bg { color: #0891b2 !important; }

html body.home.bigstep-graphite-lime-theme .v-track .v-card-modern:nth-child(3)::before {
  background: linear-gradient(90deg,transparent,rgba(167,243,208,.55) 30%,rgba(16,185,129,.35) 70%,transparent) !important;
}
html body.home.bigstep-graphite-lime-theme .v-track .v-card-modern:nth-child(3) .v-side,
html body.home.bigstep-graphite-lime-theme .v-track .v-card-modern:nth-child(3) .v-copy-link {
  background: linear-gradient(160deg,#a7f3d0,#34d399) !important;
}
html body.home.bigstep-graphite-lime-theme .v-track .v-card-modern:nth-child(3) .v-label {
  border-color: rgba(5,150,105,.22) !important; background: rgba(5,150,105,.07) !important; color: #059669 !important;
}
html body.home.bigstep-graphite-lime-theme .v-track .v-card-modern:nth-child(3) .v-val {
  background: linear-gradient(135deg,#0f172a,#059669) !important; background-clip: text !important; -webkit-background-clip: text !important; color: transparent !important; -webkit-text-fill-color: transparent !important;
}
html body.home.bigstep-graphite-lime-theme .v-track .v-card-modern:nth-child(3) .v-icon-bg { color: #059669 !important; }

html body.home.bigstep-graphite-lime-theme .v-track .v-card-modern:nth-child(4)::before {
  background: linear-gradient(90deg,transparent,rgba(253,230,138,.55) 30%,rgba(245,158,11,.35) 70%,transparent) !important;
}
html body.home.bigstep-graphite-lime-theme .v-track .v-card-modern:nth-child(4) .v-side,
html body.home.bigstep-graphite-lime-theme .v-track .v-card-modern:nth-child(4) .v-copy-link {
  background: linear-gradient(160deg,#fde68a,#fbbf24) !important;
}
html body.home.bigstep-graphite-lime-theme .v-track .v-card-modern:nth-child(4) .v-label {
  border-color: rgba(217,119,6,.22) !important; background: rgba(217,119,6,.07) !important; color: #d97706 !important;
}
html body.home.bigstep-graphite-lime-theme .v-track .v-card-modern:nth-child(4) .v-val {
  background: linear-gradient(135deg,#0f172a,#d97706) !important; background-clip: text !important; -webkit-background-clip: text !important; color: transparent !important; -webkit-text-fill-color: transparent !important;
}
html body.home.bigstep-graphite-lime-theme .v-track .v-card-modern:nth-child(4) .v-icon-bg { color: #d97706 !important; }

html body.home.bigstep-graphite-lime-theme .v-track .v-card-modern .v-icon-bg :where(path,circle,line,polyline) {
  stroke: currentColor !important;
}

html body.home.bigstep-graphite-lime-theme .v-track .v-card-modern .v-val {
  background-clip: text !important;
  -webkit-background-clip: text !important;
}

/* Trustindex: remove the inherited indigo cards and make the native widget a
   clean graphite review rail without altering its content or behaviour. */
html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .ti-widget.ti-widget .ti-review-item.ti-review-item,
html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .ti-widget.ti-widget .ti-inner.ti-inner {
  border: 1px solid #30383a !important;
  border-radius: 14px !important;
  background: #14191a !important;
  background-color: #14191a !important;
  background-image: none !important;
  color: #eef2ed !important;
  box-shadow: none !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .ti-widget.ti-widget :where(.ti-review-header,.ti-review-header *) {
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .ti-widget.ti-widget :where(.ti-review-text-container,.ti-review-content) {
  color: #b9c2bd !important;
  -webkit-text-fill-color: #b9c2bd !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .ti-widget.ti-widget :where(.ti-read-more,.ti-read-more-active,.ti-controls-line) {
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
}

/* Trustindex's remote loader occasionally skips Customizer previews. The
   theme fallback keeps the real shortcode reviews visible as a static rail. */
html body.home.bigstep-graphite-lime-theme .bigstep-ti-fallback .ti-widget,
html body.home.bigstep-graphite-lime-theme .bigstep-ti-fallback .ti-widget-container,
html body.home.bigstep-graphite-lime-theme .bigstep-ti-fallback .ti-reviews-container {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  overflow: visible !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-ti-fallback .ti-reviews-container-wrapper {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 4px 0 !important;
  overflow: visible !important;
  transform: none !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-ti-fallback .ti-controls {
  display: none !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main :where(.bsrv-frame,.bsrv-body) {
  border-color: #30383a !important;
  background: #0d1011 !important;
  background-color: #0d1011 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-ti-fallback .ti-review-item.ti-review-item {
  position: static !important;
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 14px !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-ti-fallback .ti-review-item:nth-child(n+5) {
  display: none !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-ti-fallback .ti-inner.ti-inner {
  display: flex !important;
  min-height: 232px !important;
  flex-direction: column !important;
  padding: 0 !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-ti-fallback :where(.ti-tooltip,.ti-verified-tooltip) {
  display: none !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-ti-fallback .ti-review-header {
  display: grid !important;
  grid-template-columns: 40px minmax(0,1fr) 20px !important;
  gap: 10px !important;
  align-items: center !important;
  margin: 0 0 12px !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-ti-fallback .ti-profile-img {
  grid-column: 1 !important;
  width: 40px !important;
  height: 40px !important;
  overflow: hidden !important;
  border-radius: 50% !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-ti-fallback .ti-profile-img img {
  width: 40px !important;
  height: 40px !important;
  object-fit: cover !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-ti-fallback .ti-profile-details {
  grid-column: 2 !important;
  min-width: 0 !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-ti-fallback .ti-platform-icon {
  grid-column: 3 !important;
  grid-row: 1 !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-ti-fallback .ti-platform-icon img {
  width: 20px !important;
  height: 20px !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-ti-fallback .ti-name {
  overflow: hidden !important;
  color: #f5f6f1 !important;
  font-weight: 800 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-ti-fallback .ti-stars {
  display: flex !important;
  flex: 0 0 auto !important;
  gap: 2px !important;
  align-items: center !important;
  margin: 0 0 12px !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-ti-fallback .ti-stars img {
  width: 17px !important;
  height: 17px !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-ti-fallback .ti-verified-review {
  display: inline-block !important;
  width: 15px !important;
  height: 15px !important;
  margin-left: 5px !important;
  background: url("https://cdn.trustindex.io/assets/icon/ti-verified.svg") center/contain no-repeat !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-ti-fallback :where(.ti-profile-details,.ti-stars) {
  flex: 0 0 auto !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-ti-fallback .ti-review-text-container {
  margin-top: 12px !important;
  overflow: hidden !important;
  line-height: 1.6 !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-ti-fallback img {
  display: inline-block !important;
  max-width: 100% !important;
}

/* The support block keeps white copy on a dark graphite surface; acid lime is
   reserved for its badge and action button. */
html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bs-home-support-card.bs-home-support-card {
  border: 1px solid rgba(200,255,0,.30) !important;
  background: radial-gradient(circle at 80% 20%,rgba(200,255,0,.16),transparent 34%), linear-gradient(135deg,#14191a,#080b0c) !important;
  background-color: #101415 !important;
  color: #f5f6f1 !important;
  box-shadow: none !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bs-home-support-card.bs-home-support-card :where(h2,p) {
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
  text-shadow: none !important;
}

@media (max-width: 767px) {
  html body.home.bigstep-graphite-lime-theme .bigstep-ti-fallback .ti-reviews-container-wrapper {
    display: flex !important;
    gap: 10px !important;
    padding-bottom: 8px !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
  }

  html body.home.bigstep-graphite-lime-theme .bigstep-ti-fallback .ti-review-item.ti-review-item {
    flex: 0 0 min(82vw, 310px) !important;
    scroll-snap-align: start !important;
  }
}

/* Header menu levels 2 and 3: hard-stop every legacy purple surface. */
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .haru-nav-menu .menu-item-has-children > ul.sub-menu,
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .haru-nav-menu ul.sub-menu ul.sub-menu,
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header ul.haru-nav-menu--subdown {
  border: 1px solid #30383a !important;
  background: #101415 !important;
  background-color: #101415 !important;
  background-image: none !important;
  color: #cbd2ce !important;
  box-shadow: 0 22px 58px rgba(0,0,0,.56), 0 0 0 1px rgba(200,255,0,.18) !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .haru-nav-menu ul.sub-menu > li > a.haru-sub-item {
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  color: #cbd2ce !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .haru-nav-menu ul.sub-menu > li:hover > a.haru-sub-item,
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .haru-nav-menu ul.sub-menu > li.current-menu-item > a.haru-sub-item {
  background: rgba(200,255,0,.09) !important;
  color: #c8ff00 !important;
}

/* Product single: a clear action hierarchy and a readable compact description. */
html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) div.product .summary.entry-summary h1.product_title,
html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-description-card :where(h2,h3) {
  font-family: "Chakra Petch", "Arial Narrow", sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -.035em !important;
}

html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) #haru-content-main #main div.product .summary.entry-summary .bigstep-product-options button.bigstep-product-options__clear {
  border: 1px solid #394244 !important;
  background: #171c1d !important;
  background-color: #171c1d !important;
  background-image: none !important;
  color: #dce1de !important;
  box-shadow: none !important;
}

html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) #haru-content-main #main div.product .summary.entry-summary .bigstep-product-options button.bigstep-product-options__clear:hover {
  border-color: #c8ff00 !important;
  color: #c8ff00 !important;
}

html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-description-card {
  padding: 18px !important;
  border: 1px solid #30383a !important;
  border-radius: 16px !important;
  background: #0d1011 !important;
  color: #dce1de !important;
}

html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-description-card__eyebrow {
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
}

html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-description-card__head > p {
  display: -webkit-box !important;
  margin: 8px 0 0 !important;
  overflow: hidden !important;
  color: #aeb6b2 !important;
  -webkit-text-fill-color: #aeb6b2 !important;
  line-height: 1.6 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
}

html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-description-card__details > summary {
  min-height: 46px !important;
  padding: 0 14px !important;
  border: 1px solid #394244 !important;
  border-radius: 10px !important;
  background: #171c1d !important;
  background-color: #171c1d !important;
  background-image: none !important;
  color: #f5f6f1 !important;
  box-shadow: none !important;
}

html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-description-card__details > summary :where(span,strong) {
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
}

html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-description-card__details > summary::after {
  border-color: rgba(200,255,0,.32) !important;
  background: rgba(200,255,0,.12) !important;
  color: #c8ff00 !important;
}

html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-description-card__content {
  margin-top: 12px !important;
  padding: 18px !important;
  border: 1px solid #30383a !important;
  border-radius: 12px !important;
  background: #14191a !important;
  background-color: #14191a !important;
  background-image: none !important;
  color: #cbd2ce !important;
  line-height: 1.72 !important;
}

html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-description-card__content :where(p,li) {
  color: #cbd2ce !important;
  -webkit-text-fill-color: #cbd2ce !important;
}

html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-description-card__content :where(h2,h3) {
  margin: 22px 0 8px !important;
  color: #f5f6f1 !important;
}

@media (max-width: 767px) {
  html body.home.bigstep-graphite-lime-theme :where(
    .bps-section-head h2,.bsg-games-head h2,.bsphoto-home__head h2,.bstpl-head h2,
    .rxsc-head h2,.tysc-head h2,.bsig-head h2,.bsrv-head h2,.bsfaq-head h2,
    .bgs-disco-section-head h2,.bs-home-support-content h2,.bigstep-seo-intro__title
  ) {
    letter-spacing: -.025em !important;
  }

  html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-description-card {
    padding: 15px !important;
  }
}

/* RC7 final cascade locks: these intentionally follow the legacy repair block. */
html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) #haru-content-main #main div.product .summary.entry-summary .bigstep-product-options a.bigstep-product-options__design :where(span,strong,small,i,svg) {
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  text-shadow: none !important;
}

html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) #haru-content-main #main div.product .summary.entry-summary .bigstep-product-options a.bigstep-product-options__design svg :where(path,circle,rect,line,polyline) {
  stroke: #080a0b !important;
}

html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) #haru-content-main #main div.product .summary.entry-summary .bigstep-product-description-card__content {
  border: 1px solid #30383a !important;
  border-radius: 12px !important;
  background: #14191a !important;
  background-color: #14191a !important;
  background-image: none !important;
  color: #cbd2ce !important;
}

html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) #haru-content-main #main div.product .summary.entry-summary .bigstep-product-description-card__content :where(p,li) {
  color: #cbd2ce !important;
  -webkit-text-fill-color: #cbd2ce !important;
}

/* Library tab labels: keep both states readable and prevent the generic
   selected-button ink colour from leaking into these dark tabs. */
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-library-tab {
  color: #dce1de !important;
  -webkit-text-fill-color: #dce1de !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-library-tab.is-active {
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
}

/* App badges: supporting homepage copy only; never the hero. */
html body.home.bigstep-graphite-lime-theme .bigstep-store-coming-soon {
  grid-column: 1 / -1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  width: 100% !important;
  margin-top: 20px !important;
  padding-top: 22px !important;
  border-top: 1px solid #252c2e !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-store-coming-soon__copy {
  display: grid !important;
  gap: 3px !important;
  min-width: 170px !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-store-coming-soon__copy > span {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  color: #aeb7b2 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-store-coming-soon__copy i {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #c8ff00 !important;
  box-shadow: 0 0 0 5px rgba(200,255,0,.08), 0 0 16px rgba(200,255,0,.38) !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-store-coming-soon__copy > strong {
  color: #c8ff00 !important;
  font-size: 24px !important;
  line-height: 1.1 !important;
  letter-spacing: -.035em !important;
  text-transform: uppercase !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-store-badges {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 12px !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-store-badge {
  display: inline-flex !important;
  min-width: 202px !important;
  min-height: 62px !important;
  align-items: center !important;
  gap: 11px !important;
  padding: 8px 16px 8px 13px !important;
  border: 1px solid #59615e !important;
  border-radius: 11px !important;
  background: #050606 !important;
  color: #fff !important;
  box-shadow: none !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-store-badge > svg {
  flex: 0 0 34px !important;
  width: 34px !important;
  height: 38px !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-store-badge__apple path { fill: #fff !important; }
html body.home.bigstep-graphite-lime-theme .bigstep-store-badge__play .is-green { fill: #00d27a !important; }
html body.home.bigstep-graphite-lime-theme .bigstep-store-badge__play .is-blue { fill: #45a7ff !important; }
html body.home.bigstep-graphite-lime-theme .bigstep-store-badge__play .is-yellow { fill: #ffcf45 !important; }
html body.home.bigstep-graphite-lime-theme .bigstep-store-badge__play .is-red { fill: #ff5367 !important; }

html body.home.bigstep-graphite-lime-theme .bigstep-store-badge > span {
  display: grid !important;
  gap: 2px !important;
  line-height: 1 !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-store-badge small {
  color: #cbd0cd !important;
  font-size: 7.5px !important;
  font-weight: 750 !important;
  letter-spacing: .11em !important;
  white-space: nowrap !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-store-badge strong {
  color: #fff !important;
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-size: 19px !important;
  font-weight: 600 !important;
  letter-spacing: -.035em !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

@media (max-width: 767px) {
  html body.home.bigstep-graphite-lime-theme .bigstep-store-coming-soon {
    display: grid !important;
    gap: 16px !important;
    margin-top: 22px !important;
    padding-top: 20px !important;
  }

  html body.home.bigstep-graphite-lime-theme .bigstep-store-badges {
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-content: stretch !important;
    width: 100% !important;
  }

  html body.home.bigstep-graphite-lime-theme .bigstep-store-badge {
    width: min(100%, 250px) !important;
  }
}


/* RC10 final breadcrumb radius lock; placed after every legacy pill rule. */
html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-page-title .haru-breadcrumb.haru-breadcrumb,
html body.bigstep-content-redesign:not(.bigstep-plugin-surface) .haru-page-title .haru-breadcrumb.haru-breadcrumb {
  border-radius: 12px !important;
}

html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-page-title .haru-breadcrumb.haru-breadcrumb > :where(a,span),
html body.bigstep-content-redesign:not(.bigstep-plugin-surface) .haru-page-title .haru-breadcrumb.haru-breadcrumb > :where(a,span) {
  border-radius: 7px !important;
}

/* RC10 Studio density, promo and navigation polish. */
@media (min-width: 981px) {
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-tool-grid--menu {
  width: 78px !important;
  padding: 8px 6px !important;
  gap: 2px !important;
  border: 0 !important;
  background: #0d1011 !important;
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-tool-grid--menu > button.bigstep-ai-tool.bigstep-ai-tool {
  width: 66px !important;
  min-width: 66px !important;
  height: 58px !important;
  min-height: 58px !important;
  margin: 0 !important;
  padding: 5px 2px !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: transparent !important;
  background-image: none !important;
  color: #cbd2ce !important;
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-tool-grid--menu > button.bigstep-ai-tool.bigstep-ai-tool:is(:hover,:focus-visible) {
  background: #171c1d !important;
  color: #f5f6f1 !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-tool-grid--menu > button.bigstep-ai-tool.bigstep-ai-tool.is-active {
  background: transparent !important;
  color: #c8ff00 !important;
  box-shadow: inset 2px 0 0 rgba(200,255,0,.82) !important;
}
}

@media (max-width: 980px) {
  html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-tool-grid--menu {
    border: 0 !important;
    background: #0d1011 !important;
    box-shadow: none !important;
  }

  html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-tool-grid--menu .bigstep-ai-tool.bigstep-ai-tool {
    border: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-tool-grid--menu .bigstep-ai-tool.bigstep-ai-tool:is(:hover,:focus-visible) {
    background: #171c1d !important;
  }

  html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-tool-grid--menu .bigstep-ai-tool.bigstep-ai-tool.is-active {
    background: transparent !important;
    color: #c8ff00 !important;
    box-shadow: inset 0 -2px 0 rgba(200,255,0,.82) !important;
  }

  html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-tool-grid--menu .bigstep-ai-tool.bigstep-ai-tool::before {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    background: none !important;
  }
}

/* Restore the plugin-owned promo carousel and only replace its legacy violet
 * skin. Images, copy, dots, close action and slide timing remain native. */
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-studio-promos {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  filter: drop-shadow(0 18px 30px rgba(0,0,0,.38)) !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-studio-promos__card {
  border-color: #596466 !important;
  background: #111516 !important;
  color: #f5f6f1 !important;
  box-shadow: inset 0 0 0 1px rgba(200,255,0,.06) !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-studio-promos__card::after {
  background: linear-gradient(90deg,transparent,rgba(200,255,0,.13),transparent) !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-studio-promos__shade {
  background: linear-gradient(90deg,rgba(8,10,11,.98) 0%,rgba(8,10,11,.92) 38%,rgba(8,10,11,.30) 74%,rgba(8,10,11,.08) 100%) !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-studio-promos__content > span {
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-studio-promos__content > p {
  color: #cbd2ce !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-studio-promos__content > button {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-studio-promos__close {
  border-color: #596466 !important;
  background: rgba(17,21,22,.90) !important;
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-studio-promos__dots button {
  background: #737d79 !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-studio-promos__dots button.is-active {
  background: #c8ff00 !important;
}

/* Mobile leave confirmation is appended directly to body, outside .bigstep-ai-app. */
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-mobile-leave-modal {
  background: rgba(8,10,11,.76) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-mobile-leave-card {
  border-color: #596466 !important;
  background: linear-gradient(180deg,#171c1d,#0d1011) !important;
  color: #f5f6f1 !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.55),inset 0 0 0 1px rgba(200,255,0,.05) !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-mobile-leave-icon {
  border: 1px solid rgba(200,255,0,.34) !important;
  border-radius: 10px !important;
  background: rgba(200,255,0,.09) !important;
  color: #c8ff00 !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-mobile-leave-card h3 {
  color: #f5f6f1 !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-mobile-leave-card p {
  color: #aeb6b2 !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-mobile-leave-actions button {
  border-radius: 10px !important;
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-mobile-leave-stay {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-mobile-leave-exit {
  border-color: #394244 !important;
  background: #171c1d !important;
  color: #cbd2ce !important;
}

/* Breadcrumbs should be compact cards, not oversized capsules. */
html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-page-title .haru-breadcrumb.haru-breadcrumb,
html body.bigstep-content-redesign:not(.bigstep-plugin-surface) .haru-page-title .haru-breadcrumb.haru-breadcrumb {
  border-radius: 12px !important;
}

html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-page-title .haru-breadcrumb.haru-breadcrumb > :where(a,span),
html body.bigstep-content-redesign:not(.bigstep-plugin-surface) .haru-page-title .haru-breadcrumb.haru-breadcrumb > :where(a,span) {
  border-radius: 7px !important;
}

/* RC8 mobile UI locks: final cascade after Elementor and legacy child CSS. */
@media (max-width: 767px) {
  html body.bigstep-graphite-lime-theme #haru-header#haru-header .elementor-element-c6180f9 .haru-menu-toggle.haru-menu-toggle {
    border-color: rgba(200,255,0,.34) !important;
    background: #101415 !important;
    background-image: none !important;
    color: #c8ff00 !important;
    box-shadow: none !important;
  }

  html body.bigstep-graphite-lime-theme #haru-header#haru-header .elementor-element-c6180f9 nav.haru-nav-menu--dropdown.haru-nav-menu--dropdown {
    border-color: rgba(200,255,0,.24) !important;
    background: rgba(8,10,11,.985) !important;
    background-image: none !important;
    color: #f5f7f2 !important;
    box-shadow: 0 24px 60px rgba(0,0,0,.48) !important;
  }

  html body.bigstep-graphite-lime-theme #haru-header#haru-header .elementor-element-c6180f9 nav.haru-nav-menu--dropdown.haru-nav-menu--dropdown :is(a.haru-item,a.haru-sub-item) {
    border-color: #2b3335 !important;
    background: transparent !important;
    background-image: none !important;
    color: #e5e9e6 !important;
    -webkit-text-fill-color: #e5e9e6 !important;
  }

  html body.bigstep-graphite-lime-theme #haru-header#haru-header .elementor-element-c6180f9 nav.haru-nav-menu--dropdown.haru-nav-menu--dropdown .sub-menu {
    border-color: #2b3335 !important;
    background: #0d1112 !important;
    background-image: none !important;
  }

  html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-content-main .haru-page-title,
  html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-content-main .haru-page-title__content,
  html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-content-main .haru-page-title__breadcrumbs {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-content-main .haru-page-title__breadcrumbs .haru-breadcrumb {
    height: auto !important;
    min-height: 46px !important;
    flex-wrap: wrap !important;
    overflow: visible !important;
  }

  html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-content-main .haru-page-title__breadcrumbs .haru-breadcrumb > .current:last-child {
    width: 100% !important;
    min-width: 100% !important;
    max-width: none !important;
    flex: 1 0 100% !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    line-height: 1.45 !important;
  }

  html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-content-main .haru-page-title__breadcrumbs .haru-breadcrumb > .delimiter:nth-last-child(2) {
    display: none !important;
  }
}

/* RC21: Studio state contrast. Keep inactive controls readable and reserve acid
   lime for the selected state; colour swatches remain untouched. */
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app :where(
  .bigstep-ai-text-tabs > button,
  .bigstep-ai-ai-tabs button,
  .bigstep-ai-library-tab,
  .bigstep-native-photobooth__tabs button
):not(.is-active):not([aria-selected="true"]) {
  border-color: #30383a !important;
  background: #171c1d !important;
  background-image: none !important;
  color: #dce1de !important;
  -webkit-text-fill-color: #dce1de !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app :where(
  .bigstep-ai-text-tabs > button,
  .bigstep-ai-ai-tabs button,
  .bigstep-ai-library-tab,
  .bigstep-native-photobooth__tabs button
):is(.is-active,[aria-selected="true"]) {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app :where(
  .bigstep-ai-text-tabs > button,
  .bigstep-ai-ai-tabs button,
  .bigstep-ai-library-tab,
  .bigstep-native-photobooth__tabs button
):is(.is-active,[aria-selected="true"]) :where(span,strong,small,em,i) {
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  text-shadow: none !important;
}

/* The 3D plugin owns the stage background, including its initial image and
   every user-selected environment. Do not paint .bsai3d-stage from theme CSS. */

/* Ordering guide: remove the legacy indigo/black palette and restore readable
   graphite/lime hierarchy without changing the page's content or layout. */
html body.page-id-21607.bigstep-graphite-lime-theme .bog-guide {
  background: #080a0b !important;
  color: #cbd2ce !important;
}

html body.page-id-21607.bigstep-graphite-lime-theme .bog-guide :where(h1,h2,h3,h4) {
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
  background: none !important;
  text-shadow: none !important;
}

html body.page-id-21607.bigstep-graphite-lime-theme .bog-guide :where(.bog-eyebrow,.bog-ai-guide-cta__label,.bog-step-tag) {
  border-color: rgba(200,255,0,.38) !important;
  background: rgba(200,255,0,.10) !important;
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
}

html body.page-id-21607.bigstep-graphite-lime-theme .bog-guide :where(
  .bog-guide-video__frame,.bog-ai-guide-cta,.bog-step,.bog-shotwrap,.bog-chip
) {
  border-color: #30383a !important;
  background: #111516 !important;
  background-image: none !important;
  color: #cbd2ce !important;
  box-shadow: none !important;
}

html body.page-id-21607.bigstep-graphite-lime-theme .bog-guide :where(.bog-step-no,.bog-ai-guide-cta__btn--primary) {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: none !important;
}

html body.page-id-21607.bigstep-graphite-lime-theme .bog-guide :where(.bog-ai-guide-cta__btn--ghost) {
  border-color: #4a5350 !important;
  background: #171c1d !important;
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
}

/* The uniform page inherits Elementor's 39% navigation column, which makes the
   cart overlap MiniGame. Give the existing header its full reserved width. */
@media (min-width:1025px) {
  html body.page-id-23043.bigstep-graphite-lime-theme #haru-header .elementor-element-9a6ca10 > .elementor-element-e7ad7a3 {
    --width: 24.335% !important;
    width: 24.335% !important;
  }

  html body.page-id-23043.bigstep-graphite-lime-theme #haru-header .elementor-element-9a6ca10 > .elementor-element-5b372e4 {
    --width: 75.665% !important;
    width: 75.665% !important;
  }

  html body.page-id-23043.bigstep-graphite-lime-theme #haru-header .elementor-element-c6180f9 {
    width: auto !important;
    flex: 1 1 auto !important;
  }
}

/* Homepage render budget: the legacy Elementor body is over 8,500px tall.
   Browsers can skip layout/paint for sections that are still off screen. */
html body.home.bigstep-graphite-lime-theme #primary > .elementor > .e-con.e-parent {
  content-visibility: auto;
  contain: layout paint style;
  contain-intrinsic-size: 1px 900px;
}

html body.home.bigstep-graphite-lime-theme #primary > .elementor > .elementor-element-61e746f {
  contain-intrinsic-size: 1px 4760px;
}

html body.home.bigstep-graphite-lime-theme #primary > .elementor > .elementor-element-525939a {
  contain-intrinsic-size: 1px 1900px;
}

html body.home.bigstep-graphite-lime-theme #primary :where(.elementor-motion-effects-element,.elementor-invisible) {
  will-change: auto !important;
}

html body.home.bigstep-graphite-lime-theme #primary .rs-particles-canvas {
  pointer-events: none !important;
}

/* RC22 responsive audit -------------------------------------------------- */

/* Elementor keeps the desktop navigation active between 768px and 1024px.
   Switch the existing Haru widget to its built-in burger presentation in that
   interval, matching the already-correct phone header. */
@media (min-width:768px) and (max-width:1024px) {
  html body.bigstep-graphite-lime-theme #haru-header .elementor-element-9a6ca10 {
    width: 100% !important;
    max-width: none !important;
    padding-inline: 24px !important;
  }

  html body.bigstep-graphite-lime-theme #haru-header .elementor-element-9a6ca10 > .elementor-element-e7ad7a3 {
    --width: auto !important;
    width: auto !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  html body.bigstep-graphite-lime-theme #haru-header .elementor-element-9a6ca10 > .elementor-element-5b372e4 {
    --width: 112px !important;
    width: 112px !important;
    flex: 0 0 112px !important;
    justify-content: flex-end !important;
    gap: 10px !important;
  }

  html body.bigstep-graphite-lime-theme #haru-header .elementor-element-c6180f9 {
    display: flex !important;
    width: 49px !important;
    max-width: 49px !important;
    flex: 0 0 49px !important;
  }

  html body.bigstep-graphite-lime-theme #haru-header .haru-nav-menu--main {
    display: none !important;
  }

  html body.bigstep-graphite-lime-theme #haru-header .haru-menu-toggle {
    display: flex !important;
    width: 48px !important;
    height: 48px !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  html body.bigstep-graphite-lime-theme #haru-header .haru-nav-menu--dropdown {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    max-height: calc(100dvh - 84px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    z-index: 999 !important;
    border-top: 1px solid #30383a !important;
    background: #111516 !important;
    background-image: none !important;
    box-shadow: 0 18px 36px rgba(0,0,0,.42) !important;
  }

  html body.bigstep-graphite-lime-theme #haru-header .haru-nav-menu--dropdown[aria-hidden="false"] {
    display: block !important;
  }

  html body.bigstep-graphite-lime-theme #haru-header .haru-nav-menu--dropdown :where(a,.haru-sub-item) {
    border-color: #30383a !important;
    background: #111516 !important;
    color: #f5f6f1 !important;
    -webkit-text-fill-color: #f5f6f1 !important;
  }

  html body.bigstep-graphite-lime-theme #haru-header .haru-nav-menu--dropdown :where(a,.haru-sub-item):is(:hover,:focus-visible) {
    background: #1a2318 !important;
    color: #c8ff00 !important;
    -webkit-text-fill-color: #c8ff00 !important;
  }

  html body.bigstep-graphite-lime-theme #haru-header .haru-nav-menu--dropdown > .haru-nav-menu > li {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    margin: 0 !important;
  }

  html body.bigstep-graphite-lime-theme #haru-header .haru-nav-menu--dropdown > .haru-nav-menu > li > a {
    display: flex !important;
    width: 100% !important;
    min-height: 48px !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 12px 22px !important;
    border-bottom: 1px solid #30383a !important;
  }

  html body.bigstep-graphite-lime-theme #haru-header .haru-nav-menu--dropdown .sub-menu {
    display: grid !important;
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 6px !important;
    margin: 0 !important;
    padding: 10px 16px 14px !important;
    border: 0 !important;
    background: #0d1011 !important;
    transform: none !important;
    box-shadow: none !important;
  }

  html body.bigstep-graphite-lime-theme #haru-header .haru-nav-menu--dropdown .sub-menu > li {
    width: auto !important;
    margin: 0 !important;
  }

  html body.bigstep-graphite-lime-theme #haru-header .haru-nav-menu--dropdown .sub-menu a {
    display: flex !important;
    min-height: 42px !important;
    align-items: center !important;
    padding: 9px 12px !important;
    border: 1px solid #30383a !important;
    border-radius: 9px !important;
  }

  html body.bigstep-graphite-lime-theme #haru-header .elementor-element-386c4e1 {
    width: 42px !important;
    max-width: 42px !important;
    flex: 0 0 42px !important;
  }

  html body.bigstep-graphite-lime-theme #haru-header .elementor-widget-haru-logo img {
    width: auto !important;
    max-width: 160px !important;
    height: auto !important;
  }

  html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-editor-left {
    width: 156px !important;
    min-width: 156px !important;
    flex: 0 0 156px !important;
  }

  html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-editor-left img {
    width: auto !important;
    max-width: 108px !important;
  }

  /* Elementor/Haru append breakpoint declarations after theme assets. These
     locks intentionally carry extra specificity for the same tablet interval. */
  html body.bigstep-graphite-lime-theme #haru-header#haru-header .elementor-element.elementor-element-9a6ca10 > .elementor-element.elementor-element-e7ad7a3.e-con {
    width: calc(100% - 112px) !important;
    min-width: 0 !important;
    max-width: calc(100% - 112px) !important;
    flex-grow: 1 !important;
    flex-shrink: 1 !important;
    flex-basis: calc(100% - 112px) !important;
  }

  html body.bigstep-graphite-lime-theme #haru-header#haru-header .elementor-element.elementor-element-9a6ca10 > .elementor-element.elementor-element-5b372e4.e-con {
    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    flex-basis: 112px !important;
  }

  html body.bigstep-graphite-lime-theme #haru-header#haru-header .elementor-element.elementor-element-c6180f9.elementor-widget {
    display: flex !important;
    width: 49px !important;
    min-width: 49px !important;
    max-width: 49px !important;
    flex: 0 0 49px !important;
  }

  html body.bigstep-graphite-lime-theme #haru-header#haru-header .elementor-element-c6180f9 .haru-nav-menu--main {
    display: none !important;
  }

  html body.bigstep-graphite-lime-theme #haru-header#haru-header .elementor-element-c6180f9 .haru-menu-toggle {
    display: flex !important;
    border: 1px solid #30383a !important;
    border-radius: 12px !important;
    background: #111516 !important;
    color: #f5f6f1 !important;
    box-shadow: none !important;
  }

  html body.admin-bar.bigstep-graphite-lime-theme #haru-header {
    margin-top: 32px !important;
  }
}

html body.page-id-21607.bigstep-graphite-lime-theme .bog-hero h1 .grad {
  background: none !important;
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
  text-shadow: none !important;
}

/* Product archive: an empty active-filter cell forced the toolbar and product
   grid into half the phone width. Collapse the empty cell and span the list. */
@media (max-width:767px) {
  html body.bigstep-graphite-lime-theme .archive-product.products {
    grid-template-columns: minmax(0,1fr) !important;
    width: 100% !important;
  }

  html body.bigstep-graphite-lime-theme .archive-product.products > :where(.shop-filter,.haru-active-filters,.products) {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  html body.bigstep-graphite-lime-theme .archive-product.products > .haru-active-filters:empty {
    display: none !important;
  }

  html body.bigstep-graphite-lime-theme .archive-product.products > .products {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }

  html body.single-product.bigstep-graphite-lime-theme .haru-page-title__breadcrumbs,
  html body.single-product.bigstep-graphite-lime-theme .haru-breadcrumb {
    width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  html body.single-product.bigstep-graphite-lime-theme .haru-breadcrumb {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
  }

  html body.single-product.bigstep-graphite-lime-theme .haru-breadcrumb > .current:last-child {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
  }

  html body.single-product.bigstep-graphite-lime-theme #haru-content-main .haru-page-title__breadcrumbs .haru-breadcrumb > .current:last-child {
    width: 0 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    flex-grow: 1 !important;
    flex-shrink: 1 !important;
    flex-basis: 0 !important;
  }

  html body.bigstep-graphite-lime-theme .archive-product.products .shop-filter__sidebar-btn.hidden-on-desktop {
    color: #f5f6f1 !important;
    -webkit-text-fill-color: #f5f6f1 !important;
    text-shadow: none !important;
  }

  html body.bigstep-graphite-lime-theme .archive-product.products .shop-filter__sidebar-btn.hidden-on-desktop :where(span,i,svg) {
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
  }
}

html body.blog.bigstep-content-redesign.bigstep-graphite-lime-theme,
html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme,
html body.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor),
html body.home.bigstep-graphite-lime-theme {
  background: #080a0b !important;
  background-color: #080a0b !important;
  background-image: radial-gradient(circle at 86% 4%,rgba(200,255,0,.055),transparent 24%) !important;
  color: #cbd2ce !important;
}

html body.bigstep-graphite-lime-theme :is(
  .bsa-app.bsa-app,.bst-app.bst-app,.bsc-app.bsc-app,.bsb-app.bsb-app,
  .bss-app.bss-app,.bcm.bcm,.bspg.bspg
) :where(button,input,textarea,select,[role="button"],[role="radio"],[class*="modal"],[class*="panel"]) {
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
}

html body.bigstep-graphite-lime-theme :is(
  .bsa-app.bsa-app,.bst-app.bst-app,.bsc-app.bsc-app,.bsb-app.bsb-app,
  .bss-app.bss-app,.bcm.bcm,.bspg.bspg
) :where(button,input,textarea,select):not(.bst-primary):not(.bspg-primary):not(.bspg-play):not(.bsa-modal-primary):not(.bsc-grab):not([data-start]):not([data-play]):not([data-restart]):not([data-again]):not([data-play-mode][aria-pressed="true"]) {
  border-color: #394244 !important;
  background-color: #171c1d !important;
  background-image: none !important;
  color: #dce1de !important;
}

html body.bigstep-graphite-lime-theme :is(
  .bsa-app.bsa-app,.bst-app.bst-app,.bsc-app.bsc-app,.bsb-app.bsb-app,
  .bss-app.bss-app,.bcm.bcm,.bspg.bspg
) :where(
  [class*="kicker"],[class*="eyebrow"],[class*="label"],[class*="status"],
  [class*="rarity"],[class*="current-step"]
) {
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
  text-shadow: none !important;
}

html body.page-id-10.woocommerce-checkout.woocommerce-order-received.bigstep-woo-redesign.bigstep-graphite-lime-theme {
  background: #080a0b !important;
  background-color: #080a0b !important;
  background-image: none !important;
  color: #cbd2ce !important;
}

/* RC18: beat the legacy child stylesheet when WordPress prints it again later. */
html body.wp-child-theme-teespace-child-bigstep-lime.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor),
html body.wp-child-theme-teespace-child-bigstep-lime.blog.bigstep-content-redesign.bigstep-graphite-lime-theme,
html body.wp-child-theme-teespace-child-bigstep-lime.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme,
html body.wp-child-theme-teespace-child-bigstep-lime.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) {
  background: #080a0b !important;
  background-color: #080a0b !important;
  background-image: radial-gradient(circle at 86% 4%,rgba(200,255,0,.055),transparent 24%) !important;
  color: #cbd2ce !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-side-tab__thumb {
  background-color: #171c1d !important;
  border-color: #394244 !important;
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme :where([data-text-popup],[data-image-bar],.bigstep-ai-image-bar) {
  background: #0d1011 !important;
  background-color: #0d1011 !important;
  background-image: none !important;
  border-color: #30383a !important;
  box-shadow: none !important;
  filter: none !important;
}

html body.wp-child-theme-teespace-child-bigstep-lime.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app [data-text-popup][data-text-popup],
html body.wp-child-theme-teespace-child-bigstep-lime.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app [data-image-bar][data-image-bar] {
  box-shadow: none !important;
  filter: none !important;
}

html body.wp-child-theme-teespace-child-bigstep-lime.page-id-10.woocommerce-order-received.bigstep-woo-redesign .woocommerce-thankyou-order-received {
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
  background: none !important;
  text-shadow: none !important;
}

/* RC18 game-specific residue: retain game art, remove only legacy navy shells. */
html body.bigstep-graphite-lime-theme .bsc-app.bsc-app :where(
  .bsc-loading,.bs-play-mode-caption,.bsc-view-hint,.bsc-side-column,
  .bsc-milestones > div,.bsc-help-steps > article
) {
  background: #14191a !important;
  background-color: #14191a !important;
  background-image: none !important;
  border-color: #30383a !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme .bsa-app.bsa-app .bsa-canvas-wrap,
html body.bigstep-graphite-lime-theme .bsa-app.bsa-app :where(.bsa-prizes,.bsa-rewards,.bsa-milestones) i,
html body.bigstep-graphite-lime-theme .bspg.bspg .bspg-card-media {
  background: #0d1011 !important;
  background-color: #0d1011 !important;
  background-image: none !important;
  border-color: #30383a !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme .bsqr.bsqr :where(
  .bsqr__benefits > span,.bsqr__color,.bsqr__privacy,.bsqr__guide > div
),
html body.bigstep-graphite-lime-theme .background-removal.background-removal .bs-bgrem-guide > li {
  background: #14191a !important;
  background-color: #14191a !important;
  background-image: none !important;
  border-color: #30383a !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme .bigstep-upscaler.bigstep-upscaler :where(
  .bs-bgrem-quota,.bs-bgrem-drop,.bs-fal-cta-eyebrow
) {
  background: #14191a !important;
  background-color: #14191a !important;
  background-image: none !important;
  border-color: #30383a !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme .bigstep-upscaler.bigstep-upscaler :where(.bs-fal-cta-orb,.bs-fal-cta-aurora) {
  display: none !important;
  background: none !important;
  box-shadow: none !important;
}

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme .bsphoto-blog.bsphoto-blog :where(
  .bsphoto-blog__answer,.bsphoto-blog__toc,.bsphoto-blog__feature,.bsphoto-blog__step,
  .bsphoto-blog__faq-item,.bsphoto-blog__note
) {
  background: #14191a !important;
  background-color: #14191a !important;
  background-image: none !important;
  border-color: #30383a !important;
  color: #cbd2ce !important;
  box-shadow: none !important;
}

html body.wp-child-theme-teespace-child-bigstep-lime.single-product.bigstep-woo-redesign .summary.entry-summary .price.price {
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
  text-shadow: none !important;
}

/* RC19: one breadcrumb separator only. */
html body.bigstep-graphite-lime-theme .haru-page-title .haru-breadcrumb .delimiter.delimiter {
  display: inline-grid !important;
  flex: 0 0 18px !important;
  width: 18px !important;
  min-width: 18px !important;
  height: 24px !important;
  place-items: center !important;
  margin: 0 2px !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme .haru-page-title .haru-breadcrumb .delimiter.delimiter::before {
  content: "–" !important;
  display: block !important;
  position: static !important;
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  background: none !important;
  color: #89928e !important;
  font: 600 14px/1 "Plus Jakarta Sans",sans-serif !important;
  transform: none !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme .haru-page-title .haru-breadcrumb .delimiter.delimiter::after {
  content: none !important;
  display: none !important;
}

/* Policy pages: shared graphite content system. */
html body.bigstep-graphite-lime-theme .bs-policy.bs-policy {
  background: #080a0b !important;
  color: #cbd2ce !important;
  font-family: "Plus Jakarta Sans",sans-serif !important;
}

html body.bigstep-graphite-lime-theme .bs-policy.bs-policy :where(.bs-pol-hero,.bs-pol-sec,.bs-pol-note,.bs-pol-toc) {
  border: 1px solid #30383a !important;
  border-radius: 16px !important;
  background: #111516 !important;
  background-image: none !important;
  color: #cbd2ce !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme .bs-policy.bs-policy :where(h1,h2,h3,h4) {
  color: #f5f6f1 !important;
  font-family: "Chakra Petch",sans-serif !important;
  text-transform: none !important;
  text-shadow: none !important;
}

html body.bigstep-graphite-lime-theme .bs-policy.bs-policy :where(a,.bs-pol-label,.bs-pol-kicker) {
  color: #c8ff00 !important;
  text-decoration-color: rgba(200,255,0,.5) !important;
}

/* About Us: replace the legacy indigo DNA while preserving photos and video. */
html body.bigstep-graphite-lime-theme .bs-about.bs-about {
  background: #080a0b !important;
  background-image: radial-gradient(circle at 86% 4%,rgba(200,255,0,.055),transparent 24%) !important;
  color: #cbd2ce !important;
  font-family: "Plus Jakarta Sans",sans-serif !important;
}

html body.bigstep-graphite-lime-theme .bs-about.bs-about :where(h1,h2,h3) {
  background: none !important;
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
  font-family: "Chakra Petch",sans-serif !important;
  text-transform: none !important;
  text-shadow: none !important;
}

html body.bigstep-graphite-lime-theme .bs-about.bs-about :where(
  .bsa-hero-video,.bsa-story,.bsa-founder,.bsa-founder-photo-inner,.bsa-founder-photo-badge,
  .bsa-founder-stack,.bsa-founder-quote,.bsa-pillar,.bsa-value,.bsa-trust-card,.bsa-cta
) {
  border-color: #30383a !important;
  background: #111516 !important;
  background-color: #111516 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme .bs-about.bs-about :where(
  .bsa-eyebrow,.bsa-hero-chip,.bsa-founder-skill,.bsa-tech,.bsa-btn--ghost
) {
  border-color: #394244 !important;
  background: #171c1d !important;
  background-image: none !important;
  color: #dce1de !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme .bs-about.bs-about :where(.bsa-tag,.bsa-eyebrow,.bsa-trust-logo,.bsa-trust-meta,em) {
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
}

html body.bigstep-graphite-lime-theme .bs-about.bs-about .bsa-value-num {
  background: none !important;
  background-image: none !important;
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
  text-shadow: none !important;
}

html body.bigstep-graphite-lime-theme .bs-about.bs-about :where(.bsa-pillar-icon,.bsa-btn--primary) {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme .bs-about.bs-about :where(.bsa-story-pull,.bsa-founder-photo) {
  border-color: rgba(200,255,0,.42) !important;
  background: rgba(200,255,0,.06) !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Uniform landing: graphite cards and lime actions. */
html body.bigstep-graphite-lime-theme .bs-uniform.bs-uniform {
  background: #080a0b !important;
  background-image: radial-gradient(circle at 86% 4%,rgba(200,255,0,.055),transparent 24%) !important;
  color: #cbd2ce !important;
  font-family: "Plus Jakarta Sans",sans-serif !important;
}

html body.bigstep-graphite-lime-theme .bs-uniform.bs-uniform :where(h1,h2,h3,h4) {
  color: #f5f6f1 !important;
  font-family: "Chakra Petch",sans-serif !important;
  text-transform: none !important;
  text-shadow: none !important;
}

html body.bigstep-graphite-lime-theme .bs-uniform.bs-uniform :where(
  .bsu-proof > div,.bsu-strip__grid > div,.bsu-mini-product,.bsu-product-card,
  .bsu-segment-card,.bsu-step,.bsu-instagram,.bsu-video-card,.bsu-final__box,
  .bsu-section--soft,.bsu-btn--ghost
) {
  border-color: #30383a !important;
  background: #111516 !important;
  background-color: #111516 !important;
  background-image: none !important;
  color: #dce1de !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme .bs-uniform.bs-uniform .bsu-btn.bsu-btn--primary {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-color: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme .bs-uniform.bs-uniform :where(.bsu-kicker,.bsu-eyebrow,.bsu-tag,.bsu-section-label) {
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
}

/* RC20: Studio tabs, guided tour and side thumbnails. */
html body.wp-child-theme-teespace-child-bigstep-lime.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-ai-tabs.bigstep-ai-ai-tabs .bigstep-ai-upload-tab.is-active {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-color: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: none !important;
}

html body.wp-child-theme-teespace-child-bigstep-lime.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-ai-tabs .bigstep-ai-upload-tab.is-active :where(span,strong,small) {
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
}

html body.wp-child-theme-teespace-child-bigstep-lime.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-ai-tabs .bigstep-ai-upload-tab.is-active .bigstep-ai-upload-tab-badge {
  border-color: #080a0b !important;
  background: #080a0b !important;
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
}

html body.wp-child-theme-teespace-child-bigstep-lime.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-side-tab__thumb.bigstep-ai-side-tab__thumb {
  background-color: #171c1d !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  border-color: #394244 !important;
  box-shadow: none !important;
}

html body.wp-child-theme-teespace-child-bigstep-lime.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme :where(
  .bigstep-ai-tour-bubble,.bigstep-ai-tour-prompt
) {
  border: 1px solid #394244 !important;
  background: #111516 !important;
  background-color: #111516 !important;
  background-image: none !important;
  color: #f5f6f1 !important;
  box-shadow: 0 18px 46px rgba(0,0,0,.42) !important;
  font-family: "Plus Jakarta Sans",sans-serif !important;
}

html body.wp-child-theme-teespace-child-bigstep-lime.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-tour-bubble :where(h3,p),
html body.wp-child-theme-teespace-child-bigstep-lime.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-tour-prompt :where(strong,span) {
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
  text-shadow: none !important;
}

html body.wp-child-theme-teespace-child-bigstep-lime.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme :where(
  .bigstep-ai-tour-kicker,.bigstep-ai-tour-prompt-icon
) {
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
}

html body.wp-child-theme-teespace-child-bigstep-lime.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme :where(
  .bigstep-ai-tour-skip,.bigstep-ai-tour-prompt-dismiss,.bigstep-ai-tour-prompt-close
) {
  border-color: #394244 !important;
  background: #171c1d !important;
  background-image: none !important;
  color: #dce1de !important;
  box-shadow: none !important;
}

html body.wp-child-theme-teespace-child-bigstep-lime.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme :where(
  .bigstep-ai-tour-next,.bigstep-ai-tour-prompt-start
) {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: none !important;
}

html body.wp-child-theme-teespace-child-bigstep-lime.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme :where(
  .bigstep-ai-tour-pointer,.bigstep-ai-tour-pointer-dot
) {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  box-shadow: none !important;
}

html body.wp-child-theme-teespace-child-bigstep-lime.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-tour-scrim {
  background: rgba(8,10,11,.42) !important;
  backdrop-filter: none !important;
}

/* RC20: policy pages need a readable content measure and consistent spacing. */
html body.bigstep-graphite-lime-theme .bs-policy.bs-policy .bs-policy-inner {
  display: grid !important;
  gap: 16px !important;
  width: min(1180px,calc(100% - 40px)) !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 52px 0 72px !important;
}

html body.bigstep-graphite-lime-theme .bs-policy.bs-policy .bs-pol-hero {
  padding: 34px 36px !important;
}

html body.bigstep-graphite-lime-theme .bs-policy.bs-policy :where(.bs-pol-sec,.bs-pol-note,.bs-pol-toc) {
  padding: 26px 30px !important;
}

html body.bigstep-graphite-lime-theme .bs-policy.bs-policy :where(.bs-pol-sec,.bs-pol-hero) > :first-child {
  margin-top: 0 !important;
}

html body.bigstep-graphite-lime-theme .bs-policy.bs-policy :where(.bs-pol-sec,.bs-pol-hero) > :last-child {
  margin-bottom: 0 !important;
}

@media (max-width: 767px) {
  html body.bigstep-graphite-lime-theme .bs-policy.bs-policy .bs-policy-inner {
    width: min(100% - 24px,1180px) !important;
    padding: 26px 0 44px !important;
  }
  html body.bigstep-graphite-lime-theme .bs-policy.bs-policy :where(.bs-pol-hero,.bs-pol-sec,.bs-pol-note,.bs-pol-toc) {
    padding: 22px 18px !important;
    border-radius: 13px !important;
  }
}

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme .bsphoto-blog.bsphoto-blog :where(
  h1,h2,h3,h4,strong,b,a
) {
  color: #f5f6f1 !important;
  text-shadow: none !important;
}

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme .bsphoto-blog.bsphoto-blog :where(
  .bsphoto-blog__eyebrow,.bsphoto-blog__kicker,.bsphoto-blog__tag
) {
  color: #c8ff00 !important;
}

/* RC17 absolute plugin-order lock for games and utilities. */
html body.bigstep-graphite-lime-theme :is(
  .bsa-app.bsa-app,.bst-app.bst-app,.bsc-app.bsc-app,.bsb-app.bsb-app,
  .bss-app.bss-app,.bcm.bcm,.bspg.bspg
) {
  background: #080a0b !important;
  background-color: #080a0b !important;
  background-image: radial-gradient(circle,rgba(89,99,95,.28) 1px,transparent 1.2px) !important;
  background-size: 24px 24px !important;
  color: #f5f6f1 !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme :is(
  .bsa-app.bsa-app,.bst-app.bst-app,.bsc-app.bsc-app,.bsb-app.bsb-app,
  .bss-app.bss-app,.bcm.bcm,.bspg.bspg
) :where(
  .bsa-game-card,.bsa-panel,.bsa-modal > section,
  .bst-setup,.bst-draw,.bst-result,.bst-ai-reading,.bst-card-meaning,.bst-disclaimer,
  .bsc-game-shell,.bsc-panel,.bsc-intro-card,.bsc-level-card,.bsc-modal-card,
  .bsb-game-shell,.bsb-modal > section,.bss-game-shell,.bss-modal > section,
  .bcm-console,.bcm-panel,.bcm-modal > section,.bcm-levels,
  .bspg-card,.bspg-rewards,.bspg-how,.bspg-conversion,.bspg-final
) {
  border-color: #30383a !important;
  background: #111516 !important;
  background-color: #111516 !important;
  background-image: none !important;
  color: #cbd2ce !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme :is(
  .bsa-app.bsa-app,.bst-app.bst-app,.bsc-app.bsc-app,.bsb-app.bsb-app,
  .bss-app.bss-app,.bcm.bcm,.bspg.bspg
) :where(
  .bst-topics button,.bst-spreads button,.bst-question textarea,.bst-secondary,.bst-draw-cta,
  .bsa-game-topbar,.bsa-controls,.bsa-rewards article,.bsa-rules li,
  .bsc-hud,.bsc-level-hud,.bsc-prize-card,.bsc-help-steps li,
  .bs-play-mode,.bs-play-mode [data-play-mode],
  .bcm-console-topbar,.bcm-controls,.bcm-rewards article,.bcm-rules li,
  .bspg-stats,.bspg-step,.bspg-reward-list li
) {
  border-color: #394244 !important;
  background: #171c1d !important;
  background-image: none !important;
  color: #cbd2ce !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

html body.bigstep-graphite-lime-theme :is(
  .bsa-app.bsa-app,.bst-app.bst-app,.bsc-app.bsc-app,.bsb-app.bsb-app,
  .bss-app.bss-app,.bcm.bcm,.bspg.bspg
) :where(
  .bst-topics button,.bst-spreads button,.bs-play-mode [data-play-mode]
):is(.is-active,[aria-pressed="true"],[aria-checked="true"],:hover,:focus-visible) {
  border-color: #c8ff00 !important;
  background: rgba(200,255,0,.12) !important;
  color: #c8ff00 !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme :is(
  .bsa-app.bsa-app,.bst-app.bst-app,.bsc-app.bsc-app,.bsb-app.bsb-app,
  .bss-app.bss-app,.bcm.bcm,.bspg.bspg
) :where(
  .bsa-overlay > button,.bsa-result-actions .is-reward,.bsa-modal-primary,.bsa-shop-link,
  .bst-primary,.bst-shirt-link,.bsc-grab,.bsc-again,.bsc-use-voucher,
  .bsb-shop-link,.bss-shop-link,.bcm-studio-link,.bcm-result-actions .is-reward,
  .bspg-primary,.bspg-play,.bspg-reward-link
) {
  border: 1px solid #c8ff00 !important;
  background: #c8ff00 !important;
  background-color: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

html body.bigstep-graphite-lime-theme :is(
  .bsa-app.bsa-app,.bst-app.bst-app,.bsc-app.bsc-app,.bsb-app.bsb-app,
  .bss-app.bss-app,.bcm.bcm,.bspg.bspg
) :where(h1,h2,h3,h4,h5,h6) {
  font-family: "Chakra Petch",sans-serif !important;
  text-transform: none !important;
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
  text-shadow: none !important;
}

html body.bigstep-graphite-lime-theme :is(
  .bsqr.bsqr,.bigstep-upscaler.bigstep-upscaler,
  .background-removal.background-removal,.bs-dithering-wrapper.bs-dithering-wrapper
) {
  background: #080a0b !important;
  background-color: #080a0b !important;
  background-image: none !important;
  color: #cbd2ce !important;
  box-shadow: none !important;
}

/* RC17 order-received absolute lock against late Woo/NBD rules. */
html body.woocommerce-order-received.bigstep-woo-redesign.bigstep-graphite-lime-theme {
  background: #080a0b !important;
  background-color: #080a0b !important;
  background-image: none !important;
  color: #cbd2ce !important;
}

html body.woocommerce-order-received.bigstep-woo-redesign.bigstep-graphite-lime-theme #haru-content-main#haru-content-main .bigstep-thankyou-hero .bigstep-thankyou-hero__title {
  background: none !important;
  background-image: none !important;
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
  text-shadow: none !important;
  filter: none !important;
}

html body.woocommerce-order-received.bigstep-woo-redesign.bigstep-graphite-lime-theme #haru-content-main#haru-content-main .woocommerce-order .woocommerce-order-overview.woocommerce-order-overview,
html body.woocommerce-order-received.bigstep-woo-redesign.bigstep-graphite-lime-theme #haru-content-main#haru-content-main .woocommerce-order .woocommerce-order-details.woocommerce-order-details,
html body.woocommerce-order-received.bigstep-woo-redesign.bigstep-graphite-lime-theme #haru-content-main#haru-content-main .woocommerce-order .woocommerce-customer-details.woocommerce-customer-details {
  padding: 22px !important;
  border: 1px solid #30383a !important;
  border-radius: 14px !important;
  background: #111516 !important;
  background-color: #111516 !important;
  background-image: none !important;
  color: #cbd2ce !important;
  box-shadow: none !important;
}

html body.woocommerce-order-received.bigstep-woo-redesign.bigstep-graphite-lime-theme #haru-content-main#haru-content-main .woocommerce-order table.woocommerce-table--order-details {
  overflow: hidden !important;
  border: 1px solid #30383a !important;
  border-radius: 12px !important;
  background: #111516 !important;
  background-image: none !important;
  color: #cbd2ce !important;
  box-shadow: none !important;
}

html body.woocommerce-order-received.bigstep-woo-redesign.bigstep-graphite-lime-theme #haru-content-main#haru-content-main .woocommerce-order table.woocommerce-table--order-details :where(th,td,tr,thead,tbody,tfoot) {
  border-color: #30383a !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #cbd2ce !important;
  box-shadow: none !important;
}

html body.woocommerce-order-received.bigstep-woo-redesign.bigstep-graphite-lime-theme #haru-content-main#haru-content-main .woocommerce-order table.woocommerce-table--order-details thead th {
  background: #171c1d !important;
  color: #f5f6f1 !important;
}

html body.woocommerce-order-received.bigstep-woo-redesign.bigstep-graphite-lime-theme #haru-content-main#haru-content-main .woocommerce-order .woocommerce-customer-details address {
  border: 1px solid #30383a !important;
  border-radius: 12px !important;
  background: #171c1d !important;
  background-image: none !important;
  color: #cbd2ce !important;
  box-shadow: none !important;
}

html body.woocommerce-order-received.bigstep-woo-redesign.bigstep-graphite-lime-theme #haru-content-main#haru-content-main .woocommerce-order :where(
  .woocommerce-order-details__title,.woocommerce-column__title
) {
  background: none !important;
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
  text-transform: none !important;
  text-shadow: none !important;
}

html body.bigstep-graphite-lime-theme :is(
  .bsqr.bsqr,.bigstep-upscaler.bigstep-upscaler,
  .background-removal.background-removal,.bs-dithering-wrapper.bs-dithering-wrapper
) :where(.bsqr__app,.bsqr__editor,.bsqr__preview,.bsqr__guide,[class*="upscaler__card"],[class*="upscaler__panel"],.background-removal-guide,.background-removal-content,.bs-dither-panel,.bs-panel) {
  border-color: #30383a !important;
  background-color: #111516 !important;
  background-image: none !important;
  color: #cbd2ce !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme :is(
  .bsqr.bsqr,.bigstep-upscaler.bigstep-upscaler,
  .background-removal.background-removal,.bs-dithering-wrapper.bs-dithering-wrapper
) :where(input,textarea,select,button:not(.is-primary)) {
  border-color: #394244 !important;
  background-color: #171c1d !important;
  background-image: none !important;
  color: #dce1de !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme :is(
  .bsqr.bsqr,.bigstep-upscaler.bigstep-upscaler,
  .background-removal.background-removal,.bs-dithering-wrapper.bs-dithering-wrapper
) :where(.is-primary,button[type="submit"],.bsqr__tabs button.is-active) {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: none !important;
}

/* RC17 hard reset — no legacy violet/navy/white shells. */
html body.blog.bigstep-content-redesign.bigstep-graphite-lime-theme,
html body.blog.bigstep-content-redesign.bigstep-graphite-lime-theme #haru-main#haru-main,
html body.blog.bigstep-content-redesign.bigstep-graphite-lime-theme #haru-content-main#haru-content-main,
html body.blog.bigstep-content-redesign.bigstep-graphite-lime-theme :where(.bs-blog-aurora,.bs-blog-layout,.bs-blog-main,.bs-blog-side) {
  background-color: #080a0b !important;
  color: #cbd2ce !important;
  box-shadow: none !important;
}

/* Trustindex uses a real horizontal track; all cards retain a usable width. */
html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsrv-section .ti-reviews-container {
  position: relative !important;
  padding: 0 18px !important;
  overflow: hidden !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsrv-section .ti-reviews-container-wrapper {
  display: flex !important;
  grid-template-columns: none !important;
  gap: 14px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-behavior: smooth !important;
  scroll-snap-type: x mandatory !important;
  scrollbar-width: none !important;
  transform: none !important;
  transition: none !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsrv-section .ti-reviews-container-wrapper::-webkit-scrollbar {
  display: none !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsrv-section .ti-review-item.ti-review-item {
  display: block !important;
  flex: 0 0 calc((100% - 42px)/4) !important;
  width: calc((100% - 42px)/4) !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  scroll-snap-align: start !important;
  transform: none !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsrv-section .ti-review-item .ti-inner {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 100% !important;
  overflow: hidden !important;
  border: 1px solid #30383a !important;
  border-radius: 14px !important;
  background: #14191a !important;
  background-image: none !important;
  color: #cbd2ce !important;
  box-shadow: none !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsrv-section :where(.ti-name,.ti-review-content,.ti-review-text-container) {
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  white-space: normal !important;
}

/* Studio shell and all tool panels. */
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme,
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app,
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app :where(
  .bigstep-ai-sidebar,.bigstep-ai-tool-panel,.bigstep-ai-panel,.bigstep-ai-panel-section,
  .bigstep-ai-ai-tab-panel,.bigstep-ai-editor-topbar,.bigstep-ai-editor-canvas-area
) {
  --bs-studio-bg: #080a0b;
  --bs-studio-panel: #0f1213;
  --bs-studio-card: #14191a;
  --bs-studio-control: #1b2022;
  --bs-studio-border: #30383a;
  --bs-studio-muted: #a0a8a4;
  --bs-studio-text: #f5f6f1;
  --bs-studio-lime: #c8ff00;
  border-color: #30383a !important;
  background-color: #0f1213 !important;
  background-image: none !important;
  color: #f5f6f1 !important;
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app :where(
  .bigstep-ai-editor-canvas-area,.bigstep-ai-canvas-scroll,.bigstep-ai-canvas-stage
) {
  background-color: #0d1011 !important;
  background-image: radial-gradient(circle,rgba(89,99,95,.58) 1px,transparent 1.2px) !important;
  background-size: 18px 18px !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-ai-tabs.bigstep-ai-ai-tabs {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 4px !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 5px !important;
  overflow: hidden !important;
  border: 1px solid #30383a !important;
  background: #111516 !important;
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-ai-tabs .bigstep-ai-upload-tab.bigstep-ai-upload-tab {
  display: flex !important;
  justify-content: center !important;
  gap: 3px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 9px 5px !important;
  overflow: hidden !important;
  border: 1px solid transparent !important;
  border-radius: 9px !important;
  background: transparent !important;
  background-image: none !important;
  color: #aeb7b2 !important;
  box-shadow: none !important;
  font-size: 11px !important;
  white-space: nowrap !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-ai-tabs .bigstep-ai-upload-tab.is-active {
  border-color: rgba(200,255,0,.38) !important;
  background: rgba(200,255,0,.12) !important;
  color: #c8ff00 !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-upload-tab-badge {
  flex: 0 1 auto !important;
  max-width: 37px !important;
  padding: 1px 4px !important;
  overflow: hidden !important;
  border: 1px solid rgba(200,255,0,.30) !important;
  background: #1b2022 !important;
  color: #c8ff00 !important;
  box-shadow: none !important;
  font-size: 7px !important;
  text-overflow: clip !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app :where(
  .bigstep-merch-hub-hero,.bigstep-merch-hub-search,.bigstep-merch-hub-card,
  .bigstep-ai-editor-ai-result,.bigstep-ai-history-chip,.bigstep-ai-points-pill,
  .bigstep-ai-asset-card,.bigstep-ai-tool,.bigstep-ai-field,.bigstep-ai-control
) {
  border-color: #30383a !important;
  background-color: #14191a !important;
  background-image: none !important;
  color: #dce1de !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app :where(
  .bigstep-merch-hub-search input,input[type="text"],input[type="search"],textarea,select,
  .bigstep-ai-text-bar-select
) {
  border-color: #394244 !important;
  background: #1b2022 !important;
  background-image: none !important;
  color: #dce1de !important;
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-merch-hub-card.bigstep-merch-hub-card {
  border: 1px solid #30383a !important;
  background: #14191a !important;
  color: #f5f6f1 !important;
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-merch-hub-card.bigstep-merch-hub-card:is(:hover,:focus-visible,.is-active) {
  border-color: rgba(200,255,0,.52) !important;
  background: #171c1d !important;
  color: #f5f6f1 !important;
  box-shadow: none !important;
  transform: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-merch-hub-filters button {
  border-color: #394244 !important;
  background: #171c1d !important;
  background-image: none !important;
  color: #aeb7b2 !important;
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-merch-hub-filters button:is(.is-active,:hover,:focus-visible) {
  border-color: #c8ff00 !important;
  background: rgba(200,255,0,.12) !important;
  color: #c8ff00 !important;
}

/* Text and image popups: neutral graphite at every nesting level. */
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app :where(
  [data-text-popup].bigstep-ai-text-bar,[data-image-bar].bigstep-ai-image-bar
) {
  border: 1px solid #30383a !important;
  background: #0d1011 !important;
  background-color: #0d1011 !important;
  background-image: none !important;
  color: #f5f6f1 !important;
  box-shadow: 0 18px 46px rgba(0,0,0,.46) !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app :where(
  [data-text-popup].bigstep-ai-text-bar,[data-image-bar].bigstep-ai-image-bar
)::before,
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app :where(
  [data-text-popup].bigstep-ai-text-bar,[data-image-bar].bigstep-ai-image-bar
)::after {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app :where(
  [data-text-popup],[data-image-bar]
) :where(.bigstep-ai-text-bar-group,.bigstep-ai-text-bar-label,.bigstep-ai-image-mode-tabs,.bigstep-ai-image-edit-section,.bigstep-ai-image-menu) {
  border-color: #30383a !important;
  background-color: #111516 !important;
  background-image: none !important;
  color: #cbd2ce !important;
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app :where(
  [data-text-popup],[data-image-bar]
) :where(button,.bigstep-ai-tool,input,select,.bigstep-ai-text-bar-select) {
  border-color: #394244 !important;
  background: #1b2022 !important;
  background-image: none !important;
  color: #dce1de !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app :where(
  [data-text-popup],[data-image-bar]
) :where(button,.bigstep-ai-tool):is(.is-active,[aria-pressed="true"],:hover,:focus-visible) {
  border-color: #c8ff00 !important;
  background: rgba(200,255,0,.12) !important;
  color: #c8ff00 !important;
  box-shadow: none !important;
}

@media (max-width: 991px) {
  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsrv-section .ti-review-item.ti-review-item {
    flex-basis: calc((100% - 14px)/2) !important;
    width: calc((100% - 14px)/2) !important;
  }
}

@media (max-width: 640px) {
  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsrv-section .ti-review-item.ti-review-item {
    flex-basis: 100% !important;
    width: 100% !important;
  }
}

/* RC63.1 win over older per-card paint locks. */
html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsig-wrap .bsig-feed .sbi_item.sbi_item,
html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsig-wrap .bsig-feed .sbi_item.sbi_item :where(.sbi_photo_wrap,.sbi_photo,.sbi_photo::before,.sbi_photo::after,.sbi_photo img) {
  border-radius: 14px !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsrv-section .ti-widget.ti-widget .ti-inner.ti-inner {
  border-radius: 14px !important;
}

/* Compact three-step flow: consistent card geometry and concise connectors. */
html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-steps {
  padding: 34px 0 44px !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-steps h2 {
  margin-bottom: 22px !important;
  font-size: clamp(28px,2vw,34px) !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-steps__grid {
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 28px !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-steps__grid article {
  grid-template-columns: 40px 46px minmax(0,1fr) !important;
  min-height: 112px !important;
  gap: 12px !important;
  padding: 16px 18px !important;
  border-radius: 14px !important;
  background: #111516 !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-steps__grid b {
  width: 40px !important;
  height: 40px !important;
  border-radius: 10px !important;
  font-size: 18px !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-step-icon {
  width: 46px !important;
  height: 46px !important;
  border-radius: 12px !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-step-icon svg {
  width: 29px !important;
  height: 29px !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-steps__grid h3 {
  margin-bottom: 4px !important;
  font-size: 16px !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-steps__grid p {
  font-size: 12px !important;
  line-height: 1.45 !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-steps__grid article:not(:last-child)::after {
  left: calc(100% + 7px) !important;
  width: 14px !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-steps__grid article:not(:last-child)::before {
  left: calc(100% + 21px) !important;
}

@media (max-width: 960px) {
  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-steps__grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
}

/* RC46 product-template lock: legacy mobile rules contain an ID selector and
 * otherwise force the product name onto a second row. */
html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-content-main#haru-content-main .haru-page-title .haru-page-title__content .haru-page-title__breadcrumbs .haru-breadcrumb.haru-breadcrumb {
  flex-wrap: nowrap !important;
  min-height: 44px !important;
  height: 44px !important;
  max-height: 44px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

@media (max-width: 640px) {
  html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-content-main#haru-content-main .haru-page-title .haru-page-title__content .haru-page-title__breadcrumbs .haru-breadcrumb.haru-breadcrumb {
    flex-wrap: nowrap !important;
    min-height: 42px !important;
    height: 42px !important;
    max-height: 42px !important;
    overflow: hidden !important;
  }

  html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-content-main#haru-content-main .haru-page-title .haru-page-title__content .haru-page-title__breadcrumbs .haru-breadcrumb.haru-breadcrumb > .current:last-child {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: 1 1 0 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    line-height: 1.25 !important;
  }

  html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-content-main#haru-content-main .haru-page-title .haru-page-title__content .haru-page-title__breadcrumbs .haru-breadcrumb.haru-breadcrumb > .delimiter:nth-last-child(2) {
    display: grid !important;
  }
}

/* RC46 — one breadcrumb language across public pages.
 * Remove the old pill-inside-panel-inside-title treatment and keep a compact,
 * readable path with a single chevron separator. */
html body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface) .haru-page-title.haru-page-title {
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #252c2e !important;
  border-radius: 0 !important;
  background: #0b0e0f !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface) .haru-page-title .haru-page-title__content.haru-page-title__content {
  display: block !important;
  width: min(calc(100% - 32px),1230px) !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface) .haru-page-title .haru-page-title__breadcrumbs.haru-page-title__breadcrumbs {
  display: block !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  color: #a0a8a4 !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface) .haru-page-title .haru-breadcrumb.haru-breadcrumb {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 44px !important;
  height: 44px !important;
  max-height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  color: #8f9994 !important;
  box-shadow: none !important;
  font-family: var(--bs-body-font,"Plus Jakarta Sans",sans-serif) !important;
  font-size: 13px !important;
  font-weight: 550 !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
}

html body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface) .haru-page-title .haru-breadcrumb.haru-breadcrumb::before,
html body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface) .haru-page-title .haru-breadcrumb.haru-breadcrumb::after,
html body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface) .haru-page-title .haru-breadcrumb.haru-breadcrumb > :where(a,span)::after {
  content: none !important;
  display: none !important;
}

html body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface) .haru-page-title .haru-breadcrumb.haru-breadcrumb > :where(a,.current) {
  display: block !important;
  flex: 0 0 auto !important;
  min-width: 0 !important;
  max-width: min(34vw,420px) !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  color: #aeb7b2 !important;
  -webkit-text-fill-color: #aeb7b2 !important;
  box-shadow: none !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface) .haru-page-title .haru-breadcrumb.haru-breadcrumb > .current:last-child {
  flex: 1 1 auto !important;
  max-width: 620px !important;
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
  font-weight: 650 !important;
}

html body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface) .haru-page-title .haru-breadcrumb.haru-breadcrumb > .delimiter.delimiter {
  position: static !important;
  display: grid !important;
  flex: 0 0 12px !important;
  width: 12px !important;
  min-width: 12px !important;
  height: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  place-items: center !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  color: #65706b !important;
  box-shadow: none !important;
  font-size: 0 !important;
  transform: none !important;
}

html body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface) .haru-page-title .haru-breadcrumb.haru-breadcrumb > .delimiter.delimiter::before {
  content: "›" !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  background: none !important;
  color: #65706b !important;
  font-family: Arial,sans-serif !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  transform: none !important;
}

@media (max-width: 640px) {
  html body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface) .haru-page-title .haru-page-title__content.haru-page-title__content {
    width: calc(100% - 24px) !important;
  }

  html body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface) .haru-page-title .haru-breadcrumb.haru-breadcrumb {
    gap: 6px !important;
    min-height: 42px !important;
    height: 42px !important;
    max-height: 42px !important;
    overflow: hidden !important;
    font-size: 12px !important;
  }

  html body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface) .haru-page-title .haru-breadcrumb.haru-breadcrumb > .current:not(:last-child),
  html body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface) .haru-page-title .haru-breadcrumb.haru-breadcrumb > a:not(:last-child) {
    max-width: 118px !important;
  }

  html body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface) .haru-page-title .haru-breadcrumb.haru-breadcrumb > .current:last-child {
    flex: 1 1 0 !important;
    max-width: none !important;
  }
}

/* RC17 global graphite foundation. */
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) {
  background: #080a0b !important;
  background-color: #080a0b !important;
  background-image: radial-gradient(circle at 86% 4%,rgba(200,255,0,.055),transparent 24%) !important;
  color: #cbd2ce !important;
}

/* Games and Playground share one visual token set without recoloring game art. */
html body.bigstep-graphite-lime-theme :where(.bsa-app,.bst-app,.bsc-app,.bsb-app,.bss-app,.bcm,.bspg) {
  --bs-theme-bg: #080a0b;
  --bs-theme-panel: #111516;
  --bs-theme-card: #14191a;
  --bs-theme-control: #1b2022;
  --bs-theme-border: #30383a;
  --bs-theme-text: #f5f6f1;
  --bs-theme-muted: #a0a8a4;
  --bs-theme-accent: #c8ff00;
  --bs-theme-ink: #080a0b;
  background-color: #080a0b !important;
  background-image: radial-gradient(circle,rgba(89,99,95,.28) 1px,transparent 1.2px) !important;
  background-size: 24px 24px !important;
  color: #f5f6f1 !important;
  font-family: "Plus Jakarta Sans",sans-serif !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme :where(.bsa-app,.bst-app,.bsc-app,.bsb-app,.bss-app,.bcm,.bspg) :where(
  h1,h2,h3,h4,h5,h6,.bspg-section-head h2
) {
  font-family: "Chakra Petch",sans-serif !important;
  text-transform: none !important;
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
  text-shadow: none !important;
}

html body.bigstep-graphite-lime-theme :where(.bsa-app,.bst-app,.bsc-app,.bsb-app,.bss-app,.bcm,.bspg) :where(
  .bsa-noise,.bst-stars,.bcm-noise,.bspg-hero-art::before,.bspg-hero-art::after
) {
  background-image: radial-gradient(circle,rgba(89,99,95,.45) 1px,transparent 1.2px) !important;
  box-shadow: none !important;
  filter: none !important;
}

html body.bigstep-graphite-lime-theme :where(.bsa-app,.bst-app,.bsc-app,.bsb-app,.bss-app,.bcm,.bspg) :where(
  .bsa-game-card,.bsa-panel,.bsa-modal > section,
  .bst-setup,.bst-draw,.bst-result,.bst-ai-reading,.bst-card-meaning,.bst-disclaimer,
  .bsc-game-shell,.bsc-panel,.bsc-intro-card,.bsc-level-card,.bsc-modal-card,
  .bsb-game-shell,.bsb-modal > section,.bss-game-shell,.bss-modal > section,
  .bcm-console,.bcm-panel,.bcm-modal > section,.bcm-levels,
  .bspg-card,.bspg-rewards,.bspg-how,.bspg-conversion,.bspg-final
) {
  border-color: #30383a !important;
  background: #111516 !important;
  background-color: #111516 !important;
  background-image: none !important;
  color: #cbd2ce !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme :where(.bsa-app,.bst-app,.bsc-app,.bsb-app,.bss-app,.bcm,.bspg) :where(
  .bsa-game-topbar,.bsa-controls,.bsa-rewards article,.bsa-rules li,
  .bst-topics button,.bst-spreads button,.bst-question textarea,.bst-secondary,.bst-draw-cta,
  .bsc-hud,.bsc-level-hud,.bsc-prize-card,.bsc-help-steps li,.bsc-runtime-meta,
  .bs-play-mode,.bs-play-mode [data-play-mode],
  .bcm-console-topbar,.bcm-controls,.bcm-rewards article,.bcm-rules li,
  .bspg-stats,.bspg-step,.bspg-reward-list li
) {
  border-color: #394244 !important;
  background-color: #171c1d !important;
  background-image: none !important;
  color: #cbd2ce !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

html body.bigstep-graphite-lime-theme :where(.bsa-app,.bst-app,.bsc-app,.bsb-app,.bss-app,.bcm,.bspg) :where(
  button,a,[role="button"],[role="radio"]
):is(:hover,:focus-visible,.is-active,[aria-pressed="true"],[aria-checked="true"]) {
  border-color: #c8ff00 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
}

html body.bigstep-graphite-lime-theme :where(.bsa-app,.bst-app,.bsc-app,.bsb-app,.bss-app,.bcm,.bspg) :where(
  .bsa-overlay > button,.bsa-result-actions .is-reward,.bsa-modal-primary,.bsa-shop-link,
  .bst-primary,.bst-shirt-link,
  .bsc-grab,.bsc-again,.bsc-use-voucher,
  .bsb-shop-link,.bss-shop-link,
  .bcm-studio-link,.bcm-result-actions .is-reward,
  .bspg-primary,.bspg-play,.bspg-reward-link
) {
  border: 1px solid #c8ff00 !important;
  background: #c8ff00 !important;
  background-color: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
}

html body.bigstep-graphite-lime-theme :where(.bsa-app,.bst-app,.bsc-app,.bsb-app,.bss-app,.bcm,.bspg) :where(
  .bsa-result-actions .is-primary,.bsa-modal-close,.bsa-sound-toggle,
  .bst-secondary,.bst-draw-cta,
  .bsc-restart,.bsc-modal [data-close],
  .bsb-modal-close,.bss-modal-close,.bcm-modal [data-close],
  .bspg-secondary
) {
  border: 1px solid #495254 !important;
  background: #171c1d !important;
  background-image: none !important;
  color: #dce1de !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme :where(.bsa-app,.bst-app,.bsc-app,.bsb-app,.bss-app,.bcm,.bspg) :where(
  .bsa-kicker,.bsa-result-label,.bst-eyebrow,.bst-card-meaning > span,
  .bsc-kicker,.bsc-page-kicker,.bsc-rarity,.bcm-kicker,.bspg-kicker
) {
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
  text-shadow: none !important;
}

/* Utilities. */
html body.bigstep-graphite-lime-theme :where(.bsqr,.bigstep-upscaler,.background-removal,.bs-dithering-wrapper) {
  --bs-accent: #c8ff00 !important;
  --bs-bg: #080a0b !important;
  --bs-card: #111516 !important;
  --bs-line: #30383a !important;
  --bs-text: #f5f6f1 !important;
  --bs-muted: #a0a8a4 !important;
  background: #080a0b !important;
  background-color: #080a0b !important;
  background-image: none !important;
  color: #cbd2ce !important;
  font-family: "Plus Jakarta Sans",sans-serif !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme :where(.bsqr,.bigstep-upscaler,.background-removal,.bs-dithering-wrapper) :where(h1,h2,h3,h4) {
  font-family: "Chakra Petch",sans-serif !important;
  text-transform: none !important;
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
  text-shadow: none !important;
}

html body.bigstep-graphite-lime-theme :where(.bsqr,.bigstep-upscaler,.background-removal,.bs-dithering-wrapper) :where(
  .bsqr__app,.bsqr__editor,.bsqr__preview,.bsqr__guide,
  [class*="upscaler__card"],[class*="upscaler__panel"],
  .background-removal-guide,.background-removal-content,.bs-dither-panel,.bs-panel
) {
  border-color: #30383a !important;
  background-color: #111516 !important;
  background-image: none !important;
  color: #cbd2ce !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme :where(.bsqr,.bigstep-upscaler,.background-removal,.bs-dithering-wrapper) :where(
  input,textarea,select,.bsqr__tabs,.bsqr__tabs button,.bsqr__upload,.bsqr__option-head button,
  button:not(.is-primary),a:not(.is-primary)
) {
  border-color: #394244 !important;
  background-color: #171c1d !important;
  background-image: none !important;
  color: #dce1de !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme :where(.bsqr,.bigstep-upscaler,.background-removal,.bs-dithering-wrapper) :where(
  .bsqr__tabs button.is-active,.bsqr__actions .is-primary,[class*="upscaler"] .is-primary,
  .background-removal button[type="submit"],.bs-dithering-wrapper button[type="submit"]
) {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: none !important;
}

/* WooCommerce order-received / thank-you. */
html body.woocommerce-order-received.bigstep-woo-redesign.bigstep-graphite-lime-theme,
html body.woocommerce-order-received.bigstep-woo-redesign.bigstep-graphite-lime-theme :where(#haru-main,#haru-content-main,.woocommerce,.woocommerce-order) {
  background-color: #080a0b !important;
  background-image: none !important;
  color: #cbd2ce !important;
}

html body.woocommerce-order-received.bigstep-woo-redesign.bigstep-graphite-lime-theme .bigstep-thankyou-hero {
  overflow: hidden !important;
  border: 1px solid #30383a !important;
  border-radius: 20px !important;
  background: #111516 !important;
  background-image: radial-gradient(circle at 80% 0,rgba(200,255,0,.10),transparent 34%) !important;
  color: #cbd2ce !important;
  box-shadow: none !important;
}

html body.woocommerce-order-received.bigstep-woo-redesign.bigstep-graphite-lime-theme .bigstep-thankyou-hero__title,
html body.woocommerce-order-received.bigstep-woo-redesign.bigstep-graphite-lime-theme :where(.woocommerce-order-details__title,.woocommerce-column__title) {
  font-family: "Chakra Petch",sans-serif !important;
  text-transform: none !important;
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
}

html body.woocommerce-order-received.bigstep-woo-redesign.bigstep-graphite-lime-theme :where(
  .woocommerce-order-overview,.woocommerce-order-details,.woocommerce-customer-details,
  .woocommerce-table--order-details,.woocommerce-customer-details address,.bigstep-ai-email-mockup
) {
  border-color: #30383a !important;
  background: #111516 !important;
  background-image: none !important;
  color: #cbd2ce !important;
  box-shadow: none !important;
}

html body.woocommerce-order-received.bigstep-woo-redesign.bigstep-graphite-lime-theme :where(
  table,thead,tbody,tfoot,tr,th,td,.woocommerce-order-overview li
) {
  border-color: #30383a !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #cbd2ce !important;
  box-shadow: none !important;
}

html body.woocommerce-order-received.bigstep-woo-redesign.bigstep-graphite-lime-theme :where(
  .bigstep-thankyou-btn,.bigstep-thankyou-btn--primary
) {
  border: 1px solid #c8ff00 !important;
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: none !important;
}

html body.woocommerce-order-received.bigstep-woo-redesign.bigstep-graphite-lime-theme .bigstep-thankyou-btn--zalo {
  border-color: #495254 !important;
  background: #171c1d !important;
  color: #dce1de !important;
  -webkit-text-fill-color: #dce1de !important;
}

/* RC15 — finish graphite/lime surfaces called out in visual QA. */
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app [data-image-bar].bigstep-ai-image-bar {
  border: 1px solid #30383a !important;
  background: #0d1011 !important;
  background-color: #0d1011 !important;
  background-image: none !important;
  color: #f5f6f1 !important;
  box-shadow: 0 18px 46px rgba(0,0,0,.42) !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app [data-image-bar] :where(
  .bigstep-ai-image-mode-tabs,.bigstep-ai-image-edit-section,.bigstep-ai-image-menu,
  .bigstep-ai-text-bar-group,.bigstep-ai-tool,.bigstep-ai-text-bar-label
) {
  border-color: #30383a !important;
  background-color: #111516 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app [data-image-bar] :where(
  input,select,.bigstep-ai-text-bar-select,.bigstep-ai-text-bar-input,.bigstep-ai-tool button,[data-image-edit-view],
  [data-image-redesign-cta],[data-image-remix-cta]
) {
  border-color: #394244 !important;
  background: #1b2022 !important;
  background-color: #1b2022 !important;
  background-image: none !important;
  color: #dce1de !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app [data-image-bar] :where(
  [data-image-edit-view].is-active,[data-image-edit-view][aria-pressed="true"],
  [data-image-redesign-cta]:is(:hover,:focus-visible),[data-image-remix-cta]:is(:hover,:focus-visible),
  button.is-active,button[aria-pressed="true"]
) {
  border-color: #c8ff00 !important;
  background: rgba(200,255,0,.13) !important;
  background-color: rgba(200,255,0,.13) !important;
  background-image: none !important;
  color: #c8ff00 !important;
  box-shadow: inset 0 0 0 1px rgba(200,255,0,.12) !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app [data-image-bar] :where(
  [data-image-redesign-cta],[data-image-remix-cta],[data-image-edit-view]
) :where(span,small,strong,svg) {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app :where(
  .bigstep-ai-upload-tabs.bigstep-ai-ai-tabs,.bigstep-native-photobooth__tabs
) {
  border: 1px solid #30383a !important;
  background: #111516 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app :where(
  .bigstep-ai-upload-tabs.bigstep-ai-ai-tabs .bigstep-ai-upload-tab,
  .bigstep-native-photobooth__tabs button
) {
  border-color: transparent !important;
  background: transparent !important;
  background-image: none !important;
  color: #a0a8a4 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app :where(
  .bigstep-ai-upload-tabs.bigstep-ai-ai-tabs .bigstep-ai-upload-tab.is-active,
  .bigstep-native-photobooth__tabs button.is-active
) {
  border-color: rgba(200,255,0,.36) !important;
  background: rgba(200,255,0,.12) !important;
  background-color: rgba(200,255,0,.12) !important;
  color: #c8ff00 !important;
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app :where(
  .bigstep-ai-typo-style-card,.bigstep-ai-remix-card
) {
  border-color: #30383a !important;
  background-color: #14191a !important;
  background-image: none !important;
  color: #f5f6f1 !important;
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app :where(
  .bigstep-ai-typo-style-card,.bigstep-ai-remix-card
):is(.is-active,:hover,:focus-visible) {
  border-color: #c8ff00 !important;
  background-color: rgba(200,255,0,.10) !important;
  color: #c8ff00 !important;
  box-shadow: none !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main :where(.tysc-try,.tysc-cta) {
  border: 1px solid #c8ff00 !important;
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  box-shadow: none !important;
}

/* Trustindex: lock a clean four-card viewport and restore usable arrows. */
html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsrv-frame {
  position: relative !important;
  overflow: hidden !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .ti-reviews-container {
  position: relative !important;
  padding: 0 16px !important;
  overflow: hidden !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .ti-reviews-container-wrapper {
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: 14px !important;
  width: 100% !important;
  margin: 0 !important;
  transform: none !important;
  transition: none !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .ti-review-item {
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  transform: none !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .ti-controls {
  display: block !important;
  position: absolute !important;
  inset: 50% 0 auto !important;
  width: 100% !important;
  height: 0 !important;
  z-index: 12 !important;
  pointer-events: none !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main :where(.ti-prev,.ti-next) {
  display: grid !important;
  place-items: center !important;
  position: absolute !important;
  top: -20px !important;
  width: 40px !important;
  height: 40px !important;
  border: 1px solid #495254 !important;
  border-radius: 50% !important;
  background: #171c1d !important;
  background-image: none !important;
  box-shadow: none !important;
  pointer-events: auto !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .ti-prev { left: 2px !important; }
html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .ti-next { right: 2px !important; }
html body.home.bigstep-graphite-lime-theme #haru-main#haru-main :where(.ti-prev,.ti-next):is(:hover,:focus-visible) {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  box-shadow: none !important;
}

/* Woo breadcrumb: a single quiet graphite container, no nested rings or indigo glow. */
html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-page-title,
html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) {
  --bs-breadcrumb-border: #30383a;
}

html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-page-title {
  background: #0b0e0f !important;
  background-image: radial-gradient(circle at 86% 20%,rgba(200,255,0,.06),transparent 30%) !important;
  box-shadow: none !important;
}

html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-page-title :where(.haru-page-title__content,.haru-page-title__breadcrumbs) {
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-page-title .haru-breadcrumb.haru-breadcrumb {
  border: 1px solid var(--bs-breadcrumb-border) !important;
  border-radius: 999px !important;
  background: #111516 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-page-title .haru-breadcrumb :where(.current,a) {
  box-shadow: none !important;
}

/* Recently viewed: reserve image and price lanes so copy cannot collide. */
html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .widget_recently_viewed_products .product_list_widget li {
  display: grid !important;
  grid-template-columns: 80px minmax(0,1fr) !important;
  grid-template-rows: auto auto !important;
  column-gap: 14px !important;
  row-gap: 6px !important;
  align-items: start !important;
  min-height: 98px !important;
  padding: 12px 0 !important;
  overflow: hidden !important;
}

html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .widget_recently_viewed_products .product_list_widget li > a {
  display: contents !important;
}

html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .widget_recently_viewed_products .product_list_widget li img {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  float: none !important;
  width: 80px !important;
  height: 80px !important;
  margin: 0 !important;
  object-fit: cover !important;
}

html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .widget_recently_viewed_products .product_list_widget li .product-title {
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: -webkit-box !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
  line-height: 1.35 !important;
}

html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .widget_recently_viewed_products .product_list_widget li :where(.amount,del,ins) {
  position: static !important;
  display: inline !important;
  margin: 0 6px 0 0 !important;
  white-space: nowrap !important;
  line-height: 1.35 !important;
}

html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .widget_recently_viewed_products .product_list_widget li > :where(.amount,del,ins) {
  grid-column: 2 !important;
  grid-row: 2 !important;
}

html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .widget_recently_viewed_products .product_list_widget li {
  display: block !important;
  min-height: 0 !important;
}

html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .widget_recently_viewed_products .widget-product-item {
  display: grid !important;
  grid-template-columns: 80px minmax(0,1fr) !important;
  gap: 14px !important;
  align-items: start !important;
  width: 100% !important;
  min-width: 0 !important;
}

html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .widget_recently_viewed_products :where(.widget-product-img,.widget-product-info) {
  float: none !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
}

html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .widget_recently_viewed_products .widget-product-info {
  display: flex !important;
  flex-direction: column !important;
  gap: 7px !important;
}

html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .widget_recently_viewed_products .product-title {
  display: -webkit-box !important;
  width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
  line-height: 1.35 !important;
}

html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .widget_recently_viewed_products .price {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  gap: 3px 7px !important;
  width: 100% !important;
  min-width: 0 !important;
  line-height: 1.35 !important;
}

html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .widget_recently_viewed_products .price :where(ins,del,.amount) {
  position: static !important;
  display: inline !important;
  width: auto !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

/* Product CTA group and promise badge: one lime action hierarchy, no cyan/indigo gradient. */
html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where(
  .bigstep-product-options__design,.single_add_to_cart_button.button.alt
) {
  border: 1px solid #c8ff00 !important;
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: none !important;
}

html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-options__clear {
  border: 1px solid #495254 !important;
  background: #171c1d !important;
  background-image: none !important;
  color: #dce1de !important;
  box-shadow: none !important;
}

html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-woo-refund-badge.bigstep-woo-refund-badge--product {
  border: 1px solid rgba(200,255,0,.36) !important;
  background: rgba(200,255,0,.08) !important;
  background-image: none !important;
  color: #f5f6f1 !important;
  box-shadow: none !important;
}

html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-woo-refund-badge--product .bigstep-woo-refund-badge__icon {
  border-color: rgba(200,255,0,.35) !important;
  background: #c8ff00 !important;
  color: #080a0b !important;
  box-shadow: none !important;
}

html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-woo-refund-badge--product small {
  color: #a0a8a4 !important;
}

html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) {
  background: #080a0b !important;
  background-image: none !important;
}

@media (max-width: 991px) {
  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .ti-reviews-container-wrapper {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width: 640px) {
  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .ti-reviews-container-wrapper {
    grid-template-columns: minmax(0,1fr) !important;
  }
}

/* RC16 — complete blog index and single article surfaces. */
html body.bigstep-content-redesign.bigstep-graphite-lime-theme #haru-content-main#haru-content-main {
  background: #080a0b !important;
  background-color: #080a0b !important;
  background-image:
    radial-gradient(circle at 84% 5%,rgba(200,255,0,.07),transparent 25%),
    linear-gradient(#080a0b,#080a0b) !important;
  color: #cbd2ce !important;
}

/* Blog archive hero and layout. */
html body.blog.bigstep-content-redesign.bigstep-graphite-lime-theme :where(.bs-blog-aurora,.bs-blog-hero,.bs-blog-layout,.bs-blog-main,.bs-blog-side) {
  color: #cbd2ce !important;
}

html body.blog.bigstep-content-redesign.bigstep-graphite-lime-theme :where(.bs-blog-orb,.bs-blog-pulse) {
  background-color: rgba(200,255,0,.08) !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: blur(70px) !important;
}

html body.blog.bigstep-content-redesign.bigstep-graphite-lime-theme :where(.bs-blog-eyebrow,.bs-blog-card-tag,.bs-blog-cta-eyebrow) {
  border: 1px solid rgba(200,255,0,.32) !important;
  background: rgba(200,255,0,.10) !important;
  background-image: none !important;
  color: #c8ff00 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

html body.blog.bigstep-content-redesign.bigstep-graphite-lime-theme .bs-blog-title {
  font-family: "Chakra Petch",sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -.035em !important;
  text-transform: none !important;
}

html body.blog.bigstep-content-redesign.bigstep-graphite-lime-theme .bs-blog-lead {
  color: #a0a8a4 !important;
}

html body.blog.bigstep-content-redesign.bigstep-graphite-lime-theme .bs-blog-card.bs-blog-card {
  overflow: hidden !important;
  border: 1px solid #30383a !important;
  border-radius: 18px !important;
  background: #111516 !important;
  background-color: #111516 !important;
  background-image: none !important;
  color: #cbd2ce !important;
  box-shadow: none !important;
  transition: border-color .18s ease,transform .18s ease !important;
}

html body.blog.bigstep-content-redesign.bigstep-graphite-lime-theme .bs-blog-card.bs-blog-card:is(:hover,:focus-within) {
  border-color: rgba(200,255,0,.48) !important;
  background: #14191a !important;
  box-shadow: none !important;
  transform: translateY(-2px) !important;
}

html body.blog.bigstep-content-redesign.bigstep-graphite-lime-theme :where(.bs-blog-card-thumb,.bs-blog-card-thumb img) {
  background: #0d1011 !important;
  box-shadow: none !important;
  filter: none !important;
}

html body.blog.bigstep-content-redesign.bigstep-graphite-lime-theme .bs-blog-card-body {
  background: #111516 !important;
  background-image: none !important;
  color: #cbd2ce !important;
}

html body.blog.bigstep-content-redesign.bigstep-graphite-lime-theme .bs-blog-card:is(:hover,:focus-within) .bs-blog-card-body {
  background: #14191a !important;
}

html body.blog.bigstep-content-redesign.bigstep-graphite-lime-theme :where(.bs-blog-card-title,.bs-blog-card-title a) {
  font-family: "Chakra Petch",sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -.025em !important;
  text-transform: none !important;
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
}

html body.blog.bigstep-content-redesign.bigstep-graphite-lime-theme :where(.bs-blog-card-excerpt,.bs-blog-card-date,.bs-blog-card-author,.bs-blog-card-meta) {
  color: #a0a8a4 !important;
  -webkit-text-fill-color: #a0a8a4 !important;
}

html body.blog.bigstep-content-redesign.bigstep-graphite-lime-theme :where(.bs-blog-card-cta,.bs-blog-card-link) {
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

/* Blog archive sidebar. */
html body.blog.bigstep-content-redesign.bigstep-graphite-lime-theme .bs-blog-side .bs-blog-side-block,
html body.blog.bigstep-content-redesign.bigstep-graphite-lime-theme .bs-blog-side .bs-blog-side-cta {
  border: 1px solid #30383a !important;
  border-radius: 16px !important;
  background: #111516 !important;
  background-color: #111516 !important;
  background-image: none !important;
  color: #cbd2ce !important;
  box-shadow: none !important;
}

html body.blog.bigstep-content-redesign.bigstep-graphite-lime-theme .bs-blog-side :where(h2,h3,h4,.widget-title) {
  font-family: "Chakra Petch",sans-serif !important;
  font-weight: 700 !important;
  text-transform: none !important;
  letter-spacing: -.015em !important;
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
}

html body.blog.bigstep-content-redesign.bigstep-graphite-lime-theme .bs-blog-side .bs-blog-cats li {
  border-color: #30383a !important;
  background: transparent !important;
}

html body.blog.bigstep-content-redesign.bigstep-graphite-lime-theme .bs-blog-side .bs-blog-cats a {
  color: #cbd2ce !important;
  -webkit-text-fill-color: #cbd2ce !important;
}

html body.blog.bigstep-content-redesign.bigstep-graphite-lime-theme .bs-blog-side .bs-blog-cats a:is(:hover,:focus-visible) {
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
}

html body.blog.bigstep-content-redesign.bigstep-graphite-lime-theme .bs-blog-recent-item {
  border-color: #30383a !important;
  color: #f5f6f1 !important;
  box-shadow: none !important;
}

html body.blog.bigstep-content-redesign.bigstep-graphite-lime-theme :where(.bs-blog-recent-date,.bs-blog-recent-meta) {
  color: #89928e !important;
  -webkit-text-fill-color: #89928e !important;
}

html body.blog.bigstep-content-redesign.bigstep-graphite-lime-theme :where(.bs-blog-cta-btn,.bs-blog-side-cta a) {
  border: 1px solid #c8ff00 !important;
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: none !important;
}

html body.blog.bigstep-content-redesign.bigstep-graphite-lime-theme .bs-blog-pagi :where(a,.page-numbers) {
  border: 1px solid #394244 !important;
  background: #171c1d !important;
  background-image: none !important;
  color: #dce1de !important;
  box-shadow: none !important;
}

html body.blog.bigstep-content-redesign.bigstep-graphite-lime-theme .bs-blog-pagi :where(a,.page-numbers):is(:hover,:focus-visible),
html body.blog.bigstep-content-redesign.bigstep-graphite-lime-theme .bs-blog-pagi .page-numbers.current {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  color: #080a0b !important;
  box-shadow: none !important;
}

/* Single article shell and breadcrumb. */
html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme .haru-page-title {
  background: #0b0e0f !important;
  background-image: radial-gradient(circle at 84% 20%,rgba(200,255,0,.06),transparent 30%) !important;
  box-shadow: none !important;
}

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme .haru-page-title :where(.haru-page-title__content,.haru-page-title__breadcrumbs) {
  border: 0 !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme .haru-page-title .haru-breadcrumb {
  min-height: 46px !important;
  padding: 9px 14px !important;
  border: 1px solid #30383a !important;
  border-radius: 999px !important;
  background: #111516 !important;
  background-image: none !important;
  color: #a0a8a4 !important;
  box-shadow: none !important;
}

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme .haru-page-title .haru-breadcrumb :where(a,.current) {
  color: #cbd2ce !important;
  box-shadow: none !important;
}

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme .haru-single-blog {
  padding-top: 56px !important;
  padding-bottom: 72px !important;
}

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme .single-content article,
html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme .single-content article .post-wrap {
  border: 1px solid #30383a !important;
  background: #111516 !important;
  background-color: #111516 !important;
  background-image: none !important;
  color: #cbd2ce !important;
  box-shadow: none !important;
}

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme .single-content article {
  overflow: hidden !important;
  border-radius: 18px !important;
}

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme .single-content article .post-wrap {
  border: 0 !important;
  border-radius: 0 !important;
}

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme :where(.post-thumbnail,.post-thumbnail-wrap,.post-thumbnail img) {
  background: #0d1011 !important;
  box-shadow: none !important;
  filter: none !important;
}

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme .post-title {
  font-family: "Chakra Petch",sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -.035em !important;
  text-transform: none !important;
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
  text-shadow: none !important;
}

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme :where(
  .post-meta-info,.post-meta-wrap,.post-by,.post-meta-author,.post-meta-comment,.post-meta-date
) {
  color: #89928e !important;
  -webkit-text-fill-color: #89928e !important;
}

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme .post-content-wrap,
html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme .post-content {
  color: #cbd2ce !important;
}

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme .post-content :where(p,li,dd,dt,figcaption) {
  color: #cbd2ce !important;
  -webkit-text-fill-color: #cbd2ce !important;
  line-height: 1.8 !important;
}

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme .post-content :where(h1,h2,h3,h4,h5,h6) {
  font-family: "Chakra Petch",sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -.025em !important;
  text-transform: none !important;
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
  text-shadow: none !important;
}

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme .post-content h2 { font-size: clamp(24px,2.1vw,32px) !important; }
html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme .post-content h3 { font-size: clamp(20px,1.7vw,26px) !important; }

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme .post-content a:not(.bs-article-cta) {
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
  text-decoration-color: rgba(200,255,0,.5) !important;
  box-shadow: none !important;
}

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme .post-content :where(img,figure,video,iframe) {
  border-color: #30383a !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme .post-content :where(blockquote,.bs-article-callout,.bs-article-note,.bs-article-lead) {
  border: 1px solid #30383a !important;
  border-left: 4px solid #c8ff00 !important;
  border-radius: 12px !important;
  background: #171c1d !important;
  background-image: none !important;
  color: #dce1de !important;
  box-shadow: none !important;
}

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme .post-content :where(.bs-article-callout,.bs-article-note,.bs-article-lead) {
  display: block !important;
  margin: 24px 0 !important;
  padding: 18px 20px !important;
}

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme .post-content .bs-article-cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  padding: 0 22px !important;
  border: 1px solid #c8ff00 !important;
  border-radius: 10px !important;
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: none !important;
}

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme .post-content :where(table,th,td) {
  border-color: #30383a !important;
}

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme .post-content table {
  background: #0d1011 !important;
  color: #cbd2ce !important;
}

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme .post-content th {
  background: #171c1d !important;
  color: #f5f6f1 !important;
}

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme :where(.post-other-meta,.post-other-meta a) {
  border-color: #30383a !important;
  color: #a0a8a4 !important;
  box-shadow: none !important;
}

/* Single article sidebar, related content and comments. */
html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme .single-sidebar :where(aside.widget,.widget) {
  padding: 20px !important;
  border: 1px solid #30383a !important;
  border-radius: 16px !important;
  background: #111516 !important;
  background-color: #111516 !important;
  background-image: none !important;
  color: #cbd2ce !important;
  box-shadow: none !important;
}

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme .single-sidebar :where(.widget-title,h2,h3,h4) {
  font-family: "Chakra Petch",sans-serif !important;
  font-weight: 700 !important;
  text-transform: none !important;
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
}

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme .single-sidebar :where(a,p,li,span) {
  border-color: #30383a !important;
  color: #cbd2ce !important;
  box-shadow: none !important;
}

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme .single-sidebar a:is(:hover,:focus-visible) {
  color: #c8ff00 !important;
}

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme :where(.post-related,.related-posts,.comments-area,.comment-respond) {
  border-color: #30383a !important;
  background: #111516 !important;
  background-image: none !important;
  color: #cbd2ce !important;
  box-shadow: none !important;
}

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme :where(.post-related,.related-posts,.comments-area,.comment-respond) :where(h2,h3,h4) {
  font-family: "Chakra Petch",sans-serif !important;
  text-transform: none !important;
  color: #f5f6f1 !important;
}

@media (max-width: 991px) {
  html body.blog.bigstep-content-redesign.bigstep-graphite-lime-theme .bs-blog-layout,
  html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme .haru-single-blog .h-row {
    grid-template-columns: minmax(0,1fr) !important;
  }

  html body.blog.bigstep-content-redesign.bigstep-graphite-lime-theme .bs-blog-side,
  html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme .single-sidebar {
    width: 100% !important;
    max-width: none !important;
  }
}

@media (max-width: 767px) {
  html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme .haru-single-blog {
    padding-top: 30px !important;
    padding-bottom: 46px !important;
  }

  html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme .single-content article .post-wrap {
    padding: 22px 18px !important;
  }

  html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme .post-title {
    font-size: clamp(30px,9vw,40px) !important;
  }

  html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme .haru-page-title .haru-breadcrumb {
    overflow-x: auto !important;
    white-space: nowrap !important;
    scrollbar-width: none !important;
  }
}

/* RC13 interaction lock: legacy plugins and inline shortcodes still ship
 * indigo/violet hover, focus, active and visited states. Keep interaction
 * feedback inside the graphite + lime system without recolouring brand icons
 * or the intentionally restored voucher palette. */
html body.bigstep-graphite-lime-theme {
  --bsx-accent: #c8ff00 !important;
  --bsx-accent-2: #9dcc00 !important;
  --bs-accent: #c8ff00 !important;
  --bsfaq-border-hover: rgba(200,255,0,.42) !important;
  --bgs-border-h: rgba(200,255,0,.42) !important;
  --rxsc-line-hot: rgba(200,255,0,.42) !important;
  --tysc-line-hot: rgba(200,255,0,.42) !important;
}

html body.bigstep-graphite-lime-theme ::-webkit-scrollbar-thumb:hover {
  background: #77827d !important;
}

/* Header: desktop, submenu and mobile dropdown states. */
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .haru-nav-menu > li:hover > a.haru-item--main,
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .haru-nav-menu > li.current-menu-item > a.haru-item--main,
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .haru-nav-menu > li.current-menu-ancestor > a.haru-item--main,
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .haru-nav-menu :where(a:hover,a:focus-visible) {
  border-color: rgba(200,255,0,.30) !important;
  background: #1a2318 !important;
  background-image: none !important;
  color: #c8ff00 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header :where(ul.sub-menu,.haru-nav-menu--subdown,.haru-nav-menu--dropdown) :where(li:hover,li.current-menu-item,li.current-menu-ancestor) > a,
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header :where(ul.sub-menu,.haru-nav-menu--subdown,.haru-nav-menu--dropdown) a:is(:hover,:active,:focus-visible) {
  border-color: rgba(200,255,0,.28) !important;
  background: #1a2318 !important;
  background-image: none !important;
  color: #c8ff00 !important;
  box-shadow: inset 2px 0 0 #c8ff00 !important;
  text-shadow: none !important;
  filter: none !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header :where(.haru-menu-toggle,.haru-cart,.haru-cart-opener):is(:hover,:active,:focus-visible,.haru-active) {
  border-color: rgba(200,255,0,.38) !important;
  background: #1a2318 !important;
  background-image: none !important;
  color: #c8ff00 !important;
  box-shadow: none !important;
  filter: none !important;
}

/* Floating support: keep Messenger/Zalo/Hotline brand colours, remove violet
 * light spilling around the graphite container and interaction cards. */
html body.bigstep-graphite-lime-theme #bigstep-support-button.bigstep-support-widget :where(.support-tab,.support-panel-content,.panel-inner-content) {
  border-color: #30383a !important;
  background-color: #111516 !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
}

html body.bigstep-graphite-lime-theme #bigstep-support-button.bigstep-support-widget.active .support-tab,
html body.bigstep-graphite-lime-theme #bigstep-support-button.bigstep-support-widget .support-tab:hover {
  border-color: rgba(200,255,0,.42) !important;
  background: #1a2318 !important;
  box-shadow: 0 16px 36px rgba(0,0,0,.44) !important;
  filter: none !important;
}

html body.bigstep-graphite-lime-theme #bigstep-support-button.bigstep-support-widget .panel-icons a:hover {
  border-color: rgba(200,255,0,.42) !important;
  background: #1a2318 !important;
  box-shadow: none !important;
  filter: none !important;
}

/* Home FAQ and discovery/blog shortcodes. */
html body.bigstep-graphite-lime-theme .bigstep-ai-faq-shortcode.bigstep-ai-faq-shortcode .bsfaq-item.bsfaq-item:hover,
html body.bigstep-graphite-lime-theme .bigstep-ai-faq-shortcode.bigstep-ai-faq-shortcode .bsfaq-item.bsfaq-item[open] {
  border-color: rgba(200,255,0,.42) !important;
  background: #171c1d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme .bigstep-ai-faq-shortcode .bsfaq-item :where(.bsfaq-icon,.bsfaq-icon::before,.bsfaq-icon::after),
html body.bigstep-graphite-lime-theme .bigstep-ai-faq-shortcode .bsfaq-item[open] .bsfaq-icon {
  border-color: rgba(200,255,0,.44) !important;
  background: #1a2318 !important;
  background-image: none !important;
  color: #c8ff00 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
}

html body.bigstep-graphite-lime-theme .bgs-disco-post,
html body.bigstep-graphite-lime-theme .bgs-disco-post:visited,
html body.bigstep-graphite-lime-theme .bgs-disco-post .bgs-disco-post-title {
  color: #e5edeb !important;
  -webkit-text-fill-color: #e5edeb !important;
  text-shadow: none !important;
}

html body.bigstep-graphite-lime-theme .bgs-disco-post:is(:hover,:focus-visible),
html body.bigstep-graphite-lime-theme .bgs-disco-post:is(:hover,:focus-visible) .bgs-disco-post-title {
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
  border-color: rgba(200,255,0,.36) !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme :where(.bgs-disco-tool,.bgs-disco-cta--ghost):is(:hover,:focus-visible),
html body.bigstep-graphite-lime-theme :where(.bstpl-card,.rxsc-card,.tysc-card,.bsrv-frame):is(:hover,:focus-visible),
html body.bigstep-graphite-lime-theme :where(.bstpl-meta,.rxsc-try,.tysc-try):is(:hover,:focus-visible) {
  border-color: rgba(200,255,0,.42) !important;
  background-color: #171c1d !important;
  background-image: none !important;
  color: #eef2ed !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
}

html body.bigstep-graphite-lime-theme :where(.bgs-disco-cta--primary,.bstpl-cta,.rxsc-cta,.rxsc-try,.tysc-cta,.tysc-try,.bsrv-review-btn,.bps-card__button):is(:hover,:focus-visible) {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: 0 10px 24px rgba(200,255,0,.14) !important;
  text-shadow: none !important;
  filter: none !important;
}

/* WooCommerce, regular theme buttons and option states. Voucher controls are
 * excluded so the approved original multicolour voucher design stays intact. */
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) :where(
  a.button,a.added_to_cart,button.button,input.button,.button,.btn,.haru-button,.haru-btn,
  .elementor-button,.wp-block-button__link,.woocommerce a.button,.woocommerce button.button,
  .woocommerce input.button,.woocommerce .checkout-button,.woocommerce .single_add_to_cart_button,
  .woocommerce .wc-forward,.woocommerce-Button,input[type="submit"],input[type="button"],button[type="submit"]
):not(.slick-arrow):not(.owl-prev):not(.owl-next):not(.swiper-button-next):not(.swiper-button-prev):not(.v-copy-link):is(:hover,:focus-visible) {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: 0 10px 24px rgba(200,255,0,.14) !important;
  text-shadow: none !important;
  filter: none !important;
}

html body.single-product.bigstep-graphite-lime-theme .bigstep-product-options :where(
  .bigstep-product-options__segment,.bigstep-product-options__chip,.bigstep-product-options__color,
  .bs-v19-option,.bs-v19-pill,.nbd-option-field label
):is(:hover,.is-active,.active,.selected),
html body.single-product.bigstep-graphite-lime-theme .bigstep-product-options input:checked + label {
  border-color: rgba(200,255,0,.56) !important;
  background: #1a2318 !important;
  background-image: none !important;
  color: #eef2ed !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

html body.bigstep-graphite-lime-theme :where(
  .widget_product_tag_cloud a,.widget_tag_cloud a,.tagcloud a,.wp-tag-cloud a,
  .bs-blog-card,.bs-blog-card-tag,.bs-blog-pagi a,.guide-steps li,
  .bs-bgrem-drop,.bs-bgrem-btn--secondary,.bs-bgrem-btn--ghost,.bs-bgrem-history-thumb,
  .bigstep-thankyou-btn--primary
):is(:hover,:focus-visible,.is-drag) {
  border-color: rgba(200,255,0,.42) !important;
  background-color: #1a2318 !important;
  background-image: none !important;
  color: #eef2ed !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
}

html body.bigstep-graphite-lime-theme :where(
  input,textarea,select,.bs-blog-search input[type="search"],.woocommerce-form-track-order input.input-text,
  .bs-upscale-ctrl select
):focus {
  border-color: rgba(200,255,0,.55) !important;
  box-shadow: 0 0 0 3px rgba(200,255,0,.12) !important;
  outline: none !important;
}

html body.bigstep-graphite-lime-theme .bigstep-ai-edit-design-button:is(:hover,:active,:focus-visible) {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  box-shadow: 0 10px 24px rgba(200,255,0,.14) !important;
  outline-color: rgba(200,255,0,.72) !important;
}

/* Product breadcrumb: neutralize legacy pseudo glows and every nested chip. */
html body.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) .haru-page-title,
html body.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) .haru-page-title .haru-page-title__content,
html body.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) .haru-page-title .haru-breadcrumb.haru-breadcrumb {
  border-color: #30383a !important;
  box-shadow: none !important;
  filter: none !important;
}

html body.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) .haru-page-title :where(.haru-page-title__content,.haru-breadcrumb.haru-breadcrumb)::before,
html body.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) .haru-page-title :where(.haru-page-title__content,.haru-breadcrumb.haru-breadcrumb)::after,
html body.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) .haru-page-title .haru-breadcrumb.haru-breadcrumb > * {
  border-color: #3b4446 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
}

/* Studio controls that inherit the plugin's violet focus/active paint. Colour
 * swatches and artwork imagery are deliberately excluded. */
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app :where(
  .bigstep-ai-tool,.bigstep-ai-top-button,.bigstep-ai-editor-icon-button,.bigstep-ai-library-tab,
  .bigstep-ai-button,.bigstep-ai-obj-toolbar-btn,[data-panel-toggle],[role="tab"]
):is(:hover,:focus-visible,.is-active,[aria-selected="true"]) {
  border-color: rgba(200,255,0,.42) !important;
  background-color: #1a2318 !important;
  background-image: none !important;
  color: #c8ff00 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
  outline-color: rgba(200,255,0,.62) !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app :where(
  .bigstep-ai-button--primary,[data-bigstep-ai-cart],.bsai3d-trigger
):is(:hover,:focus-visible,.is-active) {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: 0 10px 24px rgba(200,255,0,.14) !important;
}

/* Studio secondary interaction surfaces. These selectors intentionally leave
 * artwork previews and actual garment-colour fills untouched. */
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app :where(
  .bigstep-ai-style-chips button,[data-editor-style-chips] button,.bigstep-ai-side-tabs button,
  .bigstep-ai-model-card,.bigstep-ai-product-open-action,.bigstep-ai-size-guide-open,
  .bigstep-ai-radio-row label,.bigstep-ai-template-catalog-card,.bigstep-ai-template-floating-actions button,
  .bigstep-ai-artwork-folder-card,.bigstep-ai-artwork-floating-actions button,.bigstep-ai-upload-zone,
  .bigstep-ai-text-tpl-card,.bigstep-ai-element-menu button,.bigstep-ai-icon-cat,
  .bigstep-ai-varsity-fonts button,.bigstep-ai-varsity-styles button,.bigstep-ai-varsity-nums button,
  .bigstep-ai-element-grid button,.bigstep-ai-shape-grid button,.bigstep-ai-layer-row,
  .bigstep-ai-btn-rmbg,.bigstep-ai-image-mode-tabs button,.bigstep-ai-float-button,
  .bigstep-ai-support-contact-options a,.bigstep-ai-context-menu button,.bigstep-ai-selection-toolbar button,
  .bigstep-ai-mobile-object-actions button,.bigstep-ai-draft-item,.bigstep-ai-draft-actions button,
  .bigstep-ai-upload-font-btn,.bigstep-ai-text-tabs button,.bigstep-personalizer__upload,
  .bigstep-personalizer__advanced,.bigstep-ai-upload-tab,.bigstep-ai-remix-card,
  .bigstep-ai-remix-panel-back,.bigstep-ai-remix-source-change,.bigstep-ai-remix-upload-meta button,
  .bigstep-ai-remix-recent-thumb,.bigstep-ai-redesign-mode-grid button,.bigstep-ai-history-chip,
  .bigstep-ai-typo-style-card,.bigstep-ai-text-typo-cta,[data-image-edit-view],
  .bigstep-merch-hub-filters button,.bigstep-merch-style-step button
):is(:hover,:focus-visible,.is-active,.is-drag-over,[aria-selected="true"]) {
  border-color: rgba(200,255,0,.44) !important;
  background-color: #1a2318 !important;
  background-image: none !important;
  color: #eef2ed !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
  outline-color: rgba(200,255,0,.62) !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app :where(
  .bigstep-ai-remix-card-btn,.bigstep-ai-remix-generate,.bigstep-merch-style-generate,
  .bigstep-ai-drafts-save button,.bigstep-ai-drafts-prompt-actions button.primary
):is(:hover,:focus-visible) {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: 0 10px 24px rgba(200,255,0,.14) !important;
  text-shadow: none !important;
  filter: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app :where(
  .bigstep-ai-model-select,.bigstep-ai-drafts-save input,.bigstep-ai-varsity-field input,
  .bigstep-personalizer__row input[type="text"],.bigstep-personalizer__text,
  .bigstep-merch-style-field textarea,.bigstep-merch-style-field input
):focus {
  border-color: rgba(200,255,0,.55) !important;
  box-shadow: 0 0 0 3px rgba(200,255,0,.12) !important;
  outline: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-swatch--method-card {
  --bs-method-accent: #c8ff00 !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-swatch--method-card:is(:hover,.is-active),
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-swatch--method-card.is-active::after {
  border-color: rgba(200,255,0,.48) !important;
  background-color: #1a2318 !important;
  background-image: none !important;
  color: #eef2ed !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-swatch--method-card.is-active::before,
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-swatch--method-card.is-active .bigstep-ai-swatch-method-icon {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  color: #080a0b !important;
  box-shadow: none !important;
}

/* Keep real swatch colours visible; only replace their violet selection rings. */
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app :where(
  .bigstep-ai-swatch--color-only,.bigstep-ai-swatch--color-thumb,.bigstep-personalizer__swatch
):is(:hover,.is-active,:focus-visible) {
  border-color: #c8ff00 !important;
  box-shadow: 0 0 0 2px #c8ff00, 0 0 0 4px rgba(200,255,0,.16) !important;
  filter: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-quick-color-btn:hover,
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bsai3d-trigger:hover {
  box-shadow: 0 8px 22px rgba(0,0,0,.32), 0 0 0 3px rgba(200,255,0,.16) !important;
  filter: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-panel-resizer:is(:hover,:focus-visible)::before,
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app.is-panel-resizing .bigstep-ai-panel-resizer::before {
  background: #c8ff00 !important;
  box-shadow: 0 0 0 5px rgba(200,255,0,.10) !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app ::-webkit-scrollbar-thumb:hover {
  background: #77827d !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme :where(
  .bsai3d-btn,.bsai3d-product-option,.bsai3d-swatch
):is(:hover,.is-active,:focus-visible) {
  border-color: rgba(200,255,0,.52) !important;
  background-color: #1a2318 !important;
  background-image: none !important;
  color: #eef2ed !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth :where(
  button,.bigstep-native-photobooth__choice,.bigstep-native-photobooth__gesture-toggle
):is(:hover,:focus-visible,.is-active),
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth__steps :where(.is-active,.is-done) i {
  border-color: rgba(200,255,0,.48) !important;
  background-color: #1a2318 !important;
  background-image: none !important;
  color: #c8ff00 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
}

/* Remaining legacy utilities, blog and checkout interaction states found by
 * the loaded-rule audit. */
html body.bigstep-graphite-lime-theme :where(
  .bs-fal-btn--primary,.bs-bgrem-btn--primary,.bs-bgrem-btn--editor,
  .bigstep-seo-intro a,.post-meta-info .post-category-wrap a,
  #popup-cart-wrap .p-btn-x
):is(:hover,:focus-visible) {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: 0 10px 24px rgba(200,255,0,.14) !important;
  text-shadow: none !important;
  filter: none !important;
}

html body.bigstep-graphite-lime-theme :where(#haru-header,#haru-footer) .haru-social a:hover,
html body.bigstep-graphite-lime-theme :where(.bigstep-social-arrow,.ti-prev,.ti-next):hover,
html body.bigstep-graphite-lime-theme :where(.bigstep-review-card,.ti-review-item .ti-inner,.sbi_item):hover {
  border-color: rgba(200,255,0,.42) !important;
  background-color: #1a2318 !important;
  background-image: none !important;
  color: #c8ff00 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
}

html body.woocommerce-checkout.bigstep-graphite-lime-theme #order_review :where(
  ul#shipping_method li,ul.woocommerce-shipping-methods li
):hover {
  border-color: rgba(200,255,0,.42) !important;
  background: #1a2318 !important;
  box-shadow: none !important;
}

/* RC14 full-page audit: neutralize indigo base paint that made later hover
 * states appear violet even after the interaction rules were fixed. */
html body.bigstep-graphite-lime-theme .haru-page-title__breadcrumbs,
html body.bigstep-graphite-lime-theme .haru-page-title__breadcrumbs::before,
html body.bigstep-graphite-lime-theme .haru-page-title__breadcrumbs::after {
  border-color: #30383a !important;
  background-color: #111516 !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
}

html body.bigstep-woo-redesign.bigstep-graphite-lime-theme :where(
  .archive-sidebar,.hidden-sidebar__header,.widget_product_categories select,
  select.dropdown_product_cat,.select2-container .select2-selection,
  .tagcloud a,.wp-tag-cloud a,.widget_tag_cloud a
) {
  border-color: #30383a !important;
  background-color: #111516 !important;
  background-image: none !important;
  color: #cbd2ce !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
}

html body.bigstep-woo-redesign.bigstep-graphite-lime-theme :where(
  .price,.price ins,.price del,.price .amount,.price bdi,.woocommerce-Price-amount,
  .woocommerce-Price-currencySymbol
) {
  color: #eef2ed !important;
  -webkit-text-fill-color: #eef2ed !important;
  text-shadow: none !important;
}

html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme :where(
  .product-image-lightbox,.size-guide-table thead,.bigstep-size-guide thead,
  form.cart,.bigstep-product-options__summary,.bigstep-product-options__summary.is-total,
  .quantity .input-button
) {
  border-color: #30383a !important;
  color: #cbd2ce !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
}

html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme .bigstep-product-options__summary.is-total {
  border-right-color: #c8ff00 !important;
  border-bottom-color: #c8ff00 !important;
  color: #f5f6f1 !important;
}

html body.woocommerce-checkout.bigstep-woo-redesign.bigstep-graphite-lime-theme :where(
  #order_review th,#order_review td,.woocommerce-privacy-policy-text,.woocommerce-terms-and-conditions-wrapper
) {
  border-color: #30383a !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
}

html body.bigstep-graphite-lime-theme .back-to-top,
html body.bigstep-graphite-lime-theme .back-to-top:is(:hover,:focus-visible) {
  border-color: #3b4446 !important;
  background: #111516 !important;
  background-image: none !important;
  color: #c8ff00 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
}

/* Blog index and sidebar. */
html body.bigstep-content-redesign.bigstep-graphite-lime-theme .bs-blog-title {
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
  background: none !important;
  background-image: none !important;
  filter: none !important;
  text-shadow: none !important;
}

html body.bigstep-content-redesign.bigstep-graphite-lime-theme :where(
  .bs-blog-card-title,.bs-blog-card-title a,.bs-blog-card-link,
  .bs-blog-recent-item,.bs-blog-recent-meta
) {
  color: #e5edeb !important;
  -webkit-text-fill-color: #e5edeb !important;
  background-image: none !important;
  border-color: #30383a !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
}

html body.bigstep-content-redesign.bigstep-graphite-lime-theme :where(
  .bs-blog-card-title a,.bs-blog-recent-item
):is(:hover,:focus-visible,:visited) {
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
  background-image: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

html body.bigstep-content-redesign.bigstep-graphite-lime-theme .bs-blog-recent-thumb {
  border-color: #30383a !important;
  background: #171c1d !important;
  background-image: none !important;
  color: #cbd2ce !important;
  box-shadow: none !important;
  filter: none !important;
}

html body.bigstep-content-redesign.bigstep-graphite-lime-theme :where(.page-numbers.current,.bs-blog-pagi .current) {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
}

/* Background-removal and related free-tool pages. */
html body.bigstep-graphite-lime-theme .background-removal h1,
html body.bigstep-graphite-lime-theme .background-removal .bs-fal-cta-title {
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
  background: none !important;
  background-image: none !important;
  filter: none !important;
  text-shadow: none !important;
}

html body.bigstep-graphite-lime-theme .background-removal :where(
  .bs-bgrem-quota,.bs-bgrem-pane,.bs-bgrem-drop,.bs-bgrem-btn--ghost,
  .bs-fal-cta,.bs-fal-cta-eyebrow,.bs-fal-btn--ghost
) {
  border-color: #30383a !important;
  background-color: #111516 !important;
  background-image: none !important;
  color: #cbd2ce !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
}

html body.bigstep-graphite-lime-theme .background-removal :where(
  .bs-bgrem-pane-label,.bs-bgrem-pick,.bs-fal-cta-eyebrow,.bs-fal-cta-pulse,
  .bs-bgrem-drop strong,.bs-bgrem-drop svg,.bs-bgrem-drop svg *
) {
  border-color: rgba(200,255,0,.42) !important;
  color: #c8ff00 !important;
  stroke: #c8ff00 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
}

html body.bigstep-graphite-lime-theme .background-removal :where(
  .bs-bgrem-btn--primary,.bs-bgrem-btn--editor,.bs-fal-btn--primary
) {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
}

html body.bigstep-graphite-lime-theme .background-removal :where(.bs-fal-cta-orb,.bs-fal-cta-pulse) {
  background: #c8ff00 !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: .14 !important;
}

/* Final shadow kill for interactive controls. Deliberately excludes voucher
 * cards and social/service brand icons whose native colours were approved. */
html body.bigstep-graphite-lime-theme :where(
  a,button,input,select,textarea,summary,[role="button"],[role="tab"]
):not(.v-copy-link):is(:hover,:focus-visible,:active) {
  text-shadow: none !important;
  filter: none !important;
}

html body.bigstep-graphite-lime-theme :where(
  a,button,input,select,textarea,summary,[role="button"],[role="tab"]
):not(.v-copy-link):not(.panel-icons a):is(:hover,:focus-visible,:active) {
  box-shadow: none !important;
}

/* RC14 specificity follow-up for side-specific legacy borders and inline tool
 * headings that outrank the normal component selectors. */
html body.bigstep-woo-redesign.bigstep-graphite-lime-theme .haru-archive-product .archive-sidebar.archive-sidebar,
html body.bigstep-woo-redesign.bigstep-graphite-lime-theme .haru-archive-product .archive-sidebar.archive-sidebar .hidden-sidebar__header {
  border: 1px solid #30383a !important;
  border-color: #30383a !important;
  box-shadow: none !important;
}

html body.bigstep-content-redesign.bigstep-graphite-lime-theme .bs-blog-side .bs-blog-cats li {
  border-color: #30383a !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme #haru-content-main#haru-content-main .background-removal.background-removal h1,
html body.bigstep-graphite-lime-theme #haru-content-main#haru-content-main .background-removal.background-removal .bs-fal-cta-title {
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
  background: none !important;
  background-image: none !important;
  filter: none !important;
  text-shadow: none !important;
}

html body.bigstep-graphite-lime-theme #haru-content-main#haru-content-main .background-removal.background-removal :where(
  .bs-bgrem-quota-icon,.bs-bgrem-drop strong,.bs-bgrem-pane strong,.bs-bgrem-drop svg,.bs-bgrem-drop svg *
) {
  border-color: rgba(200,255,0,.42) !important;
  color: #c8ff00 !important;
  stroke: #c8ff00 !important;
  filter: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

html body.bigstep-graphite-lime-theme #haru-content-main#haru-content-main .background-removal-guide .guide-steps strong {
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
  text-shadow: none !important;
}

html body.bigstep-graphite-lime-theme #haru-content-main#haru-content-main .background-removal .bs-fal-cta-feats,
html body.bigstep-graphite-lime-theme #haru-content-main#haru-content-main .background-removal .bs-fal-cta-feats li {
  border-color: #30383a !important;
  color: #a4ada8 !important;
  text-shadow: none !important;
}

/* ========================================================================== */
/* RC10 — Studio and Photobooth final graphite locks                           */
/* ========================================================================== */

/* The plugin appends component CSS after the theme. Keep every lime action
   readable even when a nested span/svg carries the old white declaration. */
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app :where(
  .bigstep-ai-float-button,
  .bigstep-ai-library-tab.is-active,
  .bigstep-ai-text-tabs > button.is-active,
  .bigstep-ai-text-tab-ai.is-active,
  .bigstep-ai-upload-tab.is-active,
  .bigstep-ai-ai-tabs button.is-active,
  .bigstep-native-photobooth button.is-primary
) {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-color: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app :where(
  .bigstep-ai-float-button,
  .bigstep-ai-library-tab.is-active,
  .bigstep-ai-text-tabs > button.is-active,
  .bigstep-ai-text-tab-ai.is-active,
  .bigstep-ai-upload-tab.is-active,
  .bigstep-ai-ai-tabs button.is-active,
  .bigstep-native-photobooth button.is-primary
) :where(span,strong,small,em,i,svg,path,circle,rect,line,polyline) {
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  text-shadow: none !important;
}

/* The dot field now belongs to the whole canvas area, including the 16px
   scroll gutter. This prevents the plain navy/black frame seen around it. */
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-editor-main {
  background-color: #111516 !important;
  background-image: radial-gradient(circle, rgba(137,148,142,.28) 1px, transparent 1.2px) !important;
  background-position: 0 0 !important;
  background-size: 18px 18px !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-editor-canvas-area,
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-canvas-scroll {
  background-color: transparent !important;
  background-image: none !important;
}

/* AI Typo used its own purple promotional skin. */
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app :where(
  .bigstep-ai-text-tab-ai,
  .bigstep-ai-text-typo-cta,
  .bigstep-ai-typo-style-card,
  .bigstep-ai-typo-panel-hero,
  .bigstep-ai-typo-panel-back
) {
  border-color: #30383a !important;
  background: #171c1d !important;
  background-color: #171c1d !important;
  background-image: none !important;
  color: #e5e9e6 !important;
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-text-typo-cta > svg,
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-text-tab-ai em,
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-typo-style-preview em {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-typo-style-card.is-active {
  border-color: #c8ff00 !important;
  background-color: #1a2021 !important;
  box-shadow: 0 0 0 1px rgba(200,255,0,.22) !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-text-tabs .bigstep-ai-text-tab-ai.is-active {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-color: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-text-tabs .bigstep-ai-text-tab-ai.is-active :where(span,em) {
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app :where(
  .bigstep-ai-text-typo-cta small,
  .bigstep-ai-text-typo-cta i,
  .bigstep-ai-typo-panel-title p
) {
  color: #aeb7b2 !important;
  -webkit-text-fill-color: #aeb7b2 !important;
}

/* Share modal is generated at runtime with an inline violet stylesheet. */
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bsai-share-backdrop {
  background: rgba(5,8,9,.82) !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bsai-share-dialog {
  border-color: #394244 !important;
  background: linear-gradient(180deg,#171c1d,#0d1112) !important;
  background-image: linear-gradient(180deg,#171c1d,#0d1112) !important;
  color: #f5f6f1 !important;
  box-shadow: 0 30px 80px rgba(0,0,0,.58) !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme :where(
  .bsai-share-close,
  .bsai-share-row
) {
  border-color: #394244 !important;
  background: #14191a !important;
  background-image: none !important;
  color: #dce3de !important;
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme :where(
  .bsai-share-icon,
  .bsai-share-loading,
  .bsai-share-meta-link
) {
  color: #c8ff00 !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bsai-share-spinner {
  border-color: rgba(200,255,0,.22) !important;
  border-top-color: #c8ff00 !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bsai-share-copy {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme :where(
  .bsai-share-desc,
  .bsai-share-meta-row
) {
  color: #aeb7b2 !important;
}

/* Photobooth ships a separate indigo theme; remap the complete flow instead
   of only recolouring its launch tile. */
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth {
  --pb-accent: #c8ff00;
  --pb-surface: #14191a;
  --pb-border: #30383a;
  background: rgba(5,8,9,.78) !important;
  color: #f5f6f1 !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth :where(
  .bigstep-native-photobooth__dialog,
  .bigstep-native-photobooth__header,
  main,
  footer,
  .bigstep-native-photobooth__tabs,
  .bigstep-native-photobooth__choice,
  .bigstep-native-photobooth__source-preview,
  .bigstep-native-photobooth__source-grid > button,
  .bigstep-native-photobooth__camera,
  .bigstep-native-photobooth__control-tabs,
  .bigstep-native-photobooth__result figure
) {
  border-color: #30383a !important;
  background-color: #14191a !important;
  background-image: none !important;
  color: #f5f6f1 !important;
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth .bigstep-native-photobooth__dialog {
  background: #0d1112 !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth .bigstep-native-photobooth__header {
  background: #111516 !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth :where(
  .bigstep-native-photobooth__steps .is-active i,
  .bigstep-native-photobooth__tabs button.is-active
) {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth button.is-primary {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-color: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth button.is-primary :where(span,strong,svg,path) {
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth .bigstep-native-photobooth__header > button {
  border-color: #394244 !important;
  background: #171c1d !important;
  background-image: none !important;
  color: #dce3de !important;
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth .bigstep-native-photobooth__steps span:not(.is-active) i {
  border-color: #394244 !important;
  background: #111516 !important;
  background-image: none !important;
  color: #89948e !important;
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth .bigstep-native-photobooth__choice.is-active {
  border-color: #c8ff00 !important;
  background: #171c1d !important;
  background-image: none !important;
  box-shadow: 0 0 0 1px rgba(200,255,0,.25) !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth :where(
  h2,
  .bigstep-native-photobooth__header strong
) {
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
  font-family: "Chakra Petch", "Plus Jakarta Sans", sans-serif !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth :where(
  .bigstep-native-photobooth__header > div > span,
  .bigstep-native-photobooth__intro > span,
  .bigstep-native-photobooth__selected > span
) {
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
}

/* Homepage Photobooth heading lives inside the copy card, not the section bar. */
html body.home.bigstep-graphite-lime-theme .bsphoto-home__copy :where(h2,h3) {
  font-family: "Chakra Petch", "Plus Jakarta Sans", sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -.045em !important;
  text-transform: none !important;
}

/* ========================================================================== */
/* RC11 — exactly two UI typefaces                                             */
/* ========================================================================== */

/* UI/body face. Deliberately omit i and pseudo-elements so Font Awesome,
   Material Symbols and the social icons retain their glyph fonts. */
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor),
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) :where(
  p,
  a,
  button,
  input,
  textarea,
  select,
  option,
  label,
  div,
  section,
  article,
  header,
  footer,
  nav,
  main,
  aside,
  span,
  small,
  strong,
  b,
  em,
  li,
  dt,
  dd,
  summary,
  figcaption,
  blockquote,
  table,
  thead,
  tbody,
  tfoot,
  tr,
  th,
  td
) {
  font-family: "Plus Jakarta Sans", sans-serif !important;
}

/* Display face. Descendants are included because legacy Elementor and
   shortcode headings often wrap their words in span/strong/em elements. */
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) :where(h1,h2,h3,h4,h5,h6),
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) :where(h1,h2,h3,h4,h5,h6) :where(
  a,
  span,
  small,
  strong,
  b,
  em
) {
  font-family: "Chakra Petch", sans-serif !important;
}

/* Several homepage shortcode titles are div/strong based rather than real
   heading elements. They still belong to the display hierarchy. */
html body.home.bigstep-graphite-lime-theme :where(
  .bsl-hero__title,
  .bsl-hero__title *,
  .bps-section-head h2,
  .bsg-games-head h2,
  .bsg-game-copy h3,
  .bsphoto-home__head h2,
  .bsphoto-home__copy h2,
  .bsphoto-home__copy h3,
  .bstpl-head h2,
  .rxsc-head h2,
  .tysc-head h2,
  .bsig-head h2,
  .bsrv-head h2,
  .bsfaq-head h2,
  .bgs-disco-section-head h2,
  .bgs-disco-head h3,
  .bigstep-seo-intro__title
) {
  font-family: "Chakra Petch", sans-serif !important;
}

/* Footer column titles are headings in the markup and must match the hero
   heading DNA instead of reading like a third unrelated font. */
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .haru-heading-title {
  font-family: "Chakra Petch", sans-serif !important;
  letter-spacing: -.01em !important;
}

/* Header navigation, cards and action labels always use the UI face. */
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header :where(a,span,button),
html body.bigstep-graphite-lime-theme :where(
  .button,
  .elementor-button,
  .wp-element-button,
  .bps-card__button,
  .bstpl-cta,
  .rxsc-cta,
  .rxsc-try,
  .tysc-cta,
  .tysc-try,
  .bsig-follow,
  .bsrv-review-btn,
  .bsg-game-primary,
  .bsg-game-secondary,
  .bs-home-support-button
) {
  font-family: "Plus Jakarta Sans", sans-serif !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header :where(
  .haru-item.haru-item,
  .haru-cart-number.haru-cart-number,
  .haru-menu-tab__title,
  .menu-item > a
) {
  font-family: "Plus Jakarta Sans", sans-serif !important;
}

/* True end-of-cascade locks for the few legacy selectors carrying duplicated
   IDs/classes and therefore beating the generic typography system. */
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header a.haru-item.haru-item--main.haru-item--main,
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .haru-cart-number.haru-cart-number.haru-cart-number {
  font-family: "Plus Jakarta Sans", sans-serif !important;
}

html body.home.bigstep-graphite-lime-theme .v-slider-box.v-slider-box .v-card-modern.v-card-modern .v-val.v-val {
  font-family: "Plus Jakarta Sans", sans-serif !important;
}

/* RC9 true end-of-cascade locks. */
html:has(> body.bigstep-graphite-lime-theme) {
  scrollbar-color: #66726d #0d1011 !important;
  scrollbar-width: auto !important;
}

html:has(> body.bigstep-graphite-lime-theme) body,
html:has(> body.bigstep-graphite-lime-theme) body * {
  scrollbar-color: #66726d #0d1011 !important;
}

html body.home.bigstep-graphite-lime-theme.bigstep-graphite-lime-theme #haru-main#haru-main :where(
  .bsl-button,
  .bps-card__button,
  .bsig-follow,
  .bsg-game-primary,
  .bsg-game-secondary,
  .bstpl-cta,
  .rxsc-cta,
  .rxsc-try,
  .tysc-cta,
  .tysc-try,
  .bsrv-review-btn,
  .bs-home-support-button,
  .bgs-disco-cta,
  button
) {
  font-family: "Plus Jakarta Sans", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

html body.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main :where(button,.button,input[type="button"],input[type="submit"]) {
  font-family: "Plus Jakarta Sans", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app :where(button,.button,[role="button"]) {
  font-family: "Plus Jakarta Sans", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

html body.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-page-title .haru-page-title__content .haru-breadcrumb.haru-breadcrumb {
  border: 1px solid #59635f !important;
  background: #111516 !important;
  background-color: #111516 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-archive-product .product-item.product-item .product-info .price ins,
html body.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-archive-product .product-item.product-item .product-info .price ins .woocommerce-Price-amount,
html body.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-archive-product .product-item.product-item .product-info .price ins .woocommerce-Price-amount bdi,
html body.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-archive-product .product-item.product-item .product-info .price ins .woocommerce-Price-currencySymbol {
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  opacity: 1 !important;
}

html body.bigstep-graphite-lime-theme .bigstep-lang-switcher.bigstep-lang-switcher :where(a,button,span):not(.is-active) {
  color: #e8ede9 !important;
  -webkit-text-fill-color: #e8ede9 !important;
  opacity: 1 !important;
}

html body.bigstep-graphite-lime-theme .bigstep-lang-switcher.bigstep-lang-switcher :where(a,button,span).is-active.is-active {
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  opacity: 1 !important;
}

html body.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-archive-product .product-item.product-item .product-info .price > .bigstep-price-prefix {
  color: #aeb7b2 !important;
  -webkit-text-fill-color: #aeb7b2 !important;
  opacity: 1 !important;
}

html body.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-archive-product .product-item.product-item .product-info .price del,
html body.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-archive-product .product-item.product-item .product-info .price del .woocommerce-Price-amount,
html body.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-archive-product .product-item.product-item .product-info .price del .woocommerce-Price-amount bdi,
html body.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-archive-product .product-item.product-item .product-info .price del .woocommerce-Price-currencySymbol {
  color: #7e8883 !important;
  -webkit-text-fill-color: #7e8883 !important;
  background: transparent !important;
  opacity: 1 !important;
}

/* RC7 visual QA locks: remove the last indigo/overbright layers. */
html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsrv-bar {
  border-color: #30383a !important;
  background: rgba(16, 20, 21, 0.96) !important;
  color: #cbd2ce !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsrv-actions {
  border-color: #30383a !important;
  background: linear-gradient(180deg, rgba(20, 25, 26, 0.98), rgba(13, 16, 17, 0.98)) !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsrv-live {
  background: #c8ff00 !important;
  color: #080a0b !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bs-home-support-card::before {
  background:
    linear-gradient(90deg, transparent, rgba(200, 255, 0, 0.12) 32%, rgba(224, 255, 112, 0.1) 68%, transparent),
    linear-gradient(120deg, rgba(255, 255, 255, 0.035), transparent 36%) !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bs-home-support-card::after {
  background: radial-gradient(circle, rgba(200, 255, 0, 0.06), transparent 68%) !important;
}

/* RC9 blog + Tarot production repair.
 * Keep editorial and game surfaces inside the Graphite Lime system, while
 * leaving Tarot selection and reading logic untouched. */
html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme #haru-content-main#haru-content-main .haru-single-blog,
html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme #haru-content-main#haru-content-main .haru-single-blog > .h-row,
html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme #haru-content-main#haru-content-main .haru-single-blog .single-content,
html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme #haru-content-main#haru-content-main .haru-single-blog .single-sidebar.single-sidebar {
  background: #080a0b !important;
  background-color: #080a0b !important;
  background-image: none !important;
}

html body.bigstep-tarot-page.bigstep-graphite-lime-theme {
  --bst-graphite: #111516;
  --bst-graphite-2: #171c1d;
  --bst-line: #30383a;
  --bst-line-strong: #596466;
  --bst-lime: #c8ff00;
  --bst-muted: #a0a8a4;
  background: #080a0b !important;
  background-image: radial-gradient(circle at 50% 0,rgba(200,255,0,.045),transparent 30%) !important;
}

html body.bigstep-tarot-page.bigstep-graphite-lime-theme :where(#haru-main,#haru-content-main,.haru-page,.haru-page > .h-row,.page-content,.page-content-wrap,.entry-content) {
  background: transparent !important;
  background-image: none !important;
}

html body.bigstep-tarot-page.bigstep-graphite-lime-theme .bst-app.bst-app {
  --bg: #080a0b;
  --panel: #111516;
  --panel2: #171c1d;
  --line: #30383a;
  --text: #f5f6f1;
  --muted: #a0a8a4;
  --gold: #c8ff00;
  --violet: #c8ff00;
  background-color: #080a0b !important;
  background-image: radial-gradient(circle,rgba(89,99,95,.28) 1px,transparent 1.2px) !important;
  background-size: 24px 24px !important;
}

html body.bigstep-tarot-page.bigstep-graphite-lime-theme .bst-app .bst-hero h1 em {
  background: linear-gradient(100deg,#f5f6f1 0 18%,#c8ff00 58%,#f5f6f1 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

html body.bigstep-tarot-page.bigstep-graphite-lime-theme .bst-app :where(.bst-step-head > span,.bst-ai-icon) {
  border-color: rgba(200,255,0,.42) !important;
  background: rgba(200,255,0,.10) !important;
  color: #c8ff00 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

html body.bigstep-tarot-page.bigstep-graphite-lime-theme .bst-app :where(.bst-topics button,.bst-spreads button) {
  border-color: #394244 !important;
  background: #171c1d !important;
  color: #dce1de !important;
  box-shadow: none !important;
}

/* The generic plugin reset contains five :not() clauses, so the selected
 * state needs an explicit state/attribute lock to remain visibly selected. */
html body.bigstep-tarot-page.bigstep-graphite-lime-theme .bst-app.bst-app.bst-app .bst-topics.bst-topics button[data-topic][aria-checked="true"].is-active,
html body.bigstep-tarot-page.bigstep-graphite-lime-theme .bst-app.bst-app.bst-app .bst-spreads.bst-spreads button[data-spread][aria-checked="true"].is-active {
  border-color: #c8ff00 !important;
  background: linear-gradient(135deg,rgba(200,255,0,.20),rgba(200,255,0,.055)) !important;
  color: #f5f6f1 !important;
  box-shadow: inset 0 0 0 1px rgba(200,255,0,.18),0 0 0 3px rgba(200,255,0,.06) !important;
  transform: translateY(-1px) !important;
}

html body.bigstep-tarot-page.bigstep-graphite-lime-theme .bst-app :where(.bst-topics button.is-active b,.bst-spreads button.is-active strong,.bst-spreads button.is-active small) {
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
}

html body.bigstep-tarot-page.bigstep-graphite-lime-theme .bst-app .bst-question textarea:focus {
  border-color: #c8ff00 !important;
  box-shadow: 0 0 0 3px rgba(200,255,0,.09) !important;
}

html body.bigstep-tarot-page.bigstep-graphite-lime-theme .bst-app :where(.bst-mini-cards i,.bst-deck-card,.bst-running-card-inner,.bst-card-back,.bst-flight-face) {
  border-color: #596466 !important;
  background: repeating-radial-gradient(circle at 50% 50%,transparent 0 11px,rgba(200,255,0,.035) 12px 13px),linear-gradient(145deg,#202627,#0d1011) !important;
  box-shadow: inset 0 0 0 5px #0d1011,inset 0 0 0 7px rgba(200,255,0,.10),0 18px 34px rgba(0,0,0,.42) !important;
}

html body.bigstep-tarot-page.bigstep-graphite-lime-theme .bst-app :where(.bst-running-card-inner::before,.bst-running-card-inner::after) {
  border-color: rgba(200,255,0,.14) !important;
  background: transparent !important;
}

html body.bigstep-tarot-page.bigstep-graphite-lime-theme .bst-app .bst-running-card.is-guided .bst-running-card-inner {
  border-color: #c8ff00 !important;
  box-shadow: inset 0 0 0 5px #0d1011,inset 0 0 0 7px rgba(200,255,0,.18),0 0 0 2px rgba(200,255,0,.10),0 0 28px rgba(200,255,0,.18),0 20px 40px rgba(0,0,0,.48) !important;
}

html body.bigstep-tarot-page.bigstep-graphite-lime-theme .bst-app :where(.bst-draw,.bst-runway) {
  border-color: #30383a !important;
  background-color: #111516 !important;
  background-image: radial-gradient(ellipse at center,rgba(200,255,0,.035),transparent 66%) !important;
}

html body.bigstep-tarot-page.bigstep-graphite-lime-theme .bst-app.bst-app button.bst-draw-cta.bst-draw-cta {
  border-color: #596466 !important;
  background: linear-gradient(145deg,#202627,#111516) !important;
  color: #f5f6f1 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06),0 7px 0 #090b0c,0 16px 30px rgba(0,0,0,.30) !important;
}

html body.bigstep-tarot-page.bigstep-graphite-lime-theme .bst-app.bst-app button.bst-draw-cta.bst-draw-cta:is(:hover,:focus-visible) {
  border-color: #c8ff00 !important;
  color: #c8ff00 !important;
}

html body.bigstep-tarot-page.bigstep-graphite-lime-theme .bst-app :where(.bst-picked-marker,.bst-card-meaning,.bst-ai-content article) {
  border-color: #30383a !important;
  background: #14191a !important;
  background-image: none !important;
  color: #cbd2ce !important;
  box-shadow: none !important;
}

html body.bigstep-tarot-page.bigstep-graphite-lime-theme .bst-app :where(.bst-picked-marker i,.bst-card-number,.bst-card-symbol,.bst-card-meaning > span) {
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
  text-shadow: none !important;
}

html body.bigstep-tarot-page.bigstep-graphite-lime-theme .bst-app .bst-card-front,
html body.bigstep-tarot-page.bigstep-graphite-lime-theme .bst-flight-front {
  border-color: #596466 !important;
  background: radial-gradient(circle at 50% 38%,rgba(200,255,0,.07),transparent 36%),linear-gradient(160deg,#202627,#0d1011) !important;
  box-shadow: inset 0 0 0 5px #0d1011,inset 0 0 0 6px rgba(200,255,0,.11) !important;
}

html body.bigstep-tarot-page.bigstep-graphite-lime-theme .bst-app .bst-card-symbol {
  border-color: rgba(200,255,0,.30) !important;
  background: rgba(200,255,0,.07) !important;
}

html body.bigstep-tarot-page.bigstep-graphite-lime-theme .bst-app .bst-ai-reading > header,
html body.bigstep-tarot-page.bigstep-graphite-lime-theme .bst-app .bst-shirt-cta {
  border-color: #30383a !important;
  background: linear-gradient(90deg,rgba(200,255,0,.055),rgba(20,25,26,.98)) !important;
  background-image: linear-gradient(90deg,rgba(200,255,0,.055),rgba(20,25,26,.98)) !important;
}

html body.bigstep-tarot-page.bigstep-graphite-lime-theme .bst-app :where(.bst-result-question,.bst-share-status) {
  border-color: #30383a !important;
  background: rgba(200,255,0,.055) !important;
  color: #cbd2ce !important;
}

/* Give result transitions a reliable safe area below browser and sticky UI. */
html body.bigstep-tarot-page.bigstep-graphite-lime-theme .bst-result {
  scroll-margin-top: 112px !important;
}

@media (max-width: 720px) {
  html body.bigstep-tarot-page.bigstep-graphite-lime-theme .bst-result {
    scroll-margin-top: 96px !important;
  }
}

/* RC8 polish pass: repair the four surfaces confirmed in browser QA. */

/* Footer partner art and social links should read as one deliberate stack. */
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .elementor-element-9277ba4 {
  align-content: center !important;
  align-items: center !important;
  padding: 10px 15px 6px !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .elementor-element-9277ba4 > .elementor-element-4fb9830 {
  margin-top: 12px !important;
  padding-top: 0 !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .elementor-element-9277ba4 .haru-heading-title {
  margin: 0 0 9px !important;
  line-height: 1.25 !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .elementor-element-9277ba4 > .elementor-element-8757c28,
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .elementor-element-9277ba4 .haru-social,
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .elementor-element-9277ba4 .haru-social ul {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* The SEO copy is supporting content, not a floating card. Give it the same
   editorial rhythm as the rest of the graphite homepage. */
html body.home.bigstep-graphite-lime-theme .bigstep-seo-intro {
  padding: 34px 24px 52px !important;
  border: 0 !important;
  background: #080a0b !important;
  background-image: none !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-seo-intro__inner {
  display: grid !important;
  grid-template-columns: minmax(260px, .72fr) minmax(0, 1.28fr) !important;
  column-gap: clamp(40px, 6vw, 86px) !important;
  row-gap: 14px !important;
  align-items: start !important;
  width: min(1200px, 100%) !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 38px 0 0 !important;
  border: 0 !important;
  border-top: 1px solid #30383a !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  text-align: left !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-seo-intro__title {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  max-width: 390px !important;
  margin: 0 !important;
  color: #f5f6f1 !important;
  font-size: clamp(28px, 3vw, 40px) !important;
  line-height: 1.08 !important;
  text-align: left !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-seo-intro p {
  grid-column: 2 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  color: #aeb7b2 !important;
  font-size: 15px !important;
  line-height: 1.78 !important;
  text-align: left !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-seo-intro strong {
  color: #eef2ed !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-seo-intro a {
  color: #c8ff00 !important;
  text-decoration-color: rgba(200, 255, 0, .45) !important;
  text-underline-offset: 3px !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-seo-intro a:hover {
  color: #e0ff70 !important;
}

/* Trustindex: one border per card, real spacing and a neutral frame. */
html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsrv-frame.bsrv-frame {
  overflow: hidden !important;
  border: 1px solid #30383a !important;
  border-radius: 18px !important;
  background: #0d1011 !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .26) !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsrv-body.bsrv-body {
  padding: 16px !important;
  background: #0d1011 !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .ti-widget.ti-widget .ti-review-item.ti-review-item {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .ti-widget.ti-widget .ti-inner.ti-inner {
  height: 100% !important;
  border: 1px solid #30383a !important;
  border-radius: 15px !important;
  background: #14191a !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-ti-fallback .ti-reviews-container-wrapper {
  gap: 14px !important;
  padding: 0 !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-ti-fallback .ti-review-item.ti-review-item {
  min-height: 262px !important;
  padding: 0 !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-ti-fallback .ti-inner.ti-inner {
  min-height: 262px !important;
  padding: 18px !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-ti-fallback .ti-review-text-container {
  margin-top: 4px !important;
  color: #b9c2bd !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-ti-fallback .ti-read-more {
  margin-top: auto !important;
  padding-top: 12px !important;
  color: #c8ff00 !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsrv-actions {
  min-height: 82px !important;
  padding: 18px 22px !important;
  border-top: 1px solid #30383a !important;
  background: #101415 !important;
  background-image: none !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .ti-controls-line {
  height: 2px !important;
  background: #232a2c !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .ti-controls-line .dot {
  height: 2px !important;
  background: #c8ff00 !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bigstep-ti-fallback .ti-controls-line {
  display: none !important;
}

/* 3D is a primary workspace action. Its label must never inherit the dark ink
   intended for a different dark button state. */
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bsai3d-trigger.bsai3d-trigger {
  min-width: 74px !important;
  min-height: 40px !important;
  border: 1px solid #c8ff00 !important;
  background: #c8ff00 !important;
  background-color: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  box-shadow: 0 0 0 1px rgba(200, 255, 0, .16), 0 8px 22px rgba(200, 255, 0, .12) !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bsai3d-trigger.bsai3d-trigger :where(span,svg,path,polyline,line) {
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  stroke: currentColor !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bsai3d-trigger.bsai3d-trigger:hover,
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bsai3d-trigger.bsai3d-trigger:focus-visible {
  border-color: #e0ff70 !important;
  background: #e0ff70 !important;
  color: #080a0b !important;
}

@media (max-width: 767px) {
  html body.home.bigstep-graphite-lime-theme .bigstep-seo-intro {
    padding: 24px 18px 38px !important;
  }

  html body.home.bigstep-graphite-lime-theme .bigstep-seo-intro__inner {
    display: block !important;
    padding-top: 28px !important;
  }

  html body.home.bigstep-graphite-lime-theme .bigstep-seo-intro__title {
    max-width: none !important;
    margin-bottom: 18px !important;
    font-size: clamp(27px, 9vw, 36px) !important;
  }

  html body.home.bigstep-graphite-lime-theme .bigstep-seo-intro p + p {
    margin-top: 12px !important;
  }

  html body.home.bigstep-graphite-lime-theme .bigstep-ti-fallback .ti-reviews-container-wrapper {
    display: flex !important;
    gap: 12px !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
  }

  html body.home.bigstep-graphite-lime-theme .bigstep-ti-fallback .ti-review-item.ti-review-item {
    flex: 0 0 min(84vw, 330px) !important;
    scroll-snap-align: start !important;
  }
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .haru-logo a::after,
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .haru-logo-footer::after,
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-brand-link::after {
  content: "bigstep" !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  color: #f5f6f1 !important;
  font-family: "Chakra Petch", "Barlow", sans-serif !important;
  font-size: 30px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: -2px !important;
  text-transform: lowercase !important;
  white-space: nowrap !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .haru-logo img,
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .haru-logo-footer img,
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-brand-logo {
  display: none !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .haru-logo-footer::after {
  font-size: 28px !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-brand-link::after {
  font-size: 25px !important;
  letter-spacing: -1.6px !important;
}

html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) #haru-content-main#haru-content-main,
html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) #haru-content-main#haru-content-main > #primary,
html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) #haru-content-main#haru-content-main > .content-area {
  background: #080a0b !important;
  background-image: none !important;
  color: #f5f6f1 !important;
}

html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-page-title.haru-page-title {
  min-height: 0 !important;
  padding: 34px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #242b2c !important;
  background: #0b0e0f !important;
  background-image: radial-gradient(circle at 80% 30%, rgba(200,255,0,.08), transparent 32%) !important;
}

html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-page-title .haru-page-title__content {
  width: min(100% - 48px, 1230px) !important;
  max-width: 1230px !important;
  min-height: 0 !important;
  margin-inline: auto !important;
  padding: 0 !important;
}

html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-page-title .haru-breadcrumb.haru-breadcrumb {
  width: 100% !important;
  margin: 0 !important;
  border-color: #30383a !important;
  background: #111516 !important;
  box-shadow: none !important;
}

html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-archive-product .archive-product.products .products > .product-item.product-item {
  border: 1px solid #30383a !important;
  border-radius: 16px !important;
  background: #111516 !important;
  background-color: #111516 !important;
  background-image: none !important;
  color: #f5f6f1 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-archive-product .archive-product.products .products > .product-item.product-item:hover {
  border-color: rgba(200,255,0,.58) !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.34) !important;
}

html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-archive-product .product-item.product-item .product-wrap,
html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-archive-product .product-item.product-item .product-info {
  background: #111516 !important;
  background-color: #111516 !important;
  background-image: none !important;
  color: #f5f6f1 !important;
}

html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-archive-product .product-item.product-item .product-info {
  padding: 18px !important;
}

html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-archive-product .product-item.product-item .product-top,
html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-archive-product .product-item.product-item .product-thumbnail {
  background: #f4f5ef !important;
}

html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-archive-product .product-item.product-item .product-info :where(h2,h3,a,.price,.amount,bdi,ins,strong,p,small) {
  color: #f5f6f1 !important;
}

html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-archive-product .product-item.product-item .product-info del,
html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-archive-product .product-item.product-item .product-info del * {
  color: #7e8883 !important;
}

html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) div.product .summary.entry-summary,
html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) div.product .summary.entry-summary .summary-content {
  border-color: #30383a !important;
  background: #111516 !important;
  background-color: #111516 !important;
  background-image: none !important;
  color: #f5f6f1 !important;
  box-shadow: none !important;
}

html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) div.product .summary.entry-summary > .summary-content {
  border: 0 !important;
}

html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) div.product .summary.entry-summary h1.product_title,
html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) div.product .summary.entry-summary :where(h2,h3,h4,label,strong) {
  color: #f5f6f1 !important;
}

html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) div.product .summary.entry-summary :where(.bigstep-product-options,.bigstep-product-options__section,.bigstep-size-advice__panel,.bigstep-ai-breakdown-card,.bigstep-product-options__assisted,.bigstep-info-wrapper,.bigstep-product-description-card,.product_meta) {
  border-color: #30383a !important;
  background: #0d1011 !important;
  background-color: #0d1011 !important;
  background-image: none !important;
  color: #dce1de !important;
  box-shadow: none !important;
}

html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) div.product .summary.entry-summary :where(.bigstep-ai-breakdown-head,.bigstep-ai-breakdown-summary,.bigstep-ai-breakdown-note,.bigstep-info-header,.bigstep-info-row,.bigstep-product-description-card__content,.bigstep-product-options__size-qty-summary,.bigstep-product-options__method-balloon,.bs-wh-balloon) {
  border-color: #30383a !important;
  background: #151a1b !important;
  background-color: #151a1b !important;
  background-image: none !important;
  color: #cbd2ce !important;
}

html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) div.product .summary.entry-summary :where(.bigstep-product-options__segment,.bigstep-product-options__chip,.bigstep-product-options__method,.bigstep-product-options__color) {
  border-color: #394244 !important;
  background: #171c1d !important;
  background-image: none !important;
  color: #dce1de !important;
  box-shadow: none !important;
}

html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) div.product .summary.entry-summary :where(.bigstep-product-options__segment,.bigstep-product-options__chip,.bigstep-product-options__method,.bigstep-product-options__color).is-active {
  border-color: #c8ff00 !important;
  background: rgba(200,255,0,.13) !important;
  background-image: none !important;
  color: #c8ff00 !important;
}

html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) div.product .summary.entry-summary :where(input,select,textarea,.quantity,.bigstep-product-options__size-qty-row) {
  border-color: #394244 !important;
  background-color: #151a1b !important;
  color: #f5f6f1 !important;
  box-shadow: none !important;
}

html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) div.product .summary.entry-summary .bigstep-product-options__design,
html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) div.product .summary.entry-summary .single_add_to_cart_button.single_add_to_cart_button {
  border: 1px solid #c8ff00 !important;
  background: #c8ff00 !important;
  background-color: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  box-shadow: none !important;
}

html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) div.product .summary.entry-summary .bigstep-product-options__clear {
  border-color: #394244 !important;
  background: #171c1d !important;
  color: #dce1de !important;
}

html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) div.product .summary.entry-summary .bigstep-product-options__assisted-zalo {
  border: 1px solid #c8ff00 !important;
  background: transparent !important;
  background-image: none !important;
  color: #c8ff00 !important;
  box-shadow: none !important;
}

html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) div.product .summary.entry-summary :where(.bigstep-product-options__size-qty-summary,.bigstep-ai-breakdown-card,.bigstep-info-wrapper,.bigstep-info-header,.bigstep-info-row,.bigstep-product-description-card,.product_meta) {
  border-color: #30383a !important;
}

html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) div.product .summary.entry-summary .bigstep-ai-breakdown-card :where(b,strong,.is-total),
html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) div.product .summary.entry-summary .bigstep-info-row :where(a,strong) {
  color: #c8ff00 !important;
  background-image: none !important;
}

html body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .cart-empty.woocommerce-info {
  border: 1px solid #30383a !important;
  background: #111516 !important;
  background-image: none !important;
  color: #cbd2ce !important;
  box-shadow: none !important;
}

html body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .return-to-shop .wc-backward,
html body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where(.checkout-button,button.button,input.button),
html body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where(#place_order,button.button,input.button) {
  border: 1px solid #c8ff00 !important;
  background: #c8ff00 !important;
  background-color: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme :where(.bsai3d-badge,.bsai3d-live-badge) {
  border-color: rgba(200,255,0,.48) !important;
  background: rgba(200,255,0,.10) !important;
  color: #c8ff00 !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme :where(.bigstep-ai-swatch--method-card.is-active,.bigstep-ai-swatch--method-card[aria-pressed="true"]) :where(.bigstep-ai-swatch-method-check,.bigstep-ai-swatch-check) {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  color: #080a0b !important;
  box-shadow: none !important;
}

html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .shop-filter .shop-filter__layout .shop-filter__grid::before {
  background-image:
    linear-gradient(#c8ff00 0 0),
    linear-gradient(#c8ff00 0 0),
    linear-gradient(#c8ff00 0 0),
    linear-gradient(#c8ff00 0 0) !important;
}

html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) #haru-content-main #main div.product .summary.entry-summary .bigstep-product-options.bigstep-product-options button.bigstep-product-options__segment,
html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) #haru-content-main #main div.product .summary.entry-summary .bigstep-product-options.bigstep-product-options button.bigstep-product-options__chip,
html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) #haru-content-main #main div.product .summary.entry-summary .bigstep-product-options.bigstep-product-options button.bigstep-product-options__method,
html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) #haru-content-main #main div.product .summary.entry-summary .bigstep-product-options.bigstep-product-options button.bigstep-product-options__color {
  border-color: #394244 !important;
  background: #171c1d !important;
  background-color: #171c1d !important;
  background-image: none !important;
  color: #dce1de !important;
  box-shadow: none !important;
}

html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) #haru-content-main #main div.product .summary.entry-summary .bigstep-product-options.bigstep-product-options button.bigstep-product-options__segment.is-active,
html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) #haru-content-main #main div.product .summary.entry-summary .bigstep-product-options.bigstep-product-options button.bigstep-product-options__chip.is-active,
html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) #haru-content-main #main div.product .summary.entry-summary .bigstep-product-options.bigstep-product-options button.bigstep-product-options__method.is-active,
html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) #haru-content-main #main div.product .summary.entry-summary .bigstep-product-options.bigstep-product-options button.bigstep-product-options__color.is-active {
  border-color: #c8ff00 !important;
  background: rgba(200,255,0,.13) !important;
  background-color: rgba(200,255,0,.13) !important;
  background-image: none !important;
  color: #c8ff00 !important;
  box-shadow: inset 0 0 0 1px rgba(200,255,0,.14) !important;
}

html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) #haru-content-main #main div.product .summary.entry-summary form.cart button.single_add_to_cart_button.button.alt {
  min-height: 54px !important;
  border: 1px solid #c8ff00 !important;
  border-radius: 11px !important;
  background: #c8ff00 !important;
  background-color: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-swatch.bigstep-ai-swatch--method-card {
  --bs-method-accent: #c8ff00 !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-swatch.bigstep-ai-swatch--method-card.is-active::after {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-color: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bsai3d-watermark::before {
  border-color: rgba(200,255,0,.46) !important;
  background: rgba(200,255,0,.10) !important;
  color: #c8ff00 !important;
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bsai3d-palette {
  border-color: #30383a !important;
  background: #0d1011 !important;
  background-image: none !important;
  color: #f5f6f1 !important;
  box-shadow: 0 18px 48px rgba(0,0,0,.42) !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bsai3d-product-option {
  border-color: #30383a !important;
  background: #151a1b !important;
  color: #dce1de !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bsai3d-product-option.is-active {
  border-color: #c8ff00 !important;
  background: rgba(200,255,0,.12) !important;
  color: #c8ff00 !important;
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bsai3d-swatch {
  border-color: #394244 !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .cart-side-widget .widget.woocommerce.widget_shopping_cart {
  border-color: #30383a !important;
  background: #0d1011 !important;
  background-color: #0d1011 !important;
  background-image: none !important;
  color: #f5f6f1 !important;
}

html body.woocommerce-cart.woocommerce-page.bigstep-woo-redesign.bigstep-graphite-lime-theme,
html body.woocommerce-checkout.woocommerce-page.bigstep-woo-redesign.bigstep-graphite-lime-theme {
  background: #080a0b !important;
  background-color: #080a0b !important;
  background-image: none !important;
  color: #f5f6f1 !important;
}

html body.woocommerce-cart.woocommerce-page.bigstep-woo-redesign #haru-content-main #main .return-to-shop a.button.wc-backward,
html body.woocommerce-cart.woocommerce-page.bigstep-woo-redesign #haru-content-main #main :where(.checkout-button,button.button,input.button),
html body.woocommerce-checkout.woocommerce-page.bigstep-woo-redesign #haru-content-main #main :where(#place_order,button.button,input.button) {
  border: 1px solid #c8ff00 !important;
  background: #c8ff00 !important;
  background-color: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  box-shadow: none !important;
}

html body.woocommerce-cart.woocommerce-page.bigstep-woo-redesign #haru-main#haru-main,
html body.woocommerce-checkout.woocommerce-page.bigstep-woo-redesign #haru-main#haru-main {
  background: #080a0b !important;
  background-color: #080a0b !important;
  background-image: none !important;
}

html body.woocommerce-cart.woocommerce-page.bigstep-woo-redesign #haru-content-main#haru-content-main .woocommerce .return-to-shop a.button.wc-backward {
  border: 1px solid #c8ff00 !important;
  background: #c8ff00 !important;
  background-color: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  box-shadow: none !important;
}

@media (max-width: 767px) {
  html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .haru-logo a {
    gap: 6px !important;
    min-width: 118px !important;
  }

  html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .haru-logo a::before {
    flex-basis: 23px !important;
    width: 23px !important;
    height: 17px !important;
  }

  html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .haru-logo a::after {
    font-size: 22px !important;
    letter-spacing: -1.2px !important;
  }

  html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-page-title.haru-page-title {
    padding: 18px 0 !important;
  }

  html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-page-title .haru-page-title__content {
    width: calc(100% - 28px) !important;
  }

  html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-page-title .haru-breadcrumb.haru-breadcrumb {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    width: 100% !important;
    min-height: 46px !important;
    padding: 7px 9px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
  }

  html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-page-title .haru-breadcrumb.haru-breadcrumb > * {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }

  html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-page-title .haru-breadcrumb.haru-breadcrumb .delimiter {
    width: 18px !important;
    min-width: 18px !important;
  }

  html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-single-product div.product,
  html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-single-product .single-product-image-wrap,
  html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-single-product .single-product-summary {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* Brand restoration: preserve Bigstep's original long-standing logo artwork. */
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .haru-logo a,
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .haru-logo-footer,
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-brand-link {
  width: auto !important;
  min-width: 0 !important;
  gap: 0 !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .haru-logo a::before,
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .haru-logo a::after,
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .haru-logo-footer::before,
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .haru-logo-footer::after,
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-brand-link::before,
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-brand-link::after {
  content: none !important;
  display: none !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .haru-logo img.haru-logo__default {
  content: url("/wp-content/uploads/2022/08/Logoz-safe-20260713.png") !important;
  display: block !important;
  width: 142px !important;
  max-width: 142px !important;
  height: 42px !important;
  max-height: 42px !important;
  object-fit: contain !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  transform: none !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .haru-logo-footer img.haru-logo-footer__default {
  content: url("/wp-content/uploads/2022/08/Logoz-safe-20260713.png") !important;
  display: block !important;
  width: 150px !important;
  max-width: 150px !important;
  height: auto !important;
  object-fit: contain !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  transform: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-brand-logo {
  content: url("/wp-content/uploads/2022/08/Logoz-safe-20260713.png") !important;
  display: block !important;
  width: 112px !important;
  max-width: 112px !important;
  height: 34px !important;
  max-height: 34px !important;
  object-fit: contain !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  transform: none !important;
}

@media (max-width: 767px) {
  html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .haru-logo a {
    min-width: 0 !important;
  }

  html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .haru-logo img.haru-logo__default {
    width: 118px !important;
    max-width: 118px !important;
    height: 36px !important;
    max-height: 36px !important;
  }
}

/* RC10 final breadcrumb radius lock; placed after every legacy pill rule. */
html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-page-title .haru-breadcrumb.haru-breadcrumb,
html body.bigstep-content-redesign:not(.bigstep-plugin-surface) .haru-page-title .haru-breadcrumb.haru-breadcrumb {
  border-radius: 12px !important;
}

html body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-page-title .haru-breadcrumb.haru-breadcrumb > :where(a,span),
html body.bigstep-content-redesign:not(.bigstep-plugin-surface) .haru-page-title .haru-breadcrumb.haru-breadcrumb > :where(a,span) {
  border-radius: 7px !important;
}

/* RC11 homepage hero motion. Keep every moving layer compositor-friendly so
 * the visual lift does not reintroduce scroll jank. */
html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__art {
  --bsl-art-x: -52%;
  --bsl-art-y: -49%;
  animation: bsl-mascot-float 8.4s cubic-bezier(.45,.05,.55,.95) infinite !important;
  transform-origin: 52% 56%;
  will-change: transform;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero::before {
  inset: -2% !important;
  animation: bsl-star-drift 36s linear infinite !important;
  will-change: transform,opacity;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__moon {
  animation: none !important;
  transform-origin: 50% 50%;
  will-change: auto;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-orbit--one {
  animation: none !important;
  will-change: auto;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-orbit--two {
  animation: none !important;
  will-change: auto;
}

@keyframes bsl-mascot-float {
  0%,100% { transform: translate(var(--bsl-art-x),var(--bsl-art-y)) rotate(-.18deg); }
  48% { transform: translate(var(--bsl-art-x),calc(var(--bsl-art-y) - 6px)) rotate(.18deg); }
  72% { transform: translate(var(--bsl-art-x),calc(var(--bsl-art-y) - 3px)) rotate(.06deg); }
}

@keyframes bsl-star-drift {
  0% { transform: translate3d(-.35%,-.2%,0) scale(1.008); opacity: .42; }
  50% { transform: translate3d(.35%,.2%,0) scale(1.012); opacity: .50; }
  100% { transform: translate3d(-.35%,-.2%,0) scale(1.008); opacity: .42; }
}

/* RC13 desktop hero balance and compositor budget. The phone artwork remains
 * governed by the existing <=960px rules, including the 330px mobile cap. */
html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero {
  overflow: hidden;
  contain: paint;
}

@media (min-width: 961px) {
  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__art {
    width: min(620px,96%) !important;
  }
}

/* RC14 homepage finish: compact hero, local reviews, Instagram cards,
 * support surface and a deliberately smaller footer copyright rail. */
html body.home.bigstep-graphite-lime-theme .bigstep-ti-fallback .bigstep-ti-avatar {
  display: grid !important;
  place-items: center !important;
  border: 1px solid #3a4541 !important;
  background: #1b2220 !important;
  color: #c8ff00 !important;
  font: 800 15px/1 "Plus Jakarta Sans", sans-serif !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-ti-fallback .bigstep-ti-google {
  display: grid !important;
  width: 22px !important;
  height: 22px !important;
  place-items: center !important;
  border-radius: 50% !important;
  background: #f5f6f1 !important;
  color: #4285f4 !important;
  font: 900 12px/1 Arial, sans-serif !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-ti-fallback .ti-stars {
  color: #c8ff00 !important;
  letter-spacing: 2px !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsig-wrap .bsig-feed .sbi_item,
html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsig-wrap .bsig-feed .sbi_photo_wrap,
html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsig-wrap .bsig-feed .sbi_photo,
html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsig-wrap .bsig-feed .sbi_photo::before,
html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsig-wrap .bsig-feed .sbi_photo::after,
html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsig-wrap .bsig-feed .sbi_photo img {
  border-radius: 16px !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsig-wrap .bsig-feed .sbi_item {
  border-color: #30383a !important;
  background: #111516 !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsig-wrap .bsig-feed .sbi_photo img {
  transition: transform .28s ease !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsig-wrap .bsig-feed .sbi_item:hover .sbi_photo img {
  transform: scale(1.025) !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bs-home-support-cta {
  padding-block: clamp(34px,4vw,52px) !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bs-home-support-card.bs-home-support-card {
  gap: 34px !important;
  padding: 38px 44px !important;
  border-color: #30383a !important;
  background: linear-gradient(135deg,#151a1b,#0c0f10 72%) !important;
  box-shadow: 0 22px 60px rgba(0,0,0,.28) !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bs-home-support-card::before {
  background: linear-gradient(90deg,transparent,rgba(255,255,255,.035),transparent) !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bs-home-support-card::after {
  background: radial-gradient(circle,rgba(200,255,0,.035),transparent 70%) !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bs-home-support-badge {
  border-color: #3a4641 !important;
  background: #151c19 !important;
  color: #c8ff00 !important;
  box-shadow: none !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bs-home-support-content p {
  color: #b9c2bd !important;
  -webkit-text-fill-color: #b9c2bd !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer {
  border-top-color: #252c2e !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer::before {
  content: none !important;
  display: none !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .elementor-element-f4f32cb {
  min-height: 0 !important;
  padding: 20px 16px !important;
  border-top: 1px solid #202729 !important;
  background: #080a0b !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .elementor-element-251d364,
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .elementor-element-251d364 :where(.elementor-widget-container,.background-dark,.haru-heading-title) {
  margin: 0 !important;
  padding: 0 !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .elementor-element-251d364 .haru-heading-title::before,
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .elementor-element-251d364 .haru-heading-title::after {
  content: none !important;
  display: none !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .elementor-element-f4f32cb > .elementor-element-8b795bb {
  min-height: 0 !important;
  padding: 0 !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .elementor-element-251d364 .haru-heading-title {
  min-height: 0 !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
}

@media (max-width: 767px) {
  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bs-home-support-card.bs-home-support-card {
    padding: 28px 22px !important;
  }
}

@keyframes bsl-moon-breathe {
  0%,100% { transform: translate3d(0,0,0) scale(1); opacity: .78; }
  50% { transform: translate3d(-10px,8px,0) scale(1.018); opacity: .88; }
}

@keyframes bsl-orbit-one {
  0%,100% { transform: rotate(-15deg) scale(1); opacity: .66; }
  50% { transform: rotate(-13.6deg) scale(1.018); opacity: .96; }
}

@keyframes bsl-orbit-two {
  0%,100% { transform: rotate(-15deg) scale(1); opacity: .56; }
  50% { transform: rotate(-16.4deg) scale(.982); opacity: .90; }
}

@media (max-width: 767px) {
  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__art {
    --bsl-art-x: -50%;
    --bsl-art-y: -48%;
    animation-duration: 8.4s !important;
  }

  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero::before {
    animation-duration: 36s !important;
  }

  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__moon {
    animation-duration: 30s !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__art,
  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero::before,
  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__moon,
  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-orbit {
    animation: none !important;
    will-change: auto !important;
  }

  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__art {
    transform: translate(var(--bsl-art-x),var(--bsl-art-y));
  }
}

/* Homepage motion budget: keep one calm brand movement and remove the many
 * competing infinite loops that made scrolling the hero feel jerky. */
html body.home.bigstep-graphite-lime-theme .bsl-home :where(
  .bsl-eyebrow,
  .bsl-hero__lead,
  .bsl-button--primary,
  .bsl-button--ghost,
  .bsl-hud-corner,
  .bsl-orbit,
  .bsl-orbit::before,
  .bsl-orbit::after
),
html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero::after,
html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__grid::after,
html body.home.bigstep-graphite-lime-theme .bsl-home #bsl-hero-title em {
  animation: none !important;
  will-change: auto !important;
}
html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__visual {
  animation: none !important;
  transform: none !important;
  will-change: auto !important;
}
html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__art {
  animation: bs-home-mascot-float 10.5s ease-in-out infinite !important;
  will-change: transform !important;
}
html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero.is-scroll-active .bsl-hero__art {
  animation-play-state: paused !important;
  will-change: auto !important;
}
html body.home.bigstep-graphite-lime-theme .bs-motion-paused,
html body.home.bigstep-graphite-lime-theme .bs-motion-paused *,
html body.home.bigstep-graphite-lime-theme .bs-motion-paused *::before,
html body.home.bigstep-graphite-lime-theme .bs-motion-paused *::after {
  animation-play-state: paused !important;
}

/* Explicit high-specificity lock for cinema rules declared by earlier RCs. */
html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero.bsl-hero::after,
html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero .bsl-eyebrow.bsl-eyebrow,
html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero .bsl-hero__lead.bsl-hero__lead,
html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero .bsl-button--primary.bsl-button--primary,
html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero .bsl-button--ghost.bsl-button--ghost,
html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero .bsl-hud-corner.bsl-hud-corner,
html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero .bsl-orbit.bsl-orbit,
html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero .bsl-orbit.bsl-orbit::before,
html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero .bsl-orbit.bsl-orbit::after {
  animation: none !important;
  will-change: auto !important;
}

/* RC55 - keep the orbital look while removing large continuously repainted layers. */
html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__visual {
  animation: none !important;
  transform: none !important;
  will-change: auto !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__visual::before {
  filter: none !important;
  opacity: .68 !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-orbit::before {
  filter: none !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__moon,
html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__moon::after {
  animation: none !important;
  will-change: auto !important;
}

/* RC26 Studio button color system. One cascade covers controls rendered by
 * every lazy panel while leaving garment colour swatches and promo dots free
 * to display their semantic colours. */
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme {
  --bs-btn-bg: #1b2022;
  --bs-btn-bg-hover: #222a27;
  --bs-btn-border: #394244;
  --bs-btn-text: #dce1de;
  --bs-btn-muted: #8e9994;
  --bs-btn-active-bg: rgba(200,255,0,.11);
  --bs-btn-active-border: #c8ff00;
  --bs-btn-active-text: #c8ff00;
  --bs-btn-danger: #ff6b6b;
  --bs-btn-danger-bg: rgba(255,107,107,.10);
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme :is(
  .bigstep-ai-editor-icon-button,
  .bigstep-ai-top-button,
  .bigstep-ai-quick-color-btn,
  .bigstep-ai-obj-toolbar-btn,
  .bigstep-ai-float-button,
  .bigstep-ai-button,
  .bsai3d-btn,
  .bsai3d-toolbtn,
  .bsai3d-motion-btn,
  .bsai3d-close,
  .bigstep-ai-tour-prompt-close,
  .bigstep-ai-tour-prompt-dismiss
) {
  border-color: var(--bs-btn-border) !important;
  background-color: var(--bs-btn-bg) !important;
  background-image: none !important;
  color: var(--bs-btn-text) !important;
  -webkit-text-fill-color: var(--bs-btn-text) !important;
  box-shadow: none !important;
}

/* Carousel indicators are colour/status marks, not conventional buttons. */
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-studio-promos__dots button {
  border-color: transparent !important;
  background: #737d79 !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-studio-promos__dots button.is-active {
  background: #c8ff00 !important;
}

@media (hover: hover) {
  html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme :is(
    .bigstep-ai-editor-icon-button,
    .bigstep-ai-top-button,
    .bigstep-ai-quick-color-btn,
    .bigstep-ai-obj-toolbar-btn,
    .bigstep-ai-float-button,
    .bigstep-ai-button,
    .bsai3d-btn,
    .bsai3d-toolbtn,
    .bsai3d-motion-btn,
    .bsai3d-close,
    .bigstep-ai-tour-prompt-close,
    .bigstep-ai-tour-prompt-dismiss
  ):not(:disabled):hover {
    border-color: rgba(200,255,0,.68) !important;
    background-color: var(--bs-btn-bg-hover) !important;
    color: #f5f6f1 !important;
    -webkit-text-fill-color: #f5f6f1 !important;
    box-shadow: 0 0 0 1px rgba(200,255,0,.06) !important;
  }
}

/* RC28 complete Photobooth palette pass. The legacy component stores much of
 * its purple in gradients rather than background-color, so remap every flow
 * surface/state explicitly: launcher, layouts, source choice, upload, camera,
 * filters and error recovery. Decorative AR effects retain their own colours. */
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-photobooth-launch__icon,
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth__source-grid i {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth :where(
  .bigstep-native-photobooth__source-preview-media,
  .bigstep-native-photobooth__layout-sample,
  .bigstep-native-photobooth__layout-icon,
  .bigstep-native-photobooth__upload-inline-preview
) {
  border-color: #30383a !important;
  background: radial-gradient(circle at 50% 40%,#202729,#0a0d0e 76%) !important;
  color: #dce1de !important;
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth .bigstep-native-photobooth__layout-icon b {
  border-color: #f5f6f1 !important;
  background: linear-gradient(145deg,#27302d,#c8ff00) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.28) !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth :where(
  .bigstep-native-photobooth__source-grid b,
  .bigstep-native-photobooth__source-preview-copy span,
  .bigstep-native-photobooth__upload-inline-panel > div:first-child span,
  .bigstep-native-photobooth__upload-filters > span,
  .bigstep-native-photobooth__controls > span,
  .bigstep-native-photobooth__result > div > span
) {
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth :where(
  .bigstep-native-photobooth__filters button.is-active,
  .bigstep-native-photobooth__upload-filters button.is-active,
  .bigstep-native-photobooth__control-tabs button.is-active,
  .bigstep-native-photobooth__gesture-toggle.is-active
) {
  border-color: #c8ff00 !important;
  background: rgba(200,255,0,.11) !important;
  background-image: none !important;
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth__filters i {
  border: 1px solid #394244 !important;
  background-color: #151a18 !important;
  color: #f5f6f1 !important;
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth__shutter {
  border-color: #f5f6f1 !important;
  background: #c8ff00 !important;
  background-image: none !important;
  box-shadow: 0 0 0 3px rgba(200,255,0,.18) !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth__shutter i {
  border-color: #080a0b !important;
  background: #080a0b !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth__camera-status.is-error > i {
  border-color: #c8ff00 !important;
  background: rgba(200,255,0,.10) !important;
  color: #c8ff00 !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth__camera-status.is-error > button {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: none !important;
}

/* RC29 Photobooth mobile ergonomics. Keep every action inside the dynamic
 * viewport, respect the safe area and give camera/filter controls useful tap
 * targets without changing the desktop workflow. */
@media (max-width: 767px) {
  html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth {
    top: 58px !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    height: calc(100dvh - 58px) !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth__dialog {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
  }

  html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth__header {
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    min-height: 58px !important;
    padding: 0 10px 0 14px !important;
  }

  html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth main {
    min-height: 0 !important;
    padding: 12px 12px calc(18px + env(safe-area-inset-bottom)) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch;
  }

  html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth h2 {
    font-size: clamp(20px,5.8vw,23px) !important;
    line-height: 1.18 !important;
    text-wrap: pretty;
  }

  html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth :where(
    button,
    .bigstep-native-photobooth__choice,
    .bigstep-native-photobooth__gesture-toggle
  ) {
    min-height: 44px;
    touch-action: manipulation;
  }

  html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth footer {
    position: sticky !important;
    bottom: 0 !important;
    z-index: 30 !important;
    width: 100% !important;
    min-height: 62px !important;
    margin-top: 10px !important;
    padding: 9px 0 calc(9px + env(safe-area-inset-bottom)) !important;
    border-top-color: #30383a !important;
    background: #0d1112 !important;
  }

  html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth footer > button {
    min-height: 44px !important;
    padding-inline: 14px !important;
  }

  html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth__control-tabs {
    display: flex !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    scrollbar-width: none;
    scroll-snap-type: x proximity;
  }

  html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth__control-tabs::-webkit-scrollbar {
    display: none;
  }

  html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth__control-tabs > button {
    min-width: max-content !important;
    flex: 0 0 auto !important;
    scroll-snap-align: start;
  }

  html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth :where(
    .bigstep-native-photobooth__camera,
    .bigstep-native-photobooth__camera.is-upload
  ) {
    width: 100% !important;
    height: clamp(260px,42dvh,420px) !important;
    min-height: 260px !important;
  }

  html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth__filters {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 8px !important;
  }

  html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth__result figure {
    min-height: 260px !important;
  }
}

@media (max-width: 380px) {
  html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth__choices {
    gap: 8px !important;
  }

  html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth__choice {
    padding: 7px !important;
  }
}

/* RC62 — finish the one-shot terminal typing with one lightweight light pass. */
@keyframes bs-home-heading-light-sweep-loop {
  0% { opacity: 0; transform: translate3d(-150%,0,0) skewX(-18deg); }
  4% { opacity: .88; }
  30% { opacity: .88; transform: translate3d(760%,0,0) skewX(-18deg); }
  31%,100% { opacity: 0; transform: translate3d(760%,0,0) skewX(-18deg); }
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme :is(
  .bigstep-ai-editor-icon-button,
  .bigstep-ai-top-button,
  .bigstep-ai-quick-color-btn,
  .bigstep-ai-obj-toolbar-btn,
  .bigstep-ai-tool,
  .bsai3d-btn,
  .bsai3d-toolbtn,
  .bsai3d-motion-btn
):is(.is-active,[aria-pressed="true"],[aria-selected="true"]) {
  border-color: var(--bs-btn-active-border) !important;
  background-color: var(--bs-btn-active-bg) !important;
  color: var(--bs-btn-active-text) !important;
  -webkit-text-fill-color: var(--bs-btn-active-text) !important;
  box-shadow: inset 0 0 0 1px rgba(200,255,0,.06) !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme :is(
  .bigstep-ai-button--primary,
  .bigstep-ai-tour-prompt-start,
  .is-primary,
  button[type="submit"],
  input[type="submit"]
) {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: none !important;
}

@media (hover: hover) {
  html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme :is(
    .bigstep-ai-button--primary,
    .bigstep-ai-tour-prompt-start,
    .is-primary,
    button[type="submit"],
    input[type="submit"]
  ):not(:disabled):hover {
    border-color: #d9ff4e !important;
    background: #d9ff4e !important;
    color: #080a0b !important;
    -webkit-text-fill-color: #080a0b !important;
    box-shadow: 0 8px 22px rgba(200,255,0,.16) !important;
  }
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme :is(
  .is-danger,
  [class*="--danger"],
  [class*="-delete"],
  [class*="-remove"],
  .bigstep-ai-clear-design
) {
  border-color: rgba(255,107,107,.48) !important;
  background-color: var(--bs-btn-danger-bg) !important;
  color: var(--bs-btn-danger) !important;
  -webkit-text-fill-color: var(--bs-btn-danger) !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme :is(button,input,[role="button"]):disabled,
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme [aria-disabled="true"] {
  border-color: #2a3033 !important;
  background: #15191b !important;
  color: #69736f !important;
  -webkit-text-fill-color: #69736f !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
  opacity: 1 !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme :is(button,[role="button"]):focus-visible {
  outline: 2px solid #c8ff00 !important;
  outline-offset: 2px !important;
}

/* 3D garment and background swatches paint their own semantic preview. Never
 * replace those backgrounds with the generic graphite button surface. */
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bsai3d-swatch.is-active {
  border-color: #c8ff00 !important;
  box-shadow: 0 0 0 2px rgba(200,255,0,.18) !important;
}

/* Icon-only controls need a visible glyph even when legacy rules made their
 * text transparent (notably promo close, modal close and header actions). */
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme :is(
  .bigstep-ai-editor-icon-button,
  [class*="__close"],
  [class*="-close"]
) {
  color: var(--bs-btn-text) !important;
  -webkit-text-fill-color: var(--bs-btn-text) !important;
}

/* RC27 Upload panel QR action: the old rule left white text on the lime CTA.
 * Lock the label and QR glyph to graphite for accessible contrast. */
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme [data-tool-panel="upload"] > button.bigstep-ai-tool--block {
  min-height: 44px !important;
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme [data-tool-panel="upload"] > button.bigstep-ai-tool--block :where(svg,path,span,strong,small) {
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  fill: currentColor !important;
}

@media (hover: hover) {
  html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme [data-tool-panel="upload"] > button.bigstep-ai-tool--block:hover {
    border-color: #d9ff4e !important;
    background: #d9ff4e !important;
    color: #080a0b !important;
    -webkit-text-fill-color: #080a0b !important;
    box-shadow: 0 8px 22px rgba(200,255,0,.16) !important;
  }
}

/* RC12 make the library icons visually unmistakable in the hero. */
html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-trust-inline > li > i {
  display: grid !important;
  width: 38px !important;
  height: 38px !important;
  flex: 0 0 38px !important;
  place-items: center !important;
  border: 1px solid #394244 !important;
  border-radius: 10px !important;
  background: linear-gradient(145deg,#171c1d,#101415) !important;
  color: #c8ff00 !important;
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  font-size: 24px !important;
  line-height: 1 !important;
  box-shadow: inset 0 0 0 1px rgba(200,255,0,.035) !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-trust-inline > li:is(:hover,:focus-within) > i {
  border-color: rgba(200,255,0,.62) !important;
  background: rgba(200,255,0,.09) !important;
  transform: translateY(-2px) !important;
}

/* RC7 absolute final locks. */
html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) #haru-content-main #main div.product .summary.entry-summary .bigstep-product-options a.bigstep-product-options__design :where(span,strong,small,i,svg) {
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  text-shadow: none !important;
}

html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) #haru-content-main #main div.product .summary.entry-summary .bigstep-product-options a.bigstep-product-options__design svg :where(path,circle,rect,line,polyline) {
  stroke: #080a0b !important;
}

html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) #haru-content-main #main div.product .summary.entry-summary .bigstep-product-description-card__content {
  border: 1px solid #30383a !important;
  border-radius: 12px !important;
  background: #14191a !important;
  background-color: #14191a !important;
  background-image: none !important;
  color: #cbd2ce !important;
}

html body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) #haru-content-main #main div.product .summary.entry-summary .bigstep-product-description-card__content :where(p,li) {
  color: #cbd2ce !important;
  -webkit-text-fill-color: #cbd2ce !important;
}

/* RC23 performance pass: preserve the Graphite Lime visual system while
 * removing perpetual compositor work and skipping off-screen section paint. */
html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__art,
html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero::before {
  animation: none !important;
  will-change: auto !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__art {
  transform: translate(var(--bsl-art-x),var(--bsl-art-y));
}

html body.home.bigstep-graphite-lime-theme .bsl-legacy-home-content :where(.elementor-section,.e-con,.bsig-section,.rxsc-section,.tysc-section,.bsrv-section,.bsfaq-section,.bs-home-support-cta) {
  content-visibility: auto;
  contain-intrinsic-size: auto 720px;
}

@media (max-width: 960px), (update: slow) {
  html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) :where(#haru-header,.haru-page-title,.bsl-intro-video__panel,.bsl-intro-video__backdrop) {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  html body.home.bigstep-graphite-lime-theme .bsl-home *,
  html body.home.bigstep-graphite-lime-theme .bsl-home *::before,
  html body.home.bigstep-graphite-lime-theme .bsl-home *::after {
    scroll-behavior: auto !important;
  }
}

/* RC24 WordPress/admin and icon font isolation. RC11 intentionally gives
 * normal UI nodes a strict brand font, but the front-end admin bar and icon
 * glyph elements must retain the font supplied by WordPress/their library. */
html body.bigstep-graphite-lime-theme #wpadminbar,
html body.bigstep-graphite-lime-theme #wpadminbar :where(a,div,span,p,input,button) {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
  font-variation-settings: normal !important;
  letter-spacing: normal;
  text-transform: none;
}

html body.bigstep-graphite-lime-theme #wpadminbar :where(.ab-icon,.ab-item)::before,
html body.bigstep-graphite-lime-theme #wpadminbar :where(.dashicons,.dashicons-before)::before,
html body.bigstep-graphite-lime-theme :where(.dashicons,.dashicons-before)::before {
  font-family: dashicons !important;
  font-style: normal !important;
  font-weight: 400 !important;
}

html body.bigstep-graphite-lime-theme :where(.dashicons) {
  font-family: dashicons !important;
}

html body.bigstep-graphite-lime-theme :where(.fas,.fa-solid) {
  font-family: "Font Awesome 5 Free", "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
}

html body.bigstep-graphite-lime-theme :where(.far,.fa-regular) {
  font-family: "Font Awesome 5 Free", "Font Awesome 6 Free" !important;
  font-weight: 400 !important;
}

html body.bigstep-graphite-lime-theme :where(.fab,.fa-brands) {
  font-family: "Font Awesome 5 Brands", "Font Awesome 6 Brands" !important;
  font-weight: 400 !important;
}

html body.bigstep-graphite-lime-theme :where(.material-icons,.material-icons-outlined,.material-symbols-outlined,.material-symbols-rounded,.material-symbols-sharp) {
  font-family: "Material Symbols Outlined", "Material Icons" !important;
  font-weight: normal !important;
  font-style: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}

/* RC25 hero motion balance: one subtle compositor-only loop keeps the hero
 * alive without bringing back the animated star field and multi-layer jank. */
html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__art {
  animation: bsl-mascot-float 10.5s cubic-bezier(.45,.05,.55,.95) infinite !important;
  will-change: transform !important;
}

@media (max-width: 767px) {
  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__art {
    animation-duration: 14s !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__art {
    animation: none !important;
    transform: translate(var(--bsl-art-x),var(--bsl-art-y));
    will-change: auto !important;
  }
}

/* RC48 layout root cause: six stacked homepage showcases total several
 * thousand pixels, but Elementor kept their parent at 750px. That made the
 * moving tracks paint underneath FAQ/support and feel frozen or unclickable. */
html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .elementor.elementor-25 .elementor-element.elementor-element-61e746f.elementor-element-61e746f,
html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .elementor.elementor-25 .elementor-element.elementor-element-61e746f > .e-con-inner.e-con-inner,
html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .elementor.elementor-25 .elementor-element.elementor-element-5a4af7f.elementor-element-5a4af7f {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  contain: none !important;
  content-visibility: visible !important;
  contain-intrinsic-size: none !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .elementor.elementor-25 .elementor-element.elementor-element-5a4af7f.elementor-element-5a4af7f {
  display: flex !important;
  flex-flow: column nowrap !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .elementor.elementor-25 .elementor-element.elementor-element-5a4af7f.elementor-element-5a4af7f > .elementor-widget {
  flex: 0 0 auto !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* RC49 FINAL: breadcrumb visual lock; intentionally last in the cascade. */
html body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-page-title.haru-page-title {
  min-height: 58px !important;
  padding: 8px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #252c2e !important;
  background: #0b0e0f !important;
}

html body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-page-title .haru-page-title__content.haru-page-title__content {
  display: flex !important;
  align-items: center !important;
  width: min(1230px,calc(100% - 32px)) !important;
  min-height: 40px !important;
}

html body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-page-title .haru-page-title__content .haru-page-title__breadcrumbs .haru-breadcrumb.haru-breadcrumb {
  display: inline-flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 3px !important;
  width: auto !important;
  max-width: 100% !important;
  min-height: 40px !important;
  height: 40px !important;
  max-height: 40px !important;
  padding: 4px 6px !important;
  overflow: hidden !important;
  border: 1px solid #30383a !important;
  border-radius: 11px !important;
  background: #111516 !important;
  background-image: none !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025) !important;
}

html body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-page-title .haru-breadcrumb.haru-breadcrumb > :where(a,.current) {
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 1 auto !important;
  min-width: 0 !important;
  max-width: min(34vw,420px) !important;
  height: 30px !important;
  padding: 0 8px !important;
  border: 0 !important;
  border-radius: 7px !important;
  background: transparent !important;
  color: #aeb7b2 !important;
  -webkit-text-fill-color: #aeb7b2 !important;
  font-size: 13px !important;
  font-weight: 560 !important;
  line-height: 30px !important;
}

html body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-page-title .haru-breadcrumb.haru-breadcrumb > :where(a,.current):first-child::before {
  content: "" !important;
  flex: 0 0 6px !important;
  width: 6px !important;
  height: 6px !important;
  margin-right: 7px !important;
  border-radius: 2px !important;
  background: #c8ff00 !important;
  box-shadow: 0 0 0 3px rgba(200,255,0,.10) !important;
}

html body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-page-title .haru-breadcrumb.haru-breadcrumb > .current:last-child {
  flex: 1 1 auto !important;
  max-width: min(520px,48vw) !important;
  height: 30px !important;
  padding: 0 10px !important;
  border: 1px solid rgba(200,255,0,.34) !important;
  border-radius: 7px !important;
  background: rgba(200,255,0,.085) !important;
  color: #d7ff45 !important;
  -webkit-text-fill-color: #d7ff45 !important;
  font-weight: 680 !important;
}

html body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-page-title .haru-breadcrumb.haru-breadcrumb > .delimiter.delimiter {
  display: grid !important;
  flex: 0 0 12px !important;
  width: 12px !important;
  min-width: 12px !important;
  height: 30px !important;
  place-items: center !important;
  overflow: hidden !important;
}

@media (max-width: 640px) {
  html body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-page-title.haru-page-title {
    min-height: 56px !important;
  }

  html body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-page-title .haru-page-title__content.haru-page-title__content {
    width: calc(100% - 24px) !important;
  }

  html body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-page-title .haru-page-title__content .haru-page-title__breadcrumbs .haru-breadcrumb.haru-breadcrumb {
    width: 100% !important;
    gap: 2px !important;
    padding: 4px !important;
  }

  html body.single-product.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-page-title .haru-breadcrumb.haru-breadcrumb > :where(a,.current):not(:first-child):not(:last-child),
  html body.single-product.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-page-title .haru-breadcrumb.haru-breadcrumb > .delimiter:nth-child(2) {
    display: none !important;
  }

  html body.single-product.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-page-title .haru-breadcrumb.haru-breadcrumb > :where(a,.current):first-child {
    flex: 0 0 auto !important;
    max-width: 98px !important;
    padding: 0 7px !important;
  }

  html body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-page-title .haru-breadcrumb.haru-breadcrumb > .current:last-child {
    flex: 1 1 0 !important;
    max-width: none !important;
  }
}

/* RC49 breadcrumb — compact graphite trail with a clear current page. */
html body.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-page-title {
  min-height: 58px !important;
  padding: 8px 0 !important;
  border-top: 0 !important;
  border-bottom: 1px solid #252c2e !important;
  background: #0b0e0f !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-page-title .haru-page-title__content {
  display: flex !important;
  align-items: center !important;
  width: min(1230px,calc(100% - 32px)) !important;
  min-height: 40px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

html body.bigstep-lime-theme.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-page-title .haru-page-title__content .haru-breadcrumb.haru-breadcrumb {
  display: inline-flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 3px !important;
  width: auto !important;
  max-width: 100% !important;
  height: 40px !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 4px 6px !important;
  overflow: hidden !important;
  border: 1px solid #30383a !important;
  border-radius: 11px !important;
  background: #111516 !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025) !important;
  color: #9da7a2 !important;
  white-space: nowrap !important;
}

html body.bigstep-lime-theme.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-breadcrumb.haru-breadcrumb > .current {
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 1 auto !important;
  min-width: 0 !important;
  height: 30px !important;
  margin: 0 !important;
  padding: 0 8px !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 7px !important;
  background: transparent !important;
  color: #aeb7b2 !important;
  -webkit-text-fill-color: #aeb7b2 !important;
  font-size: 13px !important;
  font-weight: 560 !important;
  line-height: 30px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.bigstep-lime-theme.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-breadcrumb.haru-breadcrumb > .current:first-child::before {
  content: "" !important;
  flex: 0 0 6px !important;
  width: 6px !important;
  height: 6px !important;
  margin-right: 7px !important;
  border-radius: 2px !important;
  background: #c8ff00 !important;
  box-shadow: 0 0 0 3px rgba(200,255,0,.10) !important;
}

html body.bigstep-lime-theme.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-breadcrumb.haru-breadcrumb > .delimiter {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 12px !important;
  width: 12px !important;
  height: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  background: transparent !important;
  color: transparent !important;
  font-size: 0 !important;
}

html body.bigstep-lime-theme.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-breadcrumb.haru-breadcrumb > .delimiter::before {
  content: "›" !important;
  color: #66706b !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}

html body.bigstep-lime-theme.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-breadcrumb.haru-breadcrumb > .current:last-child {
  max-width: min(520px,48vw) !important;
  padding: 0 10px !important;
  border: 1px solid rgba(200,255,0,.34) !important;
  background: rgba(200,255,0,.085) !important;
  color: #d7ff45 !important;
  -webkit-text-fill-color: #d7ff45 !important;
  font-weight: 680 !important;
}

@media (max-width: 640px) {
  html body.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-page-title {
    min-height: 56px !important;
    padding: 8px 0 !important;
  }

  html body.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-page-title .haru-page-title__content {
    width: calc(100% - 24px) !important;
    min-height: 40px !important;
  }

  html body.bigstep-lime-theme.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-page-title .haru-page-title__content .haru-breadcrumb.haru-breadcrumb {
    width: 100% !important;
    max-width: 100% !important;
    gap: 2px !important;
    padding: 4px !important;
  }

  html body.single-product.bigstep-lime-theme.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-breadcrumb.haru-breadcrumb > .current:not(:first-child):not(:last-child),
  html body.single-product.bigstep-lime-theme.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-breadcrumb.haru-breadcrumb > .delimiter:nth-child(2) {
    display: none !important;
  }

  html body.single-product.bigstep-lime-theme.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-breadcrumb.haru-breadcrumb > .current:first-child {
    flex: 0 0 auto !important;
    padding: 0 7px !important;
  }

  html body.bigstep-lime-theme.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-breadcrumb.haru-breadcrumb > .current:last-child {
    flex: 1 1 auto !important;
    max-width: none !important;
  }
}

/* RC30 regression guard: component-scoped colour locks only. Never style
 * arbitrary Studio buttons/cards based solely on the button tag or is-active. */
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-button.bigstep-ai-button--primary {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-color: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-button.bigstep-ai-button--primary :where(span,strong,small,b,i,svg) {
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme :is(
  .bsai3d-trigger,
  .bigstep-ai-float-button
) {
  border-color: #394244 !important;
  background: #1b2022 !important;
  background-color: #1b2022 !important;
  background-image: none !important;
  color: #dce1de !important;
  -webkit-text-fill-color: #dce1de !important;
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme :is(
  .bsai3d-trigger,
  .bigstep-ai-float-button
) :where(span,strong,small,b,i,svg) {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme :is(
  .bigstep-ai-button,
  .bsai3d-trigger,
  .bigstep-ai-float-button,
  .bigstep-ai-top-button,
  .bigstep-ai-editor-icon-button
):disabled {
  border-color: #2a3033 !important;
  background: #15191b !important;
  color: #78827e !important;
  -webkit-text-fill-color: #78827e !important;
  opacity: 1 !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme :is(
  .bigstep-ai-button,
  .bsai3d-trigger,
  .bigstep-ai-float-button,
  .bigstep-ai-top-button,
  .bigstep-ai-editor-icon-button
):disabled :where(span,strong,small,b,i,svg) {
  color: #78827e !important;
  -webkit-text-fill-color: #78827e !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app button.bsai3d-trigger.bsai3d-trigger,
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app button.bigstep-ai-float-button.bigstep-ai-float-button {
  border-color: #394244 !important;
  background: #1b2022 !important;
  background-color: #1b2022 !important;
  background-image: none !important;
  color: #dce1de !important;
  -webkit-text-fill-color: #dce1de !important;
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app button.bsai3d-trigger.bsai3d-trigger :where(span,strong,small,b,i,svg),
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app button.bigstep-ai-float-button.bigstep-ai-float-button :where(span,strong,small,b,i,svg) {
  color: #dce1de !important;
  -webkit-text-fill-color: #dce1de !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app button.bsai3d-trigger.bsai3d-trigger:disabled,
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app button.bigstep-ai-float-button.bigstep-ai-float-button:disabled {
  border-color: #2a3033 !important;
  background: #15191b !important;
  color: #78827e !important;
  -webkit-text-fill-color: #78827e !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app button.bsai3d-trigger.bsai3d-trigger:disabled :where(span,strong,small,b,i,svg),
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app button.bigstep-ai-float-button.bigstep-ai-float-button:disabled :where(span,strong,small,b,i,svg) {
  color: #78827e !important;
  -webkit-text-fill-color: #78827e !important;
}

/* RC31 SVG glyph lock. Legacy primary-button rules target path elements
 * directly, so changing only the parent SVG colour leaves black glyphs. */
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app button.bsai3d-trigger.bsai3d-trigger svg :where(path,polyline,line,circle,rect) {
  fill: none !important;
  stroke: #dce1de !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app button.bigstep-ai-float-button.bigstep-ai-float-button svg :where(path,circle,rect) {
  fill: #dce1de !important;
  stroke: #dce1de !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app button.bsai3d-trigger.bsai3d-trigger:disabled svg :where(path,polyline,line,circle,rect) {
  fill: none !important;
  stroke: #78827e !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app button.bigstep-ai-float-button.bigstep-ai-float-button:disabled svg :where(path,circle,rect) {
  fill: #78827e !important;
  stroke: #78827e !important;
}

/* Final library-tab paint lock: RC30's generic active-button ink must not
   override the dark segmented control labels. */
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app button.bigstep-ai-library-tab.bigstep-ai-library-tab {
  color: #dce1de !important;
  -webkit-text-fill-color: #dce1de !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app button.bigstep-ai-library-tab.bigstep-ai-library-tab.is-active {
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
}

/* Text-panel segmented tabs use light labels on dark surfaces; the selected
   label is lime while the small AI pill keeps dark ink. */
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-text-tabs > button {
  color: #dce1de !important;
  -webkit-text-fill-color: #dce1de !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-text-tabs > button.is-active {
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-text-tabs > button > em {
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
}

/* RC32 final Studio palette containment. These locks are deliberately scoped
   to the components that still ship legacy indigo/purple paint. */

/* AI Remix cards and Redesign modes. */
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-remix-card .bigstep-ai-remix-card-btn {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-remix-card:is(:hover,:focus-visible,.is-active,.is-selected) {
  border-color: #c8ff00 !important;
  background-color: #171c1d !important;
  box-shadow: 0 0 0 1px rgba(200,255,0,.18) !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-remix-card:is(:hover,:focus-visible,.is-active,.is-selected) .bigstep-ai-remix-card-btn {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-redesign-mode-grid > button {
  border-color: #30383a !important;
  background: #14191a !important;
  background-image: none !important;
  color: #eef2ed !important;
  -webkit-text-fill-color: #eef2ed !important;
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-redesign-mode-grid > button > small {
  color: #9ca6a1 !important;
  -webkit-text-fill-color: #9ca6a1 !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-redesign-mode-grid > button > span {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-redesign-mode-grid > button.is-active {
  border-color: #c8ff00 !important;
  background: rgba(200,255,0,.09) !important;
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
}

/* Floating text/image property panels. */
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app :where(
  [data-text-bar],
  [data-image-bar],
  .bigstep-ai-image-edit-section,
  .bigstep-ai-image-menu,
  .bigstep-ai-text-bar-label
) {
  border-color: #30383a !important;
  background-color: #0d1112 !important;
  background-image: none !important;
  color: #dce1de !important;
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app :where(
  [data-text-bar],
  [data-image-bar]
) :where(button,select) {
  border-color: #394244 !important;
  background: #1b2022 !important;
  background-image: none !important;
  color: #dce1de !important;
  -webkit-text-fill-color: #dce1de !important;
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app :where(
  [data-text-bar],
  [data-image-bar]
) :where(button.is-active,button[aria-pressed="true"]) {
  border-color: #c8ff00 !important;
  background: rgba(200,255,0,.10) !important;
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app :where(
  [data-text-bar],
  [data-image-bar]
) input[type="range"] {
  accent-color: #c8ff00 !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-image-mode-tabs > button {
  border-color: #394244 !important;
  background: #171c1d !important;
  color: #dce1de !important;
  -webkit-text-fill-color: #dce1de !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-image-mode-tabs > button:is(.is-active,[aria-selected="true"]) {
  border-color: #c8ff00 !important;
  background: rgba(200,255,0,.10) !important;
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-image-remix-cta > svg {
  color: #c8ff00 !important;
  fill: currentColor !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-image-remix-cta-badge {
  border-color: rgba(200,255,0,.55) !important;
  background: rgba(200,255,0,.10) !important;
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
}

/* Photobooth: replace the remaining legacy indigo surfaces and active ink. */
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth.bigstep-native-photobooth {
  background: rgba(5,8,9,.86) !important;
  color: #eef2ed !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth.bigstep-native-photobooth :where(
  .bigstep-native-photobooth__dialog,
  .bigstep-native-photobooth__header,
  main,
  footer,
  .bigstep-native-photobooth__capture,
  .bigstep-native-photobooth__controls,
  .bigstep-native-photobooth__source-preview,
  .bigstep-native-photobooth__source-grid > button,
  .bigstep-native-photobooth__upload-inline-panel,
  .bigstep-native-photobooth__slot-list button,
  .bigstep-native-photobooth__filters button,
  .bigstep-native-photobooth__upload-filters button,
  .bigstep-native-photobooth__control-tabs button,
  .bigstep-native-photobooth__result figure,
  .bigstep-native-photobooth__cropper > section
) {
  border-color: #30383a !important;
  background: #14191a !important;
  background-image: none !important;
  color: #dce1de !important;
  -webkit-text-fill-color: #dce1de !important;
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth.bigstep-native-photobooth .bigstep-native-photobooth__dialog {
  background: #0d1112 !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth.bigstep-native-photobooth .bigstep-native-photobooth__header {
  background: #111516 !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth.bigstep-native-photobooth :where(
  p,small,
  .bigstep-native-photobooth__selected span,
  .bigstep-native-photobooth__source-preview-copy small,
  .bigstep-native-photobooth__upload-inline-panel small,
  footer > span
) {
  color: #9ca6a1 !important;
  -webkit-text-fill-color: #9ca6a1 !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth.bigstep-native-photobooth :where(
  .bigstep-native-photobooth__tabs,
  .bigstep-native-photobooth__source-preview-media,
  .bigstep-native-photobooth__upload-inline-preview,
  .bigstep-native-photobooth__camera,
  .bigstep-native-photobooth__crop-stage
) {
  border-color: #30383a !important;
  background-color: #0a0d0e !important;
  color: #dce1de !important;
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth.bigstep-native-photobooth .bigstep-native-photobooth__crop-stage {
  background: repeating-conic-gradient(#151a1b 0 25%,#0a0d0e 0 50%) 50% / 18px 18px !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth.bigstep-native-photobooth button:not(.is-primary) {
  border-color: #394244 !important;
  color: #dce1de !important;
  -webkit-text-fill-color: #dce1de !important;
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth.bigstep-native-photobooth .bigstep-native-photobooth__tabs > button.is-active {
  border-color: #c8ff00 !important;
  background: rgba(200,255,0,.10) !important;
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth.bigstep-native-photobooth :where(
  .bigstep-native-photobooth__choice.is-active,
  .bigstep-native-photobooth__filters button.is-active,
  .bigstep-native-photobooth__upload-filters button.is-active,
  .bigstep-native-photobooth__control-tabs button.is-active,
  .bigstep-native-photobooth__gesture-toggle.is-active
) {
  border-color: #c8ff00 !important;
  background: rgba(200,255,0,.09) !important;
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
  box-shadow: 0 0 0 1px rgba(200,255,0,.14) !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth.bigstep-native-photobooth .bigstep-native-photobooth__source-grid > button:is(:hover,:focus-visible) {
  border-color: #c8ff00 !important;
  background: rgba(200,255,0,.08) !important;
  transform: translateY(-2px);
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth.bigstep-native-photobooth button.is-primary,
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth.bigstep-native-photobooth button.is-primary :where(span,strong,small,b,i,svg,path) {
  border-color: #c8ff00 !important;
  background-color: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth.bigstep-native-photobooth :where(
  .bigstep-native-photobooth__intro > span,
  .bigstep-native-photobooth__selected > span,
  .bigstep-native-photobooth__source-grid b,
  .bigstep-native-photobooth__source-preview-copy span,
  .bigstep-native-photobooth__upload-inline-panel > div:first-child span,
  .bigstep-native-photobooth__upload-filters > span,
  .bigstep-native-photobooth__controls > span,
  .bigstep-native-photobooth__result > div > span,
  .bigstep-native-photobooth__cropper header span
) {
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth.bigstep-native-photobooth input[type="range"] {
  accent-color: #c8ff00 !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth.bigstep-native-photobooth button:not(.is-primary) {
  background-color: #171c1d !important;
  background-image: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth.bigstep-native-photobooth button.bigstep-native-photobooth__choice.bigstep-native-photobooth__choice.is-active {
  border-color: #c8ff00 !important;
  background: rgba(200,255,0,.09) !important;
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
  box-shadow: 0 0 0 1px rgba(200,255,0,.16) !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth.bigstep-native-photobooth :where(
  .bigstep-native-photobooth__filters,
  .bigstep-native-photobooth__upload-filters,
  .bigstep-native-photobooth__control-tabs
) > button.is-active {
  border-color: #c8ff00 !important;
  background: rgba(200,255,0,.10) !important;
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
}

/* RC33 homepage interaction repair: one navigation size, a real Trustindex
 * carousel, and mascot movement on a wrapper unaffected by the artwork's
 * protected positioning transform. */
html body.home.bigstep-graphite-lime-theme :where(
  .bps-nav > button,
  .bsig-arrow,
  .bsg-games-arrow,
  .bstpl-arrow,
  .rxsc-arrow,
  .tysc-arrow,
  .bigstep-home-nav
) {
  display: inline-grid !important;
  flex: 0 0 44px !important;
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 !important;
  place-items: center !important;
  border: 1px solid #394244 !important;
  border-radius: 12px !important;
  background: #171c1d !important;
  background-image: none !important;
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
  font-size: 22px !important;
  line-height: 1 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

html body.home.bigstep-graphite-lime-theme :where(
  .bps-nav > button,
  .bsig-arrow,
  .bsg-games-arrow,
  .bstpl-arrow,
  .rxsc-arrow,
  .tysc-arrow,
  .bigstep-home-nav
):hover,
html body.home.bigstep-graphite-lime-theme :where(
  .bps-nav > button,
  .bsig-arrow,
  .bsg-games-arrow,
  .bstpl-arrow,
  .rxsc-arrow,
  .tysc-arrow,
  .bigstep-home-nav
):focus-visible {
  border-color: #c8ff00 !important;
  background: rgba(200,255,0,.10) !important;
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
  outline: none !important;
}

html body.home.bigstep-graphite-lime-theme :where(.bsig-controls,.bstpl-controls,.rxsc-controls,.tysc-controls) {
  height: 44px !important;
}

html body.home.bigstep-graphite-lime-theme .bsrv-frame.is-empty {
  display: none !important;
}

html body.home.bigstep-graphite-lime-theme .bsrv-section .ti-reviews-container-wrapper {
  display: flex !important;
  grid-template-columns: none !important;
  gap: 14px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-behavior: smooth !important;
  scroll-snap-type: x mandatory !important;
  scrollbar-width: none !important;
  overscroll-behavior-inline: contain;
}

html body.home.bigstep-graphite-lime-theme .bsrv-section .ti-reviews-container-wrapper::-webkit-scrollbar {
  display: none !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsrv-section .ti-review-item.ti-review-item {
  flex: 0 0 100% !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  scroll-snap-align: start;
  box-sizing: border-box !important;
}

html body.home.bigstep-graphite-lime-theme .bsrv-actions {
  position: relative !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-ti-carousel-controls {
  position: absolute;
  left: 20px;
  top: 50%;
  z-index: 3;
  display: flex;
  gap: 8px;
  transform: translateY(-50%);
}

@keyframes bsl-mascot-wrapper-float {
  0%,100% { transform: translate3d(0,0,0) rotate(0); }
  48% { transform: translate3d(0,-10px,0) rotate(.25deg); }
  72% { transform: translate3d(0,-4px,0) rotate(.08deg); }
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__art {
  animation: none !important;
  will-change: auto !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__visual {
  animation: bsl-mascot-wrapper-float 7.5s cubic-bezier(.45,.05,.55,.95) infinite !important;
  transform-origin: 50% 55%;
  will-change: transform;
}

@media (max-width: 600px) {
  html body.home.bigstep-graphite-lime-theme .bsrv-actions {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center !important;
    gap: 12px !important;
  }

  html body.home.bigstep-graphite-lime-theme .bigstep-ti-carousel-controls {
    position: static;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__visual {
    animation: none !important;
    transform: none !important;
    will-change: auto !important;
  }
}

/* RC34 public commerce dark-mode pass. Keep lime as an accent instead of a
 * page-sized fill and make every WooCommerce hand-off use the homepage's
 * graphite surfaces. */
html body.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) {
  background: #080a0b !important;
  background-color: #080a0b !important;
  color: #cbd2ce !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) :where(
  #haru-main,
  #haru-content-main,
  .site,
  .site-content,
  .content-area
) {
  background-color: #080a0b !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) :where(
  .woocommerce,
  .woocommerce-page
) {
  color: #cbd2ce !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) :where(
  .woocommerce p,
  .woocommerce li,
  .woocommerce label,
  .woocommerce small,
  .woocommerce dt,
  .woocommerce dd,
  .woocommerce address
) {
  color: #cbd2ce !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) :where(
  .woocommerce h1,
  .woocommerce h2,
  .woocommerce h3,
  .woocommerce h4,
  .woocommerce strong,
  .woocommerce th,
  .woocommerce legend
) {
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
}

/* Compact breadcrumbs: the previous 141–209px title block looked like an
 * empty black section on products and archives. */
html body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface) .haru-page-title {
  min-height: 0 !important;
  margin-inline: 0 !important;
  padding: 10px 0 !important;
  border-bottom: 1px solid #252c2e !important;
  background: #0b0e0f !important;
  background-image: none !important;
}

html body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface) .haru-page-title .haru-breadcrumb {
  min-height: 44px !important;
  padding: 8px 12px !important;
  border: 1px solid #394244 !important;
  border-radius: 12px !important;
  background: #111516 !important;
  color: #9ba49f !important;
}

html body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface) .haru-page-title .haru-breadcrumb :where(a,span) {
  color: #cbd2ce !important;
  -webkit-text-fill-color: #cbd2ce !important;
}

html body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface) .haru-page-title .haru-breadcrumb a:hover {
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
}

/* Sidebar and footer widgets shown beside catalog/content pages. */
html body.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) :where(
  .haru-sidebar,
  .archive-sidebar,
  .widget-area
) :where(.widget,.widget-container) {
  border-color: #30383a !important;
  background: #0d1011 !important;
  color: #cbd2ce !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) :where(
  .haru-sidebar,
  .archive-sidebar,
  .widget-area
) :where(.widget-title,select,input) {
  border-color: #394244 !important;
  background-color: #171c1d !important;
  color: #f5f6f1 !important;
}

/* Header minicart button and its side drawer. */
html body.bigstep-graphite-lime-theme .haru-cart .haru-cart-opener > a {
  display: inline-grid !important;
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 !important;
  place-items: center !important;
  border: 1px solid #394244 !important;
  border-radius: 12px !important;
  background: #171c1d !important;
  color: #f5f6f1 !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme .haru-cart .haru-cart-opener > a:hover {
  border-color: #c8ff00 !important;
  background: rgba(200,255,0,.10) !important;
  color: #c8ff00 !important;
}

html body.bigstep-graphite-lime-theme :where(.cart-mask-overlay,.bdt-mini-cart-overlay) {
  background: rgba(0,0,0,.72) !important;
}

html body.bigstep-graphite-lime-theme :where(
  .cart-side-widget,
  .widget_shopping_cart,
  .widget_shopping_cart_content,
  .bdt-mini-cart-wrapper,
  .bdt-mini-cart-products
) {
  border-color: #30383a !important;
  background: #0d1011 !important;
  color: #cbd2ce !important;
}

html body.bigstep-graphite-lime-theme :where(
  .cart-side-header,
  .mini_cart_item,
  .woocommerce-mini-cart__total,
  .bdt-mini-cart-item,
  .bdt-mini-cart-footer-buttons
) {
  border-color: #30383a !important;
  background-color: #111516 !important;
  color: #cbd2ce !important;
}

html body.bigstep-graphite-lime-theme :where(.woocommerce-mini-cart__buttons,.bdt-mini-cart-footer-buttons) a {
  border-color: #394244 !important;
  background: #171c1d !important;
  color: #f5f6f1 !important;
}

html body.bigstep-graphite-lime-theme :where(.woocommerce-mini-cart__buttons,.bdt-mini-cart-footer-buttons) a.checkout {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  color: #080a0b !important;
}

/* Cart */
html body.woocommerce-cart.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) :where(
  .woocommerce-cart-form,
  .cart-collaterals,
  .cart_totals,
  table.shop_table,
  .woocommerce-cart-form__contents,
  .woocommerce-info,
  .cart-empty
) {
  border-color: #30383a !important;
  background: #0d1011 !important;
  color: #cbd2ce !important;
}

html body.woocommerce-cart.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) table.shop_table :where(th,td,tr) {
  border-color: #30383a !important;
  background-color: transparent !important;
  color: #cbd2ce !important;
}

html body.woocommerce-cart.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) :where(
  input,
  select,
  textarea,
  .quantity,
  .quantity .qty
) {
  border-color: #394244 !important;
  background: #171c1d !important;
  color: #f5f6f1 !important;
}

html body.woocommerce-cart.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) :where(
  .wc-proceed-to-checkout .checkout-button,
  .return-to-shop .button
) {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
}

/* Checkout form, Select2 and payment widgets. */
html body.woocommerce-checkout.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface):not(.woocommerce-order-received) :where(
  form.checkout,
  #customer_details,
  #order_review,
  .woocommerce-checkout-order,
  .woocommerce-billing-fields,
  .woocommerce-shipping-fields,
  .woocommerce-additional-fields
) {
  border-color: #30383a !important;
  background: #0d1011 !important;
  color: #cbd2ce !important;
  box-shadow: none !important;
}

html body.woocommerce-checkout.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface):not(.woocommerce-order-received) :where(
  input.input-text,
  textarea,
  select,
  .select2-selection,
  .select2-selection--single
) {
  border-color: #394244 !important;
  background: #171c1d !important;
  color: #f5f6f1 !important;
  box-shadow: none !important;
}

html body.woocommerce-checkout.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface):not(.woocommerce-order-received) :where(
  input.input-text,
  textarea
)::placeholder {
  color: #7f8a85 !important;
  opacity: 1 !important;
}

html body.woocommerce-checkout.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface):not(.woocommerce-order-received) :where(
  .select2-selection__rendered,
  .select2-selection__placeholder,
  .select2-selection__arrow
) {
  color: #f5f6f1 !important;
}

html body.woocommerce-checkout.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface):not(.woocommerce-order-received) :where(
  #order_review table,
  #order_review .shop_table,
  #payment,
  .woocommerce-checkout-payment,
  .payment_box,
  .wc_payment_methods,
  .woocommerce-form-coupon,
  .checkout_coupon,
  .woocommerce-info,
  .woocommerce-message,
  .woocommerce-error
) {
  border-color: #30383a !important;
  background: #111516 !important;
  color: #cbd2ce !important;
  box-shadow: none !important;
}

html body.woocommerce-checkout.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface):not(.woocommerce-order-received) #order_review :where(th,td,tr) {
  border-color: #30383a !important;
  background-color: transparent !important;
  color: #cbd2ce !important;
}

html body.woocommerce-checkout.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface):not(.woocommerce-order-received) :where(
  #place_order,
  button[name="apply_coupon"]
) {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
}

html body.woocommerce-checkout.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface):not(.woocommerce-order-received) :where(
  .select2-dropdown,
  .select2-results,
  .select2-results__options,
  .select2-search__field
) {
  border-color: #394244 !important;
  background: #171c1d !important;
  color: #f5f6f1 !important;
}

html body.woocommerce-checkout.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface):not(.woocommerce-order-received) .select2-results__option--highlighted {
  background: #c8ff00 !important;
  color: #080a0b !important;
}

/* Order received */
html body.woocommerce-order-received.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) :where(
  .woocommerce-order,
  .woocommerce-order-overview,
  .woocommerce-order-details,
  .woocommerce-customer-details,
  table.shop_table,
  address
) {
  border-color: #30383a !important;
  background: #111516 !important;
  color: #cbd2ce !important;
}

html body.woocommerce-order-received.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) table.shop_table :where(th,td,tr) {
  border-color: #30383a !important;
  background-color: transparent !important;
  color: #cbd2ce !important;
}

/* Product action line in the supplied screenshot. */
html body.single-product.bigstep-graphite-lime-theme .bigstep-product-options__actions {
  border-top: 1px solid #30383a !important;
  border-left-color: #30383a !important;
  border-right-color: #30383a !important;
  border-bottom-color: #30383a !important;
}

html body.single-product.bigstep-graphite-lime-theme .bigstep-product-options__clear {
  border-color: #394244 !important;
  background: #171c1d !important;
  color: #f5f6f1 !important;
}

/* Ordering/progress overlay: graphite full-screen layer, lime only in the
 * progress bar and status accent. */
html body.bigstep-graphite-lime-theme .bigstep-ai-app .bigstep-ai-loading:not([hidden]),
html body.bigstep-graphite-lime-theme .bigstep-ai-loading:not([hidden]) {
  background: #080a0b !important;
  background-image: radial-gradient(circle at 50% 42%, rgba(200,255,0,.08), transparent 34%) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

html body.bigstep-graphite-lime-theme .bigstep-ai-loading .bsai-loader-card,
html body.bigstep-graphite-lime-theme .bigstep-ai-loading .bigstep-ai-loading-box {
  border-color: #394244 !important;
  background: #111516 !important;
  background-image: none !important;
  color: #f5f6f1 !important;
  box-shadow: 0 28px 80px rgba(0,0,0,.70) !important;
}

@media (max-width: 767px) {
  html body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface) .haru-page-title {
    padding: 10px 0 !important;
  }

  html body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface) .haru-page-title .haru-breadcrumb {
    height: 44px !important;
    min-height: 42px !important;
    max-height: 44px !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    white-space: nowrap !important;
  }

  html body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface) .haru-page-title .haru-breadcrumb > * {
    flex: 0 0 auto !important;
  }

  html body.woocommerce-checkout.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface):not(.woocommerce-order-received) :where(
    form.checkout,
    #customer_details,
    #order_review
  ) {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* RC41 storefront consistency pass: typography, review density, controls and page foundations. */
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header a.haru-item.haru-item--main.haru-item--main {
  font-family: var(--bs-display-font, "Chakra Petch", sans-serif) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: -.01em !important;
  text-transform: uppercase !important;
}

html body.bigstep-graphite-lime-theme .bigstep-lang-switcher {
  border-color: #4a5557 !important;
  background: #111516 !important;
}

html body.bigstep-graphite-lime-theme .bigstep-lang-switcher :where(a,button,span) {
  color: #e8ede9 !important;
  -webkit-text-fill-color: #e8ede9 !important;
  font-weight: 800 !important;
  opacity: 1 !important;
}

html body.bigstep-graphite-lime-theme .bigstep-lang-switcher :where(a,button,span).is-active {
  background: #c8ff00 !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
}

html body.bigstep-graphite-lime-theme .haru-cart .haru-cart-opener > a,
html body.bigstep-graphite-lime-theme .haru-cart .haru-cart-opener > a:hover,
html body.bigstep-graphite-lime-theme .haru-cart .haru-cart-opener > a:focus-visible {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme .haru-cart .haru-cart-opener > a:hover,
html body.bigstep-graphite-lime-theme .haru-cart .haru-cart-opener > a:focus-visible {
  color: #c8ff00 !important;
}

html body.woocommerce-cart.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) :where(
  .woocommerce,
  .woocommerce p,
  .cart-empty,
  .woocommerce-info,
  .woocommerce-cart-form,
  .cart-collaterals,
  .cart_totals,
  table.shop_table th,
  table.shop_table td,
  .product-name,
  .product-name a,
  .product-price,
  .product-subtotal,
  .amount
) {
  color: #e5eae6 !important;
  -webkit-text-fill-color: #e5eae6 !important;
}

html body.woocommerce-cart.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) :where(h1,h2,h3,.cart_totals h2) {
  color: #f7f9f5 !important;
  -webkit-text-fill-color: #f7f9f5 !important;
}

html body.woocommerce-cart.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) .bigstep-commerce-intro p {
  color: #c4cdc8 !important;
  -webkit-text-fill-color: #c4cdc8 !important;
}

html body.woocommerce-cart.woocommerce-page.bigstep-woo-redesign.bigstep-graphite-lime-theme #haru-main#haru-main #haru-content-main#haru-content-main .woocommerce .cart-empty.woocommerce-info {
  color: #f1f5f1 !important;
  -webkit-text-fill-color: #f1f5f1 !important;
}

html:has(> body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor)),
html:has(> body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor)) > body {
  background: #080a0b !important;
  background-color: #080a0b !important;
  background-image: none !important;
}

html > body.bigstep-graphite-lime-theme.bigstep-graphite-lime-theme.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor) {
  background: #080a0b !important;
  background-color: #080a0b !important;
  background-image: none !important;
}

html body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor) :where(#haru-main,#haru-content-main) {
  background-color: #080a0b !important;
}

html body.bigstep-tarot-page.bigstep-graphite-lime-theme,
html body.bigstep-tarot-page.bigstep-graphite-lime-theme :where(#haru-main,#haru-content-main,.haru-page,.page-content,.page-content-wrap,.entry-content) {
  background: #080a0b !important;
  background-color: #080a0b !important;
  background-image: none !important;
}

html body.bigstep-tarot-page.bigstep-graphite-lime-theme .bst-app.bst-app {
  background-color: #080a0b !important;
  background-image: radial-gradient(circle,rgba(89,99,95,.24) 1px,transparent 1.2px) !important;
  background-size: 24px 24px !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsrv-section .ti-review-item.ti-review-item {
  flex: 0 0 calc((100% - 14px)/2) !important;
  width: calc((100% - 14px)/2) !important;
  min-width: calc((100% - 14px)/2) !important;
  max-width: calc((100% - 14px)/2) !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-ti-carousel-controls[hidden] {
  display: none !important;
}

@keyframes bsl-mascot-visible-float {
  0%,100% { transform: translate3d(0,0,0) rotate(-.15deg); }
  50% { transform: translate3d(0,-18px,0) rotate(.65deg); }
}

@keyframes bsl-mascot-visible-float-mobile {
  0%,100% { transform: translate3d(0,0,0) rotate(-.1deg); }
  50% { transform: translate3d(0,-10px,0) rotate(.4deg); }
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__visual {
  animation: bsl-mascot-visible-float 5.8s ease-in-out infinite !important;
}

@media (max-width: 640px) {
  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsrv-section .ti-review-item.ti-review-item {
    flex-basis: 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
  }

  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__visual {
    animation-name: bsl-mascot-visible-float-mobile !important;
    animation-duration: 6.6s !important;
  }

  html body.home.bigstep-graphite-lime-theme .bigstep-store-coming-soon {
    justify-items: stretch !important;
    grid-template-columns: minmax(0,1fr) !important;
    width: 100% !important;
  }

  html body.home.bigstep-graphite-lime-theme .bigstep-store-coming-soon__copy {
    justify-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    text-align: center !important;
  }

  html body.home.bigstep-graphite-lime-theme .bigstep-store-badges {
    width: 100% !important;
    min-width: 0 !important;
  }

  html body.home.bigstep-graphite-lime-theme .bigstep-store-badge {
    width: 100% !important;
    min-width: 0 !important;
    justify-content: center !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__visual {
    animation: none !important;
  }
}

/* RC42 homepage repair: visible mascot motion, four useful reviews, unified
 * carousel controls and a vertical mobile section flow. */
@keyframes bsl-mascot-art-float {
  0%,100% { translate: 0 0; rotate: -.18deg; }
  50% { translate: 0 -26px; rotate: .55deg; }
}

@keyframes bsl-mascot-art-float-mobile {
  0%,100% { translate: 0 0; rotate: -.12deg; }
  50% { translate: 0 -14px; rotate: .35deg; }
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__visual {
  animation: none !important;
  will-change: auto !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__art {
  animation: bsl-mascot-art-float 4.2s ease-in-out infinite !important;
  will-change: translate,rotate !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsrv-section .ti-review-item.ti-review-item {
  flex: 0 0 calc((100% - 42px)/4) !important;
  width: calc((100% - 42px)/4) !important;
  min-width: calc((100% - 42px)/4) !important;
  max-width: calc((100% - 42px)/4) !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-ti-fallback .bigstep-ti-google.bigstep-ti-google {
  display: grid !important;
  width: 22px !important;
  height: 22px !important;
  padding: 3px !important;
  place-items: center !important;
  border: 1px solid #465153 !important;
  border-radius: 50% !important;
  background: #f5f6f1 !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-ti-fallback .bigstep-ti-google.bigstep-ti-google svg {
  display: block !important;
  width: 14px !important;
  height: 14px !important;
}

html body.home.bigstep-graphite-lime-theme :where(
  .bps-nav button,
  .bsig-arrow,
  .bsg-games-arrow,
  .bstpl-arrow,
  .rxsc-arrow,
  .tysc-arrow,
  .bigstep-home-nav
) {
  display: inline-grid !important;
  flex: 0 0 44px !important;
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 !important;
  place-items: center !important;
  border: 1px solid #394244 !important;
  border-radius: 12px !important;
  background: #171c1d !important;
  background-image: none !important;
  color: #f5f6f1 !important;
  font-size: 22px !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

html body.home.bigstep-graphite-lime-theme :where(
  .bps-nav button,
  .bsig-arrow,
  .bsg-games-arrow,
  .bstpl-arrow,
  .rxsc-arrow,
  .tysc-arrow,
  .bigstep-home-nav
):is(:hover,:focus-visible,:active) {
  border-color: #c8ff00 !important;
  background: rgba(200,255,0,.10) !important;
  color: #c8ff00 !important;
}

html body.home.bigstep-graphite-lime-theme :where(
  .bps-nav,
  .bsig-controls,
  .bstpl-controls,
  .rxsc-controls,
  .tysc-controls,
  .bigstep-ti-carousel-controls
) {
  gap: 8px !important;
}

html body.home.bigstep-graphite-lime-theme .bps-dots button[aria-label^="Slide"] {
  width: 8px !important;
  min-width: 8px !important;
  height: 8px !important;
  min-height: 8px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 99px !important;
  background: #465052 !important;
}

html body.home.bigstep-graphite-lime-theme .bps-dots button[aria-label^="Slide"].is-active {
  width: 24px !important;
  background: #c8ff00 !important;
}

@media (max-width: 991px) and (min-width: 641px) {
  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsrv-section .ti-review-item.ti-review-item {
    flex-basis: calc((100% - 14px)/2) !important;
    width: calc((100% - 14px)/2) !important;
    min-width: calc((100% - 14px)/2) !important;
    max-width: calc((100% - 14px)/2) !important;
  }
}

@media (max-width: 640px) {
  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__art {
    animation-name: bsl-mascot-art-float-mobile !important;
    animation-duration: 4.8s !important;
  }

  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsrv-section .ti-review-item.ti-review-item {
    flex-basis: 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
  }

  html body.home.bigstep-graphite-lime-theme .elementor-element.elementor-element-61e746f,
  html body.home.bigstep-graphite-lime-theme .elementor-element.elementor-element-61e746f > .e-con-inner,
  html body.home.bigstep-graphite-lime-theme .elementor-element.elementor-element-5a4af7f {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  html body.home.bigstep-graphite-lime-theme .elementor-element.elementor-element-5a4af7f {
    flex-flow: column nowrap !important;
  }

  html body.home.bigstep-graphite-lime-theme .elementor-element.elementor-element-5a4af7f > .elementor-widget {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .elementor.elementor-25 .elementor-element.elementor-element-61e746f.elementor-element-61e746f {
    height: max-content !important;
    min-height: 0 !important;
    contain: none !important;
  }

  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .elementor.elementor-25 .elementor-element.elementor-element-61e746f > .e-con-inner.e-con-inner {
    flex: 0 0 auto !important;
    height: max-content !important;
    min-height: 0 !important;
  }

  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .elementor.elementor-25 .elementor-element.elementor-element-5a4af7f.elementor-element-5a4af7f {
    flex: 0 0 auto !important;
    height: max-content !important;
    min-height: 0 !important;
    flex-flow: column nowrap !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__art {
    animation: none !important;
  }
}

/* RC43 Trustindex: restore the synchronized Google reviewer photo. */
html body.home.bigstep-graphite-lime-theme .bigstep-ti-fallback .bigstep-ti-avatar.bigstep-ti-avatar {
  position: relative !important;
  display: grid !important;
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  padding: 0 !important;
  place-items: center !important;
  overflow: hidden !important;
  border-radius: 50% !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-ti-fallback .bigstep-ti-avatar__initial {
  grid-area: 1 / 1 !important;
  color: #c8ff00 !important;
  font: 800 15px/1 "Plus Jakarta Sans", sans-serif !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-ti-fallback .bigstep-ti-avatar__image {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}

/* RC44 compact mobile-app announcement. */
html body.home.bigstep-graphite-lime-theme .bigstep-store-coming-soon.bigstep-store-coming-soon {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 18px !important;
  width: 100% !important;
  margin: 24px 0 0 !important;
  padding: 16px !important;
  border: 1px solid #30383a !important;
  border-radius: 16px !important;
  background: linear-gradient(115deg,#111516 0%,#0d1011 64%,rgba(200,255,0,.055) 100%) !important;
  box-shadow: none !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-store-coming-soon__copy.bigstep-store-coming-soon__copy {
  display: grid !important;
  justify-items: start !important;
  gap: 5px !important;
  width: auto !important;
  min-width: 0 !important;
  text-align: left !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-store-coming-soon__copy > span {
  color: #aeb7b2 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .13em !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-store-coming-soon__copy > strong {
  color: #f5f6f1 !important;
  font-family: var(--bs-display-font,"Chakra Petch",sans-serif) !important;
  font-size: clamp(18px,2vw,22px) !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  letter-spacing: -.02em !important;
  text-transform: none !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-store-badges.bigstep-store-badges {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(150px,1fr)) !important;
  justify-content: end !important;
  gap: 8px !important;
  width: auto !important;
  min-width: 0 !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-store-badge.bigstep-store-badge {
  display: flex !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 54px !important;
  padding: 8px 12px !important;
  justify-content: flex-start !important;
  gap: 9px !important;
  border: 1px solid #394244 !important;
  border-radius: 12px !important;
  background: #090b0c !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-store-badge > svg {
  flex-basis: 27px !important;
  width: 27px !important;
  height: 30px !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-store-badge small {
  color: #8f9994 !important;
  font-size: 8px !important;
  letter-spacing: .10em !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-store-badge strong {
  color: #f5f6f1 !important;
  font-size: 15px !important;
  font-weight: 650 !important;
  letter-spacing: -.02em !important;
}

@media (max-width: 640px) {
  html body.home.bigstep-graphite-lime-theme .bigstep-store-coming-soon.bigstep-store-coming-soon {
    grid-template-columns: minmax(0,1fr) !important;
    gap: 14px !important;
    padding: 15px !important;
  }

  html body.home.bigstep-graphite-lime-theme .bigstep-store-coming-soon__copy.bigstep-store-coming-soon__copy {
    justify-items: center !important;
    text-align: center !important;
  }

  html body.home.bigstep-graphite-lime-theme .bigstep-store-badges.bigstep-store-badges {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    width: 100% !important;
  }

  html body.home.bigstep-graphite-lime-theme .bigstep-store-badge.bigstep-store-badge {
    min-height: 52px !important;
    padding: 8px 10px !important;
  }
}

@media (max-width: 359px) {
  html body.home.bigstep-graphite-lime-theme .bigstep-store-badges.bigstep-store-badges {
    grid-template-columns: minmax(0,1fr) !important;
  }
}

/* RC45 — final public UI purple purge.
 * Keep media/brand artwork intact; normalize interactive chrome, product
 * controls and public sidebars to the graphite + lime design system. */
html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) {
  --bs-method-accent: #c8ff00 !important;
  --bs-accent: #c8ff00 !important;
}

html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) :where(
  .summary.entry-summary,.summary-content,.bigstep-product-options,
  .bigstep-product-options__section,.bigstep-size-advice__panel
) {
  border-color: #30383a !important;
  background-color: #111516 !important;
  background-image: none !important;
  color: #dce1de !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) .bigstep-product-options a.bigstep-product-options__design.bigstep-product-options__design,
html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) .bigstep-product-options a.bigstep-product-options__design.bigstep-product-options__design:link,
html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) .bigstep-product-options a.bigstep-product-options__design.bigstep-product-options__design:visited,
html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) .bigstep-product-options a.bigstep-product-options__design.bigstep-product-options__design:hover,
html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) .bigstep-product-options a.bigstep-product-options__design.bigstep-product-options__design:active,
html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) .bigstep-product-options a.bigstep-product-options__design.bigstep-product-options__design:focus-visible {
  border-color: #c8ff00 !important;
  outline-color: #c8ff00 !important;
  background-color: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: none !important;
  filter: none !important;
  text-shadow: none !important;
}

html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) .bigstep-product-options a.bigstep-product-options__design.bigstep-product-options__design:is(:hover,:active,:focus-visible) {
  background-color: #dcff4d !important;
}

html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) :where(
  .bigstep-product-options__segment,.bigstep-product-options__chip,
  .bigstep-product-options__method,.bigstep-product-options__color,
  .bigstep-product-options__size-qty-input,.bigstep-product-options__size-qty-color,
  .quantity .qty,.quantity .input-button
) {
  border-color: #394244 !important;
  background-color: #1b2022 !important;
  background-image: none !important;
  color: #dce1de !important;
  box-shadow: none !important;
}

html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) :where(
  .bigstep-product-options__segment,.bigstep-product-options__chip,
  .bigstep-product-options__method,.bigstep-product-options__color
):is(.is-active,:hover,:focus-visible),
html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) :where(
  .bigstep-product-options__size-qty-input,.bigstep-product-options__size-qty-color,
  .quantity .qty,.quantity .input-button
):is(:hover,:focus-visible) {
  border-color: rgba(200,255,0,.72) !important;
  outline-color: #c8ff00 !important;
  background-color: #1a2318 !important;
  background-image: none !important;
  color: #c8ff00 !important;
  box-shadow: none !important;
}

html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) :where(
  .bigstep-size-advice__panel thead,.bsp-breakdown .is-total,
  .bsp-price-relocated .is-total,.bigstep-product-options__summary
) {
  border-color: #394244 !important;
  background-color: #14191a !important;
  background-image: none !important;
  color: #f5f6f1 !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) :where(
  .archive-sidebar,.single-sidebar,.widget-area,.bs-blog-side
) :where(aside.widget,.widget) {
  border-color: #30383a !important;
  background-color: #111516 !important;
  background-image: none !important;
  color: #cbd2ce !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) :where(
  .archive-sidebar,.single-sidebar,.widget-area,.bs-blog-side
) :where(a,button,input,select,textarea):is(:hover,:active,:focus-visible) {
  border-color: rgba(200,255,0,.55) !important;
  outline-color: #c8ff00 !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* The first voucher was the final visible violet/indigo component on Home. */
html body.home.bigstep-graphite-lime-theme .v-track .v-card-modern:nth-child(1)::before {
  background: linear-gradient(90deg,transparent,rgba(200,255,0,.44) 30%,rgba(200,255,0,.22) 70%,transparent) !important;
}

html body.home.bigstep-graphite-lime-theme .v-track .v-card-modern:nth-child(1) :where(.v-side,.v-copy-link) {
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
}

html body.home.bigstep-graphite-lime-theme .v-track .v-card-modern:nth-child(1) :where(.v-label,.v-icon-bg) {
  border-color: rgba(200,255,0,.40) !important;
  background: rgba(200,255,0,.10) !important;
  color: #5f7800 !important;
}

html body.home.bigstep-graphite-lime-theme .v-track .v-card-modern:nth-child(1) .v-val {
  background: none !important;
  color: #172000 !important;
  -webkit-text-fill-color: #172000 !important;
}

html body.bigstep-graphite-lime-theme :where(.bigstep-seo-intro,.bigstep-growth-cta) {
  border-color: #30383a !important;
  background-color: #080a0b !important;
  background-image: none !important;
  color: #cbd2ce !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme :where(.bigstep-seo-intro,.bigstep-growth-cta) :where(a,button):is(:hover,:active,:focus-visible) {
  border-color: rgba(200,255,0,.55) !important;
  outline-color: #c8ff00 !important;
  background-image: none !important;
  color: #c8ff00 !important;
  box-shadow: none !important;
}

/* RC45 specificity lock for plugin rules loaded after the theme stylesheet. */
html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) .summary.entry-summary .bigstep-product-options__breakdown .bigstep-ai-breakdown-card .bigstep-ai-breakdown-summary .is-total.is-total {
  border-color: #394244 !important;
  background: #14191a !important;
  background-image: none !important;
  color: #f5f6f1 !important;
  box-shadow: none !important;
}

/* Woo product single: use the same spacious price-breakdown rhythm as Studio. */
html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface)
  .summary.entry-summary .bigstep-product-options__breakdown .bigstep-ai-breakdown-card {
  padding: 16px !important;
  border: 1px solid #394244 !important;
  border-radius: 16px !important;
  background: #101516 !important;
  box-shadow: 0 16px 34px rgba(0,0,0,.18) !important;
}

html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface)
  .summary.entry-summary .bigstep-product-options__breakdown .bigstep-ai-breakdown-head {
  display: grid !important;
  gap: 4px !important;
  padding: 0 0 13px !important;
  border-bottom: 1px solid #394244 !important;
}

html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface)
  .summary.entry-summary .bigstep-product-options__breakdown .bigstep-ai-breakdown-head strong {
  font-size: 14px !important;
  line-height: 1.2 !important;
  letter-spacing: .035em !important;
}

html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface)
  .summary.entry-summary .bigstep-product-options__breakdown .bigstep-ai-breakdown-head span {
  font-size: 11px !important;
  line-height: 1.35 !important;
  color: #a7b0ac !important;
}

html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface)
  .summary.entry-summary .bigstep-product-options__breakdown .bigstep-ai-breakdown-rows {
  padding: 4px 0 0 !important;
}

html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface)
  .summary.entry-summary .bigstep-product-options__breakdown .bigstep-ai-breakdown-row {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) max-content !important;
  align-items: center !important;
  gap: 18px !important;
  min-height: 56px !important;
  padding: 10px 0 !important;
  border-bottom: 1px solid rgba(57,66,68,.72) !important;
}

html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface)
  .summary.entry-summary .bigstep-product-options__breakdown .bigstep-ai-breakdown-row > span {
  display: grid !important;
  min-width: 0 !important;
  gap: 5px !important;
}

html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface)
  .summary.entry-summary .bigstep-product-options__breakdown .bigstep-ai-breakdown-row > span strong {
  font-size: 13px !important;
  line-height: 1.35 !important;
  color: #f3f5f2 !important;
}

html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface)
  .summary.entry-summary .bigstep-product-options__breakdown .bigstep-ai-breakdown-row > span small {
  display: block !important;
  margin: 0 !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
  color: #9ca7a2 !important;
  white-space: normal !important;
}

html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface)
  .summary.entry-summary .bigstep-product-options__breakdown .bigstep-ai-breakdown-row > b {
  align-self: center !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  color: #c8ff00 !important;
  white-space: nowrap !important;
}

html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface)
  .summary.entry-summary .bigstep-product-options__breakdown .bigstep-ai-breakdown-summary {
  display: grid !important;
  gap: 10px !important;
  padding-top: 12px !important;
}

html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface)
  .summary.entry-summary .bigstep-product-options__breakdown .bigstep-ai-breakdown-summary > div {
  min-height: 42px !important;
  padding: 9px 12px !important;
  border: 1px solid #394244 !important;
  border-radius: 11px !important;
  background: #151b1c !important;
}

html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface)
  .summary.entry-summary .bigstep-product-options__breakdown .bigstep-ai-breakdown-summary > div.is-total {
  min-height: 50px !important;
  padding: 11px 13px !important;
  border-color: rgba(200,255,0,.38) !important;
  background: #192116 !important;
}

html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface)
  .summary.entry-summary .bigstep-product-options__breakdown .bigstep-ai-breakdown-note {
  margin: 2px 0 0 !important;
  padding: 11px 12px !important;
  border: 1px solid #394244 !important;
  border-radius: 11px !important;
  background: #121718 !important;
  font-size: 10.5px !important;
  line-height: 1.5 !important;
  color: #aeb7b3 !important;
}

@media (max-width: 575px) {
  html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface)
    .summary.entry-summary .bigstep-product-options__breakdown .bigstep-ai-breakdown-card {
    padding: 13px !important;
    border-radius: 14px !important;
  }

  html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface)
    .summary.entry-summary .bigstep-product-options__breakdown .bigstep-ai-breakdown-row {
    grid-template-columns: minmax(0,1fr) max-content !important;
    gap: 12px !important;
    min-height: 52px !important;
  }
}

html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) .summary.entry-summary .summary-content form.cart .quantity.quantity span.input-button.input-button {
  border-color: #394244 !important;
  background: #1b2022 !important;
  background-image: none !important;
  color: #dce1de !important;
  box-shadow: none !important;
}

html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) .summary.entry-summary .summary-content form.cart .quantity.quantity span.input-button.input-button:is(:hover,:active,:focus-visible) {
  border-color: rgba(200,255,0,.72) !important;
  outline-color: #c8ff00 !important;
  background: #1a2318 !important;
  color: #c8ff00 !important;
}

html body.home.bigstep-graphite-lime-theme .v-track .v-card-modern:nth-child(1) :where(.v-side,.v-copy-link) :where(span,strong,small,i,svg) {
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
}

html body.home.bigstep-graphite-lime-theme .v-track .v-card-modern:nth-child(1) .v-side.v-side,
html body.home.bigstep-graphite-lime-theme .v-track .v-card-modern:nth-child(1) .v-copy-link.v-copy-link {
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
}

html body.home.bigstep-graphite-lime-theme .v-track .v-card-modern:nth-child(1) .v-label.v-label,
html body.home.bigstep-graphite-lime-theme .v-track .v-card-modern:nth-child(1) .v-icon-bg.v-icon-bg {
  border-color: rgba(200,255,0,.40) !important;
  background: rgba(200,255,0,.10) !important;
  background-image: none !important;
  color: #5f7800 !important;
  -webkit-text-fill-color: #5f7800 !important;
}

@media (max-width: 640px) {
  html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) .summary.entry-summary .bigstep-product-options__actions.bigstep-product-options__actions {
    grid-template-columns: minmax(0,1fr) !important;
    align-items: stretch !important;
    height: auto !important;
  }

  html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) .summary.entry-summary .bigstep-product-options__actions > :where(.bigstep-product-options__design,.bigstep-product-options__clear) {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
}

/* RC46 final cascade lock — must remain after all legacy breadcrumb rules. */
html body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface) #haru-content-main#haru-content-main .haru-page-title.haru-page-title {
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #252c2e !important;
  border-radius: 0 !important;
  background: #0b0e0f !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface) #haru-content-main#haru-content-main .haru-page-title .haru-page-title__content.haru-page-title__content {
  width: min(calc(100% - 32px),1230px) !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface) #haru-content-main#haru-content-main .haru-page-title .haru-page-title__breadcrumbs.haru-page-title__breadcrumbs {
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface) #haru-content-main#haru-content-main .haru-page-title .haru-page-title__content .haru-page-title__breadcrumbs .haru-breadcrumb.haru-breadcrumb {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 44px !important;
  height: 44px !important;
  max-height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  color: #8f9994 !important;
  box-shadow: none !important;
  font-size: 13px !important;
  white-space: nowrap !important;
}

html body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface) #haru-content-main#haru-content-main .haru-page-title .haru-breadcrumb.haru-breadcrumb > :where(a,.current) {
  display: block !important;
  flex: 0 0 auto !important;
  min-width: 0 !important;
  max-width: min(34vw,420px) !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  color: #aeb7b2 !important;
  -webkit-text-fill-color: #aeb7b2 !important;
  box-shadow: none !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface) #haru-content-main#haru-content-main .haru-page-title .haru-breadcrumb.haru-breadcrumb > .current:last-child {
  width: auto !important;
  min-width: 0 !important;
  max-width: 620px !important;
  flex: 1 1 auto !important;
  overflow: hidden !important;
  background: transparent !important;
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
  font-weight: 650 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface) #haru-content-main#haru-content-main .haru-page-title .haru-breadcrumb.haru-breadcrumb > .delimiter.delimiter,
html body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface) #haru-content-main#haru-content-main .haru-page-title .haru-breadcrumb.haru-breadcrumb > .delimiter:nth-last-child(2) {
  position: static !important;
  display: grid !important;
  flex: 0 0 12px !important;
  width: 12px !important;
  min-width: 12px !important;
  height: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  place-items: center !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 0 !important;
  transform: none !important;
}

html body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface) #haru-content-main#haru-content-main .haru-page-title .haru-breadcrumb.haru-breadcrumb > .delimiter.delimiter::before {
  content: "›" !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  background: none !important;
  color: #65706b !important;
  font: 400 17px/1 Arial,sans-serif !important;
  transform: none !important;
}

@media (max-width: 640px) {
  html body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface) #haru-content-main#haru-content-main .haru-page-title .haru-page-title__content.haru-page-title__content {
    width: calc(100% - 24px) !important;
  }

  html body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface) #haru-content-main#haru-content-main .haru-page-title .haru-page-title__content .haru-page-title__breadcrumbs .haru-breadcrumb.haru-breadcrumb {
    gap: 6px !important;
    min-height: 42px !important;
    height: 42px !important;
    max-height: 42px !important;
    flex-wrap: nowrap !important;
    overflow: hidden !important;
    font-size: 12px !important;
  }

  html body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface) #haru-content-main#haru-content-main .haru-page-title .haru-breadcrumb.haru-breadcrumb > :where(.current,a):not(:last-child) {
    max-width: 118px !important;
  }

  html body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface) #haru-content-main#haru-content-main .haru-page-title .haru-breadcrumb.haru-breadcrumb > .current:last-child {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: 1 1 0 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
  }
}

/* RC46 specificity parity with the older #haru-main breadcrumb rule. */
html body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-page-title .haru-page-title__content .haru-breadcrumb.haru-breadcrumb {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

@media (max-width: 640px) {
  html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-page-title .haru-page-title__content .haru-page-title__breadcrumbs .haru-breadcrumb.haru-breadcrumb {
    flex-wrap: nowrap !important;
    overflow: hidden !important;
    border: 0 !important;
    background: transparent !important;
  }

  html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-page-title .haru-page-title__content .haru-page-title__breadcrumbs .haru-breadcrumb.haru-breadcrumb > .current:last-child {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: 1 1 0 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
  }

  html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-page-title .haru-page-title__content .haru-page-title__breadcrumbs .haru-breadcrumb.haru-breadcrumb > .delimiter:nth-last-child(2) {
    display: grid !important;
  }
}

/* RC47 — product design CTA: pure electric lime, no coral/magenta aura. */
html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .bigstep-product-options a.bigstep-product-options__design.bigstep-product-options__design,
html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .bigstep-product-options a.bigstep-product-options__design.bigstep-product-options__design:link,
html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .bigstep-product-options a.bigstep-product-options__design.bigstep-product-options__design:visited {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-color: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: none !important;
  filter: none !important;
  text-shadow: none !important;
  animation: none !important;
  transform: none !important;
}

html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .bigstep-product-options a.bigstep-product-options__design.bigstep-product-options__design:is(:hover,:active,:focus,:focus-visible) {
  border-color: #baff00 !important;
  outline: 2px solid rgba(200,255,0,.36) !important;
  outline-offset: 2px !important;
  background: #baff00 !important;
  background-color: #baff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: none !important;
  filter: none !important;
  text-shadow: none !important;
  animation: none !important;
  transform: none !important;
}

html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .bigstep-product-options a.bigstep-product-options__design.bigstep-product-options__design::before,
html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .bigstep-product-options a.bigstep-product-options__design.bigstep-product-options__design::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  animation: none !important;
  transform: none !important;
}

html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .bigstep-product-options a.bigstep-product-options__design.bigstep-product-options__design :where(span,svg,path) {
  color: #080a0b !important;
  fill: currentColor !important;
  -webkit-text-fill-color: #080a0b !important;
  filter: none !important;
  text-shadow: none !important;
}

/* RC48 — homepage motion rhythm and a stronger app-launch announcement. */
@keyframes bs-home-hero-sway {
  0%,100% { transform: translate3d(-5px,2px,0) rotate(-.12deg); }
  50% { transform: translate3d(6px,-5px,0) rotate(.18deg); }
}

@keyframes bs-home-mascot-float {
  0%,100% { translate: 0 0; rotate: -.18deg; }
  50% { translate: 0 -22px; rotate: .55deg; }
}

@keyframes bs-home-moon-breathe {
  0%,100% { translate: 0 0; scale: 1; opacity: .78; }
  50% { translate: -8px 6px; scale: 1.018; opacity: .88; }
}

@keyframes bs-home-orbit-clockwise {
  to { rotate: 360deg; }
}

@keyframes bs-home-orbit-counter {
  to { rotate: -360deg; }
}

@keyframes bs-app-status-pulse {
  0%,100% { transform: scale(.72); opacity: .58; }
  50% { transform: scale(1); opacity: 1; }
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__visual {
  animation: bs-home-hero-sway 8.8s ease-in-out infinite !important;
  transform-origin: 50% 56% !important;
  will-change: transform !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__art {
  animation: bs-home-mascot-float 3.8s ease-in-out infinite !important;
  will-change: translate,rotate !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__moon {
  animation: bs-home-moon-breathe 14s ease-in-out infinite !important;
  will-change: translate,scale,opacity !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-orbit--one {
  animation: bs-home-orbit-clockwise 36s linear infinite !important;
  will-change: rotate !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-orbit--two {
  animation: bs-home-orbit-counter 44s linear infinite !important;
  will-change: rotate !important;
}

html body.home.bigstep-graphite-lime-theme :where(.bstpl-track,.rxsc-track,.tysc-track,.ti-reviews-container-wrapper) {
  scroll-behavior: smooth !important;
  scroll-snap-type: x mandatory !important;
  scroll-padding-inline: 2px !important;
  overscroll-behavior-inline: contain !important;
}

html body.home.bigstep-graphite-lime-theme :where(.bstpl-card,.rxsc-card,.tysc-card,.ti-review-item) {
  scroll-snap-align: start !important;
  scroll-snap-stop: normal !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-store-coming-soon.bigstep-store-coming-soon {
  position: relative !important;
  isolation: isolate !important;
  min-height: 118px !important;
  margin-top: 30px !important;
  padding: 22px 24px !important;
  overflow: hidden !important;
  border: 1px solid rgba(200,255,0,.52) !important;
  border-radius: 20px !important;
  background:
    radial-gradient(circle at 88% 12%,rgba(200,255,0,.15),transparent 34%),
    linear-gradient(115deg,#171c1d 0%,#0d1011 68%,#11170d 100%) !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.34) !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-store-coming-soon.bigstep-store-coming-soon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  pointer-events: none !important;
  background-image: radial-gradient(circle,rgba(200,255,0,.16) 1px,transparent 1.2px) !important;
  background-size: 20px 20px !important;
  opacity: .16 !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-store-coming-soon__copy.bigstep-store-coming-soon__copy {
  gap: 8px !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-store-coming-soon__copy > span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  width: auto !important;
  padding: 5px 9px !important;
  border-radius: 99px !important;
  background: #c8ff00 !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  font-size: 10px !important;
  letter-spacing: .10em !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-store-coming-soon__copy > span > i {
  display: block !important;
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #080a0b !important;
  box-shadow: none !important;
  animation: bs-app-status-pulse 1.8s ease-in-out infinite !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-store-coming-soon__copy > strong {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: clamp(23px,2.3vw,30px) !important;
  font-weight: 750 !important;
  letter-spacing: -.035em !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-store-badges.bigstep-store-badges {
  grid-template-columns: repeat(2,minmax(172px,1fr)) !important;
  gap: 10px !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-store-badge.bigstep-store-badge {
  min-height: 64px !important;
  padding: 10px 14px !important;
  border-color: rgba(200,255,0,.30) !important;
  border-radius: 14px !important;
  background: rgba(8,10,11,.92) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-store-badge > svg {
  flex-basis: 31px !important;
  width: 31px !important;
  height: 34px !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-store-badge small {
  color: #aeb7b2 !important;
  font-size: 9px !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-store-badge strong {
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

@media (max-width: 640px) {
  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__visual {
    animation-duration: 9.6s !important;
  }

  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__art {
    animation-duration: 4.6s !important;
  }

  html body.home.bigstep-graphite-lime-theme .bsl-home :where(.bsl-hero__moon,.bsl-orbit--one,.bsl-orbit--two) {
    animation: none !important;
    will-change: auto !important;
  }

  html body.home.bigstep-graphite-lime-theme .bigstep-store-coming-soon.bigstep-store-coming-soon {
    min-height: 0 !important;
    margin-top: 22px !important;
    padding: 18px !important;
    border-radius: 17px !important;
    box-shadow: 0 14px 36px rgba(0,0,0,.32), inset 3px 0 0 #c8ff00 !important;
  }

  html body.home.bigstep-graphite-lime-theme .bigstep-store-coming-soon__copy > strong {
    font-size: clamp(21px,6vw,25px) !important;
  }

  html body.home.bigstep-graphite-lime-theme .bigstep-store-badges.bigstep-store-badges {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 8px !important;
  }

  html body.home.bigstep-graphite-lime-theme .bigstep-store-badge.bigstep-store-badge {
    min-height: 58px !important;
    padding: 9px 10px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.home.bigstep-graphite-lime-theme .bsl-home :where(.bsl-hero__visual,.bsl-hero__art,.bsl-hero__moon,.bsl-orbit--one,.bsl-orbit--two),
  html body.home.bigstep-graphite-lime-theme .bigstep-store-coming-soon__copy > span > i {
    animation: none !important;
    will-change: auto !important;
  }
}

/* RC48 final stack lock — keep this after all historical homepage rules. */
html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .elementor.elementor-25 .elementor-element.elementor-element-61e746f.elementor-element-61e746f,
html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .elementor.elementor-25 .elementor-element.elementor-element-61e746f > .e-con-inner.e-con-inner,
html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .elementor.elementor-25 .elementor-element.elementor-element-5a4af7f.elementor-element-5a4af7f {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  contain: none !important;
  content-visibility: visible !important;
  contain-intrinsic-size: none !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .elementor.elementor-25 .elementor-element.elementor-element-5a4af7f.elementor-element-5a4af7f {
  display: flex !important;
  flex-flow: column nowrap !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .elementor.elementor-25 .elementor-element.elementor-element-5a4af7f.elementor-element-5a4af7f > .elementor-widget {
  flex: 0 0 auto !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* RC49 end-of-file breadcrumb lock. */
html body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-page-title.haru-page-title {
  min-height: 58px !important; padding: 8px 0 !important; border: 0 !important;
  border-bottom: 1px solid #252c2e !important; background: #0b0e0f !important;
}
html body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-page-title .haru-page-title__content.haru-page-title__content {
  display: flex !important; align-items: center !important;
  width: min(1230px,calc(100% - 32px)) !important; min-height: 40px !important;
}
html body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-page-title .haru-page-title__content .haru-page-title__breadcrumbs .haru-breadcrumb.haru-breadcrumb {
  display: inline-flex !important; align-items: center !important; flex-wrap: nowrap !important;
  gap: 3px !important; width: auto !important; max-width: 100% !important;
  min-height: 40px !important; height: 40px !important; max-height: 40px !important;
  padding: 4px 6px !important; overflow: hidden !important;
  border: 1px solid #30383a !important; border-radius: 11px !important;
  background: #111516 !important; background-image: none !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025) !important;
}
html body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-page-title .haru-breadcrumb.haru-breadcrumb > :where(a,.current) {
  display: inline-flex !important; align-items: center !important; flex: 0 1 auto !important;
  min-width: 0 !important; max-width: min(34vw,420px) !important; height: 30px !important;
  padding: 0 8px !important; border: 0 !important; border-radius: 7px !important;
  background: transparent !important; color: #aeb7b2 !important; -webkit-text-fill-color: #aeb7b2 !important;
  font-size: 13px !important; font-weight: 560 !important; line-height: 30px !important;
}
html body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-page-title .haru-breadcrumb.haru-breadcrumb > :where(a,.current):first-child::before {
  content: "" !important; flex: 0 0 6px !important; width: 6px !important; height: 6px !important;
  margin-right: 7px !important; border-radius: 2px !important; background: #c8ff00 !important;
  box-shadow: 0 0 0 3px rgba(200,255,0,.10) !important;
}
html body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-page-title .haru-breadcrumb.haru-breadcrumb > .current:last-child {
  flex: 1 1 auto !important; max-width: min(520px,48vw) !important; height: 30px !important;
  padding: 0 10px !important; border: 1px solid rgba(200,255,0,.34) !important;
  border-radius: 7px !important; background: rgba(200,255,0,.085) !important;
  color: #d7ff45 !important; -webkit-text-fill-color: #d7ff45 !important; font-weight: 680 !important;
}
html body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-page-title .haru-breadcrumb.haru-breadcrumb > .delimiter.delimiter {
  display: grid !important; flex: 0 0 12px !important; width: 12px !important; min-width: 12px !important;
  height: 30px !important; place-items: center !important; overflow: hidden !important;
}
@media (max-width: 640px) {
  html body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-page-title.haru-page-title { min-height: 56px !important; }
  html body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-page-title .haru-page-title__content.haru-page-title__content { width: calc(100% - 24px) !important; }
  html body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-page-title .haru-page-title__content .haru-page-title__breadcrumbs .haru-breadcrumb.haru-breadcrumb { width: 100% !important; gap: 2px !important; padding: 4px !important; }
  html body.single-product.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-page-title .haru-breadcrumb.haru-breadcrumb > :where(a,.current):not(:first-child):not(:last-child),
  html body.single-product.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-page-title .haru-breadcrumb.haru-breadcrumb > .delimiter:nth-child(2) { display: none !important; }
  html body.single-product.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-page-title .haru-breadcrumb.haru-breadcrumb > :where(a,.current):first-child { flex: 0 0 auto !important; max-width: 98px !important; padding: 0 7px !important; }
  html body.bigstep-graphite-lime-theme:not(.home):not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-page-title .haru-breadcrumb.haru-breadcrumb > .current:last-child { flex: 1 1 0 !important; max-width: none !important; }
}

/* RC50 homepage rhythm: every visible section uses the same 1330px content rail. */
@media (min-width: 769px) {
  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main :where(
    .bps-showcase,
    .bsig-wrap,
    .bstpl-wrap,
    .bs-remix-showcase,
    .bs-typo-showcase,
    .bigstep-ai-faq-shortcode,
    .bgs-disco
  ) {
    width: min(1330px,calc(100% - 40px)) !important;
    max-width: 1330px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    box-sizing: border-box !important;
  }

  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main :where(
    .bsig-frame,
    .bstpl-frame,
    .rxsc-frame,
    .tysc-frame,
    .rxsc-cta-wrap,
    .tysc-cta-wrap
  ) {
    width: 100% !important;
    max-width: 1330px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    box-sizing: border-box !important;
  }

  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bs-home-support-card.bs-home-support-card {
    width: min(1330px,calc(100% - 40px)) !important;
    max-width: 1330px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    box-sizing: border-box !important;
  }

  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main :where(
    .bsg-games-shell,
    .bsphoto-home__shell,
    .bsrv-inner
  ) {
    width: min(1330px,calc(100% - 40px)) !important;
    max-width: 1330px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 768px) {
  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main :where(
    .bps-showcase,
    .bsig-wrap,
    .bstpl-wrap,
    .bs-remix-showcase,
    .bs-typo-showcase,
    .bigstep-ai-faq-shortcode,
    .bgs-disco,
    .bs-home-support-card,
    .bsg-games-shell,
    .bsphoto-home__shell,
    .bsrv-inner
  ) {
    width: calc(100% - 24px) !important;
    max-width: none !important;
    margin-right: auto !important;
    margin-left: auto !important;
    box-sizing: border-box !important;
  }
}

/* RC59 mobile homepage stack: remove fixed-height wrapping and align visible rails. */
@media (max-width: 768px) {
  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .elementor.elementor-25 :where(
    .elementor-element-ab94cc8,
    .elementor-element-4891e86,
    .elementor-element-034af15,
    .elementor-element-525939a,
    .elementor-element-03c58e9
  ) {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    flex-wrap: nowrap !important;
    overflow: visible !important;
    contain: none !important;
  }

  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .elementor.elementor-25 .elementor-element-6f476fe {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main :where(.rxsc-frame,.tysc-frame) {
    width: 100% !important;
    max-width: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bigstep-store-coming-soon.bigstep-store-coming-soon {
    width: calc(100% - 24px) !important;
    max-width: none !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

}

/* RC52 archive prices: regular-price products do not have an <ins> wrapper. */
html body.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-archive-product .product-item.product-item .product-info .price > .woocommerce-Price-amount,
html body.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-archive-product .product-item.product-item .product-info .price > .woocommerce-Price-amount :where(bdi,.woocommerce-Price-currencySymbol) {
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
  background: transparent !important;
  opacity: 1 !important;
}

/* RC51 compensate nested Elementor rails; lock the rendered edges, not just max-width. */
@media (min-width: 769px) {
  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main :where(.bps-showcase,.bgs-disco) {
    width: 100% !important;
    max-width: 1330px !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }
}

@media (max-width: 768px) {
  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main :where(.bsg-home-games,.bsphoto-home) {
    padding-right: 17px !important;
    padding-left: 17px !important;
  }

  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main :where(.bsg-games-shell,.bsphoto-home__shell) {
    width: 100% !important;
    max-width: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main :where(.bsrv-section,.bs-home-support-cta) {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }

  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main :where(.bsrv-inner,.bs-home-support-card) {
    width: 100% !important;
    max-width: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main :where(.bigstep-ai-faq-shortcode,.bgs-disco) {
    width: calc(100% - 4px) !important;
    max-width: none !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }
}

/* RC53 product options: remove the plugin's indigo accents and refine icons. */
html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) .bigstep-size-advice .bigstep-size-advice__button.bigstep-size-advice__button {
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) .bigstep-size-advice .bigstep-size-advice__button.bigstep-size-advice__button:is(:hover,:focus-visible),
html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) .bigstep-size-advice__details[open] > .bigstep-size-advice__button.bigstep-size-advice__button {
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) .bigstep-size-advice__button.bigstep-size-advice__button svg {
  color: currentColor !important;
  stroke: currentColor !important;
  filter: none !important;
}

html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) .bigstep-product-options button.bigstep-product-options__segment[data-bigstep-option="order_mode"] > svg {
  width: 28px !important;
  height: 28px !important;
  padding: 5px !important;
  flex: 0 0 28px !important;
  box-sizing: border-box !important;
  border: 1px solid #394244 !important;
  border-radius: 8px !important;
  background: #0f1314 !important;
  color: #aeb7b2 !important;
  fill: currentColor !important;
  stroke: none !important;
  filter: none !important;
  box-shadow: none !important;
}

html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) .bigstep-product-options button.bigstep-product-options__segment[data-bigstep-option="order_mode"]:is(.is-active,:hover,:focus-visible) > svg {
  border-color: rgba(200,255,0,.55) !important;
  background: rgba(200,255,0,.09) !important;
  color: #c8ff00 !important;
  fill: currentColor !important;
}

html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) .bigstep-product-options button.bigstep-product-options__method.bigstep-product-options__method {
  --bs-method-accent: #c8ff00 !important;
}

html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) .bigstep-product-options .bigstep-product-options__method-icon.bigstep-product-options__method-icon {
  display: inline-grid !important;
  width: 28px !important;
  height: 28px !important;
  flex: 0 0 28px !important;
  place-items: center !important;
  border: 1px solid #394244 !important;
  border-radius: 8px !important;
  background: #0f1314 !important;
  color: #aeb7b2 !important;
  box-shadow: none !important;
}

html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) .bigstep-product-options button.bigstep-product-options__method:is(.is-active,:hover,:focus-visible) .bigstep-product-options__method-icon {
  border-color: rgba(200,255,0,.55) !important;
  background: rgba(200,255,0,.09) !important;
  color: #c8ff00 !important;
}

html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) .bigstep-product-options .bigstep-product-options__method-icon :where(svg,path,rect),
html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) .bigstep-product-options .bigstep-product-options__method-caret {
  color: currentColor !important;
  stroke: currentColor !important;
  filter: none !important;
}

html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) .bigstep-product-options button.bigstep-product-options__method:is(.is-active,:hover,:focus-visible) :where(.bigstep-product-options__method-key,.bigstep-product-options__method-name,.bigstep-product-options__method-caret),
html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) .bigstep-product-options .bigstep-product-options__method-balloon strong {
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
}

html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) .bigstep-product-options .bigstep-product-options__method-balloon,
html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) .bigstep-product-options .bigstep-product-options__method-balloon-arrow {
  border-color: #30383a !important;
  background: #111516 !important;
  box-shadow: none !important;
}

/* RC54 size table interaction: replace the last indigo and amber states. */
html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) .bigstep-size-advice__panel tbody tr:hover td:first-child {
  border-color: rgba(200,255,0,.22) !important;
  background: rgba(200,255,0,.11) !important;
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
  box-shadow: inset 3px 0 0 rgba(200,255,0,.72) !important;
}

html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) .bigstep-size-advice__panel .bigstep-size-advice__tip {
  border-color: rgba(200,255,0,.30) !important;
  background: rgba(200,255,0,.075) !important;
  color: #dce1de !important;
  -webkit-text-fill-color: #dce1de !important;
  box-shadow: none !important;
}

/* RC55 minicart is an icon action, never a boxed header button. */
html body.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-header#haru-header .haru-cart.haru-cart,
html body.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-header#haru-header .haru-cart .haru-cart-wrap.haru-cart-wrap,
html body.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-header#haru-header .haru-cart .haru-cart-opener.haru-cart-opener,
html body.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-header#haru-header .haru-cart .haru-cart-opener > a {
  border: 0 !important;
  border-color: transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  outline: 0 !important;
  filter: none !important;
  transform: none !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-header#haru-header .haru-cart.haru-cart:is(:hover,:active,:focus-visible,.haru-active),
html body.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-header#haru-header .haru-cart .haru-cart-wrap.haru-cart-wrap:is(:hover,:active,:focus-visible),
html body.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-header#haru-header .haru-cart .haru-cart-opener.haru-cart-opener:is(:hover,:active,:focus-visible),
html body.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-header#haru-header .haru-cart .haru-cart-opener > a:is(:hover,:active,:focus-visible) {
  border: 0 !important;
  border-color: transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  outline: 0 !important;
  filter: none !important;
  transform: none !important;
  color: #c8ff00 !important;
}

/* RC56 side minicart: complete graphite/lime palette, including AJAX inline styles. */
html body.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-header#haru-header .cart-side-widget.cart-side-widget {
  border: 0 !important;
  border-left: 1px solid #30383a !important;
  background: #0d1011 !important;
  background-color: #0d1011 !important;
  background-image: none !important;
  color: #f5f6f1 !important;
  box-shadow: -28px 0 64px rgba(0,0,0,.48) !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-header#haru-header .cart-side-widget :where(
  .widget_shopping_cart,
  .widget_shopping_cart_content,
  .cart_list_wrap,
  .bdt-cart-bar-content,
  .bdt-mini-cart-wrapper,
  .bdt-mini-cart-products,
  .wc-empty-mini-cart
) {
  border-color: #30383a !important;
  background: #0d1011 !important;
  background-color: #0d1011 !important;
  background-image: none !important;
  color: #f5f6f1 !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-header#haru-header .cart-side-widget .cart-side-header.cart-side-header {
  border-color: #30383a !important;
  background: #101415 !important;
  background-image: none !important;
  color: #f5f6f1 !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-header#haru-header .cart-side-widget .cart-side-close.cart-side-close {
  border: 0 !important;
  background: transparent !important;
  color: #aeb7b2 !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-header#haru-header .cart-side-widget .cart-side-close.cart-side-close:is(:hover,:focus-visible) {
  color: #c8ff00 !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-header#haru-header .cart-side-widget .wc-empty-mini-cart.wc-empty-mini-cart svg {
  fill: #68716d !important;
  color: #68716d !important;
  filter: none !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-header#haru-header .cart-side-widget .wc-empty-mini-cart.wc-empty-mini-cart :where(.wc-empty-message,p) {
  color: #dce1de !important;
  -webkit-text-fill-color: #dce1de !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-header#haru-header .cart-side-widget :where(
  .mini_cart_item,
  .bdt-mini-cart-item,
  .bdt-mini-cart-product-item,
  .bsai-mini-cart-item
) {
  border-color: #30383a !important;
  background: #111516 !important;
  background-image: none !important;
  color: #dce1de !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-header#haru-header .cart-side-widget :where(
  .mini_cart_item a:not(.remove),
  .bdt-mini-cart-product-title,
  .bsai-mini-cart-title
) {
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-header#haru-header .cart-side-widget :where(
  .mini_cart_item a:not(.remove),
  .bdt-mini-cart-product-title,
  .bsai-mini-cart-title
):is(:hover,:focus-visible) {
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-header#haru-header .cart-side-widget :where(
  .mini_cart_item .quantity,
  .mini_cart_item span.quantity,
  .bdt-mini-cart-product-price,
  .bsai-mini-cart-qty,
  .bdt-mini-cart-product-item .quantity,
  .bsai-mini-cart-item .quantity
) {
  border-color: rgba(200,255,0,.30) !important;
  background: rgba(200,255,0,.075) !important;
  background-image: none !important;
  color: #dce1de !important;
  -webkit-text-fill-color: #dce1de !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-header#haru-header .cart-side-widget :where(
  .woocommerce-mini-cart__total,
  .cart_list_wrap__total,
  p.total,
  .bdt-mini-cart-footer,
  .bdt-mini-cart-footer-buttons,
  .woocommerce-mini-cart__buttons,
  p.buttons
) {
  border-color: #30383a !important;
  background: transparent !important;
  background-image: none !important;
  color: #dce1de !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-header#haru-header .cart-side-widget :where(
  .woocommerce-mini-cart__total,
  .cart_list_wrap__total,
  p.total
) :where(.amount,bdi,.woocommerce-Price-currencySymbol) {
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-header#haru-header .cart-side-widget :where(
  .bdt-button,
  .bdt-button-view-cart,
  .woocommerce-mini-cart__btn,
  .woocommerce-mini-cart__buttons .button,
  p.buttons .button,
  a.button[href*="cart"]:not([href*="checkout"])
) {
  border: 1px solid #394244 !important;
  background: #171c1d !important;
  background-color: #171c1d !important;
  background-image: none !important;
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-header#haru-header .cart-side-widget :where(
  .bdt-button,
  .bdt-button-view-cart,
  .woocommerce-mini-cart__btn,
  .woocommerce-mini-cart__buttons .button,
  p.buttons .button,
  a.button[href*="cart"]:not([href*="checkout"])
):is(:hover,:focus-visible) {
  border-color: rgba(200,255,0,.62) !important;
  background: #1a2318 !important;
  background-image: none !important;
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-header#haru-header .cart-side-widget :where(
  .wc-empty-mini-cart .bdt-button,
  .bdt-button-checkout,
  a.button[href*="checkout"],
  .checkout
) {
  border: 1px solid #c8ff00 !important;
  background: #c8ff00 !important;
  background-color: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-header#haru-header .cart-side-widget :where(
  .wc-empty-mini-cart .bdt-button,
  .bdt-button-checkout,
  a.button[href*="checkout"],
  .checkout
):is(:hover,:focus-visible) {
  border-color: #d7ff45 !important;
  background: #d7ff45 !important;
  background-color: #d7ff45 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-header#haru-header .cart-side-widget :where(.remove,.cart-side-icon) {
  color: #aeb7b2 !important;
  border-color: #394244 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* RC60 final mobile flow lock: flex items must grow with their real content. */
@media (max-width: 768px) {
  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .elementor.elementor-25 :where(
    .elementor-element-a7ec905,
    .elementor-element-ab94cc8,
    .elementor-element-4891e86,
    .elementor-element-034af15,
    .elementor-element-525939a,
    .elementor-element-03c58e9
  ),
  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .elementor.elementor-25 .elementor-element-a7ec905 > .e-con-inner {
    --container-widget-height: initial !important;
    --container-widget-flex-grow: 0 !important;
    --flex-wrap: nowrap !important;
    --flex-wrap-mobile: nowrap !important;
    --justify-content: flex-start !important;
    height: auto !important;
    block-size: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    flex: 0 0 auto !important;
    flex-shrink: 0 !important;
    flex-wrap: nowrap !important;
    align-content: stretch !important;
    justify-content: flex-start !important;
    overflow: visible !important;
  }

  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .elementor.elementor-25 :where(
    .elementor-element-ab94cc8,
    .elementor-element-4891e86,
    .elementor-element-034af15,
    .elementor-element-525939a,
    .elementor-element-03c58e9
  ) > .elementor-element {
    flex-shrink: 0 !important;
  }

  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bigstep-seo-intro.bigstep-seo-intro {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }

  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bigstep-store-coming-soon.bigstep-store-coming-soon {
    width: 100% !important;
    max-width: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}

/* RC61 mobile layout must use real heights, never content-visibility placeholders. */
@media (max-width: 768px) {
  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .elementor.elementor-25 :where(
    .elementor-element-a7ec905,
    .elementor-element-ab94cc8,
    .elementor-element-4891e86,
    .elementor-element-61e746f,
    .elementor-element-5a4af7f,
    .elementor-element-034af15,
    .elementor-element-525939a,
    .elementor-element-03c58e9
  ),
  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .elementor.elementor-25 .elementor-element-a7ec905 > .e-con-inner {
    content-visibility: visible !important;
    contain: none !important;
    contain-intrinsic-size: none !important;
  }
}

/* RC63 homepage cards and navigation: consistent card geometry, breathing
 * room above Instagram media, real Trustindex paging and no review-button tray. */
html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsig-frame.bsig-frame {
  padding-top: 62px !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsig-wrap .bsig-feed :where(
  .sbi_item,
  .sbi_photo_wrap,
  .sbi_photo,
  .sbi_photo::before,
  .sbi_photo::after,
  .sbi_photo img
) {
  border-radius: 14px !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsrv-head {
  position: relative !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsrv-head .bigstep-ti-carousel-controls {
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  left: auto !important;
  top: auto !important;
  z-index: 3 !important;
  display: flex !important;
  gap: 8px !important;
  transform: none !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsrv-frame.bsrv-frame,
html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsrv-body.bsrv-body,
html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsrv-actions.bsrv-actions {
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsrv-frame.bsrv-frame {
  overflow: visible !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsrv-body.bsrv-body {
  padding: 0 !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsrv-actions.bsrv-actions {
  min-height: 0 !important;
  padding: 22px 0 0 !important;
  justify-content: center !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsrv-section .ti-review-item .ti-inner {
  border-radius: 14px !important;
}

@media (max-width: 640px) {
  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsig-frame.bsig-frame {
    padding-top: 58px !important;
  }

  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsrv-head {
    padding-bottom: 58px !important;
  }

  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsrv-head .bigstep-ti-carousel-controls {
    right: 50% !important;
    bottom: 0 !important;
    transform: translateX(50%) !important;
  }
}

/* RC65 Playground arrows are absolutely positioned, so the shared 44px
 * navigation size needs explicit offsets to preserve the standard 8px gap. */
html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsg-home-games .bsg-games-arrow.is-prev {
  right: 66px !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsg-home-games .bsg-games-arrow.is-next {
  right: 14px !important;
}

@media (max-width: 820px) {
  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsg-home-games .bsg-games-arrow.is-prev {
    right: 64px !important;
  }

  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsg-home-games .bsg-games-arrow.is-next {
    right: 12px !important;
  }
}

/* RC66 Template carousel: remove the legacy violet hover, preserve lift room
 * inside the scrollport and expose real position dots below the cards. */
html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bstpl-frame.bstpl-frame {
  height: auto !important;
  padding-bottom: 26px !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bstpl-track.bstpl-track {
  padding: 12px 2px 12px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bstpl-card.bstpl-card::before,
html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bstpl-card.bstpl-card .bstpl-thumb::before {
  content: none !important;
  display: none !important;
  background: none !important;
  opacity: 0 !important;
  box-shadow: none !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bstpl-card.bstpl-card:is(:hover,:focus-within) {
  border-color: rgba(200,255,0,.65) !important;
  background: #171c1d !important;
  background-image: none !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 38px rgba(0,0,0,.28) !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bstpl-card.bstpl-card:is(:hover,:focus-within) .bstpl-meta {
  border-color: #30383a !important;
  background: #14191a !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bstpl-dots.bstpl-dots {
  position: absolute !important;
  right: auto !important;
  bottom: 0 !important;
  left: 50% !important;
  z-index: 5 !important;
  display: flex !important;
  width: auto !important;
  height: 8px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  transform: translateX(-50%) !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bstpl-dots.bstpl-dots button {
  display: block !important;
  flex: 0 0 8px !important;
  width: 8px !important;
  min-width: 8px !important;
  height: 8px !important;
  min-height: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 99px !important;
  background: #465052 !important;
  box-shadow: none !important;
  cursor: pointer;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bstpl-dots.bstpl-dots button.is-active {
  flex-basis: 24px !important;
  width: 24px !important;
  min-width: 24px !important;
  background: #c8ff00 !important;
}

/* RC67 AI Remix receives the same neutral hover clearance and live dots. */
html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .rxsc-frame.rxsc-frame {
  height: auto !important;
  padding-bottom: 26px !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .rxsc-track.rxsc-track {
  padding: 12px 2px 12px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .rxsc-card.rxsc-card:is(:hover,:focus-visible) {
  border-color: rgba(200,255,0,.65) !important;
  background: #171c1d !important;
  background-image: none !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 38px rgba(0,0,0,.28) !important;
  outline: none !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .rxsc-card.rxsc-card:is(:hover,:focus-visible) .rxsc-try {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  box-shadow: none !important;
  filter: none !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .rxsc-dots.rxsc-dots {
  position: absolute !important;
  right: auto !important;
  bottom: 0 !important;
  left: 50% !important;
  z-index: 5 !important;
  display: flex !important;
  width: auto !important;
  height: 8px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  transform: translateX(-50%) !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .rxsc-dots.rxsc-dots button {
  display: block !important;
  flex: 0 0 8px !important;
  width: 8px !important;
  min-width: 8px !important;
  height: 8px !important;
  min-height: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 99px !important;
  background: #465052 !important;
  box-shadow: none !important;
  cursor: pointer;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .rxsc-dots.rxsc-dots button.is-active {
  flex-basis: 24px !important;
  width: 24px !important;
  min-width: 24px !important;
  background: #c8ff00 !important;
}

/* RC68 AI Typo completes the shared carousel interaction system. */
html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .tysc-frame.tysc-frame {
  height: auto !important;
  padding-bottom: 26px !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .tysc-track.tysc-track {
  padding: 12px 2px 12px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .tysc-card.tysc-card:is(:hover,:focus-visible) {
  border-color: rgba(200,255,0,.65) !important;
  background: #171c1d !important;
  background-image: none !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 38px rgba(0,0,0,.28) !important;
  outline: none !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .tysc-card.tysc-card:is(:hover,:focus-visible) .tysc-try {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  box-shadow: none !important;
  filter: none !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .tysc-dots.tysc-dots {
  position: absolute !important;
  right: auto !important;
  bottom: 0 !important;
  left: 50% !important;
  z-index: 5 !important;
  display: flex !important;
  width: auto !important;
  height: 8px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  transform: translateX(-50%) !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .tysc-dots.tysc-dots button {
  display: block !important;
  flex: 0 0 8px !important;
  width: 8px !important;
  min-width: 8px !important;
  height: 8px !important;
  min-height: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 99px !important;
  background: #465052 !important;
  box-shadow: none !important;
  cursor: pointer;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .tysc-dots.tysc-dots button.is-active {
  flex-basis: 24px !important;
  width: 24px !important;
  min-width: 24px !important;
  background: #c8ff00 !important;
}

/* RC70 mobile carousel containment, Instagram frame alignment and edge-to-edge reviews. */
html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsig-frame.bsig-frame {
  overflow: hidden !important;
  border: 1px solid #30383a !important;
  border-radius: 18px !important;
  background: #111516 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsig-body.bsig-body {
  padding: 0 16px 18px !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsrv-section .ti-reviews-container {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsrv-section .ti-reviews-container-wrapper {
  width: 100% !important;
  max-width: none !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

@media (max-width: 768px) {
  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main :where(
    .bsig-controls,
    .bstpl-controls,
    .rxsc-controls,
    .tysc-controls
  ) {
    top: 12px !important;
    right: 12px !important;
    left: auto !important;
    max-width: calc(100% - 24px) !important;
  }

  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsig-body.bsig-body {
    padding: 0 12px 14px !important;
  }

  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsig-wrap .bsig-feed .sbi_item {
    flex-basis: calc((100% - 12px) / 2) !important;
    width: calc((100% - 12px) / 2) !important;
    min-width: calc((100% - 12px) / 2) !important;
    max-width: calc((100% - 12px) / 2) !important;
  }
}

/* RC71 mobile uses native swipe and pagination dots instead of bulky arrow rails. */
@media (max-width: 768px) {
  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main :where(
    .bps-nav,
    .bsig-controls,
    .bstpl-controls,
    .rxsc-controls,
    .tysc-controls,
    .bigstep-ti-carousel-controls
  ),
  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsg-games-arrow {
    display: none !important;
  }

  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main :where(
    .bsig-frame,
    .bstpl-frame,
    .rxsc-frame,
    .tysc-frame
  ) {
    padding-top: 18px !important;
  }

  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsrv-head {
    padding-bottom: 18px !important;
  }

  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsig-frame.bsig-frame {
    padding-top: 18px !important;
  }

  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsrv-head .bigstep-ti-carousel-controls {
    display: none !important;
  }
}

/* RC72 mobile copy alignment and a footer without the inset floating card. */
@media (max-width: 768px) {
  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bigstep-seo-intro__inner > :where(
    .bigstep-seo-intro__title,
    p
  ) {
    text-align: center !important;
  }

  html body.home.bigstep-graphite-lime-theme footer .elementor-element-bc0044a > .e-con-inner {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  html body.home.bigstep-graphite-lime-theme footer .elementor-element-1df698d.elementor-element-1df698d {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  html body.home.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .elementor-125 .elementor-element.elementor-element-1df698d.elementor-element-1df698d {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsrv-body::before,
  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsrv-body::after {
    content: none !important;
    display: none !important;
    background: none !important;
    background-image: none !important;
  }
}
/* Homepage desktop alignment pass — Instagram cards, app launch width and
   header light sweep (2026-08-11). */
@media (min-width: 769px) {
  /* Instagram: only individual posts are cards. The frame is layout-only. */
  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsig-frame.bsig-frame {
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding-top: 60px !important;
  }

  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsig-body.bsig-body {
    padding: 0 0 18px !important;
    background: transparent !important;
  }

  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsig-feed.bsig-feed {
    width: 100% !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    overflow: hidden !important;
  }

  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsig-controls.bsig-controls {
    top: 0 !important;
    right: 0 !important;
    z-index: 6 !important;
  }

  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsig-feed .sbi_item.sbi_item {
    overflow: hidden !important;
    border: 1px solid #30383a !important;
    border-radius: 14px !important;
    background: #111516 !important;
    padding: 10px !important;
    box-sizing: border-box !important;
  }

  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsig-feed .sbi_item .sbi_photo_wrap,
  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsig-feed .sbi_item .sbi_photo,
  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsig-feed .sbi_item .sbi_photo img {
    width: 100% !important;
    height: 100% !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  /* Match the 1330px desktop width used by the other homepage sections. */
  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bigstep-seo-intro__inner {
    width: min(1330px, calc(100% - 40px)) !important;
    max-width: 1330px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    box-sizing: border-box !important;
  }

  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bigstep-store-coming-soon {
    width: 100% !important;
    max-width: none !important;
  }
}

@keyframes bigstepHeaderLimeSweep {
  0% { left: -40%; opacity: 0; }
  10% { opacity: .72; }
  90% { opacity: .72; }
  100% { left: 100%; opacity: 0; }
}

@media (min-width: 1025px) {
  html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header {
    overflow: hidden !important;
  }

  html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: -40%;
    right: auto !important;
    bottom: 0 !important;
    width: 40% !important;
    height: 1px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg,transparent 0%,rgba(200,255,0,.18) 22%,#c8ff00 50%,rgba(200,255,0,.18) 78%,transparent 100%) !important;
    box-shadow: none !important;
    animation: bigstepHeaderLimeSweep 5s ease-in-out infinite !important;
    opacity: .72;
    pointer-events: none !important;
    z-index: 12 !important;
  }

  /* The old inner duplicate made the sweep muddy instead of a single clean run. */
  html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .elementor-element-9a6ca10::after {
    content: none !important;
    display: none !important;
    animation: none !important;
  }
}
/* WooCommerce graphite-lime contrast pass: add-to-cart popup, product notices,
   cart and checkout metadata (2026-08-11). Visual-only; no flow changes. */
html body.bigstep-woo-redesign #popup-cart-wrap.bigstep-cart-popup {
  background: rgba(0,0,0,.82) !important;
  color: #dce1de !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}

html body.bigstep-woo-redesign #popup-cart-wrap .popup-cart-content {
  border: 1px solid #394244 !important;
  background: linear-gradient(180deg,#171c1d 0%,#0d1011 100%) !important;
  color: #f5f6f1 !important;
  box-shadow: 0 28px 80px rgba(0,0,0,.58),0 0 0 1px rgba(200,255,0,.06) !important;
}

html body.bigstep-woo-redesign #popup-cart-wrap :where(#bigstep-cart-popup-title,.p-product-title,.p-total-box strong) {
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
}

html body.bigstep-woo-redesign #popup-cart-wrap :where(.p-product-meta,.p-cart-note,.p-total-box span) {
  color: #aeb7b2 !important;
  -webkit-text-fill-color: #aeb7b2 !important;
}

html body.bigstep-woo-redesign #popup-cart-wrap .p-product-summary {
  border-color: #30383a !important;
  background: #111516 !important;
  color: #dce1de !important;
}

html body.bigstep-woo-redesign #popup-cart-wrap .p-btn-x {
  border-color: #394244 !important;
  background: #171c1d !important;
  color: #dce1de !important;
  -webkit-text-fill-color: #dce1de !important;
}

html body.bigstep-woo-redesign #popup-cart-wrap .p-btn-x:is(:hover,:focus-visible) {
  border-color: rgba(200,255,0,.54) !important;
  background: #1a2318 !important;
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
}

html body.bigstep-woo-redesign #popup-cart-wrap .p-success-icon {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: 0 0 0 6px rgba(200,255,0,.1),0 10px 24px rgba(200,255,0,.14) !important;
}

html body.bigstep-woo-redesign #popup-cart-wrap .p-btn-close {
  border-color: #394244 !important;
  background: #171c1d !important;
  background-image: none !important;
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
  box-shadow: none !important;
}

html body.bigstep-woo-redesign #popup-cart-wrap .p-btn-checkout {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: 0 12px 28px rgba(200,255,0,.16) !important;
}

html body.bigstep-woo-redesign #popup-cart-wrap .p-btn-checkout:is(:hover,:focus-visible) {
  border-color: #d7ff45 !important;
  background: #d7ff45 !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
}

/* Product-level add-to-cart notice must stay readable after the popup closes. */
html body.single-product.bigstep-woo-redesign :where(.woocommerce-message,.woocommerce-info,.woocommerce-error) {
  border: 1px solid #394244 !important;
  border-left: 3px solid #c8ff00 !important;
  border-radius: 14px !important;
  background: #111516 !important;
  background-image: none !important;
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
  box-shadow: none !important;
}

html body.single-product.bigstep-woo-redesign :where(.woocommerce-message,.woocommerce-info,.woocommerce-error)::before {
  color: #c8ff00 !important;
}

html body.single-product.bigstep-woo-redesign :where(.woocommerce-message,.woocommerce-info,.woocommerce-error) :where(span,p,strong) {
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
}

html body.single-product.bigstep-woo-redesign :where(.woocommerce-message,.woocommerce-info,.woocommerce-error) :where(a.button,a.wc-forward) {
  border: 1px solid #c8ff00 !important;
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: none !important;
}

/* Product metadata was inheriting the parent theme's near-black text. */
html body.woocommerce-cart.bigstep-woo-redesign .woocommerce-cart-form dl.variation,
html body.woocommerce-checkout.bigstep-woo-redesign #order_review dl.variation {
  color: #aeb7b2 !important;
}

html body.woocommerce-cart.bigstep-woo-redesign .woocommerce-cart-form dl.variation dt,
html body.woocommerce-checkout.bigstep-woo-redesign #order_review dl.variation dt {
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
}

html body.woocommerce-cart.bigstep-woo-redesign .woocommerce-cart-form dl.variation :where(dd,dd p),
html body.woocommerce-checkout.bigstep-woo-redesign #order_review dl.variation :where(dd,dd p) {
  color: #aeb7b2 !important;
  -webkit-text-fill-color: #aeb7b2 !important;
}

/* Add/edit design CTA and cart actions. */
html body.bigstep-woo-redesign :where(.bigstep-ai-edit-design-button,.bsai-mini-cart-design) {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  width: auto !important;
  max-width: 100% !important;
  min-height: 40px !important;
  padding: 10px 16px !important;
  border: 1px solid #c8ff00 !important;
  border-radius: 10px !important;
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}

html body.bigstep-woo-redesign :where(.bigstep-ai-edit-design-button,.bsai-mini-cart-design) :where(span,svg,path) {
  color: #080a0b !important;
  fill: currentColor !important;
  -webkit-text-fill-color: #080a0b !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

html body.bigstep-woo-redesign :where(.bigstep-ai-edit-design-button,.bsai-mini-cart-design):is(:hover,:focus-visible) {
  border-color: #dcff61 !important;
  background: #dcff61 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: 0 8px 20px rgba(200,255,0,.14) !important;
  transform: translateY(-1px) !important;
}

html body.bigstep-woo-redesign :where(.bigstep-ai-edit-design-button,.bsai-mini-cart-design):active {
  border-color: #b8eb00 !important;
  background: #b8eb00 !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: none !important;
  transform: translateY(0) !important;
}

html body.woocommerce-cart.bigstep-woo-redesign :where(.shop_table .actions a.button,.shop_table .actions button.button:not(:disabled),.wc-proceed-to-checkout .checkout-button) {
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
}

html body.woocommerce-cart.bigstep-woo-redesign .shop_table .actions button.button:disabled {
  border-color: #30383a !important;
  background: #171c1d !important;
  background-image: none !important;
  color: #78817d !important;
  -webkit-text-fill-color: #78817d !important;
  opacity: 1 !important;
  box-shadow: none !important;
}

/* Remove the remaining light-theme cards inside the dark cart/checkout. */
html body.woocommerce-cart.bigstep-woo-redesign :where(.bigstep-bulk-discount-card,.bigstep-woo-refund-badge--cart),
html body.woocommerce-checkout.bigstep-woo-redesign :where(.bigstep-bulk-discount-card,.bigstep-woo-refund-badge--checkout) {
  border-color: #30383a !important;
  background: #14191a !important;
  background-image: none !important;
  color: #dce1de !important;
  box-shadow: none !important;
}

html body.woocommerce-cart.bigstep-woo-redesign :where(.bigstep-bulk-discount-card,.bigstep-woo-refund-badge--cart) :where(strong,span),
html body.woocommerce-checkout.bigstep-woo-redesign :where(.bigstep-bulk-discount-card,.bigstep-woo-refund-badge--checkout) :where(strong,span) {
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
}

html body.woocommerce-cart.bigstep-woo-redesign :where(.bigstep-bulk-discount-card,.bigstep-woo-refund-badge--cart) :where(small,p),
html body.woocommerce-checkout.bigstep-woo-redesign :where(.bigstep-bulk-discount-card,.bigstep-woo-refund-badge--checkout) :where(small,p) {
  color: #aeb7b2 !important;
  -webkit-text-fill-color: #aeb7b2 !important;
}

html body.bigstep-woo-redesign :where(.bigstep-bulk-discount-row__next,.bigstep-bulk-discount-card [class*="next"]) {
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
}

html body.bigstep-woo-redesign :where(.bigstep-woo-refund-badge--cart,.bigstep-woo-refund-badge--checkout) .bigstep-woo-refund-badge__icon {
  background: #1a2318 !important;
  color: #c8ff00 !important;
  box-shadow: inset 0 0 0 1px rgba(200,255,0,.28) !important;
}

/* Exact live WooCommerce DOM overrides. The child theme also sets
   -webkit-text-fill-color, so both paint properties must be reset. */
html body.woocommerce-cart.bigstep-woo-redesign.bigstep-graphite-lime-theme .woocommerce-cart-form .cart-actions .cart-actions-custom :where(a.haru-button,a.button),
html body.woocommerce-cart.bigstep-woo-redesign.bigstep-graphite-lime-theme .woocommerce-cart-form .cart-actions button.button:not(:disabled),
html body.woocommerce-cart.bigstep-woo-redesign.bigstep-graphite-lime-theme .wc-proceed-to-checkout a.checkout-button {
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
}

html body.woocommerce-cart.bigstep-woo-redesign.bigstep-graphite-lime-theme .woocommerce-cart-form .cart-actions button.button:disabled {
  border-color: #30383a !important;
  background: #171c1d !important;
  background-image: none !important;
  color: #78817d !important;
  -webkit-text-fill-color: #78817d !important;
  opacity: 1 !important;
  box-shadow: none !important;
}

html body.woocommerce-cart.bigstep-woo-redesign.bigstep-graphite-lime-theme .cart-collaterals .cart_totals .bigstep-bulk-discount-card,
html body.woocommerce-cart.bigstep-woo-redesign.bigstep-graphite-lime-theme .cart-collaterals .cart_totals .bigstep-woo-refund-badge--cart,
html body.woocommerce-checkout.bigstep-woo-redesign.bigstep-graphite-lime-theme #order_review .bigstep-bulk-discount-card,
html body.woocommerce-checkout.bigstep-woo-redesign.bigstep-graphite-lime-theme #order_review .bigstep-woo-refund-badge--checkout {
  border-color: #30383a !important;
  background: #14191a !important;
  background-color: #14191a !important;
  background-image: none !important;
  color: #dce1de !important;
  -webkit-text-fill-color: #dce1de !important;
  box-shadow: none !important;
}

html body.woocommerce-cart.bigstep-woo-redesign.bigstep-graphite-lime-theme .cart-collaterals .cart_totals .bigstep-bulk-discount-card :where(small,p),
html body.woocommerce-cart.bigstep-woo-redesign.bigstep-graphite-lime-theme .cart-collaterals .cart_totals .bigstep-woo-refund-badge--cart :where(small,p),
html body.woocommerce-checkout.bigstep-woo-redesign.bigstep-graphite-lime-theme #order_review :where(.bigstep-bulk-discount-card,.bigstep-woo-refund-badge--checkout) :where(small,p) {
  color: #aeb7b2 !important;
  -webkit-text-fill-color: #aeb7b2 !important;
}

html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme #popup-cart-wrap.bigstep-cart-popup > .popup-cart-content {
  border-color: #394244 !important;
  background: linear-gradient(180deg,#171c1d 0%,#0d1011 100%) !important;
  background-color: #111516 !important;
  color: #f5f6f1 !important;
}

html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme #popup-cart-wrap.bigstep-cart-popup > .popup-cart-content > .p-success-icon {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-color: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
}

html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme #popup-cart-wrap.bigstep-cart-popup .p-btn-checkout {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-color: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
}

html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme #popup-cart-wrap.bigstep-cart-popup .p-btn-close {
  border-color: #394244 !important;
  background: #171c1d !important;
  background-color: #171c1d !important;
  background-image: none !important;
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
}

html body.woocommerce-cart.bigstep-woo-redesign.bigstep-graphite-lime-theme .woocommerce .bigstep-bulk-discount-card,
html body.woocommerce-cart.bigstep-woo-redesign.bigstep-graphite-lime-theme .woocommerce .bigstep-woo-refund-badge--cart,
html body.woocommerce-checkout.bigstep-woo-redesign.bigstep-graphite-lime-theme .woocommerce .bigstep-bulk-discount-card,
html body.woocommerce-checkout.bigstep-woo-redesign.bigstep-graphite-lime-theme .woocommerce .bigstep-woo-refund-badge--checkout {
  border-color: #30383a !important;
  background: #14191a !important;
  background-color: #14191a !important;
  background-image: none !important;
  color: #dce1de !important;
  -webkit-text-fill-color: #dce1de !important;
  box-shadow: none !important;
}

html body.woocommerce-cart.bigstep-woo-redesign.bigstep-graphite-lime-theme .cart_totals .cart-totals-inner table.shop_table tr.bigstep-quantity-discount-row td > div.bs-discount-row.bigstep-bulk-discount-card,
html body.woocommerce-cart.bigstep-woo-redesign.bigstep-graphite-lime-theme .cart_totals .cart-totals-inner .wc-proceed-to-checkout > div.bigstep-woo-refund-badge.bigstep-woo-refund-badge--cart {
  border-color: #30383a !important;
  background: #14191a !important;
  background-color: #14191a !important;
  background-image: none !important;
  color: #dce1de !important;
  -webkit-text-fill-color: #dce1de !important;
  box-shadow: none !important;
}

html body.woocommerce-cart.bigstep-woo-redesign.bigstep-graphite-lime-theme form.woocommerce-cart-form .cart-actions > button.button[name="update_cart"]:disabled {
  border-color: #30383a !important;
  background: #171c1d !important;
  background-color: #171c1d !important;
  background-image: none !important;
  color: #78817d !important;
  -webkit-text-fill-color: #78817d !important;
  opacity: 1 !important;
}

/* The base graphite stylesheet deliberately carries an ID-level specificity
   guard; mirror it here so the live dark surfaces win the cascade. */
html body:not(#bigstep-lime-specificity).woocommerce-cart.bigstep-woo-redesign.bigstep-graphite-lime-theme .cart-totals .bigstep-bulk-discount-card,
html body:not(#bigstep-lime-specificity).woocommerce-cart.bigstep-woo-redesign.bigstep-graphite-lime-theme .cart-totals .bigstep-woo-refund-badge--cart,
html body:not(#bigstep-lime-specificity).woocommerce-checkout.bigstep-woo-redesign.bigstep-graphite-lime-theme #order_review .bigstep-bulk-discount-card,
html body:not(#bigstep-lime-specificity).woocommerce-checkout.bigstep-woo-redesign.bigstep-graphite-lime-theme #order_review .bigstep-woo-refund-badge--checkout {
  border-color: #30383a !important;
  background: #14191a !important;
  background-color: #14191a !important;
  background-image: none !important;
  color: #dce1de !important;
  -webkit-text-fill-color: #dce1de !important;
  box-shadow: none !important;
}

html body:not(#bigstep-lime-specificity).woocommerce-cart.bigstep-woo-redesign.bigstep-graphite-lime-theme form.woocommerce-cart-form .cart-actions > button.button[name="update_cart"]:disabled {
  border-color: #30383a !important;
  background: #171c1d !important;
  background-color: #171c1d !important;
  background-image: none !important;
  color: #78817d !important;
  -webkit-text-fill-color: #78817d !important;
  opacity: 1 !important;
}

/* Desktop minicart must escape the 84px header box. The sweep itself is only
   1px high and does not need the header to clip its children. */
@media (min-width: 1025px) {
  html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header {
    overflow: visible !important;
  }
}

/* Add-to-cart popup: remove the last indigo glow and align the close control. */
html body:not(#bigstep-lime-specificity).single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme #popup-cart-wrap.bigstep-cart-popup .p-btn-checkout {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: none !important;
}

html body:not(#bigstep-lime-specificity).single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme #popup-cart-wrap.bigstep-cart-popup .p-btn-x {
  top: 12px !important;
  right: 12px !important;
  display: grid !important;
  place-items: center !important;
  width: 36px !important;
  min-width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 0 0 2px !important;
  border: 1px solid #394244 !important;
  border-radius: 50% !important;
  background: #171c1d !important;
  background-image: none !important;
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
  font-size: 22px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

html body:not(#bigstep-lime-specificity).single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme #popup-cart-wrap.bigstep-cart-popup .p-btn-x:is(:hover,:focus-visible) {
  border-color: rgba(200,255,0,.62) !important;
  background: #1a2318 !important;
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
}

/* Beat the legacy three-ID guard used specifically by this close button. */
html body:not(#_a):not(#_b):not(#_c):not(#bigstep-lime-specificity).single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme #popup-cart-wrap.bigstep-cart-popup .p-btn-x {
  top: 12px !important;
  right: 12px !important;
  display: grid !important;
  place-items: center !important;
  width: 36px !important;
  min-width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 0 0 2px !important;
  border: 1px solid #394244 !important;
  border-radius: 50% !important;
  background: #171c1d !important;
  background-color: #171c1d !important;
  background-image: none !important;
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
  font-size: 22px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

/* Checkout coupon card needs an inner gutter instead of placing controls on
   top of its border. */
html body:not(#bigstep-lime-specificity).woocommerce-checkout.bigstep-woo-redesign.bigstep-graphite-lime-theme form.checkout_coupon.woocommerce-form-coupon {
  padding: 24px !important;
  box-sizing: border-box !important;
}

@media (max-width: 767px) {
  html body:not(#bigstep-lime-specificity).woocommerce-checkout.bigstep-woo-redesign.bigstep-graphite-lime-theme form.checkout_coupon.woocommerce-form-coupon {
    padding: 16px !important;
  }
}

/* Refund shield: the base theme paints the SVG near-black. */
html body:not(#bigstep-lime-specificity).woocommerce-cart.bigstep-woo-redesign.bigstep-graphite-lime-theme .cart-totals .bigstep-woo-refund-badge--cart .bigstep-woo-refund-badge__icon {
  border: 1px solid rgba(200,255,0,.38) !important;
  background: #1a2318 !important;
  background-image: none !important;
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
  box-shadow: none !important;
}

html body:not(#bigstep-lime-specificity).woocommerce-cart.bigstep-woo-redesign.bigstep-graphite-lime-theme .cart-totals .bigstep-woo-refund-badge--cart .bigstep-woo-refund-badge__icon :where(svg,path) {
  color: #c8ff00 !important;
  fill: #c8ff00 !important;
  stroke: none !important;
}

/* Trustindex navigation follows the same desktop rail and SVG controls as
   the homepage carousels above it. */
@media (min-width: 1025px) {
  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsrv-inner > .bsrv-head {
    width: 100% !important;
    max-width: none !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    box-sizing: border-box !important;
  }

  html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bsrv-head .bigstep-ti-carousel-controls {
    right: 0 !important;
    left: auto !important;
  }
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bigstep-ti-carousel-controls .bigstep-home-nav {
  font-size: 0 !important;
  line-height: 1 !important;
}

html body.home.bigstep-graphite-lime-theme #haru-main#haru-main .bigstep-ti-carousel-controls .bigstep-home-nav svg {
  display: block !important;
  width: 15px !important;
  height: 15px !important;
  color: currentColor !important;
  fill: none !important;
  stroke: currentColor !important;
  pointer-events: none !important;
}

/* Minicart design action exists on homepage and other non-Woo body states,
   so it must not depend on the bigstep-woo-redesign body class. */
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .cart-side-widget.cart-side-widget .bsai-mini-cart-item .bsai-mini-cart-design {
  border: 1px solid #c8ff00 !important;
  background: #c8ff00 !important;
  background-color: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .cart-side-widget.cart-side-widget .bsai-mini-cart-item .bsai-mini-cart-design:is(:hover,:focus-visible) {
  border-color: #d7ff45 !important;
  background: #d7ff45 !important;
  background-color: #d7ff45 !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: none !important;
}

/* Mini-cart price: graphite/lime in every header state. */
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .cart-side-widget.cart-side-widget .bsai-mini-cart-item .bsai-mini-cart-qty,
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .cart-side-widget.cart-side-widget .bsai-mini-cart-item .bdt-mini-cart-product-price {
  border-color: rgba(200, 255, 0, .32) !important;
  background: rgba(200, 255, 0, .08) !important;
  background-color: rgba(200, 255, 0, .08) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .cart-side-widget.cart-side-widget .bsai-mini-cart-item .bsai-mini-cart-qty :where(.quantity,.amount,bdi,.woocommerce-Price-currencySymbol),
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .cart-side-widget.cart-side-widget .bsai-mini-cart-item .bdt-mini-cart-product-price :where(.quantity,.amount,bdi,.woocommerce-Price-currencySymbol) {
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
  text-shadow: none !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .cart-side-widget.cart-side-widget .bsai-mini-cart-item :is(.bsai-mini-cart-qty,.bdt-mini-cart-product-price) :where(.amount,bdi,.woocommerce-Price-currencySymbol),
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .cart-side-widget.cart-side-widget :is(.bdt-mini-cart-subtotal,.woocommerce-mini-cart__total) :where(.amount,bdi,.woocommerce-Price-currencySymbol) {
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
  text-shadow: none !important;
}

/* Keep the amount visible when the drawer becomes narrower on mobile. */
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .cart-side-widget.cart-side-widget .bsai-mini-cart-item .bsai-mini-cart-qty {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 6px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .cart-side-widget.cart-side-widget .bsai-mini-cart-item .bsai-mini-cart-qty .bigstep-bulk-price {
  display: flex !important;
  flex: 1 1 auto !important;
  align-items: center !important;
  justify-content: flex-end !important;
  min-width: 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
  font-size: 11px !important;
  white-space: nowrap !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .cart-side-widget.cart-side-widget .bsai-mini-cart-item .bsai-mini-cart-qty .bigstep-bulk-price :where(ins,del,small,.amount,bdi,.woocommerce-Price-currencySymbol) {
  position: static !important;
  display: inline !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
  white-space: nowrap !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .cart-side-widget.cart-side-widget :is(a.bdt-button-checkout,.woocommerce-mini-cart__buttons a.checkout) .bdt-button-text {
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  text-shadow: none !important;
}
/* Studio theme compatibility and CTA contrast pass (2026-08-11).
 * Visual only: preserve every component's dimensions, spacing and DOM. */
html[data-theme="light"] body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme {
  background: #edf1ee !important;
  color: #111516 !important;
}

html[data-theme="light"] body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app[data-editor-mode="editor"] {
  --bs-bg: #edf1ee;
  --bs-surface: #ffffff;
  --bs-surface-2: #f3f6f2;
  --bs-surface-3: #e7ece7;
  --bs-text: #111516;
  --bs-muted: #56605b;
  --bs-subtle: #7b8680;
  --bs-border: #d7ded8;
  --bs-border-2: #bcc7bf;
  --bs-accent: #87b800;
  --bs-accent-2: #6f9800;
  --bs-grd: linear-gradient(135deg, #c8ff00 0%, #aee600 100%);
  --bs-glow: 0 0 0 3px rgba(116,156,0,.16);
  --bs-ink: #080a0b;
  --bs-canvas: #ffffff;
  --bs-canvas-sh: 0 3px 12px rgba(15,23,18,.10), 0 22px 55px rgba(15,23,18,.14);
  background: #edf1ee !important;
  color: #111516 !important;
}

html[data-theme="light"] body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app[data-editor-mode="editor"]::before {
  opacity: .16 !important;
  background-image: radial-gradient(circle, rgba(60,72,65,.34) 1px, transparent 1.2px) !important;
}

html[data-theme="light"] body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app[data-editor-mode="editor"] .bigstep-ai-editor-main {
  background-color: #e8ede8 !important;
  background-image: radial-gradient(circle, rgba(87,100,92,.34) 1px, transparent 1.2px) !important;
}

html[data-theme="light"] body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app[data-editor-mode="editor"] :where(
  .bigstep-ai-tool-grid--menu,
  .bigstep-ai-editor-sidebar.bigstep-ai-tool-panel,
  .bigstep-ai-image-bar,
  .bigstep-ai-text-bar,
  .bigstep-ai-selection-toolbar,
  .bigstep-ai-context-menu
) {
  border-color: #d7ded8 !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #111516 !important;
  box-shadow: none !important;
}

html[data-theme="light"] body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app[data-editor-mode="editor"] .bigstep-ai-tool-grid--menu .bigstep-ai-tool {
  color: #56605b !important;
}

html[data-theme="light"] body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app[data-editor-mode="editor"] .bigstep-ai-tool-grid--menu .bigstep-ai-tool:hover {
  background: #f3f6f2 !important;
  color: #111516 !important;
}

html[data-theme="light"] body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app[data-editor-mode="editor"] .bigstep-ai-tool-grid--menu .bigstep-ai-tool.is-active {
  border-color: rgba(111,152,0,.36) !important;
  background: rgba(200,255,0,.24) !important;
  color: #466100 !important;
}

html[data-theme="light"] body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app[data-editor-mode="editor"] :where(
  .bigstep-ai-canvas-actions .bigstep-ai-top-button,
  .bigstep-ai-price-pill,
  .bigstep-ai-side-tabs--bottom,
  .bigstep-ai-zoom-controls,
  .bigstep-ai-panel-hero,
  .bigstep-ai-panel-section,
  .bigstep-ai-panel-head,
  .bigstep-ai-product-card,
  .bigstep-ai-product-info,
  .bigstep-ai-model-card,
  .bigstep-ai-style-chips button,
  .bigstep-ai-text-tabs,
  .bigstep-ai-text-fx-card,
  .bigstep-ai-typo-style-card,
  .bigstep-ai-history-chip,
  .bigstep-ai-points-pill
) {
  border-color: #d7ded8 !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #111516 !important;
  box-shadow: none !important;
}

html[data-theme="light"] body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app[data-editor-mode="editor"] :where(
  .bigstep-ai-panel-hero,
  .bigstep-ai-panel-section,
  .bigstep-ai-product-card,
  .bigstep-ai-model-card,
  .bigstep-ai-text-fx-card,
  .bigstep-ai-typo-style-card
) :where(p,small,span:not(.bigstep-ai-panel-hero-icon)) {
  color: #56605b !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="light"] body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app[data-editor-mode="editor"] :where(input,select,textarea) {
  border-color: #cbd4cc !important;
  background-color: #f7f9f6 !important;
  color: #111516 !important;
}

/* Resize handle: remove the last indigo halo and lavender hint. */
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-panel-resizer.bigstep-ai-panel-resizer::before {
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-panel-resizer.bigstep-ai-panel-resizer::after {
  color: #dce1de !important;
  -webkit-text-fill-color: #dce1de !important;
  box-shadow: none !important;
}

html[data-theme="light"] body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-panel-resizer.bigstep-ai-panel-resizer::after {
  border-color: rgba(111,152,0,.34) !important;
  background: #ffffff !important;
  color: #344038 !important;
  -webkit-text-fill-color: #344038 !important;
}

/* These two navigation cards are primary CTAs. Change paint only. */
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app :where(
  .bigstep-ai-photobooth-launch.bigstep-ai-upload-rich-cta,
  .bigstep-ai-text-typo-cta.bigstep-ai-text-typo-cta
) {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-color: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app :where(
  .bigstep-ai-photobooth-launch.bigstep-ai-upload-rich-cta,
  .bigstep-ai-text-typo-cta.bigstep-ai-text-typo-cta
) :where(strong,small,span,i,b,svg,path) {
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  text-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app :where(
  .bigstep-ai-photobooth-launch.bigstep-ai-upload-rich-cta,
  .bigstep-ai-text-typo-cta.bigstep-ai-text-typo-cta
):is(:hover,:focus-visible) {
  border-color: #d7ff3f !important;
  background: #d7ff3f !important;
  background-color: #d7ff3f !important;
  color: #080a0b !important;
  box-shadow: 0 9px 22px rgba(200,255,0,.16) !important;
}

/* The wave sample keeps the same card box; only enlarge and sharpen its ink. */
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-text-fx-card[data-text-fx="wave"] svg {
  overflow: visible !important;
  transform: scale(1.08) !important;
  transform-origin: 50% 50% !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-text-fx-card[data-text-fx="wave"] svg text {
  fill: #f5f6f1 !important;
  font-size: 13px !important;
  letter-spacing: .35px !important;
  paint-order: stroke fill !important;
  stroke: #111516 !important;
  stroke-width: .45px !important;
}

html[data-theme="light"] body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-text-fx-card[data-text-fx="wave"] svg text {
  fill: #111516 !important;
  stroke: #ffffff !important;
}

/* Light-mode contrast repairs for text, rail and price content that had
 * legacy fixed dark-theme colours. */
html[data-theme="light"] body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-tool-grid--menu .bigstep-ai-tool,
html[data-theme="light"] body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-tool-grid--menu .bigstep-ai-tool :where(span,svg,path) {
  color: #56605b !important;
  -webkit-text-fill-color: currentColor !important;
  fill: currentColor !important;
}

html[data-theme="light"] body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-price-pill :where(span,strong,small) {
  color: #111516 !important;
  -webkit-text-fill-color: #111516 !important;
}

html[data-theme="light"] body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-tool-panel[data-tool-panel="text"] :where(
  .bigstep-ai-text-tabs button,
  .bigstep-ai-font-picker-field,
  .bigstep-ai-upload-font-btn
) {
  border-color: #cbd4cc !important;
  background: #f3f6f2 !important;
  background-image: none !important;
  color: #344038 !important;
  -webkit-text-fill-color: #344038 !important;
  box-shadow: none !important;
}

html[data-theme="light"] body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-tool-panel[data-tool-panel="text"] .bigstep-ai-text-tabs button.is-active {
  border-color: #87b800 !important;
  background: rgba(200,255,0,.34) !important;
  color: #344900 !important;
  -webkit-text-fill-color: #344900 !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-photobooth-launch.bigstep-ai-upload-rich-cta,
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-text-typo-cta.bigstep-ai-text-typo-cta {
  border-color: #c8ff00 !important;
}

/* Replace the over-distorted inline wave sample with a cleaner SVG painted
 * inside the existing preview box. No box metric changes. */
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-text-fx-card[data-text-fx="wave"] svg {
  transform: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 110 32'%3E%3Cdefs%3E%3Cpath id='w' d='M6 18 C22 8 37 27 54 18 C71 9 86 26 104 18'/%3E%3C/defs%3E%3Ctext font-family='Arial,sans-serif' font-size='12' font-weight='900' fill='%23f5f6f1' letter-spacing='.4'%3E%3CtextPath href='%23w' startOffset='50%25' text-anchor='middle'%3EBIGSTEP%3C/textPath%3E%3C/text%3E%3C/svg%3E") !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}

html[data-theme="light"] body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-text-fx-card[data-text-fx="wave"] svg {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 110 32'%3E%3Cdefs%3E%3Cpath id='w' d='M6 18 C22 8 37 27 54 18 C71 9 86 26 104 18'/%3E%3C/defs%3E%3Ctext font-family='Arial,sans-serif' font-size='12' font-weight='900' fill='%23111516' letter-spacing='.4'%3E%3CtextPath href='%23w' startOffset='50%25' text-anchor='middle'%3EBIGSTEP%3C/textPath%3E%3C/text%3E%3C/svg%3E") !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-text-fx-card[data-text-fx="wave"] svg > * {
  opacity: 0 !important;
}

html[data-theme="light"] body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-tool-grid--menu.bigstep-ai-tool-grid--menu .bigstep-ai-tool.bigstep-ai-tool:not(.is-active),
html[data-theme="light"] body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-tool-grid--menu.bigstep-ai-tool-grid--menu .bigstep-ai-tool.bigstep-ai-tool:not(.is-active) :where(span,svg,path) {
  color: #56605b !important;
  -webkit-text-fill-color: #56605b !important;
  fill: currentColor !important;
}

/* Text/image editor dropdowns: remove the remaining navy legacy skin while
 * preserving every control's existing dimensions and spacing. */
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app :where(
  [data-text-popup].bigstep-ai-text-bar,
  [data-image-bar].bigstep-ai-image-bar
) :where(select.bigstep-ai-text-bar-select,.bigstep-ai-font-picker__toggle) {
  border-color: #394244 !important;
  background-color: #171c1d !important;
  background-image: none !important;
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
  color-scheme: dark !important;
  accent-color: #c8ff00 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app :where(
  [data-text-popup].bigstep-ai-text-bar,
  [data-image-bar].bigstep-ai-image-bar
) select.bigstep-ai-text-bar-select :where(option,optgroup) {
  background-color: #111516 !important;
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
  color-scheme: dark !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app :where(
  [data-text-popup].bigstep-ai-text-bar,
  [data-image-bar].bigstep-ai-image-bar
) select.bigstep-ai-text-bar-select option:checked {
  background-color: #c8ff00 !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app :where(
  [data-text-popup].bigstep-ai-text-bar,
  [data-image-bar].bigstep-ai-image-bar
) :where(select.bigstep-ai-text-bar-select,.bigstep-ai-font-picker__toggle):is(:hover,:focus,:focus-visible,[aria-expanded="true"]) {
  border-color: rgba(200,255,0,.62) !important;
  background-color: #1a2318 !important;
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
  box-shadow: 0 0 0 2px rgba(200,255,0,.10) !important;
  outline: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-font-picker__panel.bigstep-ai-font-picker__panel {
  border-color: #30383a !important;
  background: #0d1011 !important;
  background-image: none !important;
  color: #f5f6f1 !important;
  color-scheme: dark !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.48) !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-font-picker__search.bigstep-ai-font-picker__search {
  border-color: #30383a !important;
  background: #14191a !important;
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
  caret-color: #c8ff00 !important;
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-font-picker__item.bigstep-ai-font-picker__item {
  border-color: transparent !important;
  background: transparent !important;
  color: #dce1de !important;
  -webkit-text-fill-color: #dce1de !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-font-picker__item.bigstep-ai-font-picker__item:is(:hover,.is-active,[aria-selected="true"]) {
  border-left-color: #c8ff00 !important;
  background: #1a2318 !important;
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-font-picker__list::-webkit-scrollbar-thumb {
  border-color: #111516 !important;
  background: #465052 !important;
  background-image: none !important;
}

/* Keep the same controls coherent when Studio is switched to light mode. */
html[data-theme="light"] body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app :where(
  [data-text-popup].bigstep-ai-text-bar,
  [data-image-bar].bigstep-ai-image-bar
) :where(select.bigstep-ai-text-bar-select,.bigstep-ai-font-picker__toggle) {
  border-color: #cbd4cc !important;
  background-color: #f3f6f2 !important;
  color: #111516 !important;
  -webkit-text-fill-color: #111516 !important;
  color-scheme: light !important;
}

html[data-theme="light"] body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-font-picker__panel.bigstep-ai-font-picker__panel {
  border-color: #cbd4cc !important;
  background: #ffffff !important;
  color: #111516 !important;
  color-scheme: light !important;
  box-shadow: 0 18px 38px rgba(15,23,18,.16) !important;
}

html[data-theme="light"] body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-font-picker__search.bigstep-ai-font-picker__search {
  border-color: #d7ded8 !important;
  background: #f3f6f2 !important;
  color: #111516 !important;
  -webkit-text-fill-color: #111516 !important;
}

html[data-theme="light"] body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-font-picker__item.bigstep-ai-font-picker__item {
  color: #344038 !important;
  -webkit-text-fill-color: #344038 !important;
}

html[data-theme="light"] body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-font-picker__item.bigstep-ai-font-picker__item:is(:hover,.is-active,[aria-selected="true"]) {
  border-left-color: #87b800 !important;
  background: rgba(200,255,0,.30) !important;
  color: #344900 !important;
  -webkit-text-fill-color: #344900 !important;
}

/* Image controls have an older late paint lock; beat it directly. */
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app [data-image-bar].bigstep-ai-image-bar select.bigstep-ai-text-bar-select.bigstep-ai-text-bar-select {
  border-color: #394244 !important;
  background: #171c1d !important;
  background-color: #171c1d !important;
  background-image: none !important;
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
  color-scheme: dark !important;
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app [data-image-bar].bigstep-ai-image-bar select.bigstep-ai-text-bar-select.bigstep-ai-text-bar-select:is(:hover,:focus,:focus-visible) {
  border-color: rgba(200,255,0,.62) !important;
  background: #1a2318 !important;
  color: #f5f6f1 !important;
  box-shadow: 0 0 0 2px rgba(200,255,0,.10) !important;
}

html[data-theme="light"] body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app [data-image-bar].bigstep-ai-image-bar select.bigstep-ai-text-bar-select.bigstep-ai-text-bar-select {
  border-color: #cbd4cc !important;
  background: #f3f6f2 !important;
  color: #111516 !important;
  -webkit-text-fill-color: #111516 !important;
  color-scheme: light !important;
}

html[data-theme="light"] body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app :where(
  [data-text-popup].bigstep-ai-text-bar,
  [data-image-bar].bigstep-ai-image-bar
) select.bigstep-ai-text-bar-select :where(option,optgroup) {
  background-color: #ffffff !important;
  color: #111516 !important;
  -webkit-text-fill-color: #111516 !important;
  color-scheme: light !important;
}

html[data-theme="light"] body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app :where(
  [data-text-popup].bigstep-ai-text-bar,
  [data-image-bar].bigstep-ai-image-bar
) select.bigstep-ai-text-bar-select option:checked {
  background-color: #c8ff00 !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
}

/* RC49 - living homepage hero: subtle, composited loops without layout shifts. */
@keyframes bs-home-hero-backdrop-drift {
  0%,100% { transform: translate3d(0,0,0) scale(1); opacity: .44; }
  50% { transform: translate3d(-12px,7px,0) scale(1.018); opacity: .56; }
}

@keyframes bs-home-hero-hud-scan {
  0%,100% { transform: translate3d(0,-8px,0); opacity: .28; }
  48% { transform: translate3d(0,8px,0); opacity: .58; }
  62% { transform: translate3d(0,8px,0); opacity: .42; }
}

@keyframes bs-home-hero-eyebrow-loop {
  0%,100% { transform: translate3d(0,0,0); opacity: .72; }
  48%,58% { transform: translate3d(5px,0,0); opacity: 1; }
}

@keyframes bs-home-hero-heading-loop {
  0%,100% { transform: translate3d(0,0,0); }
  45%,55% { transform: translate3d(0,-4px,0); }
}

@keyframes bs-home-hero-lead-loop {
  0%,100% { transform: translate3d(0,0,0); opacity: .84; }
  50% { transform: translate3d(0,-2px,0); opacity: 1; }
}

@keyframes bs-home-hero-primary-loop {
  0%,100% { transform: translate3d(0,0,0) scale(1); }
  50% { transform: translate3d(0,-3px,0) scale(1.012); }
}

@keyframes bs-home-hero-ghost-loop {
  0%,100% { transform: translate3d(0,0,0); opacity: .90; }
  50% { transform: translate3d(0,-2px,0); opacity: 1; }
}

@keyframes bs-home-hero-arrow-loop {
  0%,35%,100% { transform: translate3d(0,0,0); }
  52% { transform: translate3d(5px,0,0); }
  68% { transform: translate3d(2px,0,0); }
}

@keyframes bs-home-hero-hud-corner-loop {
  0%,100% { opacity: .48; }
  50% { opacity: .88; }
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero::before {
  animation: bs-home-hero-backdrop-drift 16s ease-in-out infinite !important;
  transform-origin: 72% 42% !important;
  will-change: transform,opacity !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero::after {
  animation: bs-home-hero-hud-scan 5.8s ease-in-out infinite !important;
  will-change: transform,opacity !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-eyebrow {
  animation: bs-home-hero-eyebrow-loop 5.4s ease-in-out infinite !important;
  will-change: transform,opacity !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home #bsl-hero-title {
  animation: bs-home-hero-heading-loop 7.2s ease-in-out infinite !important;
  transform-origin: 18% 55% !important;
  will-change: transform !important;
}

/* Sleeve/label metadata is intentionally isolated from Woo's table layout.
 * It may wrap in the 150px checkout column, but can never widen or overflow it. */
html body.bigstep-graphite-lime-theme :is(
  .woocommerce-cart-form,
  #order_review,
  .cart-side-widget
) dl.variation dd .bigstep-ai-extra-print-meta {
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
  font-size: inherit !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__lead {
  animation: bs-home-hero-lead-loop 6.4s ease-in-out -1.7s infinite !important;
  will-change: transform,opacity !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-button--primary {
  animation: bs-home-hero-primary-loop 3.4s ease-in-out infinite !important;
  will-change: transform !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-button--ghost {
  animation: bs-home-hero-ghost-loop 4.2s ease-in-out -1.1s infinite !important;
  will-change: transform,opacity !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-button--primary > :last-child {
  animation: bs-home-hero-arrow-loop 2.7s ease-in-out infinite !important;
  will-change: transform !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hud-corner {
  animation: bs-home-hero-hud-corner-loop 4.8s ease-in-out infinite !important;
  will-change: opacity !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hud-corner--tr,
html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hud-corner--bl {
  animation-delay: -2.4s !important;
}

@media (max-width: 640px) {
  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero::before {
    animation-duration: 20s !important;
  }

  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero::after,
  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hud-corner {
    animation: none !important;
    will-change: auto !important;
  }

  html body.home.bigstep-graphite-lime-theme .bsl-home #bsl-hero-title {
    animation-duration: 8.4s !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.home.bigstep-graphite-lime-theme .bsl-home :where(
    .bsl-eyebrow,
    #bsl-hero-title,
    .bsl-hero__lead,
    .bsl-button--primary,
    .bsl-button--ghost,
    .bsl-button--primary > :last-child,
    .bsl-hud-corner
  ),
  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero::before,
  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero::after {
    animation: none !important;
    transform: none !important;
    filter: none !important;
    will-change: auto !important;
  }
}

/* RC50 - cinematic hero motion: controlled light sweeps, no playful bobbing. */
@keyframes bs-home-cinema-beam {
  0%,34% { transform: translate3d(-58%,0,0) skewX(-8deg); opacity: 0; }
  44% { opacity: .72; }
  72% { transform: translate3d(58%,0,0) skewX(-8deg); opacity: .72; }
  80%,100% { transform: translate3d(58%,0,0) skewX(-8deg); opacity: 0; }
}

@keyframes bs-home-cinema-highlight {
  0%,48% { background-position: 125% 50%; }
  70%,100% { background-position: -35% 50%; }
}

@keyframes bs-home-cinema-primary-sheen {
  0%,42% { background-position: 125% 50%; }
  68%,100% { background-position: -30% 50%; }
}

@keyframes bs-home-cinema-ghost-sheen {
  0%,52% { background-position: 130% 50%; }
  78%,100% { background-position: -35% 50%; }
}

@keyframes bs-home-cinema-eyebrow {
  0%,100% { opacity: .68; }
  46%,58% { opacity: 1; }
}

@keyframes bs-home-cinema-lead {
  0%,100% { opacity: .78; }
  48%,62% { opacity: 1; }
}

@keyframes bs-home-cinema-hud {
  0%,100% { opacity: .34; }
  50% { opacity: .76; }
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__grid {
  position: relative !important;
  isolation: isolate !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__grid::after {
  content: "" !important;
  position: absolute !important;
  inset: -28% -20% !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background: linear-gradient(
    106deg,
    transparent 35%,
    rgba(200,255,0,.03) 42%,
    rgba(200,255,0,.17) 48%,
    rgba(255,255,255,.09) 51%,
    rgba(200,255,0,.055) 56%,
    transparent 64%
  ) !important;
  transform: translate3d(-58%,0,0) skewX(-8deg);
  animation: bs-home-cinema-beam 10.5s cubic-bezier(.45,0,.18,1) infinite !important;
  will-change: transform,opacity !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__grid > * {
  position: relative !important;
  z-index: 1 !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-eyebrow {
  animation: bs-home-cinema-eyebrow 6.8s ease-in-out infinite !important;
  transform: none !important;
  will-change: opacity !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home #bsl-hero-title {
  animation: none !important;
  transform: none !important;
  filter: none !important;
  will-change: auto !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home #bsl-hero-title em {
  display: inline !important;
  color: #c8ff00 !important;
  background-image: linear-gradient(
    104deg,
    #aee600 0%,
    #c8ff00 38%,
    #f4ffd0 48%,
    #ffffff 51%,
    #dfff63 55%,
    #c8ff00 66%,
    #aee600 100%
  ) !important;
  background-size: 245% 100% !important;
  background-position: 125% 50%;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: bs-home-cinema-highlight 7.8s cubic-bezier(.42,0,.2,1) infinite !important;
  will-change: background-position !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__lead {
  animation: bs-home-cinema-lead 8.6s ease-in-out -2.1s infinite !important;
  transform: none !important;
  will-change: opacity !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-button--primary {
  background-color: #c8ff00 !important;
  background-image: linear-gradient(
    106deg,
    #bfff00 0%,
    #c8ff00 40%,
    #efffb3 48%,
    #ffffff 51%,
    #d9ff4d 56%,
    #c8ff00 66%,
    #bfff00 100%
  ) !important;
  background-size: 250% 100% !important;
  background-position: 125% 50%;
  animation: bs-home-cinema-primary-sheen 6.4s cubic-bezier(.42,0,.2,1) infinite !important;
  transform: none;
  will-change: background-position !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-button--ghost {
  background-color: rgba(8,10,11,.82) !important;
  background-image: linear-gradient(
    106deg,
    transparent 0%,
    transparent 42%,
    rgba(200,255,0,.04) 47%,
    rgba(229,255,132,.14) 51%,
    rgba(200,255,0,.04) 56%,
    transparent 62%,
    transparent 100%
  ) !important;
  background-size: 250% 100% !important;
  background-position: 130% 50%;
  animation: bs-home-cinema-ghost-sheen 7.6s cubic-bezier(.42,0,.2,1) -1.2s infinite !important;
  transform: none;
  opacity: 1 !important;
  will-change: background-position !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-button--primary > :last-child {
  animation: none !important;
  transform: none !important;
  will-change: auto !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero::after,
html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hud-corner {
  animation: bs-home-cinema-hud 7.2s ease-in-out infinite !important;
  transform: none !important;
  will-change: opacity !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hud-corner--tr,
html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hud-corner--bl {
  animation-delay: -3.6s !important;
}

@media (max-width: 640px) {
  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__grid::after {
    inset: -22% -42% !important;
    animation-duration: 12.5s !important;
  }

  html body.home.bigstep-graphite-lime-theme .bsl-home #bsl-hero-title em {
    animation-duration: 9.2s !important;
  }

  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-button--primary,
  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-button--ghost {
    animation-duration: 8.4s !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__grid::after {
    animation: none !important;
    opacity: .18 !important;
    transform: none !important;
    will-change: auto !important;
  }

  html body.home.bigstep-graphite-lime-theme .bsl-home #bsl-hero-title em {
    animation: none !important;
    background: none !important;
    -webkit-text-fill-color: #c8ff00 !important;
    will-change: auto !important;
  }

  html body.home.bigstep-graphite-lime-theme .bsl-home :where(
    .bsl-eyebrow,
    .bsl-hero__lead,
    .bsl-button--primary,
    .bsl-button--ghost,
    .bsl-hud-corner
  ),
  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero::after {
    animation: none !important;
    will-change: auto !important;
  }
}

/* RC51 - restore the original slow floating star field, without the beam. */
@keyframes bsl-star-drift-far {
  0%,100% { transform: translate3d(-.7%,-.5%,0) scale(1.012); opacity: .28; }
  38% { transform: translate3d(.45%,.25%,0) scale(1.018); opacity: .48; }
  72% { transform: translate3d(-.15%,.65%,0) scale(1.014); opacity: .36; }
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero::before {
  inset: -3% !important;
  z-index: 0 !important;
  background-image:
    radial-gradient(circle,rgba(255,255,255,.56) 0 1px,transparent 1.45px),
    radial-gradient(circle,rgba(200,255,0,.42) 0 .9px,transparent 1.35px),
    radial-gradient(circle,rgba(255,255,255,.25) 0 .72px,transparent 1.18px) !important;
  background-size: 83px 97px,137px 151px,211px 179px !important;
  background-position: 17px 29px,61px 11px,113px 73px !important;
  mask-image: linear-gradient(90deg,rgba(0,0,0,.38),#000 28%,#000 100%) !important;
  opacity: .50 !important;
  animation: bsl-star-drift 36s linear infinite !important;
  transform-origin: 50% 50% !important;
  will-change: transform,opacity !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__grid::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: -12% -8% !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background-image:
    radial-gradient(circle,rgba(255,255,255,.58) 0 1.15px,transparent 1.65px),
    radial-gradient(circle,rgba(200,255,0,.34) 0 .85px,transparent 1.35px) !important;
  background-size: 251px 227px,317px 283px !important;
  background-position: 37px 71px,149px 23px !important;
  opacity: .34;
  transform: translate3d(-.7%,-.5%,0) scale(1.012);
  animation: bsl-star-drift-far 48s ease-in-out infinite !important;
  will-change: transform,opacity !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__grid > * {
  position: relative !important;
  z-index: 1 !important;
}

@media (max-width: 640px) {
  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero::before {
    background-size: 72px 86px,123px 139px,189px 167px !important;
    opacity: .42 !important;
    animation-duration: 44s !important;
  }

  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__grid::after {
    inset: -10% -18% !important;
    opacity: .24;
    animation-duration: 58s !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero::before,
  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__grid::after {
    animation: none !important;
    transform: none !important;
    will-change: auto !important;
  }
}

/* RC52 - the real Slider Revolution slider-1 particle canvas. */
html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero::before,
html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__grid::after {
  content: none !important;
  display: none !important;
  background: none !important;
  animation: none !important;
  transform: none !important;
  opacity: 0 !important;
  will-change: auto !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__rev-particles {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  pointer-events: none !important;
  opacity: 1 !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__moon,
html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hud-corner,
html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__grid {
  z-index: 1 !important;
}

/* RC53 - spacecraft terminal typing loop for the hero headline. */
@keyframes bs-home-terminal-caret {
  0%,46% { opacity: 1; }
  47%,100% { opacity: 0; }
}

html body.home.bigstep-graphite-lime-theme .bsl-home #bsl-hero-title {
  position: relative !important;
  min-height: 2.08em !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-type-line {
  position: relative !important;
  display: block !important;
  width: fit-content !important;
  height: 1.04em !important;
  min-height: 1.04em !important;
  white-space: nowrap !important;
}

/* RC54 - premium orbital HUD and a restrained graphite halo behind the hero mascot. */
@keyframes bs-home-orbit-hud-one {
  from { rotate: -16deg; }
  to { rotate: 344deg; }
}

@keyframes bs-home-orbit-hud-two {
  from { rotate: 18deg; }
  to { rotate: -342deg; }
}

@keyframes bs-home-orbit-node {
  0%,100% { opacity: .55; scale: .78; }
  45% { opacity: 1; scale: 1; }
}

@keyframes bs-home-moon-grid-drift {
  from { transform: rotate(12deg) scale(1.08); }
  to { transform: rotate(372deg) scale(1.08); }
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__visual::before {
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;
  inset: 7% -15% 3% 2% !important;
  pointer-events: none !important;
  border-radius: 50% !important;
  background:
    radial-gradient(ellipse at 62% 48%, rgba(200,255,0,.09) 0, rgba(200,255,0,.035) 26%, transparent 59%),
    radial-gradient(ellipse at 68% 45%, rgba(240,246,243,.055) 0, transparent 43%) !important;
  filter: blur(8px) !important;
  opacity: .88 !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-orbit {
  isolation: isolate !important;
  border: 1px solid rgba(218,226,222,.055) !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  rotate: 0deg !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-orbit::before {
  content: "" !important;
  position: absolute !important;
  inset: -2px !important;
  padding: 2px !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  background: conic-gradient(from 18deg,
    transparent 0 8%,
    rgba(200,255,0,.62) 8% 12%,
    rgba(237,244,241,.24) 12% 18%,
    transparent 18% 39%,
    rgba(200,255,0,.20) 39% 51%,
    transparent 51% 73%,
    rgba(237,244,241,.14) 73% 78%,
    transparent 78% 100%) !important;
  -webkit-mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
  filter: drop-shadow(0 0 5px rgba(200,255,0,.16)) !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-orbit::after {
  content: "" !important;
  position: absolute !important;
  z-index: 2 !important;
  top: 7.5% !important;
  right: 17% !important;
  width: 7px !important;
  height: 7px !important;
  border: 1px solid rgba(200,255,0,.9) !important;
  border-radius: 50% !important;
  background: #c8ff00 !important;
  box-shadow: 0 0 0 4px rgba(200,255,0,.07),0 0 16px rgba(200,255,0,.55) !important;
  animation: bs-home-orbit-node 2.8s ease-in-out infinite !important;
  pointer-events: none !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-orbit--one {
  animation: bs-home-orbit-hud-one 48s linear infinite !important;
  opacity: .76 !important;
  will-change: rotate !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-orbit--two {
  animation: bs-home-orbit-hud-two 36s linear infinite !important;
  opacity: .58 !important;
  will-change: rotate !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-orbit--two::before {
  background: conic-gradient(from 212deg,
    transparent 0 16%,
    rgba(237,244,241,.18) 16% 23%,
    transparent 23% 48%,
    rgba(200,255,0,.42) 48% 56%,
    transparent 56% 82%,
    rgba(200,255,0,.14) 82% 88%,
    transparent 88% 100%) !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-orbit--two::after {
  top: auto !important;
  right: auto !important;
  bottom: 9% !important;
  left: 15% !important;
  width: 5px !important;
  height: 5px !important;
  animation-delay: -1.1s !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__moon {
  opacity: .72 !important;
  border-color: transparent !important;
  background:
    radial-gradient(circle at 23% 45%, rgba(200,255,0,.08) 0, rgba(200,255,0,.025) 19%, transparent 35%),
    radial-gradient(circle at 39% 42%, #2a3331 0, #161c1c 39%, #0a0d0d 68%, #050707 82%) !important;
  box-shadow:
    inset 42px 0 100px rgba(200,255,0,.025),
    inset -150px -90px 180px rgba(0,0,0,.68),
    -30px 0 100px rgba(200,255,0,.025) !important;
  -webkit-mask-image: radial-gradient(circle at 50% 50%,#000 0 46%,rgba(0,0,0,.92) 61%,rgba(0,0,0,.34) 78%,transparent 100%) !important;
  mask-image: radial-gradient(circle at 50% 50%,#000 0 46%,rgba(0,0,0,.92) 61%,rgba(0,0,0,.34) 78%,transparent 100%) !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__moon::before {
  content: "" !important;
  position: absolute !important;
  inset: 7% !important;
  border-radius: 50% !important;
  pointer-events: none !important;
  background: repeating-radial-gradient(circle at 35% 43%,
    transparent 0 46px,
    rgba(232,240,236,.028) 47px,
    transparent 48px 71px) !important;
  -webkit-mask: radial-gradient(circle at 37% 43%, #000 0 57%, transparent 76%) !important;
  mask: radial-gradient(circle at 37% 43%, #000 0 57%, transparent 76%) !important;
  opacity: .82 !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__moon::after {
  inset: 4% !important;
  border-radius: 50% !important;
  background-image: radial-gradient(circle,rgba(232,240,236,.24) 0 1px,transparent 1.4px) !important;
  background-size: 31px 31px !important;
  opacity: .12 !important;
  -webkit-mask: radial-gradient(circle at 35% 44%,#000 0 53%,transparent 76%) !important;
  mask: radial-gradient(circle at 35% 44%,#000 0 53%,transparent 76%) !important;
  animation: bs-home-moon-grid-drift 84s linear infinite !important;
  will-change: transform !important;
}

@media (max-width: 767px) {
  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__visual::before {
    inset: 10% -8% 5% 4% !important;
    opacity: .58 !important;
  }

  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-orbit--one {
    opacity: .5 !important;
  }

  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-orbit--two {
    opacity: .28 !important;
  }

  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__moon {
    opacity: .47 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-orbit--one,
  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-orbit--two,
  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-orbit::after,
  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__moon::after {
    animation: none !important;
  }
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-type-line:is(.is-typing,.is-holding)::after {
  content: "" !important;
  position: absolute !important;
  top: .13em !important;
  left: calc(100% + .075em) !important;
  display: block !important;
  width: .075em !important;
  height: .72em !important;
  margin: 0 !important;
  border-radius: 1px !important;
  background: #c8ff00 !important;
  box-shadow: 0 0 12px rgba(200,255,0,.52) !important;
  animation: bs-home-terminal-caret .72s steps(1,end) infinite !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-type-line.is-typing::after {
  animation-duration: .52s !important;
}

@media (max-width: 640px) {
  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-type-line:is(.is-typing,.is-holding)::after {
    width: .07em !important;
    height: .70em !important;
    box-shadow: 0 0 8px rgba(200,255,0,.42) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-type-line::after {
    content: none !important;
    display: none !important;
    animation: none !important;
  }
}

/* RC55-late - performance lock after all historical hero motion rules. */
html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__visual {
  animation: none !important;
  transform: none !important;
  will-change: auto !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__visual::before {
  filter: none !important;
  opacity: .68 !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-orbit::before {
  filter: none !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__moon,
html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__moon::after {
  animation: none !important;
  will-change: auto !important;
}

/* RC56 - stable, readable hero heading after disabling the typing loop on mobile. */
@media (max-width: 767px) {
  html body.home.bigstep-graphite-lime-theme .bsl-home #bsl-hero-title {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    font-size: clamp(32px, 9.4vw, 39px) !important;
    line-height: 1.02 !important;
    letter-spacing: -.052em !important;
    overflow-wrap: anywhere !important;
  }

  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-type-line {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    white-space: normal !important;
  }

  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-type-line::after {
    content: none !important;
    display: none !important;
  }
}

/* RC57 - Woo metadata uses high-specificity !important text colors. Keep the
 * add/edit design CTA label and icon graphite on lime on cart + checkout. */
html body.woocommerce-cart.bigstep-woo-redesign .woocommerce-cart-form a.bigstep-ai-edit-design-button.bigstep-ai-edit-design-button,
html body.woocommerce-checkout.bigstep-woo-redesign #order_review a.bigstep-ai-edit-design-button.bigstep-ai-edit-design-button,
html body.bigstep-woo-redesign #haru-header a.bsai-mini-cart-design.bsai-mini-cart-design {
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  font-weight: 850 !important;
}

html body.woocommerce-cart.bigstep-woo-redesign .woocommerce-cart-form a.bigstep-ai-edit-design-button.bigstep-ai-edit-design-button :where(span,svg,path),
html body.woocommerce-checkout.bigstep-woo-redesign #order_review a.bigstep-ai-edit-design-button.bigstep-ai-edit-design-button :where(span,svg,path),
html body.bigstep-woo-redesign #haru-header a.bsai-mini-cart-design.bsai-mini-cart-design :where(span,svg,path) {
  color: #080a0b !important;
  fill: currentColor !important;
  -webkit-text-fill-color: #080a0b !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
}
/* RC58 — final Graphite Lime lock for transactional overlays and checkout
   controls. Paint-only: no cart, address or checkout behaviour is changed. */
html body:not(#_a):not(#_b):not(#_c).bigstep-woo-redesign.bigstep-graphite-lime-theme #popup-cart-wrap.bigstep-cart-popup {
  background: rgba(4,7,8,.84) !important;
  background-image: none !important;
  color: #dce1de !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}

html body:not(#_a):not(#_b):not(#_c).bigstep-woo-redesign.bigstep-graphite-lime-theme #popup-cart-wrap.bigstep-cart-popup > .popup-cart-content {
  border: 1px solid #394244 !important;
  background: #101415 !important;
  background-image: none !important;
  color: #f5f6f1 !important;
  box-shadow: 0 28px 76px rgba(0,0,0,.62) !important;
}

html body:not(#_a):not(#_b):not(#_c).bigstep-woo-redesign.bigstep-graphite-lime-theme #popup-cart-wrap.bigstep-cart-popup :where(.p-success-icon,.p-btn-checkout) {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-color: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: none !important;
}

html body:not(#_a):not(#_b):not(#_c).bigstep-woo-redesign.bigstep-graphite-lime-theme #popup-cart-wrap.bigstep-cart-popup .p-btn-x {
  top: 12px !important;
  right: 12px !important;
  display: grid !important;
  place-items: center !important;
  width: 36px !important;
  min-width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 0 0 2px !important;
  border: 1px solid #394244 !important;
  border-radius: 50% !important;
  background: #171c1d !important;
  background-image: none !important;
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

/* Select2 appends its open dropdown directly under body, so keep the portal
   dark as well as the original checkout field — including narrow screens. */
html body:not(#_a):not(#_b):not(#_c).woocommerce-checkout.bigstep-woo-redesign.bigstep-graphite-lime-theme .select2-container.select2-container--open :where(.select2-dropdown,.select2-results,.select2-results__options,.select2-search) {
  border-color: #394244 !important;
  background: #171c1d !important;
  background-color: #171c1d !important;
  color: #f5f6f1 !important;
}

html body:not(#_a):not(#_b):not(#_c).woocommerce-checkout.bigstep-woo-redesign.bigstep-graphite-lime-theme .select2-container.select2-container--open .select2-search__field {
  border: 1px solid #4a5557 !important;
  background: #0d1112 !important;
  color: #f5f6f1 !important;
  caret-color: #c8ff00 !important;
}

html body:not(#_a):not(#_b):not(#_c).woocommerce-checkout.bigstep-woo-redesign.bigstep-graphite-lime-theme .select2-container.select2-container--open .select2-results__option {
  background: #171c1d !important;
  color: #dce1de !important;
}

html body:not(#_a):not(#_b):not(#_c).woocommerce-checkout.bigstep-woo-redesign.bigstep-graphite-lime-theme .select2-container.select2-container--open .select2-results__option:is(.select2-results__option--highlighted,[aria-selected="true"]) {
  background: #c8ff00 !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
}

html body:not(#_a):not(#_b):not(#_c).woocommerce-checkout.bigstep-woo-redesign.bigstep-graphite-lime-theme .custom-coupon-wrapper {
  border-color: #30383a !important;
  background: #101415 !important;
  color: #aeb7b2 !important;
}

html body:not(#_a):not(#_b):not(#_c).woocommerce-checkout.bigstep-woo-redesign.bigstep-graphite-lime-theme .custom-coupon-wrapper :where(.coupon-list,.coupon-items) .coupon-item {
  border: 1px solid #4a5557 !important;
  background: #171c1d !important;
  background-image: none !important;
  color: #dce1de !important;
  -webkit-text-fill-color: #dce1de !important;
  box-shadow: none !important;
}

html body:not(#_a):not(#_b):not(#_c).woocommerce-checkout.bigstep-woo-redesign.bigstep-graphite-lime-theme .custom-coupon-wrapper :where(.coupon-list,.coupon-items) .coupon-item :where(.bs-vc-mini-title,.coupon-title) {
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
}

html body:not(#_a):not(#_b):not(#_c).woocommerce-checkout.bigstep-woo-redesign.bigstep-graphite-lime-theme .custom-coupon-wrapper :where(.coupon-list,.coupon-items) .coupon-item :where(.bs-vc-mini-code,.coupon-code) {
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
}

html body:not(#_a):not(#_b):not(#_c).woocommerce-checkout.bigstep-woo-redesign.bigstep-graphite-lime-theme .custom-coupon-wrapper :where(.coupon-list,.coupon-items) .coupon-item:is(:hover,:focus-visible,.selected,.is-selected) {
  border-color: #c8ff00 !important;
  background: #1a2318 !important;
  color: #f5f6f1 !important;
}

/* Legacy voucher CSS carries an additional specificity guard. */
html body:not(#_a):not(#_b):not(#_c):not(#_d).woocommerce-checkout.bigstep-woo-redesign.bigstep-graphite-lime-theme .custom-coupon-wrapper .coupon-list .coupon-item .bs-vc-mini-title {
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d).woocommerce-checkout.bigstep-woo-redesign.bigstep-graphite-lime-theme .custom-coupon-wrapper .coupon-list .coupon-item .bs-vc-mini-code {
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d).woocommerce-checkout.bigstep-woo-redesign.bigstep-graphite-lime-theme .custom-coupon-wrapper .coupon-label {
  color: #aeb7b2 !important;
  -webkit-text-fill-color: #aeb7b2 !important;
}

/* RC59 — neutral link palette. Remove the last indigo-tinted text inherited
   from the previous theme while preserving lime CTAs and active states. */
html body:not(#_a):not(#_b):not(#_c):not(#_d).bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .haru-nav-menu a.haru-item,
html body:not(#_a):not(#_b):not(#_c):not(#_d).bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .haru-nav-menu .menu-item > a,
html body:not(#_a):not(#_b):not(#_c):not(#_d).bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header :where(.haru-cart,.haru-cart a,.haru-cart span,.haru-mini-cart-icon) {
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d).bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .haru-nav-menu .menu-item:is(:hover,.current-menu-item,.current-menu-ancestor) > a:not([href*="/studio/"]),
html body:not(#_a):not(#_b):not(#_c):not(#_d).bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .haru-nav-menu a.haru-item:is(:hover,:focus-visible):not([href*="/studio/"]) {
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
}

/* Studio remains the primary lime navigation CTA. */
html body:not(#_a):not(#_b):not(#_c):not(#_d).bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .haru-nav-menu a.haru-item[href*="/studio/"] {
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d).bigstep-woo-redesign.bigstep-graphite-lime-theme #haru-main#haru-main .woocommerce a:not(.button):not(.checkout-button):not(.bigstep-product-options__design):not(.bigstep-ai-edit-design-button) {
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d).bigstep-woo-redesign.bigstep-graphite-lime-theme #haru-main#haru-main .woocommerce a:not(.button):not(.checkout-button):not(.bigstep-product-options__design):not(.bigstep-ai-edit-design-button):is(:hover,:focus-visible) {
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d).bigstep-woo-redesign.bigstep-graphite-lime-theme #haru-main#haru-main .woocommerce a.remove {
  border-color: #4a5557 !important;
  background: transparent !important;
  color: #dce1de !important;
  -webkit-text-fill-color: #dce1de !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d).bigstep-woo-redesign.bigstep-graphite-lime-theme #haru-main#haru-main .woocommerce a.remove:is(:hover,:focus-visible) {
  border-color: #c8ff00 !important;
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d).bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) :where(.haru-page-title,.haru-breadcrumb,.breadcrumbs) a {
  color: #dce1de !important;
  -webkit-text-fill-color: #dce1de !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d).bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) :where(.haru-page-title,.haru-breadcrumb,.breadcrumbs) a:is(:hover,:focus-visible) {
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d).bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer a,
html body:not(#_a):not(#_b):not(#_c):not(#_d).bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) footer a {
  color: #dce1de !important;
  -webkit-text-fill-color: #dce1de !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d).bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer a:is(:hover,:focus-visible),
html body:not(#_a):not(#_b):not(#_c):not(#_d).bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) footer a:is(:hover,:focus-visible) {
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d).bigstep-content-redesign.bigstep-graphite-lime-theme #haru-content-main#haru-content-main :where(.entry-content,.post-content,.single-content) a {
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
  text-decoration-color: rgba(200,255,0,.55) !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d).bigstep-content-redesign.bigstep-graphite-lime-theme #haru-content-main#haru-content-main :where(.entry-content,.post-content,.single-content) a:is(:hover,:focus-visible) {
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d).home.bigstep-graphite-lime-theme #haru-main#haru-main :where(.bsg-game-secondary,.bigstep-blog-card__link) {
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d).home.bigstep-graphite-lime-theme #haru-main#haru-main :where(.bsg-game-secondary,.bigstep-blog-card__link):is(:hover,:focus-visible) {
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d).bigstep-graphite-lime-theme :where(.support-tab-text,.bs-home-support-button__label) {
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
}

/* Old/list prices need neutral dimming, not a blue-violet tint. */
html body:not(#_a):not(#_b):not(#_c):not(#_d).bigstep-graphite-lime-theme :where(del,.price del,.woocommerce-Price-amount.is-old,.regular-price) :where(.woocommerce-Price-amount,.woocommerce-Price-currencySymbol),
html body:not(#_a):not(#_b):not(#_c):not(#_d).bigstep-graphite-lime-theme :where(del,.price del) {
  color: #7f8984 !important;
  -webkit-text-fill-color: #7f8984 !important;
}

html body.bigstep-graphite-lime-theme a:focus-visible {
  outline-color: #c8ff00 !important;
}

/* Header cart drawer lives inside #haru-header; restore graphite text only on
   its lime actions so the neutral header-link rule cannot reduce contrast. */
html body:not(#_a):not(#_b):not(#_c):not(#_d).bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header :where(
  a.bsai-mini-cart-design,
  a.bdt-button-checkout,
  .woocommerce-mini-cart__buttons a.checkout,
  .woocommerce-mini-cart__buttons a.button.checkout
) {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
}

/* RC60 — iPhone-size hero fit. The complete intro (mascot, copy, benefits and
   both CTAs) stays inside a single tall-phone viewport without clipping. */
@media (max-width: 480px) {
  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero {
    min-height: auto !important;
  }

  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__grid {
    min-height: auto !important;
    gap: 0 !important;
    padding: 8px 0 18px !important;
  }

  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__visual {
    order: 1 !important;
    min-height: 252px !important;
    margin: 0 !important;
  }

  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__art {
    width: min(286px,74vw) !important;
    max-width: 286px !important;
    --bsl-art-x: -50% !important;
    --bsl-art-y: -47% !important;
    transform: translate(-50%,-47%) !important;
  }

  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__copy {
    order: 2 !important;
    padding-inline: 2px !important;
  }

  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-eyebrow {
    gap: 8px !important;
    margin: 0 0 8px !important;
    font-size: 9px !important;
    line-height: 1 !important;
    letter-spacing: .16em !important;
  }

  html body.home.bigstep-graphite-lime-theme .bsl-home #bsl-hero-title {
    font-size: clamp(31px,8.55vw,36px) !important;
    line-height: 1 !important;
    letter-spacing: -.048em !important;
  }

  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__lead {
    margin: 10px 0 12px !important;
    font-size: 13px !important;
    line-height: 1.42 !important;
  }

  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-trust-inline {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 8px 6px !important;
    margin: 0 0 12px !important;
  }

  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-trust-inline li {
    gap: 7px !important;
    min-width: 0 !important;
  }

  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-trust-inline :where(svg,li > i) {
    width: 22px !important;
    min-width: 22px !important;
    height: 22px !important;
    flex-basis: 22px !important;
    font-size: 22px !important;
  }

  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-trust-inline strong {
    font-size: 9px !important;
    line-height: 1.1 !important;
  }

  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-trust-inline small {
    font-size: 8px !important;
    line-height: 1.1 !important;
  }

  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-actions {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 8px !important;
  }

  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
    gap: 8px !important;
    padding: 0 12px !important;
    border-radius: 9px !important;
    font-size: 13px !important;
  }

  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-button--primary span {
    font-size: 20px !important;
  }

  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-button--ghost i {
    width: 24px !important;
    height: 24px !important;
    border-width: 1px !important;
    font-size: 9px !important;
  }

  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__visual::before {
    inset: 5% -4% 2% 4% !important;
  }
}

@media (max-width: 380px) {
  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-actions {
    grid-template-columns: 1fr !important;
  }

  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__visual {
    min-height: 228px !important;
  }

  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__art {
    width: min(260px,72vw) !important;
  }
}

html body:not(#_a):not(#_b):not(#_c):not(#_d).bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header :where(
  a.bsai-mini-cart-design,
  a.bdt-button-checkout,
  .woocommerce-mini-cart__buttons a.checkout,
  .woocommerce-mini-cart__buttons a.button.checkout
):is(:hover,:focus-visible) {
  background: #d7ff45 !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
}

/* RC61 — mobile float clearance. Give the mascot its full upward travel below
   the header and extend the intro rhythm by roughly ten percent. */
@media (max-width: 480px) {
  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__grid {
    padding: 22px 0 26px !important;
  }

  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__visual {
    min-height: 278px !important;
  }

  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__art {
    --bsl-art-y: -43% !important;
    transform: translate(-50%,-43%);
  }
}

@media (max-width: 380px) {
  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__grid {
    padding-top: 18px !important;
    padding-bottom: 22px !important;
  }

  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__visual {
    min-height: 250px !important;
  }
}

/* RC63 - final source-order lock for the one-shot heading light pass. */
html body.home.bigstep-graphite-lime-theme .bsl-home #bsl-hero-title em {
  background-image: none !important;
  -webkit-text-fill-color: #c8ff00 !important;
  animation: none !important;
  will-change: auto !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home #bsl-hero-title.is-light-sweeping [data-bsl-type-segment] {
  color: #f4f6f0 !important;
  background-image: none !important;
  -webkit-text-fill-color: #f4f6f0 !important;
  animation: none !important;
  will-change: auto !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home #bsl-hero-title.is-light-sweeping em[data-bsl-type-segment] {
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home #bsl-hero-title.is-light-sweeping::after {
  content: "" !important;
  position: absolute !important;
  z-index: 3 !important;
  top: -8% !important;
  bottom: -8% !important;
  left: 0 !important;
  display: block !important;
  width: 9% !important;
  height: auto !important;
  pointer-events: none !important;
  border-radius: 0 !important;
  background: linear-gradient(108deg,transparent 0%,rgba(255,255,255,0) 24%,rgba(255,255,255,.92) 48%,rgba(236,255,177,.76) 54%,rgba(255,255,255,.18) 63%,transparent 100%) !important;
  filter: blur(1px) drop-shadow(0 0 5px rgba(239,255,190,.42)) !important;
  mix-blend-mode: screen !important;
  clip-path: inset(0 0 0 0) !important;
  animation: bs-home-heading-light-sweep-loop 3.6s linear infinite both !important;
  will-change: transform,opacity !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home #bsl-hero-title .bsl-heading-light-overlay {
  display: none !important;
}

@media (prefers-reduced-motion: reduce) {
  html body.home.bigstep-graphite-lime-theme .bsl-home #bsl-hero-title.is-light-sweeping::after {
    animation: none !important;
    display: none !important;
    will-change: auto !important;
  }
}

/* RC74 — eliminate the last legacy violet accents in the three AI utility pages. */
html body.bigstep-graphite-lime-theme #haru-content-main#haru-content-main .bigstep-upscaler .bs-bgrem-out-empty strong {
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
}
html body.page-id-24964.bigstep-graphite-lime-theme .bsqr .bsqr__option-head span {
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
  border-color: rgba(200,255,0,.42) !important;
}

/* RC75 — game plugins carry their own late component CSS, so use the native
   button elements at the final theme layer rather than a generic control rule. */
html body.bigstep-graphite-lime-theme .bsc-app.bsc-app button[data-start],
html body.bigstep-graphite-lime-theme .bcm.bcm button[data-play],
html body.bigstep-graphite-lime-theme .bsa-app.bsa-app button[data-start],
html body.bigstep-graphite-lime-theme .bsa-app.bsa-app button[data-restart],
html body.bigstep-graphite-lime-theme .bsc-app.bsc-app button[data-again],
html body.bigstep-graphite-lime-theme .bcm.bcm button[data-restart],
html body.bigstep-graphite-lime-theme .bsb-app.bsb-app button[data-start],
html body.bigstep-graphite-lime-theme .bss-app.bss-app button[data-start] {
  background: #c8ff00 !important;
  background-image: none !important;
  border-color: #c8ff00 !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  opacity: 1 !important;
  text-shadow: none !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.30), 0 0 0 3px rgba(200,255,0,.08) !important;
}
html body.bigstep-graphite-lime-theme .bsc-app.bsc-app .bs-play-mode button[data-play-mode][aria-pressed="true"],
html body.bigstep-graphite-lime-theme .bcm.bcm .bs-play-mode button[data-play-mode][aria-pressed="true"],
html body.bigstep-graphite-lime-theme .bsb-app.bsb-app .bs-play-mode button[data-play-mode][aria-pressed="true"],
html body.bigstep-graphite-lime-theme .bss-app.bss-app .bs-play-mode button[data-play-mode][aria-pressed="true"] {
  background: #c8ff00 !important;
  border-color: #c8ff00 !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  opacity: 1 !important;
}

/* RC76 — keep the hero gloss self-contained in the headline and independent
   from the one-shot typing script. */
@media (min-width: 768px) and (prefers-reduced-motion: no-preference) {
  html body.home.bigstep-graphite-lime-theme .bsl-home #bsl-hero-title::after {
    content: "" !important;
    position: absolute !important;
    z-index: 3 !important;
    inset: -8% auto -8% 0 !important;
    display: block !important;
    width: 9% !important;
    height: auto !important;
    pointer-events: none !important;
    border-radius: 0 !important;
    background: linear-gradient(108deg,transparent 0%,rgba(255,255,255,0) 24%,rgba(255,255,255,.94) 49%,rgba(238,255,185,.8) 55%,rgba(255,255,255,.18) 64%,transparent 100%) !important;
    filter: blur(1px) drop-shadow(0 0 5px rgba(239,255,190,.42)) !important;
    mix-blend-mode: screen !important;
    clip-path: inset(0) !important;
    animation: bs-home-heading-light-sweep-loop 3.8s linear infinite both !important;
    will-change: transform,opacity !important;
  }
}

/* RC64 - readable Studio CTA in the collapsed menu and a little more mobile
   hero breathing room without changing the desktop composition. */
@media (max-width: 767px) {
  html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .haru-nav-menu--dropdown .haru-nav-menu a.haru-item[href*="/studio/"] {
    border: 1px solid #c8ff00 !important;
    background: #c8ff00 !important;
    background-image: none !important;
    color: #080a0b !important;
    -webkit-text-fill-color: #080a0b !important;
    box-shadow: none !important;
    text-shadow: none !important;
    opacity: 1 !important;
  }

  html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .haru-nav-menu--dropdown .haru-nav-menu a.haru-item[href*="/studio/"]:is(:hover,:focus-visible,:active) {
    border-color: #d7ff45 !important;
    background: #d7ff45 !important;
    color: #080a0b !important;
    -webkit-text-fill-color: #080a0b !important;
  }
}

@media (max-width: 480px) {
  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__grid {
    padding-bottom: 30px !important;
  }

  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__visual {
    min-height: 321px !important;
  }
}

@media (max-width: 380px) {
  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__grid {
    padding-bottom: 26px !important;
  }

  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__visual {
    min-height: 288px !important;
  }
}

/* RC65 - cart quantity badge must stay graphite on lime after the global
   header-link colour lock, on both desktop and mobile headers. */
html body:not(#_a):not(#_b):not(#_c):not(#_d).bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .haru-cart .haru-cart-number,
html body:not(#_a):not(#_b):not(#_c):not(#_d).bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .haru-cart-number.haru-cart-number {
  border-color: #080a0b !important;
  background: #c8ff00 !important;
  background-color: #c8ff00 !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* RC66 - product optionography uses the official Lucide stroke system. */
html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) .bigstep-product-options svg.lucide {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  filter: none !important;
}

html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) .bigstep-product-options svg.lucide :where(path,rect,circle,line,polyline,polygon,ellipse) {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) .bigstep-product-options .bigstep-product-options__method-icon svg.lucide {
  width: 18px !important;
  height: 18px !important;
}

html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) .bigstep-product-options svg.lucide.bigstep-product-options__method-caret {
  width: 12px !important;
  height: 12px !important;
  flex: 0 0 12px !important;
}

/* RC67 - light mode must not paint the zoom range as a text input. */
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app[data-editor-mode="editor"] .bigstep-ai-zoom-controls input[type="range"],
html[data-theme="light"] body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app[data-editor-mode="editor"] .bigstep-ai-zoom-controls input[type="range"] {
  border: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app[data-editor-mode="editor"] .bigstep-ai-zoom-controls input[type="range"]::-webkit-slider-runnable-track {
  height: 4px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(200,255,0,.24) !important;
  box-shadow: inset 0 0 0 1px rgba(200,255,0,.12) !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app[data-editor-mode="editor"] .bigstep-ai-zoom-controls input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 16px !important;
  height: 16px !important;
  margin-top: -6px !important;
  border: 2px solid #6f9300 !important;
  border-radius: 999px !important;
  background: #c8ff00 !important;
  box-shadow: 0 0 0 4px rgba(200,255,0,.14) !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app[data-editor-mode="editor"] .bigstep-ai-zoom-controls input[type="range"]::-moz-range-track {
  height: 4px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(200,255,0,.24) !important;
  box-shadow: inset 0 0 0 1px rgba(200,255,0,.12) !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app[data-editor-mode="editor"] .bigstep-ai-zoom-controls input[type="range"]::-moz-range-thumb {
  width: 16px !important;
  height: 16px !important;
  border: 2px solid #6f9300 !important;
  border-radius: 999px !important;
  background: #c8ff00 !important;
  box-shadow: 0 0 0 4px rgba(200,255,0,.14) !important;
}

/* RC68 - official Font Awesome brand marks on a pure graphite social rail. */
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .haru-social ul {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .haru-social li {
  margin: 0 !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .haru-social a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  padding: 0 !important;
  border: 1px solid #394244 !important;
  border-radius: 50% !important;
  background: #151a1b !important;
  background-image: none !important;
  color: #f4f6f0 !important;
  -webkit-text-fill-color: #f4f6f0 !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.018) !important;
  transform: none !important;
  transition: background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .haru-social .haru-social__icon {
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .haru-social a i {
  display: block !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
  font-size: 17px !important;
  line-height: 1 !important;
  transform: none !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .haru-social a:is(:hover,:focus-visible) {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.30),0 0 0 3px rgba(200,255,0,.10) !important;
  transform: translateY(-2px) !important;
}
/* RC69: preserve the original back-to-top geometry after using a semantic button. */
html body.bigstep-graphite-lime-theme button.back-to-top {
	min-width: 0 !important;
	padding: 0 !important;
	appearance: none;
	cursor: pointer !important;
	font: inherit;
}

/* RC70: component-specific close controls; the frame never rotates with the glyph. */
html body.home.bigstep-graphite-lime-theme .bigstep-ai-faq-shortcode .bsfaq-icon {
	position: relative !important;
	flex: 0 0 32px !important;
	font-size: 0 !important;
	transform: none !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-ai-faq-shortcode .bsfaq-icon::before,
html body.home.bigstep-graphite-lime-theme .bigstep-ai-faq-shortcode .bsfaq-icon::after {
	content: "" !important;
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	width: 12px !important;
	height: 2px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: currentColor !important;
	transform: translate(-50%, -50%) !important;
	transform-origin: center !important;
	transition: transform .22s ease !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-ai-faq-shortcode .bsfaq-icon::after {
	transform: translate(-50%, -50%) rotate(90deg) !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-ai-faq-shortcode .bsfaq-item[open] .bsfaq-icon {
	border-color: rgba(200,255,0,.62) !important;
	background: rgba(200,255,0,.16) !important;
	color: #c8ff00 !important;
	transform: none !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-ai-faq-shortcode .bsfaq-item[open] .bsfaq-icon::before {
	transform: translate(-50%, -50%) rotate(45deg) !important;
}

html body.home.bigstep-graphite-lime-theme .bigstep-ai-faq-shortcode .bsfaq-item[open] .bsfaq-icon::after {
	transform: translate(-50%, -50%) rotate(-45deg) !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-tour-prompt-close,
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-studio-promos__close {
	top: 10px !important;
	right: 10px !important;
	display: grid !important;
	place-items: center !important;
	width: 34px !important;
	min-width: 34px !important;
	height: 34px !important;
	min-height: 34px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid #3b4648 !important;
	border-radius: 10px !important;
	background: rgba(17,21,22,.94) !important;
	color: #f4f6f0 !important;
	line-height: 0 !important;
	box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-tour-prompt-close::before,
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-tour-prompt-close::after,
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-studio-promos__close::before,
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-studio-promos__close::after {
	content: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-tour-prompt-close > svg,
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-studio-promos__close > svg {
	display: block !important;
	width: 18px !important;
	height: 18px !important;
	margin: 0 !important;
	fill: none !important;
	stroke: currentColor !important;
	stroke-width: 2 !important;
	stroke-linecap: round !important;
	transform: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-tour-prompt-close:is(:hover,:focus-visible),
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-studio-promos__close:is(:hover,:focus-visible) {
	border-color: rgba(200,255,0,.64) !important;
	background: rgba(200,255,0,.12) !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth [data-pb-close] {
	display: grid !important;
	place-items: center !important;
	padding: 0 !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth [data-pb-close] > svg {
	display: block !important;
	width: 18px !important;
	height: 18px !important;
	margin: 0 !important;
	transform: none !important;
}

/* RC72: finish the Studio Graphite Lime conversion without changing geometry. */
html:not([data-theme="light"]) body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app[data-editor-mode="editor"] .bigstep-ai-crop-drag-overlay [data-crop-handle] {
	background: #c8ff00 !important;
	border-color: #111516 !important;
	box-shadow: 0 0 0 1px rgba(200,255,0,.72), 0 3px 10px rgba(0,0,0,.34) !important;
}

html:not([data-theme="light"]) body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app[data-editor-mode="editor"] .bigstep-ai-selection-toolbar {
	border-color: #3b4648 !important;
	background: #111516 !important;
	box-shadow: 0 10px 28px rgba(0,0,0,.34) !important;
}

html:not([data-theme="light"]) body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app[data-editor-mode="editor"] .bigstep-ai-selection-toolbar button {
	border-color: transparent !important;
	background: transparent !important;
	color: #cbd2ce !important;
	-webkit-text-fill-color: #cbd2ce !important;
}

html:not([data-theme="light"]) body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app[data-editor-mode="editor"] .bigstep-ai-selection-toolbar button:is(:hover,:focus-visible) {
	background: rgba(200,255,0,.12) !important;
	color: #c8ff00 !important;
	-webkit-text-fill-color: #c8ff00 !important;
}

html:not([data-theme="light"]) body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app[data-editor-mode="editor"] .bigstep-ai-selection-toolbar button[data-action="delete"]:is(:hover,:focus-visible),
html:not([data-theme="light"]) body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app[data-editor-mode="editor"] .bigstep-ai-selection-toolbar button[data-selection-action="delete"]:is(:hover,:focus-visible) {
	background: rgba(255,91,91,.12) !important;
	color: #ff6b6b !important;
	-webkit-text-fill-color: #ff6b6b !important;
}

html:not([data-theme="light"]) body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app[data-editor-mode="editor"] :is(.bigstep-ai-text-bar,.bigstep-ai-image-bar) :is(select.bigstep-ai-text-bar-select,input[type="number"]) {
	border-color: #3b4648 !important;
	background: #171d1e !important;
	background-image: none !important;
	color: #f5f6f1 !important;
	-webkit-text-fill-color: #f5f6f1 !important;
	box-shadow: none !important;
}

html:not([data-theme="light"]) body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app[data-editor-mode="editor"] :is(.bigstep-ai-text-bar,.bigstep-ai-image-bar) select.bigstep-ai-text-bar-select :is(option,optgroup) {
	background: #111516 !important;
	color: #f5f6f1 !important;
	-webkit-text-fill-color: #f5f6f1 !important;
}

html:not([data-theme="light"]) body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app[data-editor-mode="editor"] :is(.bigstep-ai-text-bar,.bigstep-ai-image-bar) :is(select.bigstep-ai-text-bar-select,input[type="number"]):is(:hover,:focus,:focus-visible) {
	border-color: rgba(200,255,0,.72) !important;
	box-shadow: 0 0 0 3px rgba(200,255,0,.10) !important;
	outline: none !important;
}

html:not([data-theme="light"]) body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app[data-editor-mode="editor"] .bigstep-ai-artwork-folder-card {
	border-color: #3b4648 !important;
	background: rgba(23,29,30,.92) !important;
	background-image: none !important;
	color: #f5f6f1 !important;
}

html:not([data-theme="light"]) body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app[data-editor-mode="editor"] .bigstep-ai-artwork-folder-card:is(:hover,:focus-visible) {
	border-color: rgba(200,255,0,.72) !important;
	background: rgba(200,255,0,.08) !important;
	box-shadow: 0 8px 22px rgba(0,0,0,.24) !important;
}

html:not([data-theme="light"]) body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app[data-editor-mode="editor"] .bigstep-ai-artwork-ai-actions > button {
	border-color: #3b4648 !important;
	background: #171d1e !important;
	background-image: none !important;
	color: #f5f6f1 !important;
	-webkit-text-fill-color: #f5f6f1 !important;
	box-shadow: none !important;
}

html:not([data-theme="light"]) body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app[data-editor-mode="editor"] .bigstep-ai-artwork-ai-actions > button:is(:hover,:focus-visible) {
	border-color: #c8ff00 !important;
	background: #c8ff00 !important;
	color: #080a0b !important;
	-webkit-text-fill-color: #080a0b !important;
}

html:not([data-theme="light"]) body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app[data-editor-mode="editor"] .bigstep-ai-artwork-favorite {
	border-color: #3b4648 !important;
	background: #171d1e !important;
	color: #f5f6f1 !important;
	-webkit-text-fill-color: #f5f6f1 !important;
}

html:not([data-theme="light"]) body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app[data-editor-mode="editor"] .bigstep-ai-artwork-favorite[aria-pressed="true"] {
	border-color: #c8ff00 !important;
	background: rgba(200,255,0,.14) !important;
	color: #c8ff00 !important;
	-webkit-text-fill-color: #c8ff00 !important;
}

html:not([data-theme="light"]) body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app[data-editor-mode="editor"] :is(.bigstep-ai-artwork-floating-actions,.bigstep-ai-template-floating-actions) > button {
	border-color: #3b4648 !important;
	background: #171d1e !important;
	background-image: none !important;
	color: #f5f6f1 !important;
	-webkit-text-fill-color: #f5f6f1 !important;
	box-shadow: none !important;
}

html:not([data-theme="light"]) body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app[data-editor-mode="editor"] :is(.bigstep-ai-artwork-floating-actions,.bigstep-ai-template-floating-actions) > button:is(:hover,:focus-visible,[aria-pressed="true"]) {
	border-color: #c8ff00 !important;
	background: rgba(200,255,0,.12) !important;
	color: #c8ff00 !important;
	-webkit-text-fill-color: #c8ff00 !important;
}

/* RC73: free tools and every game start/replay CTA use Graphite Lime. */
html body.bigstep-graphite-lime-theme #haru-content-main#haru-content-main :is(.background-removal,.bigstep-upscaler) {
	background: #080a0b !important;
	background-image: none !important;
	color: #cbd2ce !important;
}

html body.bigstep-graphite-lime-theme #haru-content-main#haru-content-main :is(.background-removal,.bigstep-upscaler) :is(
	.bs-bgrem-pane,.bs-bgrem-drop,.bs-bgrem-quota,.bs-fal-cta,.bs-fal-cta-feats,
	.bs-fal-cta-feats li,.bs-bgrem-history,.bs-bgrem-history-item
) {
	border-color: #3b4648 !important;
	background: #111516 !important;
	background-image: none !important;
	color: #cbd2ce !important;
	box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme #haru-content-main#haru-content-main :is(.background-removal,.bigstep-upscaler) :is(
	.bs-bgrem-pane-label,.bs-bgrem-pane > strong,.bs-bgrem-drop > strong,
	.bs-fal-cta-eyebrow,.bs-bgrem-drop svg,.bs-bgrem-drop svg *,
	.bs-bgrem-pane svg,.bs-bgrem-pane svg *
) {
	color: #c8ff00 !important;
	-webkit-text-fill-color: #c8ff00 !important;
	stroke: #c8ff00 !important;
	text-shadow: none !important;
}

html body.bigstep-graphite-lime-theme #haru-content-main#haru-content-main :is(.background-removal,.bigstep-upscaler) :is(
	.bs-bgrem-pick,.bs-bgrem-btn--ghost,.bs-fal-btn--ghost
) {
	border-color: #3b4648 !important;
	background: #171d1e !important;
	background-image: none !important;
	color: #f5f6f1 !important;
	-webkit-text-fill-color: #f5f6f1 !important;
	box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme #haru-content-main#haru-content-main :is(.background-removal,.bigstep-upscaler) :is(
	.bs-bgrem-btn--primary,.bs-bgrem-btn--editor,.bs-fal-btn--primary
) {
	border-color: #c8ff00 !important;
	background: #c8ff00 !important;
	background-image: none !important;
	color: #080a0b !important;
	-webkit-text-fill-color: #080a0b !important;
	box-shadow: 0 10px 24px rgba(0,0,0,.28) !important;
}

html body.bigstep-graphite-lime-theme #haru-content-main#haru-content-main .bigstep-upscaler :is(
	.bs-fal-cta-orb,.bs-fal-cta-aurora
) {
	display: none !important;
	background: none !important;
	box-shadow: none !important;
}

html body.page-id-24964.bigstep-graphite-lime-theme :is(.elementor-element-bsqrroot,.bsqr) {
	background: #080a0b !important;
	background-image: none !important;
	color: #cbd2ce !important;
}

html body.page-id-24964.bigstep-graphite-lime-theme .bsqr :is(
	.bsqr__app,.bsqr__editor,.bsqr__preview,.bsqr__guide,.bsqr__benefits > span
) {
	border-color: #3b4648 !important;
	background: #111516 !important;
	background-image: none !important;
	color: #cbd2ce !important;
	box-shadow: none !important;
}

html body.page-id-24964.bigstep-graphite-lime-theme .bsqr :is(
	input,textarea,select,.bsqr__tabs,.bsqr__tabs button,.bsqr__upload,
	.bsqr__option-head button,.bsqr__actions button
) {
	border-color: #3b4648 !important;
	background: #171d1e !important;
	background-image: none !important;
	color: #f5f6f1 !important;
	-webkit-text-fill-color: #f5f6f1 !important;
	box-shadow: none !important;
}

html body.page-id-24964.bigstep-graphite-lime-theme .bsqr :is(
	.bsqr__eyebrow,.bsqr__option-head > span,.bsqr__preview-head span,.bsqr__guide b
) {
	border-color: rgba(200,255,0,.42) !important;
	background: rgba(200,255,0,.08) !important;
	color: #c8ff00 !important;
	-webkit-text-fill-color: #c8ff00 !important;
	box-shadow: none !important;
}

html body.page-id-24964.bigstep-graphite-lime-theme .bsqr :is(.bsqr__divider,.bsqr__canvas-wrap) {
	border-color: #3b4648 !important;
	background-color: #30383a !important;
	box-shadow: none !important;
}

html body.page-id-24964.bigstep-graphite-lime-theme .bsqr :is(
	.bsqr__tabs button.is-active,.bsqr__actions .is-primary
) {
	border-color: #c8ff00 !important;
	background: #c8ff00 !important;
	color: #080a0b !important;
	-webkit-text-fill-color: #080a0b !important;
}

html body.bigstep-graphite-lime-theme :is(.bsa-app,.bsc-app,.bcm,.bsb-app,.bss-app) .bs-play-mode [data-play-mode] {
	border: 1px solid #3b4648 !important;
	background: #171d1e !important;
	background-image: none !important;
	color: #f5f6f1 !important;
	-webkit-text-fill-color: #f5f6f1 !important;
	box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme :is(.bsa-app,.bsc-app,.bcm,.bsb-app,.bss-app) .bs-play-mode [data-play-mode][aria-pressed="true"] {
	border-color: #c8ff00 !important;
	background: #c8ff00 !important;
	color: #080a0b !important;
	-webkit-text-fill-color: #080a0b !important;
}

html body.bigstep-graphite-lime-theme :is(.bsa-app,.bsc-app,.bcm,.bsb-app,.bss-app) :is(
	[data-start],[data-play],[data-restart],[data-again],.bsa-result-actions .is-primary
) {
	border: 1px solid #c8ff00 !important;
	background: #c8ff00 !important;
	background-image: none !important;
	color: #080a0b !important;
	-webkit-text-fill-color: #080a0b !important;
	box-shadow: 0 12px 28px rgba(0,0,0,.30),0 0 0 3px rgba(200,255,0,.08) !important;
	text-shadow: none !important;
	filter: none !important;
}

html body.bigstep-graphite-lime-theme :is(.bsa-app,.bsc-app,.bcm,.bsb-app,.bss-app) :is(
	[data-start],[data-play],[data-restart],[data-again],.bsa-result-actions .is-primary
):is(:hover,:focus-visible) {
	background: #d6ff3d !important;
	border-color: #d6ff3d !important;
	box-shadow: 0 16px 34px rgba(0,0,0,.34),0 0 0 4px rgba(200,255,0,.12) !important;
}

html body.bigstep-graphite-lime-theme :is(
	.bspg-play,.bspg-primary,.bspg-reward-link,.bsg-game-primary
) {
	border-color: #c8ff00 !important;
	background: #c8ff00 !important;
	background-image: none !important;
	color: #080a0b !important;
	-webkit-text-fill-color: #080a0b !important;
	box-shadow: 0 10px 24px rgba(0,0,0,.28) !important;
}

/* Homepage brand motion stays active even when the device requests reduced
 * motion. This exception is intentionally scoped to the hero only. */
@media (prefers-reduced-motion: reduce) {
  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-type-line:is(.is-typing,.is-holding)::after {
    content: "" !important;
    display: block !important;
    animation: bs-home-terminal-caret .72s steps(1,end) infinite !important;
  }

  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-type-line.is-typing::after {
    animation-duration: .52s !important;
  }

  html body.home.bigstep-graphite-lime-theme .bsl-home #bsl-hero-title.is-light-sweeping::after {
    display: block !important;
    animation: bs-home-heading-light-sweep-loop 3.6s linear infinite both !important;
    will-change: transform,opacity !important;
  }
}

/* RC77 - keep the heading glint inside the glyphs. The old moving ::after bar
 * crossed the heading's rectangular box and could appear as a detached streak. */
@keyframes bs-home-heading-glyph-glint {
  0% {
    background-position: 140% 50%;
    filter: brightness(.96) drop-shadow(0 0 0 rgba(200,255,0,0));
  }
  42% {
    filter: brightness(1.12) drop-shadow(0 0 8px rgba(200,255,0,.34));
  }
  78%,100% {
    background-position: -40% 50%;
    filter: brightness(.96) drop-shadow(0 0 0 rgba(200,255,0,0));
  }
}

html body.home.bigstep-graphite-lime-theme .bsl-home #bsl-hero-title::after,
html body.home.bigstep-graphite-lime-theme .bsl-home #bsl-hero-title.is-light-sweeping::after {
  content: none !important;
  display: none !important;
  animation: none !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home #bsl-hero-title.is-light-sweeping [data-bsl-type-segment] {
  color: #f4f6f0 !important;
  background-image: linear-gradient(105deg,#d9ded8 0%,#d9ded8 34%,#c8ff00 43%,#ffffff 50%,#c8ff00 57%,#d9ded8 66%,#d9ded8 100%) !important;
  background-size: 205% 100% !important;
  background-position: 140% 50%;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: bs-home-heading-glyph-glint 2.6s cubic-bezier(.38,0,.18,1) infinite !important;
  will-change: background-position,filter !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home #bsl-hero-title.is-light-sweeping em[data-bsl-type-segment] {
  color: #c8ff00 !important;
  background-image: linear-gradient(105deg,#afe000 0%,#afe000 34%,#dcff57 42%,#ffffff 50%,#dcff57 58%,#afe000 66%,#afe000 100%) !important;
}

/* RC78 - one stable graphite/lime hover for footer social icons. Historical
 * per-network rules otherwise fight the current theme and distort the glyph. */
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .haru-social a {
  overflow: visible !important;
  text-decoration: none !important;
  line-height: 1 !important;
  isolation: isolate;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .haru-social a:is(:hover,:focus-visible) {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.32),0 0 0 3px rgba(200,255,0,.12) !important;
  transform: translateY(-2px) !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .haru-social a:is(:hover,:focus-visible) .haru-social__icon,
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .haru-social a:is(:hover,:focus-visible) i,
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .haru-social a:is(:hover,:focus-visible) i::before {
  border: 0 !important;
  background: transparent !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .haru-social a i::before {
  display: block !important;
  line-height: 1 !important;
}

/* RC79 - graphite/lime DNA for the ordering guide, blog and four arcade pages.
 * Scope is intentionally page-specific so game logic and artwork stay intact. */
:is(
  body.page-id-21607,
  body.blog,
  body.bigstep-candy-match-page,
  body.bigstep-claw-club-page,
  body.bigstep-blockstep-page,
  body.bigstep-snake-page
).bigstep-graphite-lime-theme {
  --bs-dna-bg: #080a0b;
  --bs-dna-panel: #111516;
  --bs-dna-card: #171c1d;
  --bs-dna-border: #30383a;
  --bs-dna-border-strong: #495254;
  --bs-dna-text: #f5f6f1;
  --bs-dna-muted: #a0a8a4;
  --bs-dna-lime: #c8ff00;
  background: radial-gradient(circle at 88% 4%,rgba(200,255,0,.06),transparent 26%),#080a0b !important;
  color: #cbd2ce !important;
}

/* Ordering guide: replace the remaining indigo mock UI and inline icon DNA. */
html body.page-id-21607.bigstep-graphite-lime-theme .bog-guide {
  background: radial-gradient(circle at 82% 5%,rgba(200,255,0,.065),transparent 25%),#080a0b !important;
  color: #cbd2ce !important;
  font-family: "Plus Jakarta Sans",sans-serif !important;
}

html body.page-id-21607.bigstep-graphite-lime-theme .bog-guide :where(h1,h2,h3,h4) {
  font-family: "Chakra Petch","Plus Jakarta Sans",sans-serif !important;
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
  text-shadow: none !important;
}

html body.page-id-21607.bigstep-graphite-lime-theme .bog-guide :where(
  .bog-ui,.bog-way,.bog-ai-guide-cta,.bog-step,.bog-shotwrap,.bog-chip
) {
  border-color: #30383a !important;
  background: #111516 !important;
  background-image: none !important;
  color: #cbd2ce !important;
  box-shadow: none !important;
}

html body.page-id-21607.bigstep-graphite-lime-theme .bog-guide :where(
  .bog-ui-bar,.bog-ui-tools,.bog-ui-prompt,.bog-ui-thumb,.bog-way-ic,.bog-flow span
) {
  border-color: #394244 !important;
  background: #171c1d !important;
  background-image: none !important;
  color: #dce1de !important;
  box-shadow: none !important;
}

html body.page-id-21607.bigstep-graphite-lime-theme .bog-guide :where(
  .bog-eyebrow,.bog-step-tag,.bog-way-no,.bog-ui-act,.bog-ai-guide-cta__label,
  .bog-ui-prompt-btn,.bog-hero p strong
) {
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
  text-shadow: none !important;
}

html body.page-id-21607.bigstep-graphite-lime-theme .bog-guide :where(
  .bog-ui-prompt-tx,.bog-way-when,.bog-flow i
) {
  color: #a0a8a4 !important;
  -webkit-text-fill-color: #a0a8a4 !important;
}

html body.page-id-21607.bigstep-graphite-lime-theme .bog-guide .bog-ui-tools > i {
  background: #68716e !important;
  box-shadow: none !important;
}

html body.page-id-21607.bigstep-graphite-lime-theme .bog-guide :where(.bog-ui-tool-ai,.bog-ui-prompt-btn) {
  border-color: #c8ff00 !important;
  background: rgba(200,255,0,.12) !important;
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
  box-shadow: none !important;
}

html body.page-id-21607.bigstep-graphite-lime-theme .bog-guide .bog-way-ic svg * {
  stroke: #c8ff00 !important;
}

html body.page-id-21607.bigstep-graphite-lime-theme .bog-guide .bog-ui-canvas svg path:last-child {
  fill: #c8ff00 !important;
}

html body.page-id-21607.bigstep-graphite-lime-theme .bog-guide .bog-cdot {
  background: #c8ff00 !important;
  box-shadow: 0 0 0 4px rgba(200,255,0,.10) !important;
}

html body.page-id-21607.bigstep-graphite-lime-theme .bog-guide :where(
  .bog-btn--primary,.bog-ai-guide-cta__btn--primary
) {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.30),0 0 0 3px rgba(200,255,0,.08) !important;
}

html body.page-id-21607.bigstep-graphite-lime-theme .bog-guide :where(
  .bog-btn--ghost,.bog-ai-guide-cta__btn--ghost
) {
  border-color: #495254 !important;
  background: #171c1d !important;
  background-image: none !important;
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
  box-shadow: none !important;
}

/* Blog: reinforce the same graphite surfaces and lime interaction language. */
html body.blog.bigstep-content-redesign.bigstep-graphite-lime-theme :where(
  .bs-blog-hero,.bs-blog-main,.bs-blog-side,.bs-blog-card,.bs-blog-side-block,.bs-blog-side-cta
) {
  border-color: #30383a !important;
  box-shadow: none !important;
}

html body.blog.bigstep-content-redesign.bigstep-graphite-lime-theme :where(
  .bs-blog-card,.bs-blog-side-block,.bs-blog-side-cta
) {
  background: #111516 !important;
  background-image: none !important;
}

html body.blog.bigstep-content-redesign.bigstep-graphite-lime-theme :where(
  .bs-blog-eyebrow,.bs-blog-card-tag,.bs-blog-card-cta,.bs-blog-card-link,
  .bs-blog-cta-eyebrow,.bs-blog-cats a:hover
) {
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
}

/* Shared arcade token reset: no legacy violet survives in structural UI. */
html body.bigstep-graphite-lime-theme :is(.bcm,.bsc-app,.bsb-app,.bss-app) {
  --panel: #111516;
  --purple: #c8ff00;
  --violet: #d6ff3d;
  --bsc-bg: #080a0b;
  --bsc-card: #111516;
  --bsc-line: #394244;
  --bsc-violet: #c8ff00;
  --bsc-text: #f5f6f1;
  --bsc-muted: #a0a8a4;
  --arcade-bg: #080a0b;
  --arcade-surface: #111516;
  --arcade-surface-deep: #0d1011;
  --arcade-line: #30383a;
  --arcade-line-strong: #495254;
  --arcade-text: #f5f6f1;
  --arcade-muted: #a0a8a4;
  --color-accent: #c8ff00;
  --color-accent-hover: #d6ff3d;
  --color-ambient: rgba(200,255,0,.08);
  --color-noise-grid: rgba(200,255,0,.025);
  background: radial-gradient(circle at 50% 0,rgba(200,255,0,.065),transparent 28%),#080a0b !important;
  color: #f5f6f1 !important;
  font-family: "Plus Jakarta Sans",sans-serif !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme :is(.bcm,.bsc-app,.bsb-app,.bss-app)::before {
  background: radial-gradient(circle at 12% 28%,rgba(200,255,0,.055),transparent 30%),radial-gradient(circle at 88% 40%,rgba(89,99,95,.10),transparent 28%) !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme :is(.bcm,.bsc-app,.bsb-app,.bss-app) :where(
  h1 em,.bsc-page-hero h1 em,.bsc-hero h1 em
) {
  background: linear-gradient(105deg,#c8ff00 0%,#efffb7 52%,#c8ff00 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: none !important;
}

html body.bigstep-graphite-lime-theme :is(.bcm,.bsc-app,.bsb-app,.bss-app) :where(
  .bcm-kicker,.bsc-kicker,.bsc-page-kicker,.bsb-kicker,.bss-kicker
) {
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
}

html body.bigstep-graphite-lime-theme :is(.bcm,.bsc-app,.bsb-app,.bss-app) :where(
  .bcm-console,.bcm-panel,.bcm-levels,.bcm-rewards article,.bcm-rules li,
  .bsc-game-shell,.bsc-panel,.bsc-intro-card,.bsc-level-card,.bsc-modal-card,
  .bsc-catch-tray,.bsc-action-hint,.bsc-side-column > *,
  .bsb-game-shell,.bsb-seo-copy,.bsb-modal > section,
  .bss-game-shell,.bss-seo-copy,.bss-modal > section
) {
  border-color: #30383a !important;
  background: #111516 !important;
  background-image: none !important;
  color: #cbd2ce !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme .bsc-app :where(
  .bsc-canvas-wrap,.bsc-pad,.bsc-hud button,.bsc-view-hint,.bsc-runtime-meta,
  .bsc-badges span,.bsc-tip li,.bsc-rewards article
) {
  border-color: #394244 !important;
  background: #171c1d !important;
  background-image: none !important;
  color: #dce1de !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme .bsc-app .bsc-canvas-wrap::after,
html body.bigstep-graphite-lime-theme .bsc-app .bsc-pad::before,
html body.bigstep-graphite-lime-theme .bsc-app .bsc-pad::after {
  background: rgba(200,255,0,.06) !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme .bsc-app .bsc-pad i {
  border-color: #c8ff00 !important;
  background: rgba(200,255,0,.18) !important;
  box-shadow: 0 0 18px rgba(200,255,0,.26) !important;
}

html body.bigstep-graphite-lime-theme .bsc-app :where(
  .bsc-result-icon,.bsc-grab,.bsc-again:not(:disabled),.bsc-use-voucher,
  .bsc-intro-card > [data-start],.bsc-modal form button,.bsc-code button
) {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.30),0 0 0 3px rgba(200,255,0,.08) !important;
  text-shadow: none !important;
}

html body.bigstep-graphite-lime-theme .bsc-app :where(
  .bsc-intro-card > span,.bsc-modal-card > span,.bsc-tip strong,
  .bsc-level-card > span
) {
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
  border-color: #c8ff00 !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme .bsc-app .bsc-rarity .rare {
  background: #c8ff00 !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme .bsc-app :where(.bsc-level-bar i,.bsc-machine-state) {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme .bcm .bcm-rewards article > i {
  border-color: #394244 !important;
  background: #171c1d !important;
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme :is(.bsb-app,.bss-app) :where(canvas,.bsb-seo-copy,.bss-seo-copy) {
  border-color: #30383a !important;
  background: #0d1011 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme :is(.bsb-app,.bss-app,.bcm,.bsc-app) :where(
  [data-start],[data-play],[data-restart],[data-again],.bsb-shop-link,.bss-shop-link,.bcm-studio-link
) {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.30),0 0 0 3px rgba(200,255,0,.08) !important;
  text-shadow: none !important;
}

html body.bigstep-graphite-lime-theme :is(.bsb-app,.bss-app,.bcm,.bsc-app) .bs-play-mode [data-play-mode] {
  border-color: #394244 !important;
  background: #171c1d !important;
  background-image: none !important;
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme :is(.bsb-app,.bss-app,.bcm,.bsc-app) .bs-play-mode [data-play-mode][aria-pressed="true"] {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
}

html body.page-id-21607.bigstep-graphite-lime-theme .bog-guide :where(
  .bog-ui-sep,.bog-ui-lines i
) {
  background: #394244 !important;
  box-shadow: none !important;
}

html body.page-id-21607.bigstep-graphite-lime-theme .bog-guide :where(
  .bog-ui-total span,.bog-ui-coupon-tx span
) {
  color: #a0a8a4 !important;
  -webkit-text-fill-color: #a0a8a4 !important;
}

html body.page-id-21607.bigstep-graphite-lime-theme .bog-guide :where(
  .bog-ui-price,.bog-ui-total b,.bog-way-when b
) {
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
}

html body.page-id-21607.bigstep-graphite-lime-theme .bog-guide .bog-ui-thumb svg path {
  fill: #68716e !important;
}

html body.bigstep-claw-club-page.bigstep-graphite-lime-theme .bsc-app .bsc-intro-card > [data-turn-time] {
  border-color: rgba(200,255,0,.38) !important;
  background: rgba(200,255,0,.10) !important;
  background-image: none !important;
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
  box-shadow: none !important;
}

/* RC80: site-wide legacy-violet cleanup.
 * This pass is deliberately scoped to structural UI. Brand colors, status
 * colors, user artwork and game canvases keep their original palette. */

/* Playground landing. */
html body.bigstep-playground-landing-page.bigstep-graphite-lime-theme .bspg :is(.bspg-hero h1,.bspg-reward-copy h2) em {
  background: linear-gradient(105deg,#f5f6f1 0 16%,#c8ff00 54%,#efffb7 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: none !important;
}

html body.bigstep-playground-landing-page.bigstep-graphite-lime-theme .bspg :is(
  .bspg-stats > span,.bspg-reward-list > div,.bspg-steps > article
) {
  border-color: #394244 !important;
  background: #171c1d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.bigstep-playground-landing-page.bigstep-graphite-lime-theme .bspg .bspg-hero-art > img {
  border-color: #495254 !important;
  box-shadow: none !important;
}

html body.bigstep-playground-landing-page.bigstep-graphite-lime-theme .bspg .bspg-conversion > div {
  border-color: #394244 !important;
}

html body.bigstep-playground-landing-page.bigstep-graphite-lime-theme .bspg :is(
  .bspg-conversion > div > b,.bspg-steps > article > span,.bspg-card-media > span
) {
  border-color: rgba(200,255,0,.42) !important;
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
  box-shadow: none !important;
}

html body.bigstep-playground-landing-page.bigstep-graphite-lime-theme .bspg .bspg-conversion > a {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.30) !important;
}

html body.bigstep-playground-landing-page.bigstep-graphite-lime-theme .bspg .bspg-reward-list > .is-gold {
  border-color: rgba(200,255,0,.48) !important;
  background: linear-gradient(140deg,rgba(200,255,0,.12),rgba(17,21,22,.98)) !important;
}

html body.bigstep-playground-landing-page.bigstep-graphite-lime-theme .bspg .bspg-seo-copy {
  border-color: #30383a !important;
}

/* Flappy Shirt overlays, milestones and loading states. */
html body.bigstep-arcade-page.bigstep-graphite-lime-theme .bsa-app .bsa-kicker > span {
  background: linear-gradient(90deg,transparent,#c8ff00) !important;
}

html body.bigstep-arcade-page.bigstep-graphite-lime-theme .bsa-app .bsa-hero h1 em {
  background: linear-gradient(105deg,#f5f6f1 0 16%,#c8ff00 54%,#efffb7 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: none !important;
}

html body.bigstep-arcade-page.bigstep-graphite-lime-theme .bsa-app :is(.bsa-overlay,.bsa-countdown) {
  background: radial-gradient(circle at 50% 42%,rgba(200,255,0,.12),rgba(8,10,11,.91) 56%,rgba(5,7,8,.98)) !important;
  background-image: radial-gradient(circle at 50% 42%,rgba(200,255,0,.12),rgba(8,10,11,.91) 56%,rgba(5,7,8,.98)) !important;
}

html body.bigstep-arcade-page.bigstep-graphite-lime-theme .bsa-app .bsa-loading > span {
  border-color: rgba(200,255,0,.16) !important;
  border-top-color: #c8ff00 !important;
  box-shadow: 0 0 30px rgba(200,255,0,.15) !important;
}

html body.bigstep-arcade-page.bigstep-graphite-lime-theme .bsa-app .bsa-countdown strong {
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
  text-shadow: 0 0 46px rgba(200,255,0,.28) !important;
}

html body.bigstep-arcade-page.bigstep-graphite-lime-theme .bsa-app :is(
  .bsa-rewards article > i,.bsa-rules li > b,.bsa-bottom-note > span,.bsa-scroll-hint
) {
  border-color: #495254 !important;
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
  box-shadow: none !important;
}

/* Tarot controls and generated-reading chrome. */
html body.bigstep-tarot-page.bigstep-graphite-lime-theme .bst-app .bst-topics button > b {
  border-color: rgba(200,255,0,.42) !important;
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
  box-shadow: none !important;
}

html body.bigstep-tarot-page.bigstep-graphite-lime-theme .bst-app .bst-runway-glow {
  background: repeating-linear-gradient(90deg,transparent 0 63px,rgba(200,255,0,.025) 64px 65px),linear-gradient(transparent,rgba(200,255,0,.045),transparent) !important;
}

html body.bigstep-tarot-page.bigstep-graphite-lime-theme .bst-app .bst-running-card-inner > small {
  border-color: #596466 !important;
  color: #a0a8a4 !important;
  -webkit-text-fill-color: #a0a8a4 !important;
}

html body.bigstep-tarot-page.bigstep-graphite-lime-theme .bst-app .bst-ai-orbit {
  border-color: rgba(200,255,0,.42) !important;
  background: radial-gradient(circle,rgba(200,255,0,.16),rgba(89,99,95,.08)) !important;
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
  box-shadow: 0 0 22px rgba(200,255,0,.14) !important;
}

html body.bigstep-tarot-page.bigstep-graphite-lime-theme .bst-app .bst-shirt-cta small {
  border-color: #495254 !important;
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
}

/* QR and image-upscaler ambient surfaces. */
html body.page-id-24964.bigstep-graphite-lime-theme .bsqr .bsqr__glow {
  background: radial-gradient(circle,rgba(200,255,0,.10),transparent 68%) !important;
}

html body.page-id-24964.bigstep-graphite-lime-theme .bsqr .bsqr__hero h1 em {
  background: linear-gradient(105deg,#f5f6f1 0 16%,#c8ff00 54%,#efffb7 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: none !important;
}

html body.page-id-23791.bigstep-graphite-lime-theme .bigstep-upscaler .bigstep-upscaler__cta {
  border-color: rgba(200,255,0,.38) !important;
  background: linear-gradient(135deg,#171d1e,#263016) !important;
  background-image: linear-gradient(135deg,#171d1e,#263016) !important;
  box-shadow: none !important;
}

/* Standalone tools, social feed and order tracking. */
html body.page-id-23876.bigstep-graphite-lime-theme .haru-button-wrap > .haru-button--bg-primary,
html body.page-id-55.bigstep-graphite-lime-theme .woocommerce-form-track-order .button {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.28) !important;
}

html body.page-id-17211.bigstep-graphite-lime-theme #sb_instagram .sbi_follow_btn > a {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: none !important;
}

html body.page-id-55.bigstep-graphite-lime-theme .bs-track-aurora .bs-track-orb--2 {
  background: #c8ff00 !important;
  opacity: .12 !important;
  box-shadow: none !important;
}

/* Homepage hidden/async states rendered by Elementor and social counters. */
html body.home.bigstep-graphite-lime-theme .haru-header-button > .haru-button--bg-primary {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: none !important;
}

html body.home.bigstep-graphite-lime-theme :is(.rxsc-live,.tysc-live) {
  background: #c8ff00 !important;
  box-shadow: 0 0 14px rgba(200,255,0,.42) !important;
}

/* RC80.1: the legacy global button reset uses a long :not() chain. Anchor the
 * three remaining actions to their real page containers so graphite/lime wins
 * the cascade without broadening the override. */
html body.page-id-23876.bigstep-graphite-lime-theme #haru-content-main#haru-content-main .haru-button-wrap > .haru-button--bg-primary,
html body.page-id-55.bigstep-graphite-lime-theme #haru-content-main#haru-content-main .woocommerce-form-track-order .button,
html body.home.bigstep-graphite-lime-theme #haru-header#haru-header .haru-header-button > .haru-button--bg-primary,
html body.home.bigstep-graphite-lime-theme #haru-content-main#haru-content-main .haru-header-button > .haru-button--bg-primary {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-color: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.28) !important;
  text-shadow: none !important;
}

/* RC80.2: pseudo-element audit. Decorative layers are easy to miss because
 * their colors are not reported on the owning DOM node. */
html body.bigstep-playground-landing-page.bigstep-graphite-lime-theme .bspg .bspg-hero-art::before {
  background: rgba(200,255,0,.10) !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme :is(.bss-kicker,.bsb-kicker,.bsc-page-kicker)::before,
html body.bigstep-graphite-lime-theme :is(.bss-kicker,.bsb-kicker,.bsc-page-kicker)::after {
  background: linear-gradient(90deg,transparent,#c8ff00) !important;
  box-shadow: none !important;
}

html body.bigstep-claw-club-page.bigstep-graphite-lime-theme .bsc-app .bsc-intro-card::after {
  background: radial-gradient(closest-side,rgba(200,255,0,.13),transparent 72%),radial-gradient(closest-side,rgba(89,99,95,.12),transparent 72%) !important;
  box-shadow: none !important;
}

html body.bigstep-claw-club-page.bigstep-graphite-lime-theme .bsc-app .is-current::after {
  background: #c8ff00 !important;
  box-shadow: none !important;
}

html body.bigstep-tarot-page.bigstep-graphite-lime-theme .bst-app .bst-stars::before {
  background: radial-gradient(circle,rgba(245,246,241,.74) 0 .52px,rgba(200,255,0,.12) .9px,transparent 1.7px),radial-gradient(circle,rgba(200,255,0,.52) 0 .44px,rgba(200,255,0,.08) .82px,transparent 1.75px) !important;
}

html body.bigstep-tarot-page.bigstep-graphite-lime-theme .bst-app .bst-running-card-inner::before {
  border-color: rgba(200,255,0,.14) !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.bigstep-tarot-page.bigstep-graphite-lime-theme .bst-app .bst-running-card-inner::after {
  border-color: rgba(200,255,0,.14) !important;
  background: radial-gradient(circle,rgba(200,255,0,.08),transparent 68%) !important;
  box-shadow: none !important;
}

html body.page-id-23697.bigstep-graphite-lime-theme #haru-content-main#haru-content-main .background-removal-guide .guide-steps li::before {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: none !important;
}

html body.page-id-23697.bigstep-graphite-lime-theme #haru-content-main#haru-content-main .bs-bgrem-guide li > strong::before {
  border-color: #c8ff00 !important;
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
  box-shadow: none !important;
}

html body.page-id-21607.bigstep-graphite-lime-theme .bog-guide .bog-way::before {
  background: linear-gradient(90deg,#c8ff00,#efffb7) !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme .bs-about.bs-about::after,
html body.bigstep-graphite-lime-theme .bs-about.bs-about .bsa-founder::before,
html body.bigstep-graphite-lime-theme .bs-about.bs-about .bsa-cta::before {
  background: radial-gradient(circle,rgba(200,255,0,.10),transparent 70%) !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme .bs-about.bs-about .bsa-founder-quote::before {
  border-color: #c8ff00 !important;
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
  box-shadow: none !important;
}

/* RC80.3: mobile-only game and guide states discovered after switching the
 * real viewport, including overlays that stay hidden on desktop. */
html body.bigstep-claw-club-page.bigstep-graphite-lime-theme .bsc-app .bsc-game-title strong > em,
html body.bigstep-claw-club-page.bigstep-graphite-lime-theme .bsc-app .bsc-intro-card > h2 {
  background: linear-gradient(105deg,#f5f6f1 0 16%,#c8ff00 54%,#efffb7 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: none !important;
}

html body.bigstep-claw-club-page.bigstep-graphite-lime-theme .bsc-app .bsc-intro-steps article > b {
  border-color: rgba(200,255,0,.42) !important;
  background: rgba(200,255,0,.10) !important;
  background-image: none !important;
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
  box-shadow: none !important;
}

html body.bigstep-claw-club-page.bigstep-graphite-lime-theme #haru-content-main#haru-content-main .bsc-app .bsc-modal-card form button {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.28) !important;
}

html body.page-id-21607.bigstep-graphite-lime-theme .bog-guide :is(.bog-ui-act,.grad) {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: none !important;
  filter: none !important;
}

/* RC81: complete the arcade conversion. Snake and Blockstep paint their main
 * consoles on canvas (handled in their game scripts); this block converts the
 * remaining DOM surfaces and Candy Match's independent OKLCH token system. */
html body.bigstep-graphite-lime-theme :is(.bcm,.bsa-app,.bsc-app,.bsb-app,.bss-app) {
  --panel: #111516 !important;
  --purple: #c8ff00 !important;
  --violet: #d6ff3d !important;
  --gold: #c8ff00 !important;
  --text: #f5f6f1 !important;
  --muted: #a0a8a4 !important;
  --color-paper: #0d1011 !important;
  --color-paper-2: #111516 !important;
  --color-paper-3: #171c1d !important;
  --color-ink: #f5f6f1 !important;
  --color-neutral: #cbd2ce !important;
  --color-muted: #a0a8a4 !important;
  --color-rule: #30383a !important;
  --color-accent: #c8ff00 !important;
  --color-accent-hover: #d6ff3d !important;
  --color-accent-ink: #080a0b !important;
  --color-ambient: rgba(200,255,0,.07) !important;
  --color-noise-grid: rgba(200,255,0,.025) !important;
  --color-board-line: rgba(200,255,0,.10) !important;
  --color-modal-bloom: rgba(200,255,0,.10) !important;
  --color-modal-scrim: rgba(13,16,17,.96) !important;
  --color-overlay: rgba(8,10,11,.90) !important;
}

html body.bigstep-candy-match-page.bigstep-graphite-lime-theme .bcm :is(
  .bcm-console,.bcm-panel,.bcm-board-wrap,.bcm-hud > div,.bcm-rewards article,
  .bcm-controls button,.bcm-sound-toggle
) {
  border-color: #30383a !important;
  background: #111516 !important;
  background-image: none !important;
  color: #f5f6f1 !important;
  box-shadow: none !important;
}

html body.bigstep-candy-match-page.bigstep-graphite-lime-theme .bcm canvas {
  border: 1px solid #30383a !important;
  background: radial-gradient(circle at 50% 28%,rgba(200,255,0,.055),transparent 44%),#080a0b !important;
  box-shadow: none !important;
}

html body.bigstep-candy-match-page.bigstep-graphite-lime-theme .bcm :is(.bcm-modal,.bcm-modal.is-map) {
  border-color: #394244 !important;
  background: radial-gradient(circle at 50% 20%,rgba(200,255,0,.10),transparent 48%),rgba(13,16,17,.97) !important;
  background-image: radial-gradient(circle at 50% 20%,rgba(200,255,0,.10),transparent 48%) !important;
  color: #f5f6f1 !important;
  box-shadow: none !important;
}

html body.bigstep-candy-match-page.bigstep-graphite-lime-theme .bcm .bcm-progress > div {
  border-color: #394244 !important;
  background: #080a0b !important;
  box-shadow: none !important;
}

html body.bigstep-candy-match-page.bigstep-graphite-lime-theme .bcm :is(
  .bcm-progress i,.bcm-primary,.bcm-modal-primary,[data-start],[data-restart]
) {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

html body.bigstep-candy-match-page.bigstep-graphite-lime-theme .bcm :is(
  .bcm-kicker,.bcm-panel-title b,.bcm-rules li b,.bcm-rewards article > i
) {
  border-color: #495254 !important;
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
}

html body.bigstep-graphite-lime-theme :is(.bsb-game-shell,.bss-game-shell) {
  border-color: #30383a !important;
  background: #111516 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme :is(.bsb-game-shell,.bss-game-shell) > canvas {
  border-color: #30383a !important;
  background: #080a0b !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme :is(.bsa-app,.bsc-app) :is(
  .bsa-game-card,.bsa-panel,.bsa-modal > section,.bsa-daily-gameover-card,
  .bsc-game-shell,.bsc-panel,.bsc-intro-card,.bsc-modal-card,.bsc-milestones
) {
  border-color: #30383a !important;
  background: #111516 !important;
  background-image: none !important;
  color: #cbd2ce !important;
  box-shadow: none !important;
}

html body.bigstep-graphite-lime-theme :is(.bsa-app,.bsc-app) :is(
  .bsa-overlay,.bsa-countdown,.bsa-result,.bsa-daily-gameover,.bsc-intro
) {
  background: radial-gradient(circle at 50% 40%,rgba(200,255,0,.09),rgba(8,10,11,.94) 58%) !important;
  background-image: radial-gradient(circle at 50% 40%,rgba(200,255,0,.09),rgba(8,10,11,.94) 58%) !important;
}

html body.bigstep-graphite-lime-theme :is(.bsa-app,.bsc-app) :is(
  .bsa-overlay > button,.bsa-result-actions .is-reward,.bsa-modal-primary,
  .bsa-shop-link,.bsc-use-voucher,.bsc-grab,.bsc-again,.bsc-modal-card form button
) {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

/* RC82 — Candy Match control deck, rules and level picker */
html body.bigstep-candy-match-page.bigstep-graphite-lime-theme .bcm .bcm-controls {
  grid-template-columns: minmax(150px,1fr) minmax(130px,.82fr) minmax(150px,1fr) !important;
  gap: 10px !important;
  min-height: 76px !important;
  padding: 12px !important;
  border-top: 1px solid #30383a !important;
  background: #0d1011 !important;
}

html body.bigstep-candy-match-page.bigstep-graphite-lime-theme .bcm .bcm-controls button {
  min-height: 50px !important;
  padding: 10px 14px !important;
  border: 1px solid #394244 !important;
  border-radius: 12px !important;
  background: #171c1d !important;
  background-image: none !important;
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .035em !important;
  box-shadow: none !important;
  transition: border-color .2s ease,background-color .2s ease,color .2s ease,transform .2s ease !important;
}

html body.bigstep-candy-match-page.bigstep-graphite-lime-theme .bcm .bcm-controls button[data-map] {
  border-color: rgba(200,255,0,.5) !important;
  background: rgba(200,255,0,.075) !important;
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
}

html body.bigstep-candy-match-page.bigstep-graphite-lime-theme .bcm .bcm-controls button:is(:hover,:focus-visible) {
  border-color: #c8ff00 !important;
  background: rgba(200,255,0,.12) !important;
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
  transform: translateY(-1px) !important;
}

html body.bigstep-candy-match-page.bigstep-graphite-lime-theme .bcm .bcm-controls > span {
  display: grid !important;
  place-content: center !important;
  min-height: 50px !important;
  padding: 6px 10px !important;
  border: 1px solid #30383a !important;
  border-radius: 12px !important;
  background: #111516 !important;
  color: #c8ff00 !important;
  font-size: 20px !important;
  line-height: 1 !important;
  letter-spacing: 2px !important;
  text-align: center !important;
}

html body.bigstep-candy-match-page.bigstep-graphite-lime-theme .bcm .bcm-controls > span::before {
  content: "ĐỘ KHÓ";
  display: block;
  margin-bottom: 4px;
  color: #8f9995;
  font-size: 8px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .14em;
}

html body.bigstep-candy-match-page.bigstep-graphite-lime-theme .bcm .bcm-rules ul {
  display: grid !important;
  gap: 8px !important;
}

html body.bigstep-candy-match-page.bigstep-graphite-lime-theme .bcm .bcm-rules li {
  display: grid !important;
  grid-template-columns: 34px minmax(0,1fr) !important;
  gap: 10px !important;
  align-items: center !important;
  min-height: 56px !important;
  padding: 9px 10px !important;
  border: 1px solid #30383a !important;
  border-radius: 12px !important;
  background: #171c1d !important;
}

html body.bigstep-candy-match-page.bigstep-graphite-lime-theme .bcm .bcm-rules li b {
  display: grid !important;
  place-items: center !important;
  width: 34px !important;
  height: 34px !important;
  border: 1px solid rgba(200,255,0,.34) !important;
  border-radius: 9px !important;
  background: rgba(200,255,0,.075) !important;
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
  font-size: 10px !important;
}

html body.bigstep-candy-match-page.bigstep-graphite-lime-theme .bcm .bcm-rules li span {
  color: #cbd2ce !important;
  font-size: 11.5px !important;
  line-height: 1.48 !important;
}

html body.bigstep-candy-match-page.bigstep-graphite-lime-theme .bcm .bcm-modal.is-map {
  padding: 24px !important;
  background: rgba(8,10,11,.9) !important;
  backdrop-filter: blur(8px) !important;
}

html body.bigstep-candy-match-page.bigstep-graphite-lime-theme .bcm .bcm-modal.is-map > .bcm-map {
  width: min(100%,520px) !important;
  max-width: 520px !important;
  max-height: min(88vh,680px) !important;
  padding: 22px !important;
  border: 1px solid #394244 !important;
  border-radius: 18px !important;
  background: #111516 !important;
  background-image: none !important;
  box-shadow: 0 24px 80px rgba(0,0,0,.48) !important;
}

html body.bigstep-candy-match-page.bigstep-graphite-lime-theme .bcm .bcm-map-head {
  margin-bottom: 16px !important;
  padding-bottom: 14px !important;
  border-bottom: 1px solid #30383a !important;
}

html body.bigstep-candy-match-page.bigstep-graphite-lime-theme .bcm .bcm-map-head small {
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
}

html body.bigstep-candy-match-page.bigstep-graphite-lime-theme .bcm .bcm-map-head button {
  border-color: #394244 !important;
  background: #171c1d !important;
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
}

html body.bigstep-candy-match-page.bigstep-graphite-lime-theme .bcm .bcm-levels {
  gap: 9px !important;
  padding: 3px 6px 12px 3px !important;
  scrollbar-color: #c8ff00 #171c1d !important;
}

html body.bigstep-candy-match-page.bigstep-graphite-lime-theme .bcm .bcm-modal.is-map .bcm-levels > button {
  min-height: 66px !important;
  border: 1px solid #394244 !important;
  border-radius: 12px !important;
  background: #171c1d !important;
  background-image: none !important;
  color: #cbd2ce !important;
  -webkit-text-fill-color: #cbd2ce !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

html body.bigstep-candy-match-page.bigstep-graphite-lime-theme .bcm .bcm-modal.is-map .bcm-levels > button.current {
  border-color: #c8ff00 !important;
  background: rgba(200,255,0,.12) !important;
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
  box-shadow: inset 0 0 0 1px rgba(200,255,0,.18) !important;
}

html body.bigstep-candy-match-page.bigstep-graphite-lime-theme .bcm .bcm-modal.is-map .bcm-levels > button:disabled {
  border-color: #2b3234 !important;
  background: #0d1011 !important;
  color: #697370 !important;
  -webkit-text-fill-color: #697370 !important;
  opacity: .72 !important;
  filter: none !important;
}

html body.bigstep-candy-match-page.bigstep-graphite-lime-theme .bcm .bcm-modal.is-map .bcm-levels > button:not(:disabled):is(:hover,:focus-visible) {
  border-color: #c8ff00 !important;
  transform: translateY(-1px) !important;
}

@media (max-width: 560px) {
  html body.bigstep-candy-match-page.bigstep-graphite-lime-theme .bcm .bcm-controls {
    grid-template-columns: 1fr 1fr !important;
    grid-template-areas: "map restart" "stars stars" !important;
    gap: 8px !important;
    padding: 10px !important;
  }

  html body.bigstep-candy-match-page.bigstep-graphite-lime-theme .bcm .bcm-controls button[data-map] {
    grid-area: map !important;
  }

  html body.bigstep-candy-match-page.bigstep-graphite-lime-theme .bcm .bcm-controls button[data-restart] {
    grid-area: restart !important;
  }

  html body.bigstep-candy-match-page.bigstep-graphite-lime-theme .bcm .bcm-controls > span {
    grid-area: stars !important;
    min-height: 44px !important;
  }

  html body.bigstep-candy-match-page.bigstep-graphite-lime-theme .bcm .bcm-rules li {
    min-height: 54px !important;
  }

  html body.bigstep-candy-match-page.bigstep-graphite-lime-theme .bcm .bcm-modal.is-map {
    padding: 12px !important;
  }

  html body.bigstep-candy-match-page.bigstep-graphite-lime-theme .bcm .bcm-modal.is-map > .bcm-map {
    padding: 16px !important;
    border-radius: 16px !important;
  }

  html body.bigstep-candy-match-page.bigstep-graphite-lime-theme .bcm .bcm-levels {
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    gap: 7px !important;
  }

  html body.bigstep-candy-match-page.bigstep-graphite-lime-theme .bcm .bcm-modal.is-map .bcm-levels > button {
    min-height: 60px !important;
  }
}

/* RC83 — level picker is portalled directly under body */
html body.bigstep-candy-match-page.bigstep-graphite-lime-theme > .bcm-modal.is-map {
  padding: 24px !important;
  background: rgba(8,10,11,.9) !important;
  background-image: none !important;
  backdrop-filter: blur(8px) !important;
}

html body.bigstep-candy-match-page.bigstep-graphite-lime-theme > .bcm-modal.is-map > .bcm-map {
  width: min(100%,520px) !important;
  max-width: 520px !important;
  max-height: min(88vh,680px) !important;
  padding: 22px !important;
  border: 1px solid #394244 !important;
  border-radius: 18px !important;
  background: #111516 !important;
  background-image: none !important;
  color: #f5f6f1 !important;
  box-shadow: 0 24px 80px rgba(0,0,0,.48) !important;
}

html body.bigstep-candy-match-page.bigstep-graphite-lime-theme > .bcm-modal.is-map .bcm-map-head {
  margin-bottom: 16px !important;
  padding-bottom: 14px !important;
  border-bottom: 1px solid #30383a !important;
}

html body.bigstep-candy-match-page.bigstep-graphite-lime-theme > .bcm-modal.is-map .bcm-map-head small {
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
}

html body.bigstep-candy-match-page.bigstep-graphite-lime-theme > .bcm-modal.is-map .bcm-map-head h2 {
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
}

html body.bigstep-candy-match-page.bigstep-graphite-lime-theme > .bcm-modal.is-map .bcm-map-head button {
  border-color: #394244 !important;
  background: #171c1d !important;
  background-image: none !important;
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
  box-shadow: none !important;
}

html body.bigstep-candy-match-page.bigstep-graphite-lime-theme > .bcm-modal.is-map .bcm-levels {
  gap: 9px !important;
  padding: 3px 6px 12px 3px !important;
  scrollbar-color: #c8ff00 #171c1d !important;
}

html body.bigstep-candy-match-page.bigstep-graphite-lime-theme > .bcm-modal.is-map .bcm-levels > button {
  min-height: 66px !important;
  border: 1px solid #394244 !important;
  border-radius: 12px !important;
  background: #171c1d !important;
  background-image: none !important;
  color: #cbd2ce !important;
  -webkit-text-fill-color: #cbd2ce !important;
  box-shadow: none !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

html body.bigstep-candy-match-page.bigstep-graphite-lime-theme > .bcm-modal.is-map .bcm-levels > button :is(b,small) {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

html body.bigstep-candy-match-page.bigstep-graphite-lime-theme > .bcm-modal.is-map .bcm-levels > button.current {
  border-color: #c8ff00 !important;
  background: rgba(200,255,0,.12) !important;
  background-image: none !important;
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
  box-shadow: inset 0 0 0 1px rgba(200,255,0,.18) !important;
}

html body.bigstep-candy-match-page.bigstep-graphite-lime-theme > .bcm-modal.is-map .bcm-levels > button:disabled {
  border-color: #2b3234 !important;
  background: #0d1011 !important;
  background-image: none !important;
  color: #697370 !important;
  -webkit-text-fill-color: #697370 !important;
  opacity: .72 !important;
  filter: none !important;
}

html body.bigstep-candy-match-page.bigstep-graphite-lime-theme > .bcm-modal.is-map .bcm-levels > button:not(:disabled):is(:hover,:focus-visible) {
  border-color: #c8ff00 !important;
  transform: translateY(-1px) !important;
}

@media (max-width: 560px) {
  html body.bigstep-candy-match-page.bigstep-graphite-lime-theme > .bcm-modal.is-map {
    padding: 12px !important;
  }

  html body.bigstep-candy-match-page.bigstep-graphite-lime-theme > .bcm-modal.is-map > .bcm-map {
    padding: 16px !important;
    border-radius: 16px !important;
  }

  html body.bigstep-candy-match-page.bigstep-graphite-lime-theme > .bcm-modal.is-map .bcm-levels {
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    gap: 7px !important;
  }

  html body.bigstep-candy-match-page.bigstep-graphite-lime-theme > .bcm-modal.is-map .bcm-levels > button {
    min-height: 60px !important;
  }
}

/* RC84 — hero title uses a clearly visible white-only paused sheen. */
@keyframes bs-home-heading-white-sheen {
  0%,20% { background-position: 130% 50%; }
  62%,100% { background-position: -30% 50%; }
}

html body.home.bigstep-graphite-lime-theme .bsl-home #bsl-hero-title.is-light-sweeping [data-bsl-type-segment] {
  color: #d9ded8 !important;
  background-image: linear-gradient(
    106deg,
    #d9ded8 0%,
    #d9ded8 40%,
    #eef1ed 46%,
    #ffffff 49%,
    #ffffff 55%,
    #eef1ed 58%,
    #d9ded8 64%,
    #d9ded8 100%
  ) !important;
  background-size: 250% 100% !important;
  background-position: 125% 50%;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: bs-home-heading-white-sheen 4.8s cubic-bezier(.42,0,.2,1) infinite !important;
  filter: none !important;
  will-change: background-position !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home #bsl-hero-title.is-light-sweeping em[data-bsl-type-segment] {
  color: #c8ff00 !important;
  background-image: linear-gradient(
    106deg,
    #c8ff00 0%,
    #c8ff00 40%,
    #eef1ed 46%,
    #ffffff 49%,
    #ffffff 55%,
    #eef1ed 58%,
    #c8ff00 64%,
    #c8ff00 100%
  ) !important;
}

@media (max-width: 640px) {
  html body.home.bigstep-graphite-lime-theme .bsl-home #bsl-hero-title.is-light-sweeping [data-bsl-type-segment] {
    animation-duration: 6.2s !important;
  }
}

/* RC86 — remove the legacy light-paper slab from the blog wrapper. */
html body.blog.bigstep-content-redesign.bigstep-graphite-lime-theme .bigstep-blog {
  background: #080a0b !important;
  background-color: #080a0b !important;
  background-image: none !important;
  color: #cbd2ce !important;
}

html body.blog.bigstep-content-redesign.bigstep-graphite-lime-theme .bigstep-blog .bs-blog-aurora,
html body.blog.bigstep-content-redesign.bigstep-graphite-lime-theme .bigstep-blog .bs-blog-layout {
  background: #080a0b !important;
  background-color: #080a0b !important;
  background-image: none !important;
}

/* RC87 Studio image panel: keep the action icons white and neutral in the
   graphite-lime palette. */
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-image-mode-tabs > button:is(
  [data-image-redesign-cta],
  [data-image-remix-cta],
  [data-image-edit-view="quick"]
) > svg {
  color: #f7faf5 !important;
  -webkit-text-fill-color: #f7faf5 !important;
  fill: #f7faf5 !important;
  stroke: #f7faf5 !important;
  background: rgba(247,250,245,.08) !important;
  border: 1px solid rgba(247,250,245,.16) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-image-mode-tabs > button:is(
  [data-image-redesign-cta],
  [data-image-remix-cta],
  [data-image-edit-view="quick"]
) > svg :where(path,circle,rect,line,polyline,polygon) {
  fill: #f7faf5 !important;
  stroke: #f7faf5 !important;
}

/* RC88 Studio text panel: restore alignment controls that the legacy
   warp/clip mode hides, leaving a blank row in the popup. */
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app [data-text-popup].bigstep-ai-text-bar.is-warp-clip-mode .bigstep-ai-text-bar-group:has([data-text-align]) {
  display: grid !important;
  grid-template-columns: repeat(6,minmax(0,1fr)) !important;
  gap: 6px !important;
  min-height: 34px !important;
  padding: 4px !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app [data-text-popup].bigstep-ai-text-bar.is-warp-clip-mode [data-text-align] {
  display: inline-grid !important;
  place-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 30px !important;
  min-height: 30px !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app [data-text-popup].bigstep-ai-text-bar.is-warp-clip-mode [data-text-align] :where(svg,path,rect,line,polyline,polygon) {
  color: currentColor !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* RC89 Footer readability: lift footer copy one step without changing layout. */
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer :where(.haru-heading-title,h2,h3,h4) {
  font-size: 15px !important;
  line-height: 1.35 !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer :where(p,li,a,span:not(.haru-social__icon),strong) {
  font-size: 14px !important;
  line-height: 1.65 !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .elementor-element-251d364 .haru-heading-title {
  font-size: 12px !important;
  line-height: 1.45 !important;
}

@media (max-width: 767px) {
  html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer :where(p,li,a,span:not(.haru-social__icon),strong) {
    font-size: 14px !important;
    line-height: 1.6 !important;
  }
}

/* RC90 Studio active-state clarity and lime shape defaults. */
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth.bigstep-native-photobooth .bigstep-native-photobooth__steps span {
  color: #8d9993 !important;
  -webkit-text-fill-color: #8d9993 !important;
  opacity: .78 !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth.bigstep-native-photobooth .bigstep-native-photobooth__steps span.is-active {
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
  opacity: 1 !important;
  text-shadow: 0 0 14px rgba(200,255,0,.24) !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth.bigstep-native-photobooth .bigstep-native-photobooth__steps span.is-active i {
  width: 28px !important;
  height: 28px !important;
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: 0 0 0 4px rgba(200,255,0,.14),0 10px 22px rgba(0,0,0,.24) !important;
  transform: translateY(-1px) scale(1.06) !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-native-photobooth.bigstep-native-photobooth .bigstep-native-photobooth__steps span.is-done:not(.is-active) i {
  border-color: rgba(200,255,0,.46) !important;
  background: rgba(200,255,0,.12) !important;
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-tool-grid--menu .bigstep-ai-tool.is-active {
  border-color: #c8ff00 !important;
  background: rgba(200,255,0,.11) !important;
  background-image: none !important;
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
  box-shadow: 0 0 0 1px rgba(200,255,0,.20) !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-tool-grid--menu .bigstep-ai-tool.is-active :where(svg,path,rect,circle,polygon) {
  color: #c8ff00 !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app [data-tool-panel]:not([hidden]) {
  border-left-color: #30383a !important;
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app input[type="color"][data-shape-fill] {
  border-color: rgba(200,255,0,.58) !important;
}

@media (max-width: 767px) {
  html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app .bigstep-ai-tool-grid--menu .bigstep-ai-tool.is-active {
    box-shadow: 0 0 0 1px rgba(200,255,0,.20) !important;
  }

  html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app [data-tool-panel]:not([hidden]) {
    border-left-color: #30383a !important;
    box-shadow: none !important;
  }
}

/* RC91 Footer copyright rail: modern split credit. */
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .elementor-element-251d364 .haru-heading-title {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  width: min(100% - 48px, 1400px) !important;
  margin-inline: auto !important;
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  letter-spacing: .01em !important;
  text-align: left !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .elementor-element-251d364 .haru-heading-title::after {
  content: "Designed by KENBIGSTEP" !important;
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  white-space: nowrap !important;
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
}

@media (max-width: 767px) {
  html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .elementor-element-251d364 .haru-heading-title {
    flex-direction: column !important;
    justify-content: center !important;
    gap: 4px !important;
    width: calc(100% - 28px) !important;
    text-align: center !important;
    font-size: 12px !important;
  }

  html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .elementor-element-251d364 .haru-heading-title::after {
    font-size: 12px !important;
  }
}

/* RC92 Elements panel: make the active decoration submenu obvious. */
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app [data-tool-panel="elements"] .bigstep-ai-element-menu button {
  position: relative !important;
  border-color: #30383a !important;
  background: #171c1d !important;
  background-image: none !important;
  color: #b8c2bd !important;
  -webkit-text-fill-color: #b8c2bd !important;
  box-shadow: none !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app [data-tool-panel="elements"] .bigstep-ai-element-menu button.is-active {
  border-color: #c8ff00 !important;
  background: rgba(200,255,0,.13) !important;
  background-image: linear-gradient(135deg,rgba(200,255,0,.18),rgba(200,255,0,.06)) !important;
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
  box-shadow: inset 0 0 0 1px rgba(200,255,0,.18),0 10px 22px rgba(0,0,0,.22) !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app [data-tool-panel="elements"] .bigstep-ai-element-menu button.is-active::after {
  content: "" !important;
  position: absolute !important;
  right: 10px !important;
  bottom: 8px !important;
  left: 10px !important;
  height: 2px !important;
  border-radius: 99px !important;
  background: #c8ff00 !important;
  box-shadow: 0 0 12px rgba(200,255,0,.32) !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app [data-tool-panel="elements"] .bigstep-ai-element-menu button.is-active :where(svg,path,rect,circle,polygon),
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-app.bigstep-ai-app [data-tool-panel="elements"] .bigstep-ai-element-menu button.is-active span {
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
  stroke: currentColor !important;
  fill: none !important;
}

/* RC93 Studio size-guide close button: center the glyph independent of font metrics. */
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-size-guide-modal [data-size-guide-close] {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  flex: 0 0 34px !important;
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 11px !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-indent: -999px !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-size-guide-modal [data-size-guide-close]::before,
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-size-guide-modal [data-size-guide-close]::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 13px !important;
  height: 2px !important;
  border-radius: 99px !important;
  background: currentColor !important;
  transform: translate(-50%,-50%) rotate(45deg) !important;
  transform-origin: center !important;
}

html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme .bigstep-ai-size-guide-modal [data-size-guide-close]::after {
  transform: translate(-50%,-50%) rotate(-45deg) !important;
}

/* RC85 — keep glyphs solid while a neutral-white band moves above them. */
html body.home.bigstep-graphite-lime-theme .bsl-home #bsl-hero-title.is-light-sweeping [data-bsl-type-segment] {
  background-color: #d9ded8 !important;
  background-image: linear-gradient(
    106deg,
    transparent 0%,
    transparent 40%,
    rgba(255,255,255,.28) 45%,
    #ffffff 49%,
    #ffffff 55%,
    rgba(255,255,255,.28) 60%,
    transparent 65%,
    transparent 100%
  ) !important;
  background-repeat: no-repeat !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home #bsl-hero-title.is-light-sweeping em[data-bsl-type-segment] {
  background-color: #c8ff00 !important;
  background-image: linear-gradient(
    106deg,
    transparent 0%,
    transparent 40%,
    rgba(255,255,255,.28) 45%,
    #ffffff 49%,
    #ffffff 55%,
    rgba(255,255,255,.28) 60%,
    transparent 65%,
    transparent 100%
  ) !important;
}

/* RC94 Footer copyright rail: lock both credits to the real footer content width. */
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .elementor-element-251d364 {
  width: 100% !important;
  max-width: none !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .elementor-element-251d364 .elementor-widget-container {
  display: block !important;
  width: min(calc(100% - 64px), 1400px) !important;
  max-width: 1400px !important;
  margin-inline: auto !important;
  box-sizing: border-box !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .elementor-element-251d364 .haru-heading-title {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 24px !important;
  text-align: left !important;
  box-sizing: border-box !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .elementor-element-251d364 .haru-heading-title::after {
  margin-left: auto !important;
  text-align: right !important;
  white-space: nowrap !important;
}

@media (max-width: 767px) {
  html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .elementor-element-251d364 .elementor-widget-container {
    width: calc(100% - 32px) !important;
    max-width: 100% !important;
  }

  html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .elementor-element-251d364 .haru-heading-title {
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 7px !important;
    text-align: center !important;
  }

  html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .elementor-element-251d364 .haru-heading-title::after {
    margin-left: 0 !important;
    text-align: center !important;
  }
}

/* RC95 Footer copyright rail: anchor Designed credit by its right edge. */
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .elementor-element-251d364 .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .elementor-element-251d364 .haru-heading-title {
  position: relative !important;
  display: block !important;
  min-height: 20px !important;
  padding-right: 245px !important;
  overflow: visible !important;
  white-space: nowrap !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .elementor-element-251d364 .haru-heading-title::after {
  position: absolute !important;
  top: 50% !important;
  right: 0 !important;
  left: auto !important;
  display: block !important;
  width: max-content !important;
  max-width: none !important;
  margin: 0 !important;
  text-align: right !important;
  transform: translateY(-50%) !important;
}

@media (max-width: 767px) {
  html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .elementor-element-251d364 .elementor-widget-container {
    width: 100% !important;
  }

  html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .elementor-element-251d364 .haru-heading-title {
    display: block !important;
    min-height: 0 !important;
    padding-right: 0 !important;
    white-space: normal !important;
    text-align: center !important;
  }

  html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .elementor-element-251d364 .haru-heading-title::after {
    position: static !important;
    display: block !important;
    width: auto !important;
    margin-top: 7px !important;
    text-align: center !important;
    transform: none !important;
  }
}

/* RC96 Footer copyright credit: override legacy underline pseudo styles. */
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .elementor-element-251d364 .haru-heading-title::after {
  content: "Designed by KENBIGSTEP" !important;
  height: auto !important;
  min-height: 0 !important;
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

@media (max-width: 767px) {
  html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .elementor-element-251d364 .haru-heading-title::after {
    font-size: 12px !important;
  }
}

/* RC97 Footer copyright: use a real Facebook link for the design credit. */
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .elementor-element-251d364 .haru-heading-title {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 20px !important;
  padding-right: 0 !important;
  white-space: normal !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .elementor-element-251d364 .haru-heading-title::after {
  content: none !important;
  display: none !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .elementor-element-251d364 .bigstep-footer-copy-main {
  display: inline-flex !important;
  align-items: center !important;
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  line-height: 1.45 !important;
  white-space: nowrap !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .elementor-element-251d364 .bigstep-footer-credit {
  display: inline-flex !important;
  align-items: center !important;
  margin-left: auto !important;
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .elementor-element-251d364 .bigstep-footer-credit:is(:hover,:focus-visible) {
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
}

@media (max-width: 767px) {
  html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .elementor-element-251d364 .haru-heading-title {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 7px !important;
    text-align: center !important;
  }

  html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .elementor-element-251d364 .bigstep-footer-copy-main,
  html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-footer#haru-footer .elementor-element-251d364 .bigstep-footer-credit {
    margin-left: 0 !important;
    font-size: 12px !important;
    text-align: center !important;
  }
}
/* RC100 Homepage navigation: instant language/CTA feedback. */
.bsl-navigation-loading {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 14px;
  background: rgba(6, 10, 8, .88);
  color: #f5f6f1;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .14s ease, visibility .14s ease;
  backdrop-filter: blur(6px);
}

.bsl-navigation-loading.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.bsl-navigation-loading__spinner {
  width: 38px;
  height: 38px;
  border: 3px solid rgba(200, 255, 0, .18);
  border-top-color: #c8ff00;
  border-radius: 50%;
  animation: bsl-navigation-spin .7s linear infinite;
  box-shadow: 0 0 22px rgba(200, 255, 0, .13);
}

.bsl-navigation-loading strong {
  color: #f5f6f1;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.bigstep-lang-switcher a,
.bsl-button--primary {
  touch-action: manipulation;
}

.bsl-button--primary.is-navigating {
  pointer-events: none;
  filter: brightness(.9);
}

@keyframes bsl-navigation-spin { to { transform: rotate(360deg); } }

/* Homepage language escape hatch: the server-rendered switcher must remain
 * visible before deferred i18n JS runs. Previously it inherited normal block
 * flow and landed after the footer, trapping English users without a VI link. */
html body.home.bigstep-graphite-lime-theme > .bigstep-lang-switcher:not(.bigstep-lang-switcher--in-header) {
	position: fixed !important;
	left: 18px !important;
	right: auto !important;
	top: auto !important;
	bottom: 18px !important;
	z-index: 99998 !important;
	display: flex !important;
	width: auto !important;
	height: auto !important;
	gap: 4px !important;
	padding: 4px !important;
	border: 1px solid #4a5557 !important;
	border-radius: 999px !important;
	background: #111516 !important;
	box-shadow: 0 12px 30px rgba(0,0,0,.34) !important;
}

html body.home.bigstep-graphite-lime-theme > .bigstep-lang-switcher:not(.bigstep-lang-switcher--in-header) > a {
	display: grid !important;
	place-items: center !important;
	min-width: 38px !important;
	height: 30px !important;
	padding: 0 7px !important;
	border-radius: 999px !important;
	color: #e8ede9 !important;
	font-size: 12px !important;
	font-weight: 850 !important;
	line-height: 1 !important;
	text-decoration: none !important;
}

html body.home.bigstep-graphite-lime-theme > .bigstep-lang-switcher:not(.bigstep-lang-switcher--in-header) > a.is-active {
	background: #c8ff00 !important;
	color: #080a0b !important;
}

@media (max-width: 767px) {
	html body.home.bigstep-graphite-lime-theme > .bigstep-lang-switcher:not(.bigstep-lang-switcher--in-header) {
		/* The language control is header-only on mobile. The i18n script moves it
		 * once Elementor has mounted; never expose a bottom-corner fallback. */
		visibility: hidden !important;
		pointer-events: none !important;
	}
}

/* 404 Graphite Lime cascade lock. General content rules used to recolor the
 * custom template's title and buttons after its inline styles. */
html body.error404.bigstep-graphite-lime-theme #haru-main#haru-main .bigstep-404 {
	background-color: #080a0b !important;
	color: #f5f6f1 !important;
}
html body.error404.bigstep-graphite-lime-theme #haru-main#haru-main .bigstep-404__eyebrow,
html body.error404.bigstep-graphite-lime-theme #haru-main#haru-main .bigstep-404__links a {
	color: #c8ff00 !important;
}
html body.error404.bigstep-graphite-lime-theme #haru-main#haru-main .bigstep-404__title {
	color: #f5f6f1 !important;
	-webkit-text-fill-color: #f5f6f1 !important;
}
html body.error404.bigstep-graphite-lime-theme #haru-main#haru-main .bigstep-404__sub,
html body.error404.bigstep-graphite-lime-theme #haru-main#haru-main .bigstep-404__links {
	color: #aeb7b2 !important;
}
html body.error404.bigstep-graphite-lime-theme #haru-main#haru-main .bigstep-404__btn--primary {
	border-color: #c8ff00 !important;
	background: #c8ff00 !important;
	color: #080a0b !important;
	-webkit-text-fill-color: #080a0b !important;
}
html body.error404.bigstep-graphite-lime-theme #haru-main#haru-main .bigstep-404__btn--ghost {
	border-color: #394244 !important;
	background: #111516 !important;
	color: #e8ede9 !important;
	-webkit-text-fill-color: #e8ede9 !important;
}
/* RC101 Blog archive: balanced graphite background on wide screens. */
html body.blog.bigstep-content-redesign.bigstep-graphite-lime-theme #haru-content-main#haru-content-main {
  background-color: #080a0b !important;
  background-image:
    radial-gradient(ellipse 44% 20% at 50% 2%, rgba(200, 255, 0, .032), transparent 72%),
    linear-gradient(#080a0b, #080a0b) !important;
  background-repeat: no-repeat !important;
}

html body.blog.bigstep-content-redesign.bigstep-graphite-lime-theme .bigstep-blog {
  background: transparent !important;
}
/* RC102 Single post social share: visible graphite-lime controls. */
html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme .haru-social-share__wrap {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-top: 22px !important;
  padding-top: 16px !important;
  border-top: 1px solid rgba(200, 255, 0, .18) !important;
}

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme .haru-social-share__label {
  margin: 0 !important;
  color: #aeb5b2 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme .haru-social-share__list {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme .haru-social-share__list li {
  margin: 0 !important;
  padding: 0 !important;
}

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme .haru-social-share__list a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  border: 1px solid rgba(200, 255, 0, .30) !important;
  border-radius: 50% !important;
  background: #151a19 !important;
  color: #f5f6f1 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: color .18s ease, background-color .18s ease, border-color .18s ease, transform .18s ease !important;
}

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme .haru-social-share__list a::before {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
  font-size: 16px !important;
  line-height: 1 !important;
}

html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme .haru-social-share__list a:is(:hover, :focus-visible) {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  color: #080a0b !important;
  transform: translateY(-2px) !important;
  outline: none !important;
}

/* RC103 — Customize catalog: clean ZaloPay promo + graphite/lime product specs. */
html body.tax-product_cat.term-san-pham-customize.bigstep-graphite-lime-theme .archive-sidebar #block-13.widget_media_image {
  margin: 0 0 18px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body.tax-product_cat.term-san-pham-customize.bigstep-graphite-lime-theme .archive-sidebar #block-13 :where(figure,.wp-block-image) {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.tax-product_cat.term-san-pham-customize.bigstep-graphite-lime-theme .archive-sidebar #block-13 img {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.tax-product_cat.term-san-pham-customize.bigstep-graphite-lime-theme .products .bigstep-archive-specs {
  gap: 6px !important;
  padding-top: 2px !important;
}

html body.tax-product_cat.term-san-pham-customize.bigstep-graphite-lime-theme .products .bigstep-archive-chip,
html body.tax-product_cat.term-san-pham-customize.bigstep-graphite-lime-theme .products .bigstep-archive-warehouse summary {
  min-height: 38px !important;
  padding: 8px 10px !important;
  border: 1px solid rgba(200,255,0,.28) !important;
  border-radius: 9px !important;
  background: linear-gradient(135deg, rgba(200,255,0,.09), rgba(21,26,25,.96) 58%) !important;
  color: #f5f6f1 !important;
  box-shadow: none !important;
}

html body.tax-product_cat.term-san-pham-customize.bigstep-graphite-lime-theme .products .bigstep-archive-chip small,
html body.tax-product_cat.term-san-pham-customize.bigstep-graphite-lime-theme .products .bigstep-archive-warehouse summary small {
  color: #c8ff00 !important;
  opacity: 1 !important;
  letter-spacing: .055em !important;
}

html body.tax-product_cat.term-san-pham-customize.bigstep-graphite-lime-theme .products .bigstep-archive-chip strong,
html body.tax-product_cat.term-san-pham-customize.bigstep-graphite-lime-theme .products .bigstep-archive-warehouse summary strong {
  color: #f5f6f1 !important;
  text-shadow: none !important;
}

html body.tax-product_cat.term-san-pham-customize.bigstep-graphite-lime-theme .products .bigstep-archive-warehouse summary {
  list-style: none !important;
}

html body.tax-product_cat.term-san-pham-customize.bigstep-graphite-lime-theme .products .bigstep-archive-warehouse summary::-webkit-details-marker {
  display: none !important;
}

html body.tax-product_cat.term-san-pham-customize.bigstep-graphite-lime-theme .products .bigstep-archive-warehouse summary::after {
  color: #c8ff00 !important;
  text-shadow: none !important;
}

html body.tax-product_cat.term-san-pham-customize.bigstep-graphite-lime-theme .products .bigstep-archive-warehouse__popover {
  border: 1px solid rgba(200,255,0,.30) !important;
  background: #151a19 !important;
  color: #f5f6f1 !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.38) !important;
}
/* 2026-08-13 — customize archive final lock (loaded after legacy archive CSS). */
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .products .product-item .bigstep-archive-specs {
  border-color: #30383a !important;
  background: #111516 !important;
  background-image: none !important;
  box-shadow: none !important;
}
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .products .product-item .bigstep-archive-chip,
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .products .product-item .bigstep-archive-warehouse summary {
  border-color: #3b4647 !important;
  background: #171c1d !important;
  background-image: none !important;
  color: #f5f6f1 !important;
  box-shadow: none !important;
}
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .products .product-item .bigstep-archive-warehouse {
  border-left-color: #30383a !important;
}
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .products .product-item .bigstep-archive-chip strong,
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .products .product-item .bigstep-archive-warehouse strong,
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .products .product-item .bigstep-archive-warehouse summary::after {
  color: #c8ff00 !important;
}
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .widget_media_image {
  overflow: visible !important;
}
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .widget_media_image img[src*="zalopay"] {
  width: 112% !important;
  max-width: none !important;
  margin-left: -6% !important;
}
html body.tax-product_cat.term-san-pham-customize.bigstep-graphite-lime-theme .archive-sidebar #block-13 img[src*="zalopay"] {
  display: block !important;
  width: 112% !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 0 0 -6% !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* 2026-08-13 — phone-width archive repair.
   Late legacy rules forced two columns back on after the <=480px layout had
   deliberately switched to one, leaving cards, badges and the toolbar crushed. */
@media (max-width: 520px) {
  html body.tax-product_cat.term-san-pham-customize.bigstep-graphite-lime-theme {
    overflow-x: hidden !important;
  }

  html body.tax-product_cat.term-san-pham-customize.bigstep-graphite-lime-theme .haru-archive-product > .h-row,
  html body.tax-product_cat.term-san-pham-customize.bigstep-graphite-lime-theme .archive-content.has-left-sidebar,
  html body.tax-product_cat.term-san-pham-customize.bigstep-graphite-lime-theme .archive-product.products,
  html body.tax-product_cat.term-san-pham-customize.bigstep-graphite-lime-theme .archive-product.products > .products {
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    box-sizing: border-box !important;
  }

  html body.tax-product_cat.term-san-pham-customize.bigstep-graphite-lime-theme .haru-archive-product > .h-row {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }

  html body.tax-product_cat.term-san-pham-customize.bigstep-graphite-lime-theme .archive-sidebar.left-sidebar {
    display: none !important;
  }

  html body.tax-product_cat.term-san-pham-customize.bigstep-graphite-lime-theme main .products.layout-grid.grid-columns--mobile2,
  html body.tax-product_cat.term-san-pham-customize.bigstep-graphite-lime-theme .archive-product.products > .products {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 16px !important;
  }

  html body.tax-product_cat.term-san-pham-customize.bigstep-graphite-lime-theme main .products.layout-grid.grid-columns--mobile2 > .product-item {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  html body.tax-product_cat.term-san-pham-customize.bigstep-graphite-lime-theme .shop-filter,
  html body.tax-product_cat.term-san-pham-customize.bigstep-graphite-lime-theme .shop-filter__catalog {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    gap: 8px !important;
    box-sizing: border-box !important;
  }

  html body.tax-product_cat.term-san-pham-customize.bigstep-graphite-lime-theme .woocommerce-ordering,
  html body.tax-product_cat.term-san-pham-customize.bigstep-graphite-lime-theme .woocommerce-ordering .orderby {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  html body.tax-product_cat.term-san-pham-customize.bigstep-graphite-lime-theme .product-info {
    padding: 14px 13px 16px !important;
  }

  html body.tax-product_cat.term-san-pham-customize.bigstep-graphite-lime-theme .woocommerce-loop-product__title {
    min-height: 0 !important;
    font-size: 16px !important;
    -webkit-line-clamp: 2 !important;
  }

  html body.tax-product_cat.term-san-pham-customize.bigstep-graphite-lime-theme .bigstep-archive-specs {
    grid-template-columns: minmax(0, 1fr) minmax(118px, auto) !important;
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* Final editorial badge lock — stays after legacy blog rules. */
html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme #haru-content-main#haru-content-main .post-meta-info .post-category-wrap a,
html body.blog.bigstep-content-redesign.bigstep-graphite-lime-theme .bs-blog-side .bs-blog-cats em,
html body.archive.bigstep-content-redesign.bigstep-graphite-lime-theme .bs-blog-side .bs-blog-cats em {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 34px !important;
  min-height: 30px !important;
  padding: 5px 10px !important;
  border: 1px solid #d7ff45 !important;
  border-radius: 999px !important;
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
  box-shadow: 0 0 0 3px rgba(200,255,0,.10),0 8px 20px rgba(200,255,0,.16) !important;
  opacity: 1 !important;
}
html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme #haru-content-main#haru-content-main .post-meta-info .post-category-wrap a {
  padding-right: 13px !important;
  padding-left: 13px !important;
}
html body.single-post.bigstep-content-redesign.bigstep-graphite-lime-theme #haru-content-main#haru-content-main .post-meta-info .post-category-wrap a:is(:hover,:focus-visible),
html body.blog.bigstep-content-redesign.bigstep-graphite-lime-theme .bs-blog-side .bs-blog-cats a:is(:hover,:focus-visible) em,
html body.archive.bigstep-content-redesign.bigstep-graphite-lime-theme .bs-blog-side .bs-blog-cats a:is(:hover,:focus-visible) em {
  border-color: #efffb3 !important;
  background: #d7ff45 !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: 0 0 0 4px rgba(200,255,0,.14),0 10px 24px rgba(200,255,0,.20) !important;
}

/* 2026-08-13 structural correction — align breadcrumb, split sidebar into cards. */
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .haru-page-title.full-width {
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  max-width: none !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  transform: none !important;
}
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .haru-page-title__content,
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .haru-page-title__breadcrumbs {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding-right: 24px !important;
  padding-left: 24px !important;
  box-sizing: border-box !important;
}
html body.tax-product_cat.term-san-pham-customize.bigstep-graphite-lime-theme .archive-sidebar.left-sidebar {
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html body.tax-product_cat.term-san-pham-customize.bigstep-graphite-lime-theme .archive-sidebar.left-sidebar > .widget:not(#block-13) {
  margin: 0 0 14px !important;
  padding: 16px !important;
  border: 1px solid #30383a !important;
  border-radius: 14px !important;
  background: #111516 !important;
  box-shadow: none !important;
}
html body.tax-product_cat.term-san-pham-customize.bigstep-graphite-lime-theme .archive-sidebar.left-sidebar > #block-13.widget_media_image {
  margin: 0 0 16px !important;
  padding: 8px !important;
  border: 1px solid #465153 !important;
  border-radius: 14px !important;
  background: #0b0e0f !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.22) !important;
}
@media (max-width: 767px) {
  html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .haru-page-title__content,
  html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .haru-page-title__breadcrumbs {
    padding-right: 14px !important;
    padding-left: 14px !important;
  }
}

/* 2026-08-13 correction — one border per archive badge; standalone ZaloPay card. */
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .products .product-item .bigstep-archive-specs {
  gap: 6px !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .products .product-item .bigstep-archive-chip,
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .products .product-item .bigstep-archive-warehouse summary {
  min-height: 38px !important;
  border: 1px solid #3b4647 !important;
  border-radius: 9px !important;
  background: #171c1d !important;
  background-image: none !important;
  box-shadow: none !important;
}
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .products .product-item .bigstep-archive-warehouse {
  border: 0 !important;
}
html body.tax-product_cat.term-san-pham-customize.bigstep-graphite-lime-theme .archive-sidebar #block-13.widget_media_image {
  width: 100% !important;
  margin: 0 0 24px !important;
  padding: 8px !important;
  overflow: hidden !important;
  border: 1px solid #3b4647 !important;
  border-radius: 14px !important;
  background: #111516 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}
html body.tax-product_cat.term-san-pham-customize.bigstep-graphite-lime-theme .archive-sidebar #block-13 .wp-block-image {
  width: 100% !important;
  margin: 0 !important;
}
html body.tax-product_cat.term-san-pham-customize.bigstep-graphite-lime-theme .archive-sidebar #block-13 img[src*="zalopay"] {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  object-fit: contain !important;
}
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .haru-page-title,
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .haru-page-title__content,
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .haru-page-title__breadcrumbs {
  border-bottom: 0 !important;
  box-shadow: none !important;
}
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .haru-page-title::before,
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .haru-page-title::after,
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .haru-page-title__content::before,
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .haru-page-title__content::after,
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .haru-page-title__breadcrumbs::before,
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .haru-page-title__breadcrumbs::after {
  content: none !important;
  display: none !important;
}

/* Final cascade: restrained graphite/lime breadcrumb DNA. */
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .haru-page-title .haru-breadcrumb.haru-breadcrumb {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  width: auto !important;
  min-height: 40px !important;
  padding: 0 13px !important;
  border: 1px solid #30383a !important;
  border-radius: 10px !important;
  background: #111516 !important;
  background-image: none !important;
  box-shadow: none !important;
}
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .haru-page-title .haru-breadcrumb.haru-breadcrumb > span.current,
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .haru-page-title .haru-breadcrumb.haru-breadcrumb > span.current:last-child,
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .haru-page-title .haru-breadcrumb.haru-breadcrumb > span.current:first-child {
  display: inline !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .haru-page-title .haru-breadcrumb.haru-breadcrumb > span.current:first-child,
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .haru-page-title .haru-breadcrumb.haru-breadcrumb > span.current:first-child a {
  color: #929c98 !important;
  font-weight: 600 !important;
}
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .haru-page-title .haru-breadcrumb.haru-breadcrumb > span.current:last-child {
  color: #f2f5ef !important;
  font-weight: 700 !important;
}
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .haru-page-title .haru-breadcrumb.haru-breadcrumb > .delimiter {
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  background: transparent !important;
  color: #c8ff00 !important;
}
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .haru-page-title .haru-breadcrumb.haru-breadcrumb > .delimiter::before {
  content: "›" !important;
  display: inline !important;
  color: #c8ff00 !important;
  font: 700 15px/1 sans-serif !important;
  opacity: .72 !important;
}

html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-page-title .haru-page-title__content .haru-page-title__breadcrumbs .haru-breadcrumb.haru-breadcrumb {
  display: inline-flex !important;
  gap: 9px !important;
  width: auto !important;
  min-height: 40px !important;
  padding: 0 13px !important;
  border: 1px solid #30383a !important;
  border-radius: 10px !important;
  background: #111516 !important;
  background-image: none !important;
  box-shadow: none !important;
}
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-page-title .haru-breadcrumb.haru-breadcrumb > span.current,
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-page-title .haru-breadcrumb.haru-breadcrumb > span.current:last-child {
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-page-title .haru-breadcrumb.haru-breadcrumb > span.current:last-child {
  color: #f2f5ef !important;
  font-weight: 700 !important;
}
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-page-title .haru-breadcrumb.haru-breadcrumb > .delimiter,
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main #haru-content-main#haru-content-main .haru-page-title .haru-breadcrumb.haru-breadcrumb > .delimiter::before {
  color: #c8ff00 !important;
}

/* Archive specs: square technical cells that never overflow product cards. */
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .products .product-item .bigstep-archive-specs {
  display: grid !important;
  grid-template-columns: minmax(0,1.25fr) minmax(0,1fr) !important;
  gap: 5px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .products .product-item .bigstep-archive-chip,
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .products .product-item .bigstep-archive-warehouse,
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .products .product-item .bigstep-archive-warehouse summary {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  border-radius: 0 !important;
  box-sizing: border-box !important;
}
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .products .product-item .bigstep-archive-chip,
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .products .product-item .bigstep-archive-warehouse summary {
  justify-content: center !important;
  padding-right: 7px !important;
  padding-left: 7px !important;
  overflow: hidden !important;
}
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .products .product-item .bigstep-archive-chip strong,
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .products .product-item .bigstep-archive-warehouse strong {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Tablet collapsed navigation: keep the Studio CTA readable through 1024px. */
@media (min-width: 768px) and (max-width: 1024px) {
  html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .haru-nav-menu--dropdown .haru-nav-menu a.haru-item[href*="/studio/"] {
    border: 1px solid rgba(200,255,0,.55) !important;
    background: rgba(200,255,0,.10) !important;
    background-image: none !important;
    color: #d7ff45 !important;
    -webkit-text-fill-color: #d7ff45 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    opacity: 1 !important;
  }
  html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) #haru-header#haru-header .haru-nav-menu--dropdown .haru-nav-menu a.haru-item[href*="/studio/"]:is(:hover,:focus-visible,:active) {
    border-color: #c8ff00 !important;
    background: #c8ff00 !important;
    color: #080a0b !important;
    -webkit-text-fill-color: #080a0b !important;
  }
}

/* Full-bleed breadcrumb band; inner breadcrumb remains on the content grid. */
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign #haru-main#haru-main .haru-page-title.full-width {
  position: relative !important;
  left: 50% !important;
  width: 100vw !important;
  max-width: none !important;
  margin-right: 0 !important;
  margin-left: -50vw !important;
  background: #0b0e0f !important;
  background-image: none !important;
  transform: none !important;
}
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign #haru-main#haru-main .haru-page-title.full-width .haru-page-title__content,
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign #haru-main#haru-main .haru-page-title.full-width .haru-page-title__breadcrumbs {
  width: 100% !important;
  max-width: 1230px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  box-sizing: border-box !important;
}
@media (max-width: 767px) {
  html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign #haru-main#haru-main .haru-page-title.full-width .haru-page-title__content,
  html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign #haru-main#haru-main .haru-page-title.full-width .haru-page-title__breadcrumbs {
    padding-right: 14px !important;
    padding-left: 14px !important;
  }
}

/* Final archive metadata lock: compact two-line tags, never truncated. */
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign #haru-main#haru-main .products .product-item .bigstep-archive-specs {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 6px !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
}
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign #haru-main#haru-main .products .product-item .bigstep-archive-chip,
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign #haru-main#haru-main .products .product-item .bigstep-archive-warehouse,
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign #haru-main#haru-main .products .product-item .bigstep-archive-warehouse summary {
  width: max-content !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 27px !important;
  border-radius: 7px !important;
  box-sizing: border-box !important;
}
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign #haru-main#haru-main .products .product-item .bigstep-archive-chip,
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign #haru-main#haru-main .products .product-item .bigstep-archive-warehouse summary {
  justify-content: flex-start !important;
  gap: 4px !important;
  padding: 5px 8px !important;
  overflow: visible !important;
  border: 1px solid #3b4647 !important;
  background: #171c1d !important;
}
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign #haru-main#haru-main .products .product-item .bigstep-archive-chip small,
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign #haru-main#haru-main .products .product-item .bigstep-archive-warehouse small {
  display: none !important;
}
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign #haru-main#haru-main .products .product-item .bigstep-archive-chip::before {
  content: "Hỗ trợ công nghệ in" !important;
  color: #a9b2ae !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign #haru-main#haru-main .products .product-item .bigstep-archive-warehouse summary::before {
  content: "◆ Kho" !important;
  color: #a9b2ae !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign #haru-main#haru-main .products .product-item :is(.bigstep-archive-chip,.bigstep-archive-warehouse) strong {
  overflow: visible !important;
  color: #f0f3ef !important;
  font-size: 9px !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign #haru-main#haru-main .products .product-item .bigstep-archive-warehouse summary::after {
  display: none !important;
  content: none !important;
}

/* Archive product CTA — same lime action language as the homepage cards. */
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .products .product-item .product-wrap {
  display: flex !important;
  height: 100% !important;
  flex-direction: column !important;
}
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .products .product-item .product-info {
  flex: 1 1 auto !important;
}
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .products .product-item .bigstep-archive-design-cta {
  display: flex !important;
  width: calc(100% - 32px) !important;
  min-height: 48px !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin: auto 16px 16px !important;
  padding: 0 10px 0 17px !important;
  border: 1px solid #c8ff00 !important;
  border-radius: 11px !important;
  background: #c8ff00 !important;
  color: #080a0b !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .products .product-item .bigstep-archive-design-cta__arrow {
  display: inline-flex !important;
  width: 32px !important;
  height: 32px !important;
  flex: 0 0 32px !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,.20) !important;
  color: #080a0b !important;
  font-size: 17px !important;
}
html body.tax-product_cat.term-san-pham-customize.bigstep-woo-redesign .products .product-item .bigstep-archive-design-cta:is(:hover,:focus-visible) {
  border-color: #d7ff45 !important;
  background: #d7ff45 !important;
  color: #080a0b !important;
  transform: translateY(-1px) !important;
}

/* Final phone lock: keep this after every legacy archive rule. */
@media (max-width: 520px) {
  html body.tax-product_cat.term-san-pham-customize.bigstep-graphite-lime-theme .haru-archive-product > .h-row,
  html body.tax-product_cat.term-san-pham-customize.bigstep-graphite-lime-theme .archive-content.has-left-sidebar,
  html body.tax-product_cat.term-san-pham-customize.bigstep-graphite-lime-theme .archive-product.products {
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
  html body.tax-product_cat.term-san-pham-customize.bigstep-graphite-lime-theme .haru-archive-product > .h-row {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }
  html body.tax-product_cat.term-san-pham-customize.bigstep-graphite-lime-theme .archive-sidebar.left-sidebar { display: none !important; }
  html body.tax-product_cat.term-san-pham-customize.bigstep-graphite-lime-theme main .products.layout-grid.grid-columns--mobile2,
  html body.tax-product_cat.term-san-pham-customize.bigstep-graphite-lime-theme .archive-product.products > .products {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 16px !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  html body.tax-product_cat.term-san-pham-customize.bigstep-graphite-lime-theme main .products.layout-grid.grid-columns--mobile2 > .product-item {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  html body.tax-product_cat.term-san-pham-customize.bigstep-graphite-lime-theme .shop-filter,
  html body.tax-product_cat.term-san-pham-customize.bigstep-graphite-lime-theme .shop-filter__catalog {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  html body.tax-product_cat.term-san-pham-customize.bigstep-graphite-lime-theme .woocommerce-ordering,
  html body.tax-product_cat.term-san-pham-customize.bigstep-graphite-lime-theme .woocommerce-ordering .orderby {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  html body.tax-product_cat.term-san-pham-customize.bigstep-graphite-lime-theme .product-info { padding: 14px 13px 16px !important; }
  html body.tax-product_cat.term-san-pham-customize.bigstep-graphite-lime-theme .woocommerce-loop-product__title {
    min-height: 0 !important;
    font-size: 16px !important;
    -webkit-line-clamp: 2 !important;
  }
  html body.tax-product_cat.term-san-pham-customize.bigstep-graphite-lime-theme .bigstep-archive-specs {
    grid-template-columns: minmax(0,1fr) minmax(118px,auto) !important;
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* Final Fal page paint lock — must remain last. */
html body.page-id-23697.bigstep-graphite-lime-theme :is(#haru-main,#haru-content-main,.elementor-23697,.elementor-23697 > .e-con,.elementor-widget-container,.background-removal,.background-removal-content) {
  background-color: #080a0b !important;
  background-image: radial-gradient(circle at 86% 2%,rgba(200,255,0,.055),transparent 25%) !important;
  color: #cbd2ce !important;
  box-shadow: none !important;
}
html body.page-id-23697.bigstep-graphite-lime-theme #haru-content-main :is(.bs-bgrem-pane,.bs-bgrem-drop,.bs-bgrem-quota,.bs-bgrem-history,.bs-bgrem-history-item,.bs-fal-cta,.bs-fal-cta-feats li,.bs-bgrem-guide li) {
  border-color: #30383a !important;
  background: #111516 !important;
  background-image: none !important;
  color: #cbd2ce !important;
  box-shadow: none !important;
}
html body.page-id-23697.bigstep-graphite-lime-theme #haru-content-main :is(.bs-bgrem-pane-label,.bs-bgrem-pick,.bs-bgrem-quota-icon,.bs-bgrem-guide strong,.bs-fal-cta-eyebrow) {
  border-color: rgba(200,255,0,.45) !important;
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
  background-image: none !important;
}
html body.page-id-23697.bigstep-graphite-lime-theme #haru-content-main .bs-bgrem-guide li > strong::before,
html body.page-id-23697.bigstep-graphite-lime-theme #haru-content-main .background-removal-guide .guide-steps li::before {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 26px !important;
  min-height: 26px !important;
  margin-right: 7px !important;
  border: 1px solid #d7ff45 !important;
  border-radius: 999px !important;
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  box-shadow: 0 0 0 3px rgba(200,255,0,.10) !important;
}
html body.page-id-23697.bigstep-graphite-lime-theme #haru-content-main :is(.bs-bgrem-btn--primary,.bs-bgrem-btn--editor,.bs-fal-btn--primary) {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: 0 10px 24px rgba(200,255,0,.14) !important;
}
html body.page-id-23697.bigstep-graphite-lime-theme #haru-content-main :is(.bs-bgrem-btn--ghost,.bs-bgrem-btn--secondary,.bs-fal-btn--ghost) {
  border-color: #3b4648 !important;
  background: #171c1d !important;
  background-image: none !important;
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
  box-shadow: none !important;
}

/* Final order-tracking paint lock — page 55. */
html body.page-id-55.bigstep-graphite-lime-theme,
html body.page-id-55.bigstep-graphite-lime-theme :is(#haru-main,#haru-content-main,.elementor-55) {
  background-color: #080a0b !important;
  background-image: radial-gradient(circle at 88% 2%,rgba(200,255,0,.055),transparent 26%) !important;
  color: #cbd2ce !important;
}
html body.page-id-55.bigstep-graphite-lime-theme .bs-track-hero {
  background: #080a0b !important;
  background-image: radial-gradient(circle at 50% -20%,rgba(200,255,0,.08),transparent 42%) !important;
  color: #cbd2ce !important;
}
html body.page-id-55.bigstep-graphite-lime-theme .bs-track-orb--1,
html body.page-id-55.bigstep-graphite-lime-theme .bs-track-orb--2 {
  background: #c8ff00 !important;
  background-image: none !important;
  opacity: .10 !important;
  filter: blur(120px) !important;
  box-shadow: none !important;
}
html body.page-id-55.bigstep-graphite-lime-theme .bs-track-eyebrow {
  border: 1px solid rgba(200,255,0,.38) !important;
  background: #171d1e !important;
  background-image: none !important;
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
  box-shadow: none !important;
}
html body.page-id-55.bigstep-graphite-lime-theme .bs-track-pulse {
  background: #c8ff00 !important;
  box-shadow: 0 0 0 5px rgba(200,255,0,.10),0 0 18px rgba(200,255,0,.32) !important;
  animation: none !important;
}
html body.page-id-55.bigstep-graphite-lime-theme .bs-track-title {
  background: linear-gradient(110deg,#f5f6f1 0 48%,#c8ff00 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  filter: none !important;
  text-shadow: none !important;
}
html body.page-id-55.bigstep-graphite-lime-theme .bs-track-lead { color: #a4ada8 !important; }
html body.page-id-55.bigstep-graphite-lime-theme .bs-track-lead strong { color: #f5f6f1 !important; }
html body.page-id-55.bigstep-graphite-lime-theme .elementor-55 :is(.e-con,.e-con-inner,.elementor-widget-container) {
  border-color: #30383a !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}
html body.page-id-55.bigstep-graphite-lime-theme #haru-content-main :is(.haru-text-list,.elementor-icon-list-items,.woocommerce-form-track-order.track_order) {
  border: 1px solid #30383a !important;
  background: #111516 !important;
  background-image: none !important;
  color: #cbd2ce !important;
  box-shadow: none !important;
}
html body.page-id-55.bigstep-graphite-lime-theme #haru-content-main :is(.haru-heading-title,.woocommerce-form-track-order label) {
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
  text-shadow: none !important;
}
html body.page-id-55.bigstep-graphite-lime-theme #haru-content-main :is(.haru-text-list__item,.text-title,.elementor-icon-list-text) {
  color: #dce1de !important;
  -webkit-text-fill-color: #dce1de !important;
}
html body.page-id-55.bigstep-graphite-lime-theme #haru-content-main .woocommerce-form-track-order input.input-text {
  border: 1px solid #3b4648 !important;
  background: #171c1d !important;
  background-image: none !important;
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
  caret-color: #c8ff00 !important;
  box-shadow: none !important;
}
html body.page-id-55.bigstep-graphite-lime-theme #haru-content-main .woocommerce-form-track-order input.input-text::placeholder {
  color: #7f8985 !important;
  -webkit-text-fill-color: #7f8985 !important;
}
html body.page-id-55.bigstep-graphite-lime-theme #haru-content-main .woocommerce-form-track-order input.input-text:focus {
  outline: none !important;
  border-color: #c8ff00 !important;
  background: #1a201e !important;
  box-shadow: 0 0 0 3px rgba(200,255,0,.12) !important;
}
html body.page-id-55.bigstep-graphite-lime-theme #haru-content-main .woocommerce-form-track-order .button {
  border: 1px solid #c8ff00 !important;
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  box-shadow: 0 10px 24px rgba(200,255,0,.14) !important;
}
html body.page-id-55.bigstep-graphite-lime-theme #haru-content-main :is(.woocommerce table.shop_table.order_details,.woocommerce-table.shop_table,.woocommerce-order-details,.woocommerce-customer-details) {
  border-color: #30383a !important;
  background: #111516 !important;
  background-image: none !important;
  color: #dce1de !important;
  box-shadow: none !important;
}
html body.page-id-55.bigstep-graphite-lime-theme #haru-content-main .woocommerce table.shop_table :is(th,td) {
  border-color: #30383a !important;
  color: #dce1de !important;
}
html body.page-id-55.bigstep-graphite-lime-theme #haru-content-main .woocommerce :is(h2,h3,strong,a) {
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
}
@media (max-width: 640px) {
  html body.page-id-55.bigstep-graphite-lime-theme .bs-track-hero { padding: 42px 16px 34px !important; }
  html body.page-id-55.bigstep-graphite-lime-theme #haru-content-main .woocommerce-form-track-order.track_order {
    grid-template-columns: minmax(0,1fr) !important;
    padding: 20px 16px !important;
  }
}
/* Background remover: keep one continuous graphite canvas. Repeating the
 * radial glow on every nested Elementor wrapper created visible bands. */
html body.page-id-23697.bigstep-graphite-lime-theme,
html body.page-id-23697.bigstep-graphite-lime-theme :is(
  #haru-main,#haru-content-main,.elementor-23697,.elementor-23697 > .e-con,
  .elementor-23697 .elementor-widget-container,.background-removal,
  .background-removal-content
) {
  background-color: #080a0b !important;
  background-image: none !important;
}

html body.page-id-23697.bigstep-graphite-lime-theme .background-removal h1::before {
  color: #c8ff00 !important;
  background: rgba(200,255,0,.075) !important;
  border-color: rgba(200,255,0,.38) !important;
  box-shadow: 0 0 0 1px rgba(200,255,0,.025), 0 8px 22px rgba(0,0,0,.22) !important;
}

/* Final specificity lock for the lime category chip on editorial posts. */
html body:not(#_a):not(#_b):not(#_c):not(#_d).single-post.bigstep-content-redesign.bigstep-graphite-lime-theme #haru-content-main#haru-content-main .post-meta-info .post-category-wrap > a,
html body:not(#_a):not(#_b):not(#_c):not(#_d).single-post.bigstep-content-redesign.bigstep-graphite-lime-theme #haru-content-main#haru-content-main .post-meta-info .post-category-wrap > a :where(span,strong,em) {
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  text-shadow: none !important;
}

/* Header dropdown: keep the hover bridge invisible, without the old
 * transparent top-border cap showing above the panel. */
@media (min-width: 1025px) {
  #haru-header.haru-header--desktop .haru-nav-menu--main .haru-nav-menu > li > :is(.sub-menu,.haru-nav-menu--subdown) {
    border-top-width: 1px !important;
    background-clip: border-box !important;
  }

  #haru-header.haru-header--desktop .haru-nav-menu--main .haru-nav-menu > li.menu-item-has-children::after {
    content: "" !important;
    position: absolute !important;
    z-index: 1 !important;
    top: 100% !important;
    right: 0 !important;
    left: 0 !important;
    height: 28px !important;
    background: transparent !important;
    pointer-events: auto !important;
  }

  #haru-header.haru-header--desktop .haru-nav-menu--main .haru-nav-menu > li > :is(.sub-menu,.haru-nav-menu--subdown)::before {
    display: none !important;
  }
}

/* EOF Studio graphite-lime lock for mobile image/drawing overlays. */
body .bigstep-ai-drawing-notice,
body .bigstep-ai-app[data-editor-mode="editor"] .bigstep-ai-image-erase-popup {
  border-color: rgba(200,255,0,.42) !important;
  background: linear-gradient(180deg, rgba(17,23,22,.98), rgba(9,14,13,.98)) !important;
  color: #f4f7f2 !important;
  box-shadow: 0 18px 48px rgba(0,0,0,.52), inset 0 0 0 1px rgba(200,255,0,.04) !important;
}
body .bigstep-ai-drawing-notice__icon { background: rgba(200,255,0,.12) !important; color: #c8ff00 !important; }
body .bigstep-ai-drawing-notice__color span { box-shadow: 0 0 0 2px rgba(200,255,0,.22) !important; }
body .bigstep-ai-drawing-notice__width input,
body .bigstep-ai-image-erase-popup__range input { accent-color: #c8ff00 !important; }
body .bigstep-ai-drawing-notice__brush,
body .bigstep-ai-drawing-notice__clear { border-color: #36413e !important; background: #171d1c !important; color: #e7ede9 !important; box-shadow: none !important; }
body .bigstep-ai-drawing-notice__exit,
body .bigstep-ai-image-erase-popup__exit,
body .bigstep-ai-image-erase-popup__exit:hover { border-color: #c8ff00 !important; background: #c8ff00 !important; color: #080a0b !important; box-shadow: 0 8px 22px rgba(200,255,0,.16) !important; }
@media (max-width: 980px) {
  body .bigstep-ai-app[data-editor-mode="editor"] [data-image-bar]:not([hidden]) [data-image-edit-view].is-active {
    border-color: #c8ff00 !important;
    background: linear-gradient(135deg, rgba(200,255,0,.14), rgba(200,255,0,.07)), #151b19 !important;
    color: #eaffaa !important;
    box-shadow: inset 0 0 0 1px rgba(200,255,0,.16), 0 12px 26px rgba(0,0,0,.30) !important;
  }
  body .bigstep-ai-app[data-editor-mode="editor"] [data-image-bar]:not([hidden]) [data-image-edit-view].is-active svg { background: rgba(200,255,0,.10) !important; color: #c8ff00 !important; box-shadow: none !important; }
  body .bigstep-ai-app[data-editor-mode="editor"] [data-image-bar]:not([hidden]),
  body .bigstep-ai-app[data-editor-mode="editor"] [data-image-bar]:not([hidden])::before,
  body .bigstep-ai-app[data-editor-mode="editor"] [data-image-bar]:not([hidden])::after { border-color: #303a37 !important; box-shadow: 0 -16px 34px rgba(0,0,0,.48) !important; }
}

/* EOF shared desktop header geometry: match the homepage exactly. */
@media (min-width: 1025px) {
  html body.bigstep-graphite-lime-theme #haru-header.haru-header--desktop {
    box-sizing: border-box !important;
    height: 84px !important;
    min-height: 84px !important;
  }
  html body.bigstep-graphite-lime-theme #haru-header.haru-header--desktop > .haru-header__desktop {
    box-sizing: border-box !important;
    height: 83px !important;
    min-height: 83px !important;
  }
  html body.bigstep-graphite-lime-theme #haru-header.haru-header--desktop > .haru-header__desktop > .elementor,
  html body.bigstep-graphite-lime-theme #haru-header.haru-header--desktop > .haru-header__desktop > .elementor > .e-con.e-parent {
    box-sizing: border-box !important;
    height: 82px !important;
    min-height: 82px !important;
  }
}

/* EOF RC61 — live Element Pack mini-cart, intentionally last in cascade. */

/* Header divider: keep one full-width lime rule on the outer header only.
 * The desktop shell already owns this divider; its nested wrapper used to
 * draw a second adjacent pixel and made the bottom edge look doubled. */
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor)
#haru-header.haru-header--desktop > .haru-header__desktop {
  border-bottom: 0 !important;
}

/* Give the remaining Graphite Lime divider enough visual weight without
 * restoring the former doubled border. */
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor)
#haru-header.haru-header--desktop {
  border-bottom: 2px solid rgba(200, 255, 0, .28) !important;
}

/* Seat the animated highlight inside the 2px divider. Without this offset,
 * its old 1px track sits directly above the border and reads as a second line. */
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor)
#haru-header#haru-header.haru-header--desktop::after {
  bottom: -2px !important;
  height: 2px !important;
}

/* Mobile divider specificity lock + compositor-friendly travelling highlight. */
@keyframes bigstepHeaderLimeSweepMobile {
  0% { transform: translate3d(0, 0, 0); opacity: .68; }
  8% { opacity: 1; }
  92% { opacity: 1; }
  100% { transform: translate3d(322.222%, 0, 0); opacity: .68; }
}

@media (max-width: 1024px) {
  html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor)
  #haru-header#haru-header.haru-header.haru-header--desktop {
    border: 0 !important;
    border-bottom: 2px solid rgba(200, 255, 0, .30) !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor)
  #haru-header#haru-header.haru-header.haru-header--desktop::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: -40%;
    right: auto !important;
    bottom: -2px !important;
    width: 40% !important;
    height: 2px !important;
    border: 0 !important;
    background: linear-gradient(90deg, transparent 0%, rgba(200,255,0,.18) 22%, #c8ff00 50%, rgba(200,255,0,.18) 78%, transparent 100%) !important;
    box-shadow: none !important;
    animation: bigstepHeaderLimeSweep 5s ease-in-out infinite !important;
    opacity: .72;
    will-change: left, opacity !important;
    pointer-events: none !important;
    z-index: 12 !important;
  }
}

/* Mobile/tablet final guard: an unmistakable full-width lime divider.
 * Static paint only; no animation, script, image, or additional request. */
@media (max-width: 1024px) {
  body #haru-header.haru-header {
    border-bottom: 2px solid #c8ff00 !important;
    box-shadow: 0 1px 0 rgba(200, 255, 0, .18) !important;
  }

  body #haru-header.haru-header::after {
    display: none !important;
  }
}

/* Mobile header divider: keep a clearly visible, full-width lime baseline.
 * This only strengthens the existing painted border, so it adds no asset or JS
 * work to the critical rendering path. The existing highlight remains intact. */
@media (max-width: 767px) {
  html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor)
  #haru-header.haru-header--desktop {
    border-bottom-color: rgba(200, 255, 0, .58) !important;
  }
}

/* Match the three-step shell to the product showcase directly below it. */
html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-steps > .bsl-shell {
  width: min(1330px, calc(100% - 20px)) !important;
  max-width: 1330px !important;
  margin-inline: auto !important;
}

/* Homepage hero exit divider: echo the header's lime sweep at a quieter
 * intensity so the hero feels anchored without becoming a boxed panel. */
html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero {
  border-bottom: 1px solid rgba(200, 255, 0, .18) !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: auto auto -1px -32% !important;
  width: 32% !important;
  height: 1px !important;
  border: 0 !important;
  background: linear-gradient(90deg, transparent 0%, rgba(200,255,0,.10) 20%, rgba(200,255,0,.72) 50%, rgba(200,255,0,.10) 80%, transparent 100%) !important;
  box-shadow: none !important;
  opacity: 0;
  pointer-events: none !important;
  z-index: 18 !important;
  animation: bslHeroLimeSweep 7.8s ease-in-out infinite !important;
}

@keyframes bslHeroLimeSweep {
  0% { left: -32%; opacity: 0; }
  12% { opacity: .56; }
  88% { opacity: .56; }
  100% { left: 100%; opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero::before {
    left: 34% !important;
    opacity: .32 !important;
    animation: none !important;
  }
}

/* Three-step section: remove redundant icon boxes, arrows and technical frame.
 * The numbered cards alone communicate the sequence more clearly. */
html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-steps {
  padding: 32px 0 44px !important;
  background: #090c0d !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-steps::before,
html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-steps__grid article::before,
html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-steps__grid article::after {
  content: none !important;
  display: none !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-steps h2 {
  margin: 0 0 20px !important;
  font-size: clamp(27px, 2vw, 33px) !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-steps__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-steps__grid article {
  grid-template-columns: 42px minmax(0, 1fr) !important;
  min-height: 100px !important;
  gap: 14px !important;
  padding: 17px 19px !important;
  border: 1px solid rgba(111, 125, 121, .30) !important;
  border-radius: 13px !important;
  background: rgba(16, 20, 21, .82) !important;
  box-shadow: none !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-steps__grid b {
  width: 42px !important;
  height: 42px !important;
  border-radius: 10px !important;
  clip-path: none !important;
  font-size: 18px !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-step-icon {
  display: none !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-steps__grid h3 {
  margin: 0 0 4px !important;
  font-size: 16px !important;
}

html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-steps__grid p {
  font-size: 12px !important;
  line-height: 1.45 !important;
}

@media (max-width: 960px) {
  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-steps__grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-steps__grid article {
    min-height: 92px !important;
  }
}
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor)
  .cart-side-widget .bsai-mini-cart-qty .quantity {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 6px !important;
  width: 100% !important;
  min-width: 0 !important;
}

/* RC63 — persistent minicart remove glyph.
   Must remain at EOF so cached Woo fragments without the new inner span still
   receive a visible, centred remove icon. */
html body:not(#mx1):not(#mx2):not(#mx3):not(#mx4).bigstep-graphite-lime-theme #haru-header#haru-header .cart-side-widget.cart-side-widget a.remove.remove_from_cart_button.bsai-mini-cart-remove {
  position: absolute !important;
  display: grid !important;
  place-items: center !important;
  width: 28px !important;
  min-width: 28px !important;
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 !important;
  overflow: visible !important;
  font-size: 0 !important;
  line-height: 0 !important;
}
html body:not(#mx1):not(#mx2):not(#mx3):not(#mx4).bigstep-graphite-lime-theme #haru-header#haru-header .cart-side-widget.cart-side-widget a.remove.remove_from_cart_button.bsai-mini-cart-remove::before {
  content: "\00d7" !important;
  position: static !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  margin: -1px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 22px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  text-align: center !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}
html body:not(#mx1):not(#mx2):not(#mx3):not(#mx4).bigstep-graphite-lime-theme #haru-header#haru-header .cart-side-widget.cart-side-widget a.remove.remove_from_cart_button.bsai-mini-cart-remove::after,
html body:not(#mx1):not(#mx2):not(#mx3):not(#mx4).bigstep-graphite-lime-theme #haru-header#haru-header .cart-side-widget.cart-side-widget a.remove.remove_from_cart_button.bsai-mini-cart-remove > .bsai-mini-cart-remove-icon {
  content: none !important;
  display: none !important;
}
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor)
  .cart-side-widget .bsai-mini-cart-qty :is(.amount,bdi,.woocommerce-Price-currencySymbol) {
  position: static !important;
  display: inline !important;
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  margin: 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
  white-space: nowrap !important;
}
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor)
  .cart-side-widget a.bdt-button-checkout,
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor)
  .cart-side-widget a.bdt-button-checkout .bdt-button-text {
  border-color: #c8ff00 !important;
  background: #c8ff00 !important;
  background-image: none !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  text-shadow: none !important;
}
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor)
  .cart-side-widget .bdt-mini-cart-product-remove { position: static !important; }
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor)
  .cart-side-widget a.bsai-mini-cart-remove {
  top: 12px !important;
  right: 12px !important;
  left: auto !important;
  bottom: auto !important;
  display: grid !important;
  place-items: center !important;
  box-sizing: border-box !important;
  width: 28px !important;
  min-width: 28px !important;
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 !important;
  border: 1px solid #3a4542 !important;
  border-radius: 50% !important;
  background: #151a1b !important;
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  text-align: center !important;
}

/* Header must be visible before deferred Elementor JavaScript initializes. */
html body.bigstep-graphite-lime-theme #haru-header.haru-header--loading {
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
  max-height: none !important;
}

/* Main storefront scrollbar — compact graphite treatment matching the drawer. */
html:has(> body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor)),
html > body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor) {
  scrollbar-width: thin !important;
  scrollbar-color: #46514d #0d1011 !important;
}
html:has(> body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor))::-webkit-scrollbar,
html > body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor)::-webkit-scrollbar {
  width: 9px !important;
  height: 9px !important;
}
html:has(> body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor))::-webkit-scrollbar-track,
html > body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor)::-webkit-scrollbar-track {
  background: #0d1011 !important;
}
html:has(> body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor))::-webkit-scrollbar-thumb,
html > body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor)::-webkit-scrollbar-thumb {
  min-height: 52px !important;
  border: 2px solid #0d1011 !important;
  border-radius: 999px !important;
  background: #46514d !important;
  background-clip: padding-box !important;
  box-shadow: none !important;
}
html:has(> body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor))::-webkit-scrollbar-thumb:hover,
html > body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor)::-webkit-scrollbar-thumb:hover {
  background: #65716c !important;
  background-clip: padding-box !important;
}
html:has(> body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor))::-webkit-scrollbar-corner,
html > body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor)::-webkit-scrollbar-corner {
  background: #0d1011 !important;
}

/* Desktop carousel drag must never turn into text/image selection. */
html body.bigstep-graphite-lime-theme :is(
  [data-bstpl-track],
  [data-rxsc-track],
  [data-tysc-track],
  [data-bps-track],
  .bsrv-section .ti-reviews-container-wrapper,
  [data-bsig-carousel] #sbi_images,
  [data-bsig-carousel] .sbi_images,
  [data-bsig-carousel] .sbi_items
),
html body.bigstep-graphite-lime-theme :is(
  [data-bstpl-track],
  [data-rxsc-track],
  [data-tysc-track],
  [data-bps-track],
  .bsrv-section .ti-reviews-container-wrapper,
  [data-bsig-carousel] #sbi_images,
  [data-bsig-carousel] .sbi_images,
  [data-bsig-carousel] .sbi_items
) * {
  -webkit-user-select: none !important;
  user-select: none !important;
}
html body.bigstep-graphite-lime-theme :is(
  [data-bstpl-track],
  [data-rxsc-track],
  [data-tysc-track],
  [data-bps-track],
  .bsrv-section .ti-reviews-container-wrapper,
  [data-bsig-carousel] #sbi_images,
  [data-bsig-carousel] .sbi_images,
  [data-bsig-carousel] .sbi_items
) img {
  -webkit-user-drag: none !important;
  user-drag: none !important;
}

/* The existing snap rules use !important. Disable them explicitly while the
 * pointer is down so the rail follows the mouse instead of fighting each card. */
html body.bigstep-graphite-lime-theme .is-bigstep-dragging.is-bigstep-dragging {
  scroll-behavior: auto !important;
  scroll-snap-type: none !important;
  scroll-snap-stop: normal !important;
}
html body.bigstep-graphite-lime-theme .is-bigstep-animating.is-bigstep-animating {
  scroll-behavior: auto !important;
  scroll-snap-type: none !important;
  scroll-snap-stop: normal !important;
}

/* Lightweight one-shot replacement for the removed typing sequence. */
@keyframes bigstepHeroHeadingFadeIn {
  from { opacity: 0; transform: translate3d(0, 10px, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}
html body.home.bigstep-graphite-lime-theme .bsl-home #bsl-hero-title {
  animation: bigstepHeroHeadingFadeIn 680ms cubic-bezier(.22,1,.36,1) 80ms both !important;
}
@media (prefers-reduced-motion: reduce) {
  html body.home.bigstep-graphite-lime-theme .bsl-home #bsl-hero-title {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}

/* RC performance consolidation — deliberately last in the bundle so older
 * visual revisions cannot restart expensive infinite hero animations. */
html body.home.bigstep-graphite-lime-theme .bsl-home :where(
  .bsl-eyebrow,
  .bsl-hero__lead,
  .bsl-button--primary,
  .bsl-button--ghost,
  .bsl-hud-corner,
  .bsl-orbit,
  .bsl-orbit::before,
  .bsl-orbit::after
),
html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero::after,
html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__grid::after,
html body.home.bigstep-graphite-lime-theme .bsl-home #bsl-hero-title em {
  animation: none !important;
  will-change: auto !important;
}
html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__visual {
  animation: none !important;
  transform: none !important;
  will-change: auto !important;
}
html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__art {
  animation: bs-home-mascot-float 10.5s ease-in-out infinite !important;
  will-change: transform !important;
}
html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero.is-scroll-active .bsl-hero__art {
  animation-play-state: paused !important;
  will-change: auto !important;
}
html body.home.bigstep-graphite-lime-theme .bs-motion-paused,
html body.home.bigstep-graphite-lime-theme .bs-motion-paused *,
html body.home.bigstep-graphite-lime-theme .bs-motion-paused *::before,
html body.home.bigstep-graphite-lime-theme .bs-motion-paused *::after {
  animation-play-state: paused !important;
}

/* RC105 Studio desktop: floating navigation rail and detachable tool panel. */
@media (min-width: 981px) {
  html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme
  .bigstep-ai-app.bigstep-ai-app .bigstep-ai-editor-main {
    grid-template-columns: minmax(0, 1fr) !important;
    isolation: isolate;
  }

  html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme
  .bigstep-ai-app.bigstep-ai-app .bigstep-ai-editor-canvas-area {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    padding-left: 102px !important;
    box-sizing: border-box !important;
    transition: padding-left .22s ease !important;
  }

  html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme
  .bigstep-ai-app.bigstep-ai-app .bigstep-ai-editor-main:has([data-tool-panel]:not([hidden]))
  .bigstep-ai-editor-canvas-area {
    padding-left: calc(122px + var(--panel-w, 344px)) !important;
  }

  html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme
  .bigstep-ai-app.bigstep-ai-app .bigstep-ai-tool-grid--menu {
    position: absolute !important;
    inset: 14px auto auto 16px !important;
    z-index: 42 !important;
    width: 74px !important;
    height: fit-content !important;
    max-height: calc(100% - 28px) !important;
    padding: 7px 5px !important;
    gap: 3px !important;
    border: 1px solid #30383a !important;
    border-radius: 16px !important;
    background: rgba(13, 16, 17, .94) !important;
    box-shadow: 0 16px 38px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .035) !important;
    backdrop-filter: blur(14px) saturate(1.08) !important;
    -webkit-backdrop-filter: blur(14px) saturate(1.08) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme
  .bigstep-ai-app.bigstep-ai-app .bigstep-ai-tool-grid--menu > button.bigstep-ai-tool.bigstep-ai-tool {
    width: 62px !important;
    min-width: 62px !important;
    height: 58px !important;
    min-height: 58px !important;
    border-radius: 11px !important;
  }

  html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme
  .bigstep-ai-app.bigstep-ai-app .bigstep-ai-tool-grid--menu > button.bigstep-ai-tool.bigstep-ai-tool.is-active {
    background: rgba(200, 255, 0, .11) !important;
    box-shadow: inset 0 0 0 1px rgba(200, 255, 0, .42), 0 8px 18px rgba(0, 0, 0, .2) !important;
  }

  html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme
  .bigstep-ai-app.bigstep-ai-app [data-tool-panel]:not([hidden]) {
    position: absolute !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    inset: 14px auto 14px 104px !important;
    z-index: 41 !important;
    display: flex !important;
    width: var(--panel-w, 344px) !important;
    min-width: 300px !important;
    max-width: min(620px, calc(100vw - 404px)) !important;
    height: auto !important;
    max-height: none !important;
    border: 1px solid #30383a !important;
    border-radius: 16px !important;
    background: rgba(15, 18, 19, .97) !important;
    box-shadow: 0 18px 44px rgba(0, 0, 0, .38), inset 0 1px 0 rgba(255, 255, 255, .035) !important;
    backdrop-filter: blur(16px) saturate(1.06) !important;
    -webkit-backdrop-filter: blur(16px) saturate(1.06) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme
  .bigstep-ai-app.bigstep-ai-app .bigstep-ai-panel-resizer:not([hidden]) {
    position: absolute !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    inset: 14px auto 14px calc(97px + var(--panel-w, 344px)) !important;
    z-index: 43 !important;
    display: flex !important;
    width: 14px !important;
    height: auto !important;
  }

  html[data-theme="light"] body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme
  .bigstep-ai-app.bigstep-ai-app .bigstep-ai-tool-grid--menu,
  html[data-theme="light"] body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme
  .bigstep-ai-app.bigstep-ai-app [data-tool-panel]:not([hidden]) {
    border-color: rgba(69, 82, 74, .18) !important;
    background: rgba(255, 255, 255, .94) !important;
    box-shadow: 0 16px 38px rgba(38, 49, 42, .14), inset 0 1px 0 rgba(255, 255, 255, .8) !important;
  }
}

/* RC106 final cascade lock: Studio support uses graphite + lime, never violet. */
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme
.bigstep-ai-app.bigstep-ai-app .bigstep-ai-support-contact-menu.bigstep-ai-support-contact-menu {
  border-color: rgba(200,255,0,.34) !important;
  background: radial-gradient(circle at 18% 0%,rgba(200,255,0,.10),transparent 38%),linear-gradient(180deg,#111614,#090d0c) !important;
  color: #f5f7f3 !important;
  box-shadow: 0 22px 58px rgba(0,0,0,.46),inset 0 0 0 1px rgba(255,255,255,.035) !important;
}
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme
.bigstep-ai-app.bigstep-ai-app .bigstep-ai-support-contact-menu.bigstep-ai-support-contact-menu > strong {
  color: #f5f7f3 !important;
  -webkit-text-fill-color: #f5f7f3 !important;
}
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme
.bigstep-ai-app.bigstep-ai-app .bigstep-ai-support-contact-menu.bigstep-ai-support-contact-menu > small {
  color: #9ca8a1 !important;
  -webkit-text-fill-color: #9ca8a1 !important;
}
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme
.bigstep-ai-app.bigstep-ai-app .bigstep-ai-support-contact-options.bigstep-ai-support-contact-options a {
  border-color: #30383a !important;
  background: #121819 !important;
  background-image: none !important;
  color: #cbd3ce !important;
  box-shadow: none !important;
}
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme
.bigstep-ai-app.bigstep-ai-app .bigstep-ai-support-contact-options.bigstep-ai-support-contact-options a:is(:hover,:focus-visible) {
  border-color: rgba(200,255,0,.52) !important;
  background: #1a2318 !important;
  color: #f5f7f3 !important;
  box-shadow: none !important;
}
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme
.bigstep-ai-app.bigstep-ai-app .bigstep-ai-float-button.bigstep-ai-float-button[data-support-contact-toggle],
html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme
.bigstep-ai-app.bigstep-ai-app .bigstep-ai-float-button.bigstep-ai-float-button[data-support-contact-toggle][aria-expanded="true"] {
  border-color: rgba(200,255,0,.62) !important;
  background: #121817 !important;
  background-image: none !important;
  color: #eef2ed !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.34) !important;
}

/* RC107 Studio mobile price: retain the desktop Plus Jakarta Sans character. */
@media (max-width: 980px) {
  html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme
  .bigstep-ai-app.bigstep-ai-app[data-editor-mode="editor"] .bigstep-ai-price-pill {
    flex-basis: 128px !important;
    width: 128px !important;
    min-width: 128px !important;
    max-width: 128px !important;
  }

  html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme
  .bigstep-ai-app.bigstep-ai-app[data-editor-mode="editor"] .bigstep-ai-price-pill strong {
    max-width: 100% !important;
    font-family: "Plus Jakarta Sans", "Be Vietnam Pro", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    letter-spacing: normal !important;
    font-variant-numeric: tabular-nums !important;
  }

  html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme
  .bigstep-ai-app.bigstep-ai-app[data-editor-mode="editor"] .bigstep-ai-price-pill strong.is-price-long {
    font-size: 13px !important;
    letter-spacing: -.025em !important;
  }

  html body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme
  .bigstep-ai-app.bigstep-ai-app[data-editor-mode="editor"] .bigstep-ai-price-pill strong.is-price-very-long {
    font-size: 10.5px !important;
    letter-spacing: -.04em !important;
  }
}

/* RC107 — final-cascade WooCommerce micro-fixes. */
html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main
  .summary.entry-summary .summary-content form.cart .quantity.quantity {
  display: inline-grid !important; grid-template-columns: repeat(3,44px) !important;
  align-items: stretch !important; width: 132px !important; min-width: 132px !important; max-width: 132px !important;
  height: 52px !important; padding: 0 !important; overflow: hidden !important;
}
html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main
  .summary.entry-summary .summary-content form.cart .quantity.quantity :where(.input-button,input.qty) {
  box-sizing: border-box !important; display: flex !important; align-items: center !important;
  justify-content: center !important; width: 100% !important; min-width: 0 !important; max-width: 44px !important;
  height: 52px !important; min-height: 52px !important; margin: -1px 0 0 !important; padding: 0 !important; line-height: 1 !important;
}
html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main
  .summary.entry-summary .summary-content form.cart .quantity.quantity .input-button.input-button {
  position: relative !important;
}
html body.single-product.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main
  .summary.entry-summary .summary-content form.cart .quantity.quantity .input-button.input-button::before {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  display: block !important;
  margin: 0 !important;
  transform: translate(-50%,-50%) !important;
  line-height: 22px !important;
}
html body.woocommerce-cart.bigstep-woo-redesign.bigstep-graphite-lime-theme #haru-main#haru-main
  form.woocommerce-cart-form .cart-actions .cart-actions-custom > a.haru-button:is(:link,:visited,:hover,:focus-visible,:active),
html body.woocommerce-cart.bigstep-woo-redesign.bigstep-graphite-lime-theme #haru-main#haru-main
  form.woocommerce-cart-form .cart-actions .cart-actions-custom > a.haru-button:is(:link,:visited,:hover,:focus-visible,:active) * {
  border-color: #c8ff00 !important; background: #c8ff00 !important; background-image: none !important;
  color: #080a0b !important; -webkit-text-fill-color: #080a0b !important; text-shadow: none !important; opacity: 1 !important;
}
html body.woocommerce-cart.bigstep-woo-redesign.bigstep-graphite-lime-theme #haru-main#haru-main
  form.woocommerce-cart-form .cart-actions .cart-actions-custom > a.haru-button:is(:hover,:focus-visible) {
  border-color: #dcff61 !important; background: #dcff61 !important; box-shadow: 0 7px 18px rgba(200,255,0,.13) !important;
}
html body:not(#cart-c1):not(#cart-c2):not(#cart-c3):not(#cart-c4):not(#cart-c5).woocommerce-cart.bigstep-woo-redesign.bigstep-graphite-lime-theme
  form.woocommerce-cart-form .cart-actions .cart-actions-custom > a.haru-button {
  border-color: #c8ff00 !important; background: #c8ff00 !important; background-image: none !important;
  color: #080a0b !important; -webkit-text-fill-color: #080a0b !important; text-shadow: none !important;
}
html body:not(#cart-c1):not(#cart-c2):not(#cart-c3):not(#cart-c4):not(#cart-c5).woocommerce-cart.bigstep-woo-redesign.bigstep-graphite-lime-theme
  form.woocommerce-cart-form .cart-actions .cart-actions-custom > a.haru-button:is(:hover,:focus-visible) {
  border-color: #dcff61 !important; background: #dcff61 !important; color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
}
html body:not(#cart-lock-01):not(#cart-lock-02):not(#cart-lock-03):not(#cart-lock-04):not(#cart-lock-05):not(#cart-lock-06):not(#cart-lock-07):not(#cart-lock-08):not(#cart-lock-09):not(#cart-lock-10):not(#cart-lock-11):not(#cart-lock-12)
  form.woocommerce-cart-form .cart-actions .cart-actions-custom > a.haru-button {
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
}
html body.woocommerce-checkout.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.woocommerce-order-received) #haru-main#haru-main
  form.checkout :where(.select2-container,.select2-container .selection) { border-radius: 10px !important; }
html body.woocommerce-checkout.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.woocommerce-order-received) #haru-main#haru-main
  form.checkout .select2-container .select2-selection.select2-selection--single {
  box-sizing: border-box !important; overflow: hidden !important; border: 1px solid #394244 !important;
  border-radius: 10px !important; background-clip: padding-box !important;
}
html body.woocommerce-checkout.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.woocommerce-order-received)
  .select2-container--open.select2-container--below .select2-selection--single { border-radius: 10px 10px 0 0 !important; }
html body.woocommerce-checkout.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.woocommerce-order-received)
  .select2-container--open.select2-container--above .select2-selection--single { border-radius: 0 0 10px 10px !important; }
@media (min-width: 769px) {
  html body.tax-product_cat.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main .shop-filter.shop-filter {
    box-sizing: border-box !important; min-height: 76px !important; height: auto !important;
    padding: 12px 16px !important; align-items: center !important;
  }
  html body.tax-product_cat.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main .shop-filter__catalog.shop-filter__catalog {
    display: flex !important; align-items: center !important; justify-content: flex-end !important;
    gap: 18px !important; width: 100% !important; height: auto !important; min-height: 48px !important; margin: 0 !important;
  }
  html body.tax-product_cat.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main
    .shop-filter__catalog > .woocommerce-products-header__title.page-title { display: none !important; }
  html body.tax-product_cat.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main
    .shop-filter__catalog > :where(.woocommerce-result-count,.woocommerce-ordering) {
    flex: 0 0 auto !important; height: 48px !important; min-height: 48px !important; margin: 0 !important;
  }
  html body.tax-product_cat.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main .shop-filter__layout.shop-filter__layout {
    flex: 0 0 auto !important; min-height: 48px !important; margin: 0 !important;
  }
  html body.tax-product_cat.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main .shop-filter.shop-filter {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) max-content !important;
    column-gap: 18px !important;
  }
  html body.tax-product_cat.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main
    .shop-filter > .shop-filter__sidebar-btn.hidden-on-desktop {
    display: none !important;
  }
  html body.tax-product_cat.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main .shop-filter__catalog.shop-filter__catalog {
    display: grid !important;
    grid-template-columns: minmax(145px,1fr) minmax(240px,271px) !important;
    justify-content: stretch !important;
    gap: 18px !important;
  }
  html body.tax-product_cat.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main
    .shop-filter__catalog > .woocommerce-result-count {
    align-content: center !important;
    width: auto !important;
    min-width: 0 !important;
  }
  html body.tax-product_cat.bigstep-woo-redesign.bigstep-graphite-lime-theme:not(.bigstep-plugin-surface) #haru-main#haru-main
    .shop-filter__catalog > .woocommerce-ordering {
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* RC108 — support contact chips use neutral graphite, not blue/indigo. */
html:not([data-theme="light"]) body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme
  .bigstep-ai-app.bigstep-ai-app .bigstep-ai-support-contact-options > a {
  border-color: #41494a !important;
  background: #202425 !important;
  background-color: #202425 !important;
  background-image: none !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
}
html:not([data-theme="light"]) body.bigstep-ai-standalone-editor.bigstep-graphite-lime-theme
  .bigstep-ai-app.bigstep-ai-app .bigstep-ai-support-contact-options > a:is(:hover,:focus-visible) {
  border-color: rgba(200,255,0,.52) !important;
  background: #292f2d !important;
  background-color: #292f2d !important;
  background-image: none !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.22), inset 0 0 0 1px rgba(200,255,0,.06) !important;
}

/* RC109 — the mobile panel follows the hamburger's visual (X) state too.
 * This is a CSS fail-safe for iOS tap ordering and delayed legacy scripts. */
@media (max-width: 767px) {
  html body.bigstep-graphite-lime-theme #haru-header .elementor-widget-haru-nav-menu .haru-menu-toggle.haru-active + .haru-nav-menu__container.haru-nav-menu--dropdown,
  html body.bigstep-graphite-lime-theme #haru-header .elementor-widget-haru-nav-menu.is-bigstep-phone-menu-open .haru-nav-menu__container.haru-nav-menu--dropdown {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
}

/* Thank-you CTA contrast fix — graphite lime */
html body.woocommerce-order-received.bigstep-graphite-lime-theme .bigstep-thankyou-hero .bigstep-thankyou-btn:not(.bigstep-thankyou-btn--zalo),
html body.woocommerce-order-received.bigstep-graphite-lime-theme .bigstep-thankyou-hero .bigstep-thankyou-btn:not(.bigstep-thankyou-btn--zalo) span,
html body.woocommerce-order-received.bigstep-graphite-lime-theme .bigstep-thankyou-hero .bigstep-thankyou-btn:not(.bigstep-thankyou-btn--zalo) strong {
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
  text-shadow: none !important;
}
html body.woocommerce-order-received.bigstep-graphite-lime-theme .bigstep-thankyou-hero .bigstep-thankyou-btn:not(.bigstep-thankyou-btn--zalo):hover,
html body.woocommerce-order-received.bigstep-graphite-lime-theme .bigstep-thankyou-hero .bigstep-thankyou-btn:not(.bigstep-thankyou-btn--zalo):focus-visible {
  background: #d8ff33 !important;
  border-color: #c8ff00 !important;
  color: #080a0b !important;
  -webkit-text-fill-color: #080a0b !important;
}

/* Thank-you order overview — graphite lime surfaces */
html body.woocommerce-order-received.bigstep-graphite-lime-theme .woocommerce-order-overview {
  background: #111516 !important;
  background-color: #111516 !important;
  border: 1px solid #30383a !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}
html body.woocommerce-order-received.bigstep-graphite-lime-theme .woocommerce-order-overview li {
  background: #151b1b !important;
  background-color: #151b1b !important;
  border: 1px solid #30383a !important;
  border-radius: 12px !important;
  color: #aeb8b4 !important;
  box-shadow: none !important;
}
html body.woocommerce-order-received.bigstep-graphite-lime-theme .woocommerce-order-overview li strong {
  color: #f5f6f1 !important;
  -webkit-text-fill-color: #f5f6f1 !important;
}
html body.woocommerce-order-received.bigstep-graphite-lime-theme .woocommerce-order-overview li.total strong {
  background: none !important;
  color: #c8ff00 !important;
  -webkit-text-fill-color: #c8ff00 !important;
}

/* Homepage mascot motion boost — stronger but still premium */
@keyframes bs-home-mascot-float-strong {
  0%,100% { translate: 0 0; rotate: -.55deg; scale: 1; }
  25% { translate: 7px -18px; rotate: .35deg; scale: 1.012; }
  50% { translate: -5px -42px; rotate: 1.15deg; scale: 1.022; }
  75% { translate: -7px -17px; rotate: .25deg; scale: 1.01; }
}
html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__art {
  animation: bs-home-mascot-float-strong 5.8s cubic-bezier(.45,.05,.55,.95) infinite !important;
  will-change: translate, rotate, scale !important;
}
@media (max-width: 767px) {
  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__art {
    animation-duration: 5.2s !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__art {
    animation: none !important;
  }
}

/* Keep mascot motion alive; scroll particle freeze must not freeze the hero art. */
html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero.is-scroll-active .bsl-hero__art {
  animation-play-state: running !important;
}
html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__art {
  animation-name: bs-home-mascot-float-strong !important;
  animation-duration: 5.2s !important;
  animation-timing-function: ease-in-out !important;
  animation-iteration-count: infinite !important;
  animation-play-state: running !important;
}
@media (prefers-reduced-motion: reduce) {
  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__art,
  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero.is-scroll-active .bsl-hero__art {
    animation: none !important;
  }
}

/* Mascot fallback: animate the full transform for browsers that ignore
 * individual translate/rotate properties on an absolutely positioned image. */
@keyframes bs-home-mascot-transform-float {
  0%,100% { transform: translate(var(--bsl-art-x),var(--bsl-art-y)) rotate(-.55deg) scale(1); }
  25% { transform: translate(calc(var(--bsl-art-x) + 7px),calc(var(--bsl-art-y) - 18px)) rotate(.35deg) scale(1.012); }
  50% { transform: translate(calc(var(--bsl-art-x) - 5px),calc(var(--bsl-art-y) - 42px)) rotate(1.15deg) scale(1.022); }
  75% { transform: translate(calc(var(--bsl-art-x) - 7px),calc(var(--bsl-art-y) - 17px)) rotate(.25deg) scale(1.01); }
}
html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__art,
html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero.is-scroll-active .bsl-hero__art {
  animation: bs-home-mascot-transform-float 5.2s ease-in-out infinite !important;
  animation-play-state: running !important;
}
@media (prefers-reduced-motion: reduce) {
  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero__art,
  html body.home.bigstep-graphite-lime-theme .bsl-home .bsl-hero.is-scroll-active .bsl-hero__art { animation:none !important; }
}

/* Final cascade guard: a single divider below the desktop header. */
html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor)
#haru-header.haru-header--desktop > .haru-header__desktop {
  border-bottom: 0 !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor)
#haru-header.haru-header--desktop {
  border-bottom-width: 2px !important;
}

html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor)
#haru-header#haru-header.haru-header--desktop::after {
  bottom: -2px !important;
  height: 2px !important;
}

/* Brand-motion exception: keep only the header sweep and hero mascot moving
 * when a device requests reduced motion. All other site motion stays reduced. */
@media (prefers-reduced-motion: reduce) {
  html body.bigstep-graphite-lime-theme:not(.bigstep-ai-standalone-editor)
  #haru-header#haru-header.haru-header.haru-header--desktop::after {
    display: block !important;
    animation-name: bigstepHeaderLimeSweep !important;
    animation-duration: 5s !important;
    animation-timing-function: ease-in-out !important;
    animation-delay: 0s !important;
    animation-iteration-count: infinite !important;
    animation-direction: normal !important;
    animation-fill-mode: none !important;
    animation-play-state: running !important;
  }

  html body.home.bigstep-graphite-lime-theme
  .bsl-home.bsl-home .bsl-hero__art.bsl-hero__art,
  html body.home.bigstep-graphite-lime-theme
  .bsl-home.bsl-home .bsl-hero.is-scroll-active .bsl-hero__art.bsl-hero__art {
    animation: bs-home-mascot-transform-float 5.2s ease-in-out infinite !important;
    animation-play-state: running !important;
  }
}