/* Pill quantity stepper — single product page (fix list Audit #2, Ivy; Greg Oct 29 2026).
   [ − | 1 | + ] inside one off-white pill, same height as Add to Cart, same row.
   !important only where product-green.css line 37 / natura.css force input styles. */
body.single-product #main form.cart .ct-cart-actions{display:flex;flex-wrap:nowrap;align-items:stretch;gap:12px;max-width:100%}
/* simple products: form.cart is a flex row, so its clearfix ::before became a 12px-gap flex item and pushed the row past the edge on phones */
body.single-product #main form.cart:has(> .ct-cart-actions)::before,body.single-product #main form.cart:has(> .ct-cart-actions)::after{content:none;display:none}
body.single-product #main form.cart .ct-cart-actions .quantity{
  position:relative;display:flex!important;align-items:stretch;flex:0 0 auto;
  width:136px!important;height:auto!important;min-height:48px;margin:0!important;padding:0!important;
  background:#F7F4EC;border:1px solid rgba(212,175,55,.55);border-radius:999px;
  box-shadow:0 6px 18px rgba(0,0,0,.18);box-sizing:border-box;overflow:hidden}
body.single-product #main form.cart .ct-cart-actions .quantity .ct-decrease{order:0}
body.single-product #main form.cart .ct-cart-actions .quantity input.qty{order:1}
body.single-product #main form.cart .ct-cart-actions .quantity .ct-increase{order:2}
body.single-product #main form.cart .ct-cart-actions .quantity input.qty{
  flex:1 1 auto;width:auto!important;min-width:0;height:auto!important;min-height:0!important;
  margin:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;outline:0;color:#1A2421!important;-webkit-text-fill-color:#1A2421;opacity:1!important;
  font:600 16px/1 Montserrat,system-ui,sans-serif!important;font-variant-numeric:tabular-nums;text-align:center;
  -moz-appearance:textfield;appearance:textfield}
body.single-product #main form.cart .ct-cart-actions .quantity input.qty::-webkit-outer-spin-button,
body.single-product #main form.cart .ct-cart-actions .quantity input.qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
body.single-product #main form.cart .ct-cart-actions .quantity .ct-increase,
body.single-product #main form.cart .ct-cart-actions .quantity .ct-decrease{
  position:static!important;inset:auto!important;transform:none!important;flex:0 0 44px;width:44px!important;height:auto!important;
  display:flex!important;align-items:center;justify-content:center;margin:0!important;padding:0!important;
  background:transparent;border:0!important;border-radius:999px;color:#1A2421!important;opacity:1!important;cursor:pointer;
  transition:background-color .15s ease}
body.single-product #main form.cart .ct-cart-actions .quantity .ct-increase svg,
body.single-product #main form.cart .ct-cart-actions .quantity .ct-decrease svg{width:12px;height:12px;fill:currentColor}
body.single-product #main form.cart .ct-cart-actions .quantity .ct-increase:hover,
body.single-product #main form.cart .ct-cart-actions .quantity .ct-decrease:hover{background:rgba(212,175,55,.18)}
/* focus: dark ring inside the pill for − / + / number, gold ring around the pill */
body.single-product #main form.cart .ct-cart-actions .quantity .ct-increase:focus-visible,
body.single-product #main form.cart .ct-cart-actions .quantity .ct-decrease:focus-visible{outline:2px solid #1A2421;outline-offset:-5px}
body.single-product #main form.cart .ct-cart-actions .quantity input.qty:focus,
body.single-product #main form.cart .ct-cart-actions .quantity input.qty:focus-visible{box-shadow:inset 0 0 0 2px #1A2421!important;border-radius:8px!important}
body.single-product #main form.cart .ct-cart-actions .quantity:focus-within{border-color:#D4AF37;box-shadow:0 0 0 2px #D4AF37,0 6px 18px rgba(0,0,0,.18)}
body.single-product #main form.cart .ct-cart-actions .single_add_to_cart_button{margin:0!important}
/* phone: pill + Add to Cart on one row, button takes the rest and stays on one line */
@media (max-width:689px){
  body.single-product #main form.cart .ct-cart-actions{gap:10px;flex:1 1 auto;min-width:0}
  body.single-product #main form.cart .ct-cart-actions .quantity{width:124px!important}
  body.single-product #main form.cart .ct-cart-actions .quantity .ct-increase,
  body.single-product #main form.cart .ct-cart-actions .quantity .ct-decrease{flex-basis:42px;width:42px!important}
  body.single-product #main form.cart .ct-cart-actions .quantity input.qty{font-size:17px!important}
  body.single-product #main form.cart .ct-cart-actions .single_add_to_cart_button{flex:1 1 auto;min-width:0;white-space:nowrap;padding-left:14px!important;padding-right:14px!important;letter-spacing:.06em}
}
/* very narrow phones (<375px): Add to Cart text may wrap; the pill stretches to the same height */
@media (max-width:374px){
  body.single-product #main form.cart .ct-cart-actions .single_add_to_cart_button{white-space:normal;line-height:1.25}
}