:root {
  --action-background: #244459;
  --action-hover: #061b37;
  --action-border: #bdc9d1;
  --action-focus: #687991;
  --action-height: 46px;
}
.site-arrow { display: inline-block; width: 18px; height: 18px; flex: 0 0 18px; vertical-align: middle; pointer-events: none; }
@layer storefront-actions {
  :is(.collection-carousel__controls, .customer-stories__controls) {
    gap: 8px !important;
  }
  :is(.collection-carousel__controls, .customer-stories__controls) > button {
    margin: 0 !important;
    flex: 0 0 44px !important;
  }
  .store-pages-sidebar__help .m-button {
    --action-font-size: 11px;
    display: flex;
    width: 100%;
    justify-content: space-between !important;
    flex-wrap: nowrap;
    text-align: left;
    white-space: nowrap !important;
  }
  .store-pages-sidebar__help .m-button > span { text-align: left; }
  .store-pages-sidebar__help .m-button > .site-arrow { margin-left: auto; }
  .m-button--compact { --action-padding: 10px 12px; --action-font-size: 13px; }
  .site-arrow { display: inline-block !important; width: 18px !important; height: 18px !important; flex: 0 0 18px !important; }
  :is(.m-button--primary, .m-button--secondary, .m-button--white, .store-about__cta a, .store-contact button[type='submit'], .store-track button[type='submit'], .store-payment__support a, .coin-cart-page__continue, .coin-cart-discount__row button, .woocommerce-MyAccount-content .button, .wc-block-components-checkout-place-order-button, .wc-block-components-totals-coupon__button, .coin-checkout-page .woocommerce .button) {
    display: inline-flex;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    min-height: var(--action-height) !important;
    max-width: 100%;
    padding: var(--action-padding, 11px 22px) !important;
    border: 1px solid var(--action-outline, var(--action-background)) !important;
    border-radius: 0 !important;
    background: var(--action-surface, var(--action-background)) !important;
    color: var(--action-ink, #fff) !important;
    box-shadow: none !important;
    font-family: var(--font-stack-body) !important;
    font-size: var(--action-font-size, 14px) !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
    letter-spacing: .01em !important;
    text-align: center;
    text-decoration: none !important;
    text-transform: none !important;
    white-space: normal;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease !important;
  }
  :is(.m-button--secondary, .m-button--white, .coin-cart-page__continue, .wc-block-components-totals-coupon__button) {
    --action-surface: #fff;
    --action-ink: #244459;
    --action-outline: #bdc9d1;
  }
  :is(.m-slider-controls__button, .collection-carousel__controls button, .m-button--scroll-top) {
    display: inline-flex !important;
    flex-direction: row !important;
    box-sizing: border-box;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    border: 1px solid var(--action-border) !important;
    background: #fff !important;
    color: var(--action-background) !important;
    box-shadow: none !important;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease !important;
  }
  :is(.m-slider-controls__button, .collection-carousel__controls button, .m-button--scroll-top) svg { width: 18px !important; height: 18px !important; }
  #scroll-to-top-button {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    gap: 0 !important;
  }
  #scroll-to-top-button > svg { display: block !important; margin: 0 !important; }
  :is(.m-slider-controls__button, .collection-carousel__controls button)::before,
  :is(.m-slider-controls__button, .collection-carousel__controls button)::after { content: none !important; }
  :is(.m-slider-controls__button, .collection-carousel__controls button) > svg {
    display: block !important;
    position: static !important;
    margin: 0 !important;
    transform: none !important;
    flex: 0 0 18px !important;
  }
  .store-track__button-icon { display: inline-flex !important; align-items: center; width: 18px !important; height: 18px !important; background: transparent !important; }
  :is(.m-button, button, a[role='button'], .store-about__cta a, .store-payment__support a, .coin-cart-page__continue):focus-visible {
    outline: 2px solid var(--action-focus) !important;
    outline-offset: 3px !important;
  }
  :is(.m-button, button):is(:disabled, [aria-disabled='true'], .swiper-button-disabled) { opacity: .45 !important; cursor: not-allowed !important; }
  :is(.m-button, button)[aria-busy='true'] { cursor: wait !important; }
  :is(.m-button--primary, .m-button--secondary, .m-button--white, .store-about__cta a, .store-contact button[type='submit'], .store-track button[type='submit'], .store-payment__support a, .coin-cart-page__continue, .coin-cart-discount__row button, .m-slider-controls__button, .collection-carousel__controls button, .m-button--scroll-top)[hidden] { display: none !important; }
}
@media (hover: hover) {
  @layer storefront-actions {
    :is(.m-button--primary, .m-button--secondary, .m-button--white, .store-about__cta a, .store-contact button[type='submit'], .store-track button[type='submit'], .store-payment__support a, .coin-cart-page__continue, .coin-cart-discount__row button, .woocommerce-MyAccount-content .button, .wc-block-components-checkout-place-order-button, .wc-block-components-totals-coupon__button, .coin-checkout-page .woocommerce .button, .m-slider-controls__button, .collection-carousel__controls button, .m-button--scroll-top):hover:not(:disabled):not([aria-disabled='true']):not(.swiper-button-disabled) {
      background: var(--action-hover) !important;
      border-color: var(--action-hover) !important;
      color: #fff !important;
      box-shadow: none !important;
    }
  }
}
@media (prefers-reduced-motion: reduce) {
  @layer storefront-actions {
    :is(.m-button, button, .store-about__cta a, .store-payment__support a, .site-arrow) { transition: none !important; }
  }
}

:is(.m-banner-grid__dot, .customer-stories__dot) {
  display: grid;
  place-items: center;
  flex: 0 0 16px;
  width: 16px;
  height: 24px;
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
:is(.m-banner-grid__dot, .customer-stories__dot)::before {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #c7cbd0;
  transition: transform 180ms ease, background-color 180ms ease;
}
:is(.m-banner-grid__dot, .customer-stories__dot)[aria-current='true']::before {
  background: #061b37;
  transform: scale(1.25);
}
body :is(.m-banner-grid, .customer-stories) :is(.m-banner-grid__dot, .customer-stories__dot):focus-visible {
  outline: 2px solid var(--action-focus) !important;
  outline-offset: 1px;
}
@media (prefers-reduced-motion: reduce) {
  :is(.m-banner-grid__dot, .customer-stories__dot)::before { transition: none; }
}