/* Product page size buttons + add-to-cart message (brand/pages/build_products.js).
   The product template styles every <button> in the cart block as a full-width gradient bar
   (.elementor-3222 .elementor-element-ee011a7 button), so these selectors include that block to win. */
.rx-doses { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 16px; }
.rx-doses-label { width: 100%; font-weight: 600; font-size: 14px; color: #222; }
.elementor-3222 .elementor-element.elementor-element-ee011a7 .rx-doses button.rx-dose {
  width: auto; min-width: 76px; margin: 0; padding: 8px 14px;
  border: 2px solid #d6d9e3; border-radius: 10px; background: #fff; box-shadow: none;
  color: #16306b; font: 600 14px/1.2 Poppins, sans-serif; text-transform: none; letter-spacing: 0;
  cursor: pointer; transition: border-color .15s, background-color .15s;
}
.elementor-3222 .elementor-element.elementor-element-ee011a7 .rx-doses button.rx-dose:hover { border-color: #7a00ff; background: #fff; color: #16306b; }
.elementor-3222 .elementor-element.elementor-element-ee011a7 .rx-doses button.rx-dose[aria-checked="true"] { border-color: #e6007e; background: #fff0f8; color: #b0005f; }
.elementor-3222 .elementor-element.elementor-element-ee011a7 .rx-doses button.rx-dose:focus-visible { outline: 3px solid #7a00ff; outline-offset: 2px; }
.rx-qty-minus, .rx-qty-plus { font: 600 20px/1 Poppins, sans-serif; cursor: pointer; user-select: none; }
.rx-added { margin: 10px 0 0; min-height: 1.4em; color: #0a7a2f; font-weight: 600; font-size: 14px; }
.rx-from { font-size: .8em; font-weight: 500; }
