/* A roomier service chooser and a clear, three-step subscription form. */
.checkout-picker{margin-bottom:32px}
.checkout-picker-heading{margin-bottom:18px}
.checkout-picker-heading h2{font-size:24px;letter-spacing:-.6px;line-height:1.3}
.checkout-picker-heading>span{font-size:15px}
.checkout-services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;overflow:visible;padding:0;margin:0}
.checkout-service{position:relative;flex-direction:row;justify-content:flex-start;gap:16px;min-height:92px;padding:22px;border-color:#dce4f0;border-radius:20px;background:#fff;font-size:18px;font-weight:500;line-height:1.35;white-space:normal;text-align:left;box-shadow:0 4px 14px #27457503;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s}
.checkout-service img{width:38px;height:38px}
.checkout-service:hover{transform:translateY(-3px);border-color:#9fbaf0;box-shadow:0 9px 22px #3050800b}
.checkout-service.is-selected{color:#2454bd;border-color:#5987ed;background:linear-gradient(150deg,#f1f6ff,#e4eeff);box-shadow:inset 0 0 0 1px #5987ed30,0 7px 18px #3566be0a}
.checkout-service.is-selected::after{content:"";position:absolute;top:12px;right:12px;width:7px;height:7px;border-radius:50%;background:#2c63ed;box-shadow:0 0 0 4px #2c63ed0d}
.checkout-canvas{border-radius:30px;border-color:#d9e3f0;box-shadow:0 18px 50px #2e507207}
.checkout-product{min-height:122px;padding:18px 28px;gap:20px;border-bottom-color:#dce7f3;background:radial-gradient(ellipse at 92% 130%,#a5d6ef52 0,transparent 58%),linear-gradient(115deg,#f8fbff 8%,#edf4ff 54%,var(--product-tint,#edf4ff));isolation:isolate}
.checkout-product::before{width:490px;height:490px;right:-210px;top:-350px;border:1px solid #94b8dd55;border-radius:46%;transform:rotate(-21deg);box-shadow:0 0 0 30px #ffffff28,0 0 0 62px #ffffff30,0 0 0 94px #ffffff24}
.checkout-product::after{width:420px;height:420px;right:-100px;bottom:-370px;border:1px solid #7cadd534;border-radius:46%;transform:rotate(24deg);box-shadow:0 0 0 28px #ffffff3b,0 0 0 58px #ffffff30}
.checkout-product-logo{width:68px;height:68px;border:1px solid #ffffffeb;border-radius:20px;background:#ffffffed;box-shadow:0 8px 20px #38638d0c}
.checkout-product-logo img{width:41px;height:41px}
.checkout-product-copy .eyebrow{font-size:10px;line-height:1.5;letter-spacing:1.5px;color:#58718e;margin-bottom:5px}
.checkout-product-copy h1{font-size:32px;letter-spacing:-1px;line-height:1.15}
.checkout-product-copy p{max-width:620px;font-size:16px;line-height:1.5;color:#546b85;margin-top:6px}
.checkout-digital{padding:8px 11px;margin-top:2px;font-size:13px;line-height:1.4;color:#526d8b;background:#ffffffa6;border:1px solid #ffffffd4;border-radius:20px}
.checkout-options{padding:20px 28px;gap:26px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
.checkout-plans legend,.checkout-duration legend,.checkout-contact h2{font-size:20px;letter-spacing:-.4px;gap:10px;margin-bottom:13px}
.checkout-step{width:27px;height:27px;font-size:11px;background:#eaf1ff;color:#4272c1}
.checkout-plan-list{gap:10px}
.checkout-plan-row{min-height:80px;padding:14px 15px;gap:11px;border-radius:15px;border-color:#dce5f0;background:#fff;box-shadow:0 4px 12px #28426002}
.checkout-plan:hover .checkout-plan-row{border-color:#8eafe9;background:#fbfdff}
.checkout-plan>input:checked+.checkout-plan-row{background:linear-gradient(120deg,#edf4ff,#f7faff);border-color:#5180ed;box-shadow:inset 0 0 0 1px #5180ed4d,0 6px 16px #2c63ed08}
.checkout-radio{width:19px;height:19px}
.checkout-plan input:checked+.checkout-plan-row .checkout-radio{background:#2c63ed;border-color:#2c63ed}
.checkout-plan input:checked+.checkout-plan-row .checkout-radio::after{width:8px;height:5px;background:none;border-left:2px solid #fff;border-bottom:2px solid #fff;border-radius:0;transform:translateY(-1px) rotate(-45deg)}
.checkout-plan-copy>strong{font-size:20px;line-height:1.3;letter-spacing:-.35px}
.checkout-plan-copy>span{font-size:14px;line-height:1.5;color:#62758c;margin-top:4px}
.checkout-plan-cost>strong{font-size:24px;line-height:1.3;letter-spacing:-.7px}
.checkout-plan-cost>span,.checkout-plan-cost>small{font-size:14px;color:#62758c}
.checkout-choice{min-width:0}
.checkout-guide{display:flex;align-items:flex-start;gap:12px;margin-top:14px;padding:12px 14px;border:1px solid #e2eaf6;border-radius:14px;background:#f8faff}
.checkout-guide-icon{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:9px;background:#eaf1ff;color:#2c63ed}
.checkout-guide-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.checkout-guide strong{display:block;font-size:14px;font-weight:600;line-height:1.4;color:#263e5a}
.checkout-guide p{margin:4px 0 7px;font-size:13px;line-height:1.5;color:#62758c;max-width:380px}
.checkout-guide-links{display:flex;flex-wrap:wrap;gap:6px 18px}
.checkout-guide-links a{display:inline-flex;align-items:center;gap:6px;padding:3px 0;color:#245acb;font-size:13px;font-weight:600;line-height:1.4;text-underline-offset:3px}
.checkout-guide-links a:hover{text-decoration:underline;color:#19459f}
.checkout-guide-links a:focus-visible{outline:2px solid #83a8ff;outline-offset:3px;border-radius:3px}
.checkout-duration{padding:0}
.checkout-terms{gap:5px;padding:4px;border:1px solid #e1e8f3;background:#eff4fb;border-radius:14px}
.checkout-terms label>span{min-height:43px;display:flex;align-items:center;justify-content:center;padding:10px 6px;font-size:16px;line-height:1.4;border-radius:10px}
.checkout-terms input:checked+span{background:#fff;color:#225ac8;border-color:#c9dafa;box-shadow:0 4px 10px #325d9b09;font-weight:600}
.checkout-duration>p{font-size:16px;line-height:1.8;margin-top:21px}
.checkout-selection{padding:17px 18px;margin-top:23px;border:1px solid #dceae6;border-radius:15px;background:#f0f8f5;color:#365f53;font-size:15px;line-height:1.65}
.checkout-selection .icon{color:#48836e}
.checkout-final{display:block;padding:18px 28px 20px;border-top:1px solid #dfe8f4;background:linear-gradient(120deg,#f5f8fd,#eff5ff)}
.checkout-final::before,.checkout-final::after{content:none}
.checkout-contact{display:grid;grid-template-columns:160px minmax(0,1fr);gap:22px;align-items:start}
.checkout-contact h2{font-size:18px;line-height:1.4;margin:0;padding-top:2px}
.checkout-contact-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;align-items:start}
.checkout-email{max-width:none;min-width:0}
.checkout-email>span{font-size:16px;color:#465e7b;line-height:1.5;margin-bottom:6px}
.checkout-email input{min-height:48px;padding:10px 14px;font-size:16px;border-radius:11px;border-color:#cbdaf0}
.checkout-email input:focus{border-color:#5383ef;box-shadow:0 0 0 3px #2c63ed0b}
.checkout-email>small{font-size:14px;line-height:1.5;max-width:none;color:#61758f;margin-top:6px}
.checkout-promo{margin-top:0;max-width:none;min-width:0}
.checkout-promo label{display:block;font-size:16px;line-height:1.5;color:#465e7b;margin-bottom:6px}
.checkout-promo label>span{display:block}
.checkout-promo-control{display:flex;align-items:stretch;gap:9px;min-width:0}
.checkout-promo-control input{width:100%;min-width:0;min-height:48px;padding:10px 14px;font-size:16px;line-height:1.5;letter-spacing:.3px;color:var(--ink);border:1px solid #cbdaf0;border-radius:11px;background:#fff}
.checkout-promo-control input::placeholder{color:#7f91a9;letter-spacing:0}
.checkout-promo-control input:focus{border-color:#5383ef;box-shadow:0 0 0 3px #2c63ed0b}
.checkout-promo-control button{flex-shrink:0;min-height:48px;padding:10px 15px;border:1px solid #cbdaf0;border-radius:11px;font-size:15px;font-weight:550;line-height:1.5;background:#e7effe;color:#2d5aaa;transition:background .2s,border-color .2s}
.checkout-promo-control button:hover{background:#dce8ff;border-color:#aac3ed}
.checkout-promo-status{margin:9px 0 0;font-size:14px;line-height:1.6;color:#61758f;overflow-wrap:anywhere}
.checkout-promo-status:empty{display:none}
.checkout-promo-status[data-state="error"]{color:#a53d50}
.checkout-receipt{align-self:start;display:grid;grid-template-columns:minmax(0,1fr) auto 180px;align-items:center;gap:14px 22px;position:relative;isolation:isolate;overflow:hidden;min-height:84px;margin-top:18px;padding:16px 18px;border:1px solid #2c5394;border-radius:18px;background:linear-gradient(145deg,#234d88,#183653);box-shadow:0 8px 22px #234d8810;color:#fff}
.checkout-receipt::before{content:"";position:absolute;z-index:-1;right:-72px;bottom:-195px;width:280px;height:280px;border:1px solid #adc8f226;border-radius:46%;box-shadow:0 0 0 23px #adc8f20a,0 0 0 47px #adc8f207;transform:rotate(22deg);pointer-events:none}
.checkout-receipt-copy{min-width:0}
.checkout-receipt-selection{min-width:0;margin:0;font-size:14px;line-height:1.45;color:#e3ecfa;overflow-wrap:anywhere}
.checkout-receipt-selection strong{font-weight:600}
.checkout-receipt-selection .selection-dot{margin:0 6px;color:#a8bddb}
.checkout-total{display:block;min-width:0;margin:0;text-align:right}
.checkout-total>span{display:block;max-width:none;margin-bottom:2px;font-size:14px;line-height:1.4;color:#cfdef1}
.checkout-total>strong{display:block;font-size:28px;line-height:1.2;letter-spacing:-.8px;color:#fff;text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:normal;white-space:nowrap}
.checkout-receipt .currency-sign{filter:invert(1);mix-blend-mode:screen}
.checkout-submit{min-width:0;min-height:50px;width:180px;padding:12px 17px;font-size:16px;font-weight:600;border-radius:11px;background:#fff;color:#2454a1;box-shadow:0 4px 14px #0e284320}
.checkout-submit:hover{background:#eaf2ff;color:#1e478a}
.checkout-submit .icon{width:20px;height:20px}
.checkout-demo-note{min-width:0;font-size:14px;line-height:1.5;color:#c7d9ef;margin:5px 0 0;overflow-wrap:anywhere}
.checkout-information{padding-top:42px}

/* The confirmation keeps the selected subscription and payment choice together. */
#store-dialog[data-view="payment"]{width:min(680px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:30px;border-radius:27px;overscroll-behavior:contain;scrollbar-gutter:stable}
#store-dialog[data-view="payment"] .modal-head{gap:16px;padding-bottom:22px}
#store-dialog[data-view="payment"] .modal-head h2{font-size:29px;line-height:1.25;letter-spacing:-.8px}
#store-dialog[data-view="payment"] .modal-head .eyebrow{font-size:11px;color:#617a98;letter-spacing:1.3px;line-height:1.5}
#store-dialog[data-view="payment"] .modal-close{width:40px;height:40px;font-size:27px}
#store-dialog[data-view="payment"] .payment-intro{margin:20px 0;font-size:16px;line-height:1.7;color:#5d718b}
#store-dialog[data-view="payment"] .payment-summary{display:flex;align-items:center;gap:19px;padding:22px;border:1px solid #dae7f6;border-radius:19px;background:radial-gradient(ellipse at 100% 0,#d9ebff 0,transparent 65%),#f2f7fe;margin:22px 0}
#store-dialog[data-view="payment"] .payment-summary>img{flex-shrink:0;width:67px;height:67px;object-fit:contain;padding:12px;border-radius:19px;background:#fff;box-shadow:0 6px 18px #46678d08}
#store-dialog[data-view="payment"] .payment-summary-copy{min-width:0}
#store-dialog[data-view="payment"] .payment-summary-copy h3{font-size:25px;line-height:1.3;letter-spacing:-.6px;overflow-wrap:anywhere}
#store-dialog[data-view="payment"] .payment-summary-copy p{font-size:16px;line-height:1.65;color:#5d718b;margin-top:7px;overflow-wrap:anywhere}
#store-dialog[data-view="payment"] .payment-meta{margin:22px 0;padding:0;display:grid;gap:11px;font-size:16px;line-height:1.6}
#store-dialog[data-view="payment"] .payment-meta>div{display:flex;justify-content:space-between;gap:24px;min-width:0}
#store-dialog[data-view="payment"] .payment-meta dt{color:#647992}
#store-dialog[data-view="payment"] .payment-meta dd{margin:0;text-align:right;color:var(--ink);overflow-wrap:anywhere;max-width:65%}
#store-dialog[data-view="payment"] .payment-total{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #e0e7f0;padding:19px 0 23px;margin-top:12px}
#store-dialog[data-view="payment"] .payment-total>span{font-size:16px;line-height:1.5;color:#546d8c}
#store-dialog[data-view="payment"] .payment-total>strong{font-size:32px;line-height:1.3;letter-spacing:-.8px;overflow-wrap:anywhere;text-align:right;font-variant-numeric:tabular-nums}
#store-dialog[data-view="payment"] .payment-methods{border:0;padding:0;margin:3px 0 0;min-width:0}
#store-dialog[data-view="payment"] .payment-methods>legend{padding:0;margin-bottom:15px;font-size:21px;line-height:1.4;font-weight:600;letter-spacing:-.4px}
#store-dialog[data-view="payment"] .payment-method-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#store-dialog[data-view="payment"] .payment-method{position:relative;cursor:pointer;min-width:0}
#store-dialog[data-view="payment"] .payment-method>input{position:absolute;width:1px;height:1px;opacity:0}
#store-dialog[data-view="payment"] .payment-method-body{display:grid;grid-template-columns:minmax(0,1fr) 20px;align-content:start;gap:8px 6px;min-height:148px;height:100%;padding:16px;border:1px solid #dbe4f1;border-radius:16px;background:#fff;transition:background .2s,border-color .2s,box-shadow .2s}
#store-dialog[data-view="payment"] .payment-method-icon{grid-column:1;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#edf3fd;color:#3161ad;font-size:16px;font-weight:650;line-height:1}
#store-dialog[data-view="payment"] .payment-method-icon svg{width:23px;height:23px}
#store-dialog[data-view="payment"] .payment-method-icon img{max-width:26px;max-height:26px;object-fit:contain}
#store-dialog[data-view="payment"] .payment-method-body>strong{grid-column:1 / -1;font-size:17px;font-weight:600;line-height:1.4;letter-spacing:-.2px;margin-top:4px;overflow-wrap:anywhere}
#store-dialog[data-view="payment"] .payment-method-body>small{grid-column:1 / -1;font-size:14px;line-height:1.5;color:#647992}
#store-dialog[data-view="payment"] .payment-method-check{grid-column:2;grid-row:1;align-self:start;justify-self:end;display:grid;place-items:center;width:19px;height:19px;margin-top:8px;border:1.5px solid #c4d0e3;border-radius:50%;background:#fff}
#store-dialog[data-view="payment"] .payment-method:hover .payment-method-body{border-color:#9cb8e8;background:#fbfdff}
#store-dialog[data-view="payment"] .payment-method>input:checked+.payment-method-body{border-color:#5e89ec;box-shadow:inset 0 0 0 1px #5e89ec30;background:#f0f5ff}
#store-dialog[data-view="payment"] .payment-method>input:checked+.payment-method-body .payment-method-check{background:#2c63ed;border-color:#2c63ed}
#store-dialog[data-view="payment"] .payment-method>input:checked+.payment-method-body .payment-method-check::after{content:"";width:7px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:translateY(-1px) rotate(-45deg)}
#store-dialog[data-view="payment"] .payment-method>input:focus-visible+.payment-method-body{outline:3px solid #76a1ff;outline-offset:3px}
#store-dialog[data-view="payment"] .payment-status{margin:19px 0 0;padding:13px 16px;border:1px solid #e2e9f3;border-radius:12px;background:#f6f8fc;color:#5c718d;font-size:14px;line-height:1.7}
#store-dialog[data-view="payment"] .payment-feedback{font-size:15px;line-height:1.65;color:#a53d50;margin:15px 0 0;overflow-wrap:anywhere}
#store-dialog[data-view="payment"] .payment-feedback:empty{display:none}
#store-dialog[data-view="payment"] .payment-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:22px}
#store-dialog[data-view="payment"] .payment-actions>*{flex:1 1 220px;min-height:53px;display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:8px;padding:13px 17px;font-size:16px;line-height:1.5;border-radius:12px}
#store-dialog[data-view="payment"] .payment-actions>a:not(.primary-button){background:#eef3fb;color:#345e99}

@media(max-width:1120px){
  .checkout-product{padding:18px 26px}
  .checkout-options{padding:20px 26px;gap:24px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .checkout-final{padding:18px 26px 20px}
  .checkout-receipt{padding:15px 16px;gap:14px 18px}
  .checkout-plan-row{padding:14px;gap:10px}
  .checkout-plan-copy>strong{font-size:20px}
  .checkout-plan-cost>strong{font-size:24px}
}
@media(max-width:1050px){
  .checkout-contact{display:block}
  .checkout-contact h2{padding:0;margin-bottom:12px}
  .checkout-services{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
  .checkout-service{flex-direction:row;gap:12px;min-height:86px;padding:18px 15px;font-size:17px}
  .checkout-service img{width:36px;height:36px}
  .checkout-service.is-selected::after{top:9px;right:9px;width:5px;height:5px;box-shadow:none}
}
@media(max-width:850px){
  .checkout-services{grid-template-columns:repeat(3,minmax(0,1fr))}
  .checkout-product{gap:18px}
  .checkout-product-copy h1{font-size:32px}
  .checkout-product-copy p{font-size:16px}
  .checkout-options{grid-template-columns:1fr;gap:22px}
  .checkout-plan-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .checkout-plan-row{align-items:flex-start;flex-wrap:wrap;min-height:126px;padding:15px;gap:9px}
  .checkout-plan-cost{margin-left:28px;flex-basis:100%;text-align:left}
  .checkout-plan-cost>strong{font-size:24px}
  .checkout-duration{padding:0}
  .checkout-terms{max-width:none}
  .checkout-duration>p{margin-top:16px;font-size:16px}
  .checkout-duration>p br{display:none}
  .checkout-selection{margin-top:18px}
  .checkout-email,.checkout-email>small,.checkout-promo{max-width:none}
  .checkout-receipt{gap:14px 18px;padding:16px 17px}
  .checkout-total{margin:0}
  .checkout-total>strong{font-size:30px}
  .checkout-submit{align-self:center}
}
@media(max-width:700px){
  .checkout-services{grid-template-columns:repeat(3,minmax(0,1fr))}
  .checkout-service{flex-direction:column;justify-content:center;gap:10px;min-height:110px;padding:17px 8px;border-radius:17px;font-size:16px;text-align:center}
  .checkout-service img{width:36px;height:36px}
  .checkout-picker-heading>span{display:none}
  .checkout-receipt{grid-template-columns:minmax(0,1fr) 160px;gap:14px 16px}
  .checkout-receipt-copy{grid-column:1 / -1}
  .checkout-total,.checkout-total>strong{text-align:left}
  .checkout-submit{width:160px}
}
@media(max-width:620px){
  .checkout-picker{margin-bottom:24px}
  .checkout-picker-heading h2{font-size:23px}
  .checkout-canvas{border-radius:24px}
  .checkout-product{padding:20px;gap:15px;min-height:0;align-items:flex-start}
  .checkout-product-logo{width:60px;height:60px;border-radius:18px;margin:2px 0 0}
  .checkout-product-logo img{width:36px;height:36px}
  .checkout-product-copy .eyebrow{font-size:10px;letter-spacing:1.1px}
  .checkout-product-copy h1{font-size:30px;letter-spacing:-.8px}
  .checkout-product-copy p{font-size:16px;line-height:1.5;margin-top:7px}
  .checkout-options{padding:22px 20px;gap:23px}
  .checkout-plans legend,.checkout-duration legend{font-size:20px;gap:9px;margin-bottom:13px}
  .checkout-contact h2{font-size:18px;gap:9px;margin-bottom:12px}
  .checkout-contact-fields{grid-template-columns:minmax(0,1fr);gap:17px}
  .checkout-plan-list{grid-template-columns:1fr;gap:10px}
  .checkout-plan-row{min-height:80px;padding:14px;gap:10px;flex-wrap:nowrap;align-items:center}
  .checkout-plan-copy>strong{font-size:20px}
  .checkout-plan-copy>span{font-size:14px}
  .checkout-plan-cost{flex-basis:auto;margin-left:auto;text-align:right}
  .checkout-plan-cost>strong{font-size:24px}
  .checkout-plan-cost>span,.checkout-plan-cost>small{font-size:14px}
  .checkout-terms{gap:4px;padding:4px;border-radius:14px}
  .checkout-terms label>span{min-height:43px;font-size:15px;padding:10px 4px;border-radius:10px}
  .checkout-selection{font-size:15px;padding:15px}
  .checkout-final{padding:20px}
  .checkout-receipt{gap:14px 16px;padding:14px 16px;border-radius:18px}
  .checkout-total{display:block;margin:0}
  .checkout-total>strong{font-size:29px;margin:0}
  .checkout-information{padding-top:33px}
  #store-dialog[data-view="payment"]{width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:25px 21px;border-radius:23px;scrollbar-gutter:auto}
  #store-dialog[data-view="payment"] .modal-head{padding-bottom:19px;gap:12px}
  #store-dialog[data-view="payment"] .modal-head h2{font-size:26px}
  #store-dialog[data-view="payment"] .payment-summary{padding:18px;gap:15px;border-radius:16px}
  #store-dialog[data-view="payment"] .payment-summary>img{width:59px;height:59px;border-radius:16px;padding:10px}
  #store-dialog[data-view="payment"] .payment-summary-copy h3{font-size:22px;letter-spacing:-.4px}
  #store-dialog[data-view="payment"] .payment-summary-copy p{font-size:15px}
  #store-dialog[data-view="payment"] .payment-total>strong{font-size:30px}
  #store-dialog[data-view="payment"] .payment-method-list{grid-template-columns:1fr;gap:10px}
  #store-dialog[data-view="payment"] .payment-method-body{grid-template-columns:40px minmax(0,1fr) 20px;align-items:center;gap:3px 13px;min-height:86px;padding:15px}
  #store-dialog[data-view="payment"] .payment-method-icon{grid-column:1;grid-row:1 / 3;width:40px;height:40px;border-radius:11px}
  #store-dialog[data-view="payment"] .payment-method-body>strong{grid-column:2;grid-row:1;margin:0;font-size:17px;align-self:end}
  #store-dialog[data-view="payment"] .payment-method-body>small{grid-column:2;grid-row:2;align-self:start}
  #store-dialog[data-view="payment"] .payment-method-check{grid-column:3;grid-row:1 / 3;align-self:center;margin:0}
  #store-dialog[data-view="payment"] .payment-actions{gap:10px}
  #store-dialog[data-view="payment"] .payment-actions>*{flex-basis:100%}
}
@media(max-width:460px){
  .checkout-services{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .checkout-service{min-height:105px}
  .checkout-product{display:flex;gap:14px}
  .checkout-product-logo{margin:2px 0 0;width:52px;height:52px;border-radius:15px}
  .checkout-product-logo img{width:32px;height:32px}
  .checkout-product-copy h1{font-size:28px}
  .checkout-plan-row{flex-wrap:wrap;align-items:flex-start;gap:8px 10px}
  .checkout-plan-copy{flex:1}
  .checkout-plan-cost{flex-basis:100%;margin-left:29px;text-align:left}
  .checkout-terms label>span{font-size:14px}
  .checkout-receipt{grid-template-columns:minmax(0,1fr);gap:10px}
  .checkout-receipt-copy{grid-column:auto}
  .checkout-total{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px 12px;text-align:left}
  .checkout-total>span{max-width:110px;margin:0}
  .checkout-total>strong{font-size:30px;text-align:right;white-space:nowrap;margin-left:auto}
  .checkout-submit{width:100%;justify-content:space-between}
  .checkout-promo-control{flex-wrap:wrap}
  .checkout-promo-control input{flex:1 1 150px}
  .checkout-promo-control button{flex:1 1 110px}
  #store-dialog[data-view="payment"] .payment-meta{font-size:15px}
  #store-dialog[data-view="payment"] .payment-meta>div{gap:14px}
}
@media(max-width:360px){
  .checkout-product,.checkout-options,.checkout-final{padding:19px 17px}
  .checkout-service{font-size:15px}
  .checkout-receipt{padding:15px}
  .checkout-terms{gap:2px}
  .checkout-terms label>span{padding-inline:2px}
  #store-dialog[data-view="payment"]{padding:23px 18px}
  #store-dialog[data-view="payment"] .modal-head h2{font-size:24px}
  #store-dialog[data-view="payment"] .payment-summary{padding:16px;gap:12px;align-items:flex-start}
  #store-dialog[data-view="payment"] .payment-summary>img{width:48px;height:48px;padding:8px;border-radius:13px}
  #store-dialog[data-view="payment"] .payment-summary-copy h3{font-size:21px}
  #store-dialog[data-view="payment"] .payment-total{flex-wrap:wrap;gap:8px}
  #store-dialog[data-view="payment"] .payment-total>strong{margin-left:auto}
  #store-dialog[data-view="payment"] .payment-method-body{padding:14px 12px;gap:3px 10px}
}
@media(prefers-reduced-motion:reduce){
  .checkout-service,.checkout-plan-row,.checkout-promo-control button,#store-dialog[data-view="payment"] .payment-method-body{transition:none}
  .checkout-service:hover{transform:none}
}