/* Payment branding uses fixed-size badges; the provider owns offer wording. */
.payment-strip{background:#f7f9fb;border-bottom:1px solid #e1e7ed;color:#172c46}
.payment-strip>.container{display:flex;align-items:center;justify-content:center;gap:18px;padding-top:8px;padding-bottom:8px;flex-wrap:wrap}
.payment-strip strong{font-size:13px;font-weight:800}
.payment-strip a:not(.payment-brand){font-size:12px;font-weight:750;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.payment-strip-note{font-size:11px;color:#526479}
.payment-brand-links{display:flex;align-items:center;gap:8px;flex-shrink:0}
.payment-brand{display:inline-flex;align-items:center;justify-content:center;flex:0 0 104px;width:104px;height:38px;padding:0;border-radius:5px;box-sizing:border-box}
.payment-brand-klarna{background:#ffa8cd;color:#0b051d}
.payment-brand-clearpay{background:#b2fce4;color:#000}
.payment-brand-paypal{background:#fff3c4;color:#003087}
.payment-logo-paypal{width:78px!important;height:22px!important}
.paypal-site-banner{padding-top:14px;padding-bottom:0}
.paypal-message{min-width:0;width:100%;margin:12px 0 0}
.paypal-message-banner{margin:0}
.paypal-message [data-pp-message]{min-width:0}
.paypal-message-fallback{font-size:13px;line-height:1.5;margin:0}
.paypal-message-fallback a{font-weight:650;text-decoration:underline;text-underline-offset:3px}
.payment-provider-message+.paypal-message{border-top:1px solid #e1e7ed;padding-top:12px}
.payment-guide-hero.payment-brand-paypal{background:#fff3c4}
.payment-guide-layout article>.paypal-message{padding:24px 0;max-width:650px}
.payment-logo{display:block!important;width:88px!important;height:40px!important;max-height:none;object-fit:contain!important;aspect-ratio:auto!important;border-radius:0!important}
.payment-logo-clearpay{width:82px!important;height:20px!important}
.payment-strip .payment-brand{flex-basis:90px;width:90px;height:32px}
.payment-strip .payment-logo{width:78px!important;height:36px!important}
.payment-strip .payment-logo-clearpay{width:73px!important;height:18px!important}
.payment-message{min-width:0;margin:16px 0;padding:16px;background:#fff;border:1px solid #dce4eb;border-radius:8px;color:#172c46;align-self:start}
.payment-message-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.payment-message-heading>strong{font-size:14px;font-weight:800}
.payment-details-link{font-size:12px;font-weight:650;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.payment-provider-message{min-width:0;min-height:40px}
.payment-message-fallback{font-size:13px;line-height:1.5;margin:0}
.payment-message-fallback a{font-weight:700;text-decoration:underline;text-underline-offset:3px}
.payment-message-basis{font-size:11px;line-height:1.4;margin:7px 0 0!important;color:#526479}
.payment-message-compact{border:0;border-top:1px solid #e5eaf0;border-radius:0;background:transparent;padding:12px 0 0;margin:10px 0 8px;width:100%;box-sizing:border-box}
.payment-message-compact .payment-message-basis{font-size:11px;margin-top:6px!important}
.product-card .card-price .price,.merch-card-price>strong{font-size:34px;font-weight:800;letter-spacing:-1px;line-height:1.1;color:#c61b35}
.merch-mixed-grid .merch-card-price>strong{font-size:30px}
.merch-card-copy>.merch-card-cta{align-self:stretch;margin-top:8px;padding:13px 0 0;min-height:40px}
.merch-card-copy>.payment-message,.product-info>.payment-message{align-self:start;min-height:0}
.payment-showcase{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:32px;margin-top:28px;margin-bottom:28px;background:#f6f8fa;border:1px solid #e1e7ed;border-radius:12px;align-items:center}
.payment-showcase h2{font-size:clamp(26px,3vw,36px);line-height:1.15;margin:10px 0}
.payment-showcase p{line-height:1.6;margin:10px 0 18px;max-width:50ch;font-size:14px}
.payment-showcase-providers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.payment-provider-tile{display:grid;grid-template-rows:44px auto auto;align-content:start;gap:12px;border-radius:8px;padding:22px;text-decoration:none}
.payment-provider-tile>.payment-logo{align-self:center}
.payment-provider-tile strong{font-size:15px;line-height:1.4}
.payment-provider-tile span{font-size:12px;line-height:1.5;text-decoration:underline}
.payment-showcase-providers>p{grid-column:1/-1;font-size:12px;margin:0;color:#42536a}
.payment-guide{padding-bottom:48px}.payment-guide-hero{padding:40px;border-radius:20px;background:#f2f6fa;margin:12px 0 25px}.payment-guide-hero.payment-brand-klarna{background:#ffa8cd}.payment-guide-hero.payment-brand-clearpay{background:#b2fce4}.payment-guide-hero>.payment-logo{width:160px!important;height:78px!important;max-height:78px;margin:20px 0}.payment-guide-hero>.payment-brand-links{margin:20px 0}.payment-guide-hero h1{font-size:clamp(32px,5vw,54px);line-height:1.13;margin:15px 0}.payment-guide-hero>p{font-size:19px;max-width:650px;line-height:1.6}.payment-guide-hero .btn{margin-top:15px}.payment-guide-nav{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.payment-guide-nav a{padding:10px 14px;background:#f3f5f7;border-radius:7px;font-size:14px}.payment-guide-nav [aria-current]{background:#174c92;color:#fff}.payment-guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px}.payment-guide-layout .guide-section{padding:26px 0;border-bottom:1px solid #dce2e8}.payment-guide-layout .guide-section p,.payment-guide-layout .guide-section li{line-height:1.75}.payment-help-card{position:sticky;top:20px;border:1px solid #d6dfe7;padding:24px;border-radius:14px;margin-top:26px}.payment-help-card h2{font-size:21px}.payment-help-card h3{margin:20px 0 8px}.payment-help-card a{display:block;margin:12px 0;font-size:14px;text-decoration:underline;text-underline-offset:3px}.payment-reviewed{font-size:13px;margin-top:30px;line-height:1.6}.payment-footer{padding:26px 0;border-top:1px solid #d3dce6;border-bottom:1px solid #d3dce6;display:flex;gap:22px;align-items:center;flex-wrap:wrap}.payment-footer>div:first-child{margin-right:auto}.payment-footer p{font-size:13px;margin:8px 0}.payment-footer>a{font-size:14px;text-decoration:underline}.payment-message a:focus-visible,.payment-strip a:focus-visible,.payment-guide a:focus-visible,.payment-showcase a:focus-visible{outline:3px solid #174c92;outline-offset:5px}.card-deposit{margin-top:5px}.purchase-panel .payment-message{margin-top:14px}.payment-example .payment-message{max-width:600px}
@media(max-width:760px){.payment-strip>.container{gap:10px 16px;padding:12px 16px}.payment-strip strong{font-size:13px}.payment-strip-note{flex-basis:100%;text-align:center}.payment-strip a:not(.payment-brand){font-size:13px}.payment-showcase{grid-template-columns:1fr;gap:24px;padding:28px 20px;border-radius:0}.payment-showcase-providers{gap:10px}.payment-provider-tile{padding:22px 15px}.payment-guide-hero{padding:26px 20px}.payment-guide-layout{grid-template-columns:1fr;gap:8px}.payment-guide-hero>p{font-size:17px}.payment-guide-nav a{font-size:12px;flex:1 1 40%;text-align:center}.payment-message-heading .payment-brand{padding:12px;min-width:96px}.payment-message-heading .payment-logo{width:70px!important}.payment-message-heading .payment-logo-clearpay{width:90px!important}.payment-footer{gap:16px}.payment-footer>div:first-child{flex-basis:100%}.payment-footer>div:first-child strong{font-size:18px}.payment-message-heading>strong{font-size:16px}}

/* Compact brand bar and cards keep the same visual rhythm on small screens. */
@media(max-width:760px){
 .payment-strip>.container{gap:6px 12px;padding:8px 14px}
 .payment-strip strong{font-size:12px}
 .payment-strip-note{flex-basis:100%;font-size:10px;text-align:center}
 .payment-strip a:not(.payment-brand){font-size:11px}
 .payment-brand{width:96px;flex-basis:96px;height:36px}
 .payment-strip .payment-brand{width:80px;flex-basis:80px;height:29px}
 .payment-strip .payment-logo{width:71px!important;height:33px!important}
 .payment-strip .payment-logo-clearpay{width:66px!important;height:17px!important}
 .payment-message{padding:13px;margin:12px 0}
 .payment-message-compact{padding:10px 0 0;margin:8px 0 6px}
 .payment-message-heading>strong{font-size:13px}
 .payment-message-basis,.payment-message-compact .payment-message-basis{font-size:11px}
 .product-card .card-price .price,.merch-card-price>strong,.merch-mixed-grid .merch-card-price>strong{font-size:28px;letter-spacing:-.7px}
 .payment-showcase{padding:24px 20px;gap:20px}
 .payment-provider-tile{padding:18px 14px;gap:10px}
}
@media(max-width:380px){.payment-strip strong{display:none}.product-card .card-price .price,.merch-card-price>strong,.merch-mixed-grid .merch-card-price>strong{font-size:25px}}