/* SavePulse universal buttons: the product card "Design B" (raised orange gradient, white capitals, icon, presses down)
   on every main action button: product page Add to cart + sticky bars, cart drawer Checkout, cart page Proceed to checkout,
   checkout Place order + the phone checkout bar. "html body … :not(#sp-x)" beats the !important rules in erx-*.css. */
html body .erx-add:not(#sp-x),
html body .erx-btn:not(#sp-x),
html body a.erx-cd-btn:not(.erx-cd-btn--ghost):not(#sp-x),
html body .wc-proceed-to-checkout a.checkout-button:not(#sp-x),
html body #place_order:not(#sp-x),
html body .erx-co-bar__btn:not(#sp-x){
  background:linear-gradient(180deg,#FF8A47 0%,#FF6A1A 55%,#F05A0A 100%)!important;color:#fff!important;border:0!important;border-radius:12px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;
  font-family:Manrope,sans-serif!important;font-weight:800!important;font-size:14px!important;line-height:1.2!important;
  letter-spacing:.09em!important;text-transform:uppercase!important;text-decoration:none!important;text-shadow:0 1px 0 rgba(0,0,0,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 3px 0 #C84A00!important;margin-bottom:3px;
  transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;cursor:pointer;white-space:nowrap
}
html body .erx-add:not(#sp-x){min-height:52px;padding:0 18px!important;font-size:15px!important}
html body .erx-btn:not(#sp-x){min-height:46px;padding:0 18px!important}
html body a.erx-cd-btn:not(.erx-cd-btn--ghost):not(#sp-x){min-height:50px;padding:0 18px!important;margin-bottom:12px}
html body .wc-proceed-to-checkout a.checkout-button:not(#sp-x){min-height:54px;padding:0 18px!important;width:100%!important;font-size:15px!important}
html body #place_order:not(#sp-x){min-height:56px;padding:0 18px!important;width:100%!important;float:none!important;font-size:16px!important}
html body .erx-co-bar__btn:not(#sp-x){min-height:46px;padding:0 18px!important;display:inline-flex!important}

/* icons: bag on add-to-cart buttons, lock on checkout buttons; old "→" / emoji markers off */
html body .erx-add:not(#sp-x)::after,html body .erx-btn:not(#sp-x)::after,
html body a.erx-cd-btn:not(.erx-cd-btn--ghost):not(#sp-x)::after,
html body .wc-proceed-to-checkout a.checkout-button:not(#sp-x)::after,
html body #place_order:not(#sp-x)::after,html body .erx-co-bar__btn:not(#sp-x)::after{content:none!important;display:none!important}
html body .erx-add:not(#sp-x)::before,html body .erx-btn:not(#sp-x)::before,
html body a.erx-cd-btn:not(.erx-cd-btn--ghost):not(#sp-x)::before,
html body .wc-proceed-to-checkout a.checkout-button:not(#sp-x)::before,
html body #place_order:not(#sp-x)::before,html body .erx-co-bar__btn:not(#sp-x)::before{
  content:""!important;display:block!important;flex:0 0 17px;width:17px;height:17px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l-1.2 12.2a1 1 0 0 1-1 .8H7.2a1 1 0 0 1-1-.8z'/%3E%3Cpath d='M9 10V6a3 3 0 0 1 6 0v4'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l-1.2 12.2a1 1 0 0 1-1 .8H7.2a1 1 0 0 1-1-.8z'/%3E%3Cpath d='M9 10V6a3 3 0 0 1 6 0v4'/%3E%3C/svg%3E") center/contain no-repeat
}
html body a.erx-cd-btn:not(.erx-cd-btn--ghost):not(#sp-x)::before,
html body .wc-proceed-to-checkout a.checkout-button:not(#sp-x)::before,
html body #place_order:not(#sp-x)::before,html body .erx-co-bar__btn:not(#sp-x)::before{
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4.5' y='10.5' width='15' height='10' rx='2'/%3E%3Cpath d='M8 10.5V7.5a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4.5' y='10.5' width='15' height='10' rx='2'/%3E%3Cpath d='M8 10.5V7.5a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E") center/contain no-repeat
}
html body .erx-add:not(#sp-x) .erx-add__t{opacity:.95;font-weight:800}

/* hover / focus / press, same as the cards */
html body .erx-add:not(#sp-x):hover,html body .erx-btn:not(#sp-x):hover,
html body a.erx-cd-btn:not(.erx-cd-btn--ghost):not(#sp-x):hover,
html body .wc-proceed-to-checkout a.checkout-button:not(#sp-x):hover,
html body #place_order:not(#sp-x):hover,html body .erx-co-bar__btn:not(#sp-x):hover{
  background:linear-gradient(180deg,#FF9A5E 0%,#FF7A30 55%,#FF6A1A 100%)!important;color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 3px 0 #C84A00,0 8px 18px rgba(255,106,26,.35)!important
}
html body .erx-add:not(#sp-x):focus-visible,html body .erx-btn:not(#sp-x):focus-visible,
html body a.erx-cd-btn:not(.erx-cd-btn--ghost):not(#sp-x):focus-visible,
html body .wc-proceed-to-checkout a.checkout-button:not(#sp-x):focus-visible,
html body #place_order:not(#sp-x):focus-visible,html body .erx-co-bar__btn:not(#sp-x):focus-visible{outline:2px solid #00533D!important;outline-offset:3px}
html body .erx-add:not(#sp-x):active,html body .erx-btn:not(#sp-x):active,
html body a.erx-cd-btn:not(.erx-cd-btn--ghost):not(#sp-x):active,
html body .wc-proceed-to-checkout a.checkout-button:not(#sp-x):active,
html body #place_order:not(#sp-x):active,html body .erx-co-bar__btn:not(#sp-x):active{transform:translateY(3px);box-shadow:inset 0 2px 4px rgba(0,0,0,.18)!important}
html body .erx-add.is-loading:not(#sp-x),html body #place_order:not(#sp-x):disabled{opacity:.75;cursor:progress}
/* added to cart: deep green version of the same button */
html body .erx-add.is-added:not(#sp-x){background:linear-gradient(180deg,#1F7A5C 0%,#00533D 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 3px 0 #003A2B!important}

/* secondary "View cart" in the drawer: same shape, outline style */
html body a.erx-cd-btn.erx-cd-btn--ghost:not(#sp-x){border-radius:12px!important;min-height:48px;display:flex!important;align-items:center;justify-content:center;font-weight:800}

/* sticky bars on the product page: the button keeps its own width next to the price */
html body .erx-sbar .erx-btn:not(#sp-x),html body .erx-tb-atc .erx-btn:not(#sp-x){flex:none;margin-bottom:3px}

@media (max-width:767px){
  html body .erx-add:not(#sp-x),html body .erx-btn:not(#sp-x),
  html body a.erx-cd-btn:not(.erx-cd-btn--ghost):not(#sp-x),
  html body .wc-proceed-to-checkout a.checkout-button:not(#sp-x),
  html body #place_order:not(#sp-x),html body .erx-co-bar__btn:not(#sp-x){font-size:13px!important;letter-spacing:.06em!important;gap:7px!important}
  html body .erx-add:not(#sp-x){padding:0 12px!important;min-height:50px}
  html body .erx-btn:not(#sp-x),html body .erx-co-bar__btn:not(#sp-x){padding:0 14px!important}
}
@media (max-width:400px){
  html body .erx-add:not(#sp-x){font-size:12px!important;letter-spacing:.04em!important;padding:0 9px!important}
  html body .erx-add:not(#sp-x)::before{flex-basis:15px;width:15px;height:15px}
}
@media (prefers-reduced-motion:reduce){
  html body .erx-add:not(#sp-x),html body .erx-btn:not(#sp-x),html body #place_order:not(#sp-x){transition:none}
  html body .erx-add:not(#sp-x):active,html body .erx-btn:not(#sp-x):active,html body #place_order:not(#sp-x):active{transform:none}
}