/* Enhanced button effect styling variables */
  :root {
    --enhanced-3d-enabled: false;
    --enhanced-gradient-enabled: false;
  }
  /* Critical box shadow effect overrides - must override global button styles */
  /* Force box-shadow to override global button box-shadow: none */
  .button-box-shadow,
  .button.button-box-shadow,
  .btn.button-box-shadow,
  button[type="submit"].button-box-shadow,
  input[type="submit"].button-box-shadow,
  .product-form__submit.button-box-shadow,
  .shop-add-to-cart-button.button-box-shadow,
  .cart__checkout-button.button-box-shadow,
  .contact-button.button-box-shadow:not(.disable-global-button-styling),
  .contact__button.button-box-shadow:not(.disable-global-button-styling),
  .button--primary.button-box-shadow,
  .claim-button.button-box-shadow,
  .newsletter-form__button.button-box-shadow:not(.disable-global-button-styling),
  .field__button.button-box-shadow:not(.disable-global-button-styling),
  .theme-button.button-box-shadow,
  .guarantee-section__cta.button-box-shadow,
  .custom-hero__button.button-box-shadow,
  .rich-text-button.button-box-shadow {
    transition: all 0.3s ease !important;
    position: relative;
    z-index: 1;
  }
  /* Apply the correct shadow based on intensity */
  .button-box-shadow.intensity-1,
  .button.button-box-shadow.intensity-1,
  .btn.button-box-shadow.intensity-1,
  button[type="submit"].button-box-shadow.intensity-1,
  input[type="submit"].button-box-shadow.intensity-1,
  .product-form__submit.button-box-shadow.intensity-1,
  .shop-add-to-cart-button.button-box-shadow.intensity-1,
  .cart__checkout-button.button-box-shadow.intensity-1,
  .contact-button.button-box-shadow.intensity-1:not(.disable-global-button-styling),
  .contact__button.button-box-shadow.intensity-1:not(.disable-global-button-styling),
  .button--primary.button-box-shadow.intensity-1,
  .claim-button.button-box-shadow.intensity-1,
  .newsletter-form__button.button-box-shadow.intensity-1:not(.disable-global-button-styling),
  .field__button.button-box-shadow.intensity-1:not(.disable-global-button-styling),
  .theme-button.button-box-shadow.intensity-1,
  .guarantee-section__cta.button-box-shadow.intensity-1,
  .custom-hero__button.button-box-shadow.intensity-1,
  .rich-text-button.button-box-shadow.intensity-1 {
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
  }
  .button-box-shadow.intensity-1:hover,
  .button.button-box-shadow.intensity-1:hover,
  .btn.button-box-shadow.intensity-1:hover,
  button[type="submit"].button-box-shadow.intensity-1:hover,
  input[type="submit"].button-box-shadow.intensity-1:hover,
  .product-form__submit.button-box-shadow.intensity-1:hover,
  .shop-add-to-cart-button.button-box-shadow.intensity-1:hover,
  .cart__checkout-button.button-box-shadow.intensity-1:hover,
  .contact-button.button-box-shadow.intensity-1:hover:not(.disable-global-button-styling),
  .contact__button.button-box-shadow.intensity-1:hover:not(.disable-global-button-styling),
  .button--primary.button-box-shadow.intensity-1:hover,
  .claim-button.button-box-shadow.intensity-1:hover,
  .newsletter-form__button.button-box-shadow.intensity-1:not(.disable-global-button-styling):hover,
  .field__button.button-box-shadow.intensity-1:not(.disable-global-button-styling):hover,
  .theme-button.button-box-shadow.intensity-1:hover,
  .guarantee-section__cta.button-box-shadow.intensity-1:hover,
  .custom-hero__button.button-box-shadow.intensity-1:hover,
  .rich-text-button.button-box-shadow.intensity-1:hover {
    transform: translateY(-2px) !important;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important;
  }
  .button-box-shadow.intensity-2,
  .button.button-box-shadow.intensity-2,
  .btn.button-box-shadow.intensity-2,
  button[type="submit"].button-box-shadow.intensity-2,
  input[type="submit"].button-box-shadow.intensity-2,
  .product-form__submit.button-box-shadow.intensity-2,
  .shop-add-to-cart-button.button-box-shadow.intensity-2,
  .cart__checkout-button.button-box-shadow.intensity-2,
  .contact-button.button-box-shadow.intensity-2:not(.disable-global-button-styling),
  .contact__button.button-box-shadow.intensity-2:not(.disable-global-button-styling),
  .button--primary.button-box-shadow.intensity-2,
  .claim-button.button-box-shadow.intensity-2,
  .newsletter-form__button.button-box-shadow.intensity-2:not(.disable-global-button-styling),
  .field__button.button-box-shadow.intensity-2:not(.disable-global-button-styling),
  .theme-button.button-box-shadow.intensity-2,
  .guarantee-section__cta.button-box-shadow.intensity-2,
  .custom-hero__button.button-box-shadow.intensity-2,
  .rich-text-button.button-box-shadow.intensity-2 {
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important;
  }
  .button-box-shadow.intensity-2:hover,
  .button.button-box-shadow.intensity-2:hover,
  .btn.button-box-shadow.intensity-2:hover,
  button[type="submit"].button-box-shadow.intensity-2:hover,
  input[type="submit"].button-box-shadow.intensity-2:hover,
  .product-form__submit.button-box-shadow.intensity-2:hover,
  .shop-add-to-cart-button.button-box-shadow.intensity-2:hover,
  .cart__checkout-button.button-box-shadow.intensity-2:hover,
  .contact-button.button-box-shadow.intensity-2:hover:not(.disable-global-button-styling),
  .contact__button.button-box-shadow.intensity-2:hover:not(.disable-global-button-styling),
  .button--primary.button-box-shadow.intensity-2:hover,
  .claim-button.button-box-shadow.intensity-2:hover,
  .newsletter-form__button.button-box-shadow.intensity-2:not(.disable-global-button-styling):hover,
  .field__button.button-box-shadow.intensity-2:not(.disable-global-button-styling):hover,
  .theme-button.button-box-shadow.intensity-2:hover,
  .guarantee-section__cta.button-box-shadow.intensity-2:hover,
  .custom-hero__button.button-box-shadow.intensity-2:hover,
  .rich-text-button.button-box-shadow.intensity-2:hover {
    transform: translateY(-2px) !important;
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2) !important;
  }
  .button-box-shadow.intensity-3,
  .button.button-box-shadow.intensity-3,
  .btn.button-box-shadow.intensity-3,
  button[type="submit"].button-box-shadow.intensity-3,
  input[type="submit"].button-box-shadow.intensity-3,
  .product-form__submit.button-box-shadow.intensity-3,
  .shop-add-to-cart-button.button-box-shadow.intensity-3,
  .cart__checkout-button.button-box-shadow.intensity-3,
  .contact-button.button-box-shadow.intensity-3:not(.disable-global-button-styling),
  .contact__button.button-box-shadow.intensity-3:not(.disable-global-button-styling),
  .button--primary.button-box-shadow.intensity-3,
  .claim-button.button-box-shadow.intensity-3,
  .newsletter-form__button.button-box-shadow.intensity-3:not(.disable-global-button-styling),
  .field__button.button-box-shadow.intensity-3:not(.disable-global-button-styling),
  .theme-button.button-box-shadow.intensity-3,
  .guarantee-section__cta.button-box-shadow.intensity-3,
  .custom-hero__button.button-box-shadow.intensity-3,
  .rich-text-button.button-box-shadow.intensity-3 {
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2) !important;
  }
  .button-box-shadow.intensity-3:hover,
  .button.button-box-shadow.intensity-3:hover,
  .btn.button-box-shadow.intensity-3:hover,
  button[type="submit"].button-box-shadow.intensity-3:hover,
  input[type="submit"].button-box-shadow.intensity-3:hover,
  .product-form__submit.button-box-shadow.intensity-3:hover,
  .shop-add-to-cart-button.button-box-shadow.intensity-3:hover,
  .cart__checkout-button.button-box-shadow.intensity-3:hover,
  .contact-button.button-box-shadow.intensity-3:hover:not(.disable-global-button-styling),
  .contact__button.button-box-shadow.intensity-3:hover:not(.disable-global-button-styling),
  .button--primary.button-box-shadow.intensity-3:hover,
  .claim-button.button-box-shadow.intensity-3:hover,
  .newsletter-form__button.button-box-shadow.intensity-3:not(.disable-global-button-styling):hover,
  .field__button.button-box-shadow.intensity-3:not(.disable-global-button-styling):hover,
  .theme-button.button-box-shadow.intensity-3:hover,
  .guarantee-section__cta.button-box-shadow.intensity-3:hover,
  .custom-hero__button.button-box-shadow.intensity-3:hover,
  .rich-text-button.button-box-shadow.intensity-3:hover {
    transform: translateY(-2px) !important;
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.25) !important;
  }
  .button-box-shadow.intensity-4,
  .button.button-box-shadow.intensity-4,
  .btn.button-box-shadow.intensity-4,
  button[type="submit"].button-box-shadow.intensity-4,
  input[type="submit"].button-box-shadow.intensity-4,
  .product-form__submit.button-box-shadow.intensity-4,
  .shop-add-to-cart-button.button-box-shadow.intensity-4,
  .cart__checkout-button.button-box-shadow.intensity-4,
  .contact-button.button-box-shadow.intensity-4:not(.disable-global-button-styling),
  .contact__button.button-box-shadow.intensity-4:not(.disable-global-button-styling),
  .button--primary.button-box-shadow.intensity-4,
  .claim-button.button-box-shadow.intensity-4,
  .newsletter-form__button.button-box-shadow.intensity-4:not(.disable-global-button-styling),
  .field__button.button-box-shadow.intensity-4:not(.disable-global-button-styling),
  .theme-button.button-box-shadow.intensity-4,
  .guarantee-section__cta.button-box-shadow.intensity-4,
  .custom-hero__button.button-box-shadow.intensity-4,
  .rich-text-button.button-box-shadow.intensity-4 {
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.25) !important;
  }
  .button-box-shadow.intensity-4:hover,
  .button.button-box-shadow.intensity-4:hover,
  .btn.button-box-shadow.intensity-4:hover,
  button[type="submit"].button-box-shadow.intensity-4:hover,
  input[type="submit"].button-box-shadow.intensity-4:hover,
  .product-form__submit.button-box-shadow.intensity-4:hover,
  .shop-add-to-cart-button.button-box-shadow.intensity-4:hover,
  .cart__checkout-button.button-box-shadow.intensity-4:hover,
  .contact-button.button-box-shadow.intensity-4:hover:not(.disable-global-button-styling),
  .contact__button.button-box-shadow.intensity-4:hover:not(.disable-global-button-styling),
  .button--primary.button-box-shadow.intensity-4:hover,
  .claim-button.button-box-shadow.intensity-4:hover,
  .newsletter-form__button.button-box-shadow.intensity-4:not(.disable-global-button-styling):hover,
  .field__button.button-box-shadow.intensity-4:not(.disable-global-button-styling):hover,
  .theme-button.button-box-shadow.intensity-4:hover,
  .guarantee-section__cta.button-box-shadow.intensity-4:hover,
  .custom-hero__button.button-box-shadow.intensity-4:hover,
  .rich-text-button.button-box-shadow.intensity-4:hover {
    transform: translateY(-2px) !important;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3) !important;
  }
  .button-box-shadow.intensity-5,
  .button.button-box-shadow.intensity-5,
  .btn.button-box-shadow.intensity-5,
  button[type="submit"].button-box-shadow.intensity-5,
  input[type="submit"].button-box-shadow.intensity-5,
  .product-form__submit.button-box-shadow.intensity-5,
  .shop-add-to-cart-button.button-box-shadow.intensity-5,
  .cart__checkout-button.button-box-shadow.intensity-5,
  .contact-button.button-box-shadow.intensity-5:not(.disable-global-button-styling),
  .contact__button.button-box-shadow.intensity-5:not(.disable-global-button-styling),
  .button--primary.button-box-shadow.intensity-5,
  .claim-button.button-box-shadow.intensity-5,
  .newsletter-form__button.button-box-shadow.intensity-5:not(.disable-global-button-styling),
  .field__button.button-box-shadow.intensity-5:not(.disable-global-button-styling),
  .theme-button.button-box-shadow.intensity-5,
  .guarantee-section__cta.button-box-shadow.intensity-5,
  .custom-hero__button.button-box-shadow.intensity-5,
  .rich-text-button.button-box-shadow.intensity-5 {
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3) !important;
  }
  .button-box-shadow.intensity-5:hover,
  .button.button-box-shadow.intensity-5:hover,
  .btn.button-box-shadow.intensity-5:hover,
  button[type="submit"].button-box-shadow.intensity-5:hover,
  input[type="submit"].button-box-shadow.intensity-5:hover,
  .product-form__submit.button-box-shadow.intensity-5:hover,
  .shop-add-to-cart-button.button-box-shadow.intensity-5:hover,
  .cart__checkout-button.button-box-shadow.intensity-5:hover,
  .contact-button.button-box-shadow.intensity-5:hover:not(.disable-global-button-styling),
  .contact__button.button-box-shadow.intensity-5:hover:not(.disable-global-button-styling),
  .button--primary.button-box-shadow.intensity-5:hover,
  .claim-button.button-box-shadow.intensity-5:hover,
  .newsletter-form__button.button-box-shadow.intensity-5:not(.disable-global-button-styling):hover,
  .field__button.button-box-shadow.intensity-5:not(.disable-global-button-styling):hover,
  .theme-button.button-box-shadow.intensity-5:hover,
  .guarantee-section__cta.button-box-shadow.intensity-5:hover,
  .custom-hero__button.button-box-shadow.intensity-5:hover,
  .rich-text-button.button-box-shadow.intensity-5:hover {
    transform: translateY(-2px) !important;
        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.35) !important;
  }
  .button-box-shadow:active,
  .button.button-box-shadow:active,
  .btn.button-box-shadow:active,
  button[type="submit"].button-box-shadow:active,
  input[type="submit"].button-box-shadow:active,
  .product-form__submit.button-box-shadow:active,
  .shop-add-to-cart-button.button-box-shadow:active,
  .cart__checkout-button.button-box-shadow:active,
  .contact-button.button-box-shadow:active:not(.disable-global-button-styling),
  .contact__button.button-box-shadow:active:not(.disable-global-button-styling),
  .button--primary.button-box-shadow:active,
  .claim-button.button-box-shadow:active,
  .newsletter-form__button.button-box-shadow:not(.disable-global-button-styling):active,
  .field__button.button-box-shadow:not(.disable-global-button-styling):active,
  .theme-button.button-box-shadow:active,
  .guarantee-section__cta.button-box-shadow:active,
  .custom-hero__button.button-box-shadow:active,
  .rich-text-button.button-box-shadow:active {
    transform: translateY(0) !important;
    }
    /* ===================================== */
  /* GRADIENT BACKGROUND EFFECTS */
  /* ===================================== */
    /* ===================================== */
    /* CRITICAL CART REMOVE BUTTON EXCLUSIONS */
    /* ===================================== */
    /*
     * Cart remove buttons must NEVER inherit any enhanced effects
     * These overrides have maximum specificity to ensure they work
     * even if classes like button-box-shadow, button-gradient-effect are applied
     */
    .cart-remove-button,
    .button--tertiary.cart-remove-button,
    button.cart-remove-button,
    .cart-remove-button.button-box-shadow,
    .cart-remove-button.button-gradient-effect,
    .cart-remove-button.intensity-1,
    .cart-remove-button.intensity-2,
    .cart-remove-button.intensity-3,
    .cart-remove-button.intensity-4,
    .cart-remove-button.intensity-5,
    .button--tertiary.cart-remove-button.button-box-shadow,
    .button--tertiary.cart-remove-button.button-gradient-effect,
    .button--tertiary.cart-remove-button.intensity-1,
    .button--tertiary.cart-remove-button.intensity-2,
    .button--tertiary.cart-remove-button.intensity-3,
    .button--tertiary.cart-remove-button.intensity-4,
    .button--tertiary.cart-remove-button.intensity-5,
    button.cart-remove-button.button-box-shadow,
    button.cart-remove-button.button-gradient-effect,
    button.cart-remove-button.intensity-1,
    button.cart-remove-button.intensity-2,
    button.cart-remove-button.intensity-3,
    button.cart-remove-button.intensity-4,
    button.cart-remove-button.intensity-5 {
      /* Reset ALL enhanced effects */
      box-shadow: none !important;
      background: var(--button-tertiary-bg, transparent) !important;
      transform: none !important;
      position: static !important;
      transition: opacity 0.2s ease !important;
      z-index: auto !important;
    }
    .cart-remove-button:hover,
    .button--tertiary.cart-remove-button:hover,
    button.cart-remove-button:hover,
    .cart-remove-button.button-box-shadow:hover,
    .cart-remove-button.button-gradient-effect:hover,
    .cart-remove-button.intensity-1:hover,
    .cart-remove-button.intensity-2:hover,
    .cart-remove-button.intensity-3:hover,
    .cart-remove-button.intensity-4:hover,
    .cart-remove-button.intensity-5:hover,
    .button--tertiary.cart-remove-button.button-box-shadow:hover,
    .button--tertiary.cart-remove-button.button-gradient-effect:hover,
    .button--tertiary.cart-remove-button.intensity-1:hover,
    .button--tertiary.cart-remove-button.intensity-2:hover,
    .button--tertiary.cart-remove-button.intensity-3:hover,
    .button--tertiary.cart-remove-button.intensity-4:hover,
    .button--tertiary.cart-remove-button.intensity-5:hover,
    button.cart-remove-button.button-box-shadow:hover,
    button.cart-remove-button.button-gradient-effect:hover,
    button.cart-remove-button.intensity-1:hover,
    button.cart-remove-button.intensity-2:hover,
    button.cart-remove-button.intensity-3:hover,
    button.cart-remove-button.intensity-4:hover,
    button.cart-remove-button.intensity-5:hover {
      box-shadow: none !important;
      transform: none !important;
      opacity: 0.7 !important;
    }
    .cart-remove-button:active,
    .button--tertiary.cart-remove-button:active,
    button.cart-remove-button:active,
    .cart-remove-button.button-box-shadow:active,
    .cart-remove-button.button-gradient-effect:active,
    .cart-remove-button.intensity-1:active,
    .cart-remove-button.intensity-2:active,
    .cart-remove-button.intensity-3:active,
    .cart-remove-button.intensity-4:active,
    .cart-remove-button.intensity-5:active,
    .button--tertiary.cart-remove-button.button-box-shadow:active,
    .button--tertiary.cart-remove-button.button-gradient-effect:active,
    .button--tertiary.cart-remove-button.intensity-1:active,
    .button--tertiary.cart-remove-button.intensity-2:active,
    .button--tertiary.cart-remove-button.intensity-3:active,
    .button--tertiary.cart-remove-button.intensity-4:active,
    .button--tertiary.cart-remove-button.intensity-5:active,
    button.cart-remove-button.button-box-shadow:active,
    button.cart-remove-button.button-gradient-effect:active,
    button.cart-remove-button.intensity-1:active,
    button.cart-remove-button.intensity-2:active,
    button.cart-remove-button.intensity-3:active,
    button.cart-remove-button.intensity-4:active,
    button.cart-remove-button.intensity-5:active {
      box-shadow: none !important;
      transform: none !important;
      opacity: 0.5 !important;
    }
    /* Remove any gradient effects that might have been applied */
    .cart-remove-button::before,
    .button--tertiary.cart-remove-button::before,
    button.cart-remove-button::before,
    .cart-remove-button.button-gradient-effect::before,
    .cart-remove-button.gradient-shine-enabled::before,
    .button--tertiary.cart-remove-button.button-gradient-effect::before,
    .button--tertiary.cart-remove-button.gradient-shine-enabled::before,
    button.cart-remove-button.button-gradient-effect::before,
    button.cart-remove-button.gradient-shine-enabled::before {
      display: none !important;
      content: none !important;
      background: none !important;
    }
    /* Additional mobile optimizations for box shadow effects */
  @media screen and (max-width: 768px) {
    .button-box-shadow {
      /* Reduce transform distance on mobile for better touch experience */
      transform: none !important;
    }
    .button-box-shadow:hover,
    .button-box-shadow:focus {
      transform: translateY(-1px) !important;
    }
  }
  /* Print media - remove box shadow effects for better printing */
  @media print {
    .button-box-shadow {
      box-shadow: none !important;
      transform: none !important;
    }
    .button-gradient-effect::before {
      display: none !important;
    }
  }
  /* Complete override for disable-global-button-styling class */
  /* These rules ensure that buttons with this class never get enhanced effects */
  /* EXCEPT cart-discount-code-button which has its own color management */
  .disable-global-button-styling:not(.cart-discount-code-button),
  .disable-global-button-styling.button-box-shadow:not(.cart-discount-code-button),
  .disable-global-button-styling.button-gradient-effect:not(.cart-discount-code-button),
  .disable-global-button-styling.intensity-1:not(.cart-discount-code-button),
  .disable-global-button-styling.intensity-2:not(.cart-discount-code-button),
  .disable-global-button-styling.intensity-3:not(.cart-discount-code-button),
  .disable-global-button-styling.intensity-4:not(.cart-discount-code-button),
  .disable-global-button-styling.intensity-5:not(.cart-discount-code-button),
  .button.disable-global-button-styling.button-box-shadow:not(.cart-discount-code-button),
  .button.disable-global-button-styling.button-gradient-effect:not(.cart-discount-code-button),
  .btn.disable-global-button-styling.button-box-shadow:not(.cart-discount-code-button),
  .btn.disable-global-button-styling.button-gradient-effect:not(.cart-discount-code-button) {
    /* Reset all enhanced button effects */
    box-shadow: none !important;
    background: unset !important;
    background-image: none !important;
    background-color: unset !important;
    transform: none !important;
    transition: none !important;
    position: static !important;
    z-index: auto !important;
    /* Keep section-specific styles (font-size, border-radius), but reset global font overrides */
    font-weight: unset !important;
    letter-spacing: unset !important;
    text-transform: unset !important;
    /* Note: border-radius and font-size are preserved from inline styles */
  }
  /* Reset hover states */
  /* EXCEPT cart-discount-code-button which has its own color management */
  .disable-global-button-styling:hover:not(.cart-discount-code-button),
  .disable-global-button-styling.button-box-shadow:hover:not(.cart-discount-code-button),
  .disable-global-button-styling.button-gradient-effect:hover:not(.cart-discount-code-button),
  .disable-global-button-styling.intensity-1:hover:not(.cart-discount-code-button),
  .disable-global-button-styling.intensity-2:hover:not(.cart-discount-code-button),
  .disable-global-button-styling.intensity-3:hover:not(.cart-discount-code-button),
  .disable-global-button-styling.intensity-4:hover:not(.cart-discount-code-button),
  .disable-global-button-styling.intensity-5:hover:not(.cart-discount-code-button) {
    box-shadow: none !important;
    background: unset !important;
    background-image: none !important;
    background-color: unset !important;
    transform: none !important;
    transition: none !important;
  }
  /* Reset active states */
  /* EXCEPT cart-discount-code-button which has its own color management */
  .disable-global-button-styling:active:not(.cart-discount-code-button),
  .disable-global-button-styling.button-box-shadow:active:not(.cart-discount-code-button),
  .disable-global-button-styling.button-gradient-effect:active:not(.cart-discount-code-button) {
    box-shadow: none !important;
    background: unset !important;
    background-image: none !important;
    background-color: unset !important;
    transform: none !important;
  }
  /* Remove any pseudo-elements (like gradient shine effects) */
  /* EXCEPT cart-discount-code-button which manages its own pseudo-elements */
  .disable-global-button-styling:not(.cart-discount-code-button)::before,
  .disable-global-button-styling:not(.cart-discount-code-button)::after,
  .disable-global-button-styling.button-gradient-effect:not(.cart-discount-code-button)::before,
  .disable-global-button-styling.gradient-shine-enabled:not(.cart-discount-code-button)::before {
    display: none !important;
    content: none !important;
  }