/* Gift card "Amount" pills ($50 / $100 / $200 / $250) — Shopify parity. Markup: functions.php (.arro-var-amount) */
html body .arro-var-amount .arro-swatches { gap: 8px; margin-top: 8px; }
html body .arro-var-amount .arro-sw {
  box-sizing: border-box; width: auto; min-height: 0; height: 34px; padding: 0 16px; gap: 0; margin: 0;
  flex-direction: row; align-items: center; justify-content: center;
  border: 1px solid #121212; border-radius: 999px; background: #fff; box-shadow: none;
}
html body .arro-var-amount .arro-sw .arro-sw-img { display: none; }
html body .arro-var-amount .arro-sw .arro-sw-lbl {
  font-size: 14px; line-height: 1; font-weight: 500; letter-spacing: 0; text-transform: none; color: #121212;
}
html body .arro-var-amount .arro-sw:hover { border-color: #00a1e9; }
html body .arro-var-amount .arro-sw.arro-sw-sel { background: #00a1e9; border-color: #00a1e9; box-shadow: none; }
html body .arro-var-amount .arro-sw.arro-sw-sel .arro-sw-lbl { color: #fff; font-weight: 600; }
html body .arro-var-amount .arro-var-header { font-weight: 600; }
html body .arro-var-amount .arro-var-header strong { color: #121212 !important; font-weight: 600; }

/* arro-fixes.css hides every non-flavour #arro-flavor-block when the pack widget is present; the gift-card Amount pills must stay visible */
html body.single-product:has(#arro-purchase-widget .apw-pack) #arro-flavor-block.arro-var-block.arro-var-amount { display: block !important; margin-bottom: 18px; }