/* Shared product controls; payment-specific rules still target their own panels. */
:is(.cash-product-detail,.credit-product-detail) [hidden]{display:none!important}
:is(.cash-product-detail,.credit-product-detail) .detail-color-name{margin:0 0 10px;font-weight:600}
:is(.cash-product-detail,.credit-product-detail) .detail-color-controls{margin:0 0 16px}
:is(.cash-product-detail,.credit-product-detail) .detail-color-buttons{display:flex;flex-wrap:wrap;gap:8px}
:is(.cash-product-detail,.credit-product-detail) .detail-color-buttons button{display:grid;place-items:center;min-width:48px;min-height:48px;border:0;background:transparent;padding:7px;cursor:pointer;color:#123529;font:inherit}
:is(.cash-product-detail,.credit-product-detail) .detail-swatch{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;box-shadow:inset 0 0 0 1px #0003;font-size:21px;font-weight:700}
:is(.cash-product-detail,.credit-product-detail) .detail-color-buttons [aria-pressed=true] .detail-swatch{outline:2px solid #123529;outline-offset:3px}
:is(.cash-product-detail,.credit-product-detail) .detail-color-buttons .detail-color-text{padding:10px 14px;border:1px solid #9aaea3;border-radius:12px}
:is(.cash-product-detail,.credit-product-detail) .detail-color-text[aria-pressed=true]{border:2px solid #123529;background:#edf4ef;text-decoration:underline;text-underline-offset:4px}
:is(.cash-product-detail,.credit-product-detail) .detail-payment-buttons{border:0;padding:0;margin:12px 0;min-width:0}
:is(.cash-product-detail,.credit-product-detail) .detail-payment-buttons legend{padding:0 0 8px;font-weight:600}
:is(.cash-product-detail,.credit-product-detail) .detail-payment-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
:is(.cash-product-detail,.credit-product-detail) .detail-payment-row button{min-height:76px;min-width:0;padding:12px 6px;border:1px solid #9aaea3;border-radius:12px;background:#fff;color:#123529;font:600 16px/1.4 system-ui;cursor:pointer}
:is(.cash-product-detail,.credit-product-detail) .detail-payment-row [aria-pressed=true]{border:2px solid #123529;padding:11px 5px;background:#edf4ef}
:is(.cash-product-detail,.credit-product-detail) .detail-payment-row [aria-pressed=true]>span:first-child::before{content:'✓ ';font-weight:800}
:is(.cash-product-detail,.credit-product-detail) .detail-payment-amount{display:block;font-size:14px;font-weight:400;font-variant-numeric:tabular-nums}
:is(.cash-product-detail,.credit-product-detail) .option .detail-option-facts{margin-top:16px;padding:0;border:1px solid #d5a02e;background:#fff}
:is(.cash-product-detail,.credit-product-detail) .detail-option-facts>summary{min-height:48px;padding:12px;background:#f3bd4f;border-radius:12px;color:#123529}
:is(.cash-product-detail,.credit-product-detail) .detail-option-facts .option-facts{padding:0 14px}
:is(.cash-product-detail,.credit-product-detail) .option .catalog-option{margin-top:8px;background:#fff;color:#123529;border-color:#9aaea3;box-shadow:none}
:is(.cash-product-detail,.credit-product-detail) :is(button,.button){touch-action:manipulation;transition:transform 120ms cubic-bezier(.23,1,.32,1)}
:is(.cash-product-detail,.credit-product-detail) :is(button,.button):active:not(:focus-visible):not(:disabled):not([aria-disabled="true"]){transform:scale(.97)}
:is(.cash-product-detail,.credit-product-detail) :is(button,.button):focus-visible{outline:3px solid #123529;outline-offset:4px}
:is(.cash-product-detail,.credit-product-detail) footer a,body.cash-catalog :is(.location-strip a,.shopping-links a,.address-actions a,.payment-conditions a,.buying-guide a,[data-recent-products] a,footer a){display:inline-flex;align-items:center;min-height:44px}
@media(max-width:700px){
 body.cash-catalog.editorial-store .editorial-hero{padding:20px 16px;gap:16px;min-height:0}
 body.cash-catalog.editorial-store .editorial-hero .intro{padding:0}
 body.cash-catalog.editorial-store .editorial-hero #page-title{font-size:36px!important;margin:8px 0}
 body.cash-catalog.editorial-store .editorial-hero .hero-message{margin:8px 0}
 body.cash-catalog.editorial-store .editorial-hero #page-description{margin:8px 0}
 body.cash-catalog.editorial-store .hero-actions{margin:14px 0 10px}
 body.cash-catalog.editorial-store .hero-cash-note{margin:8px 0 0;line-height:1.4}
 body.cash-catalog.editorial-store .editorial-feature{max-width:100%;margin:0}
 body.cash-catalog.editorial-store .editorial-feature #editorial-image{height:190px;max-height:190px;width:100%;object-fit:contain}
 body.cash-catalog.editorial-store .editorial-feature figcaption{font-size:14px;margin:6px 0}
 body.cash-catalog.editorial-store .hero-disclaimer{margin:4px 0;font-size:12px}
 body.cash-catalog.editorial-store .editorial-trust{padding:14px 16px;gap:12px}
 body.cash-catalog.editorial-store .home-delivery-info.has-delivery-summary small{display:none}
 body.cash-catalog.editorial-store .home-category-shortcuts{padding:12px 16px}
 body.cash-catalog.editorial-store .location-strip{gap:8px;padding-block:0}
 body.cash-catalog.editorial-store .editorial-header{padding-block:12px;row-gap:10px}
}
@media(prefers-reduced-motion:reduce){:is(.cash-product-detail,.credit-product-detail) :is(button,.button){transition:none}:is(.cash-product-detail,.credit-product-detail) :is(button,.button):active:not(:focus-visible):not(:disabled):not([aria-disabled="true"]){transform:none}}

/* Match the cash catalog's payment colors without changing selection handlers. */
:is(.cash-product-detail,.credit-product-detail) .option [data-payment-panel="cash"] .cash{background:#e7f2ec;border:1px solid #b9d9c8;border-radius:10px;padding:12px 14px;color:#123529}
:is(.cash-product-detail,.credit-product-detail) .option [data-payment-panel="cash"] .cash small{color:#0b5e43}
:is(.cash-product-detail,.credit-product-detail) .cash-discount{background:#f3bd4f;color:#4a3300}
:is(.cash-product-detail,.credit-product-detail) .detail-msi-summary{display:grid;gap:7px;background:#fdf5e3;border:1px solid #f0d9a4;border-radius:10px;padding:12px 14px;margin:14px 0;color:#6b4a00;font-size:13px;line-height:1.45}
:is(.cash-product-detail,.credit-product-detail) .detail-msi-summary>span:first-child{font-size:12px;font-weight:500}
:is(.cash-product-detail,.credit-product-detail) .detail-msi-summary>strong{font-size:18px;font-weight:500;color:#4a3300}
:is(.cash-product-detail,.credit-product-detail) .option [data-payment-panel="msi"] .cash{background:#fdf5e3;border:1px solid #f0d9a4;border-radius:10px;padding:12px 14px;color:#4a3300}
:is(.cash-product-detail,.credit-product-detail) .option [data-payment-panel="msi"] .cash small{color:#6b4a00}
:is(.cash-product-detail,.credit-product-detail) .detail-payment-row button[data-value="cash"]{background:#e7f2ec;border-color:#b9d9c8;color:#123529}
:is(.cash-product-detail,.credit-product-detail) .detail-payment-row button[data-value="msi"]{background:#fdf5e3;border-color:#f0d9a4;color:#4a3300}
:is(.cash-product-detail,.credit-product-detail) .detail-payment-row button[aria-pressed="true"][data-value="cash"]{border-color:#123529}
:is(.cash-product-detail,.credit-product-detail) .detail-payment-row button[aria-pressed="true"][data-value="msi"]{border-color:#6b4a00}