/* Compact product checkout controls. No page-wide layers, animations or scale changes. */
:is(body[data-template="product"], quick-add-modal) .product-form .product-form__buttons{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px!important}
:is(body[data-template="product"], quick-add-modal) .product-form__buttons>.product-form__submit{margin:0}
:is(body[data-template="product"], quick-add-modal) .product-form .av-express-payment .pay-button-buy-now{display:none!important}
:is(body[data-template="product"], quick-add-modal) .product-form .av-klarna-checkout,
:is(body[data-template="product"], quick-add-modal) .product-form .av-card-checkout{
 display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;
 margin:0;padding:8px 12px;border:0;border-radius:999px;cursor:pointer;text-align:center;
 font:700 13px/1.2 Arial,Helvetica,sans-serif;white-space:normal;
}
.product-form .av-klarna-checkout{background:#ffb3c7;color:#21151e}
.product-form .av-klarna-logo{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:24px;padding:4px 6px;border-radius:3px;background:#211b1d;color:#fff;font:800 12px/1 Arial,Helvetica,sans-serif;letter-spacing:-.5px}
.product-form .av-checkout-label{min-width:0;overflow-wrap:normal;word-break:normal}
.product-form .av-card-checkout{background:#281524;color:#fff}
.product-form .av-card-checkout-arrow{font-size:17px;line-height:1;flex:none}
.product-form picture.av-card-checkout-brands{display:block;flex:0 0 193px;width:193px;height:18px}
.product-form picture.av-card-checkout-brands img{display:block;width:193px;height:18px;max-width:none}
/* Keep cached purchase fragments usable during the template rollout. */
.product-form span.av-card-checkout-brands{display:flex;gap:4px;flex:none}
.product-form span.av-card-checkout-brands img{width:24px;height:16px;object-fit:contain;background:#fff;border-radius:2px}
.product-form .av-klarna-checkout:focus-visible,.product-form .av-card-checkout:focus-visible{outline:3px solid #9c4265;outline-offset:3px}
.product-form .av-klarna-checkout:disabled,.product-form .av-card-checkout:disabled,.product-form [data-av-klarna-checkout][aria-busy="true"],.product-form [data-av-card-checkout][aria-busy="true"]{cursor:wait;opacity:.65}
@media(max-width:760px){
 :is(body[data-template="product"], quick-add-modal) .product-form .product-form__buttons>.product-form__submit{min-height:44px!important;height:auto!important;padding:9px 12px!important;font-size:13px!important;line-height:1.25!important}
 :is(body[data-template="product"], quick-add-modal) .product-form .av-klarna-checkout,:is(body[data-template="product"], quick-add-modal) .product-form .av-card-checkout{font-size:12.5px;padding:8px 10px;gap:7px}
 .product-form picture.av-card-checkout-brands{width:61px;flex-basis:61px}
 .product-form picture.av-card-checkout-brands img{width:61px}
}

/* First row: native cart and Klarna. Remaining payment methods keep full width. */
:is(body[data-template="product"], quick-add-modal) .product-form .product-form__buttons>*{grid-column:1/-1;min-width:0}
:is(body[data-template="product"], quick-add-modal) .product-form .product-form__buttons>.product-form__submit{grid-column:1;grid-row:1;align-self:stretch}
:is(body[data-template="product"], quick-add-modal) .product-form .product-form__buttons>.av-klarna-checkout{grid-column:2;grid-row:1;align-self:stretch}
@media(max-width:760px){
 :is(body[data-template="product"], quick-add-modal) .product-form .product-form__buttons>.product-form__submit{font-size:11px!important;padding:7px 6px!important}
 :is(body[data-template="product"], quick-add-modal) .product-form .product-form__buttons>.av-klarna-checkout{font-size:11px;gap:4px;padding:7px 6px}
 .product-form .av-klarna-checkout .av-klarna-logo{font-size:10px;min-height:20px;padding:3px 4px}
}

/* Center multiline cart and Klarna labels in both axes. */
:is(body[data-template="product"], quick-add-modal) .product-form .product-form__buttons>.product-form__submit,:is(body[data-template="product"], quick-add-modal) .product-form .product-form__buttons>.av-klarna-checkout{display:flex;align-items:center;justify-content:center;text-align:center!important}
:is(body[data-template="product"], quick-add-modal) .product-form .product-form__buttons>.product-form__submit>span,:is(body[data-template="product"], quick-add-modal) .product-form .av-klarna-checkout .av-checkout-label{text-align:center!important;line-height:1.25}

/* Match the native submit button's visible border to its existing pill shape. */
quick-add-modal .product-form .product-form__buttons>.product-form__submit::before,
quick-add-modal .product-form .product-form__buttons>.product-form__submit::after{border-radius:inherit}
/* Quick-add columns are narrower than the full product page, even on desktop. */
quick-add-modal .product-form picture.av-card-checkout-brands{flex-shrink:1;min-width:0;max-width:45%}
quick-add-modal .product-form picture.av-card-checkout-brands img{width:100%;max-width:100%;object-fit:contain}