.pay-mode{padding:12px 24px;text-align:center;background:#f4ebda;color:#69573c;font-size:13px;margin-top:120px}.pay-flow .pagetitle{background:none;min-height:0;padding:70px 24px 32px;height:auto}.pay-flow .pagetitle h1{font-size:30px}.pay-flow .pay-main{padding-bottom:60px}.pay-flow #footer{margin-top:0}.pay-progress{display:flex;justify-content:center;gap:32px;font-size:14px;margin:0 0 36px;color:#79776f}.pay-progress strong{color:#7c1630;border-bottom:2px solid #ae1537;padding-bottom:8px}.pay-columns{max-width:1100px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}.pay-summary,.pay-panel,.pay-result{background:#fff;border:1px solid #d2ccbf;border-radius:12px;overflow:hidden;box-shadow:0 8px 26px #30281806}.pay-summary summary{display:none}.pay-summary-body,.pay-panel{padding:30px}.pay-flow h2{font-size:23px;font-weight:600;margin:0 0 20px;line-height:1.5}.pay-flow h3{font-size:17px;font-weight:600;margin:0 0 12px}.pay-summary dl>div,.pay-bank>div{display:grid;grid-template-columns:115px minmax(0,1fr);gap:14px;border-bottom:1px solid #e9e5de;padding:12px 0}.pay-summary dt,.pay-bank dt{font-size:13px;color:#666}.pay-summary dd,.pay-bank dd{margin:0;overflow-wrap:anywhere;font-size:15px;line-height:1.6}.pay-total{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:26px 0 20px;font-size:15px}.pay-total strong{font-size:32px;white-space:nowrap}.pay-total small{font-size:15px;margin-left:6px;font-weight:400}.pay-panel>p{font-size:15px;line-height:1.6;margin-bottom:22px}.pay-submit{display:block;width:100%;padding:18px 12px;background:linear-gradient(#bd0b36,#8b0826);color:#fff!important;border:0;border-radius:6px;font-size:16px;font-weight:600;text-align:center;text-decoration:none;margin-top:24px;cursor:pointer;line-height:1.5;box-sizing:border-box}.pay-submit:disabled{opacity:.5;cursor:default}.pay-submit:focus-visible,.pay-text-button:focus-visible,summary:focus-visible{outline:3px solid #3974ab;outline-offset:4px}.pay-text-button{background:none;border:0;text-decoration:underline;font-size:13px;cursor:pointer;color:#695b46;padding:0}.pay-guidance{padding:18px;border:1px solid #ddd4c2;background:#f8f5ee;border-radius:6px;margin:18px 0;line-height:1.6;font-size:14px}.pay-small{font-size:13px!important;color:#666;line-height:1.6;margin-top:18px}.pay-bank{margin:20px 0}.pay-alternatives{border-top:1px solid #ddd;padding-top:22px;margin-top:26px;font-size:14px}.pay-alternatives button{border:1px solid #bba478;background:#fff;color:#695536;padding:10px;font-size:13px;border-radius:4px;cursor:pointer;margin:10px 8px 0 0}.pay-provider{display:flex;gap:12px;align-items:center;justify-content:flex-end;margin-top:24px;border-top:1px solid #e6e2d8;padding-top:22px;font-size:12px;color:#777}.pay-provider img{width:112px;height:36px;object-fit:cover}.pay-result{max-width:650px;padding:32px;margin:0 auto;text-align:center;font-size:15px;line-height:1.7}.pay-result .pay-bank{text-align:left}.pay-result-mark{width:56px;height:56px;border-radius:50%;background:#edf2ea;color:#55794c;display:grid;place-items:center;font-size:30px;margin:0 auto 20px}.pay-result-info{background:#f7f5ef;padding:18px;border-radius:6px;margin:24px 0;overflow-wrap:anywhere}.pay-text-link{display:block;font-size:14px;text-decoration:underline;margin-top:20px}.pay-error{color:#b50930;font-size:14px;line-height:1.5}.pay-mail{max-width:850px;padding:24px;margin:auto}.pay-mail pre{white-space:pre-wrap;overflow-wrap:anywhere;font:15px/1.7 inherit}#pay-widget{min-height:100px;margin-top:24px}.pay-input-banner{background:#f4ebda;color:#69573c;padding:12px;text-align:center;font-size:13px}
@media(max-width:767px){.pay-mode{margin-top:90px;padding:10px 16px;font-size:12px}.pay-flow .pagetitle{padding:36px 20px 24px}.pay-flow .pagetitle h1{font-size:24px}.pay-flow .pay-main{padding-bottom:40px}.pay-progress{gap:16px;font-size:11px;margin-bottom:24px}.pay-columns{grid-template-columns:minmax(0,1fr);gap:20px;padding:0 16px}.pay-summary summary{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;cursor:pointer;list-style:none;font-size:14px;gap:12px}.pay-summary summary::-webkit-details-marker{display:none}.pay-summary summary strong{font-size:20px;white-space:nowrap}.pay-summary summary small{display:block;font-size:10px;text-align:right;font-weight:400}.pay-summary summary i{display:inline-block;font-style:normal;margin-left:4px}.pay-summary[open] summary i{transform:rotate(180deg)}.pay-summary-body{padding:20px;border-top:1px solid #e6e0d6}.pay-panel{padding:24px 20px}.pay-summary dl>div,.pay-bank>div{grid-template-columns:100px minmax(0,1fr);gap:10px}.pay-flow h2{font-size:21px}.pay-total strong{font-size:28px}.pay-result{margin:0 16px;padding:24px 20px}.pay-mode+.page__main{padding-top:0}}

.pay-method-switch{margin-top:22px;text-align:center}.pay-method-switch .pay-text-button{font-size:13px;color:#706a60;line-height:1.5}
/* Keep shared form resets and fixed navigation clear of checkout controls. */
body.pay-flow .pay-submit{padding:18px 12px;margin-top:24px;min-height:60px;font-size:16px;line-height:1.5}
body.pay-flow .pay-text-button{padding:0;font-size:13px;line-height:1.5}
body.pay-flow .pay-alternatives button{padding:10px;margin:10px 8px 0 0;border:1px solid #bba478;font-size:13px;line-height:1.5}
body.pay-flow .header__right,body.pay-flow #nav_trigger{position:absolute}
body.pay-flow .pay-mode{margin-top:0}
body.pay-flow .pay-panel,body.pay-flow .pay-summary{min-width:0}
@media(min-width:768px) and (max-width:1100px){body.pay-flow .pay-columns{gap:24px}body.pay-flow .pay-panel,body.pay-flow .pay-summary-body{padding:24px}}
@media(max-width:767px){body.pay-flow .header__right{display:none}body.pay-flow .header{height:90px;min-height:0}body.pay-flow .pay-mode{position:relative;z-index:1}}
@media(max-width:767px){body.pay-flow::after{height:90px}}
@media(min-width:768px){body.pay-flow::after{height:150px}}
@media(max-width:767px){.pay-result-desktop-break{display:none}}
/* Input-page title follows the confirmation page without changing form headings. */
body.pay-input .pagetitle{background:none;min-height:0;padding:70px 24px 32px;height:auto}
body.pay-input .pagetitle h1{font-size:30px}
@media(max-width:767px){body.pay-input .pagetitle{padding:36px 20px 24px}body.pay-input .pagetitle h1{font-size:24px}}
body.pay-input::after{height:150px}
body.pay-input .header__right,body.pay-input #nav_trigger{position:absolute}
@media(max-width:767px){body.pay-input::after{height:90px}body.pay-input .header{position:relative;height:90px;min-height:0}body.pay-input .header__right{display:none}}
/* Large, keyboard-accessible payment choices; each label is the full tap target. */
body.pay-input .pay-method-options{display:grid;grid-template-columns:1fr;gap:12px;width:100%;margin:0;padding:0;list-style:none}
body.pay-input .pay-method-options li{position:relative;display:block;width:100%;margin:0;padding:0}
body.pay-input .pay-method-options input[type=radio]{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
body.pay-input .pay-method-options label{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:4px;box-sizing:border-box;width:100%;min-height:60px;padding:16px 16px 16px 46px;border:1px solid #bdb7ad;border-radius:7px;background:#fff;color:#282828;line-height:1.5;cursor:pointer}
body.pay-input .pay-method-options label::before{content:'';position:absolute;left:17px;top:50%;transform:translateY(-50%);width:17px;height:17px;margin:0;border:1px solid #8e887e;border-radius:50%;background:#fff}
body.pay-input .pay-method-options label::after{display:none}
body.pay-input .pay-method-options input:checked+label{border:2px solid #ae1537;padding:15px 15px 15px 45px;background:#fff8fa}
body.pay-input .pay-method-options input:checked+label::before{border-color:#ae1537;background:radial-gradient(circle,#ae1537 0 4px,#fff 5px)}
body.pay-input .pay-method-options input:focus-visible+label{outline:3px solid #3974ab;outline-offset:3px}
@media(hover:hover){body.pay-input .pay-method-options label:hover{border-color:#ae1537}}
@media(max-width:767px){body.pay-flow .pay-bank-result-title{font-size:18px}}
/* Keep mobile order-page header controls in the header, away from form fields. */
@media(max-width:767px){body.pay-input .order_btn,body.pay-flow .order_btn{position:absolute}}

/* Four-step checkout; the review page keeps order details expanded. */
@media(max-width:767px){.pay-progress{gap:10px;font-size:10px}.pay-confirm-columns .pay-summary summary{cursor:default}.pay-confirm-columns .pay-summary{pointer-events:none}.pay-confirm-columns .pay-summary-body{pointer-events:auto}}
/* Review restores the original single-column ribbon/table form layout. */
body.pay-review .pay-review-content{max-width:760px;margin:0 auto}
body.pay-review h2.head-ribbon-2{color:#fff;font-size:23px;font-weight:400;text-align:center;margin:0 auto 24px}
body.pay-review .form-table{margin-top:0;border-collapse:collapse}
body.pay-review .form-table td{overflow-wrap:anywhere;line-height:1.8}
body.pay-review .pay-review-total th,body.pay-review .pay-review-total td{font-weight:bold}
body.pay-review .pay-review-discount{color:#bf0a2d}
body.pay-review .pay-review-notice{font-size:13px;line-height:1.8;color:#666;margin:24px 0}
body.pay-review .form-footer-nav{gap:20px;margin-top:28px}
body.pay-review .form-footer-nav li{margin:0}
body.pay-review .form-footer-nav .button-prev{flex:1}
body.pay-review .form-footer-nav .button-next{flex:2}
body.pay-review .form-footer-nav button{width:100%;height:auto;min-height:64px;padding:16px 22px;line-height:1.5}
@media(max-width:767px){body.pay-review h2.head-ribbon-2{font-size:20px}body.pay-review .form-footer-nav{gap:10px}body.pay-review .form-footer-nav button{font-size:14px;padding:14px 16px;min-height:60px}}
body.pay-payment .pay-application-message{text-align:center;margin:0 0 26px;font-size:15px;line-height:1.9}
body.pay-payment .pay-application-heading{font-size:22px;font-weight:600;margin-bottom:14px}
body.pay-payment .pay-payment-order{text-align:center;font-size:14px;line-height:1.9;margin:0 0 30px}
body.pay-payment .pay-payment-order strong{font-size:22px}
body.pay-payment .pay-method-lead{font-size:15px;margin-bottom:22px}
body.pay-payment .pay-hosted-options{display:grid;gap:14px}
body.pay-payment .pay-hosted-choice{display:flex;align-items:center;flex-wrap:wrap;gap:12px;min-height:76px;padding:18px 22px;border:1px solid #bdb7ad;cursor:pointer;font-size:17px;line-height:1.6;box-sizing:border-box}
body.pay-payment .pay-hosted-choice:has(input:checked){border:2px solid #bf0a2d;padding:17px 21px;background:#fff8fa}
body.pay-payment .pay-hosted-choice:has(input:focus-visible){outline:2px solid #bf0a2d;outline-offset:3px}
body.pay-payment .pay-hosted-choice input{appearance:auto;position:static;opacity:1;width:18px;height:18px;margin:0;accent-color:#bf0a2d}
body.pay-payment .pay-hosted-choice small{font-size:12px;color:#666}
body.pay-payment .pay-hosted-choice .pay-recommended{color:#b50930;background:#fae9ee;padding:2px 9px}
body.pay-payment .pay-bank-guidance{border-top:1px solid #ccc;margin-top:34px;padding-top:26px;font-size:15px;line-height:1.8}
@media(max-width:767px){body.pay-payment .pay-application-heading{font-size:20px}body.pay-payment .pay-hosted-choice{font-size:16px;padding:16px;gap:10px}body.pay-payment .pay-hosted-choice:has(input:checked){padding:15px}body.pay-payment .pay-hosted-choice small{margin-left:28px}body.pay-payment .pay-hosted-choice .pay-recommended{margin-left:0}}

/* Payment brand marks stay inside each selectable payment option. */
body.pay-payment .pay-hosted-choice{display:grid;grid-template-columns:18px minmax(0,1fr) auto;column-gap:12px;row-gap:16px;padding:22px;min-height:90px;background:#fff}
body.pay-payment .pay-hosted-choice:has(input:checked){padding:21px;background:#fff8fa}
body.pay-payment .pay-choice-title{font-weight:600}
body.pay-payment .pay-hosted-choice small{margin:0}
body.pay-payment .pay-choice-brands,body.pay-payment .pay-choice-paypay{grid-column:2 / -1;display:block;object-fit:contain;object-position:left center;max-width:100%;height:auto;margin:0}
body.pay-payment .pay-choice-brands{width:330px}
body.pay-payment .pay-choice-paypay{width:135px}
@media(max-width:767px){body.pay-payment .pay-hosted-choice{padding:18px 16px;column-gap:10px;row-gap:14px;font-size:15px}body.pay-payment .pay-hosted-choice:has(input:checked){padding:17px 15px}body.pay-payment .pay-hosted-choice small{margin:0;font-size:11px}body.pay-payment .pay-hosted-choice small:not(.pay-recommended){grid-column:2 / -1}body.pay-payment .pay-choice-brands{width:290px}body.pay-payment .pay-choice-paypay{width:120px}}
@media(max-width:767px){body.pay-payment .pay-payment-desktop-break{display:none}}

@media(min-width:768px){
body.pay-payment .pay-hosted-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
body.pay-payment .pay-hosted-choice{grid-template-columns:18px minmax(0,1fr);grid-template-rows:auto auto 1fr;align-items:start;align-content:start;padding:20px 14px;column-gap:8px;row-gap:14px;min-height:174px;font-size:15px}
body.pay-payment .pay-hosted-choice:has(input:checked){padding:19px 13px}
body.pay-payment .pay-hosted-choice input{margin-top:3px}
body.pay-payment .pay-hosted-choice small{grid-column:2;justify-self:start;font-size:11px}
body.pay-payment .pay-choice-brands,body.pay-payment .pay-choice-paypay{grid-column:1 / -1;align-self:center;justify-self:center;max-width:100%}
body.pay-payment .pay-choice-brands{width:220px}
body.pay-payment .pay-choice-paypay{width:120px}
}
body.pay-payment h2.pay-method-heading{font-size:28px;font-weight:400;text-align:center;line-height:1.5;margin:36px 0 24px}
@media(max-width:767px){body.pay-payment h2.pay-method-heading{font-size:24px;margin:30px 0 22px}}

@media(max-width:767px){body.pay-payment .pay-application-message>p,body.pay-payment .pay-payment-order,body.pay-payment h2.pay-method-heading,body.pay-payment .pay-method-lead{text-align:left}}

body.pay-payment .pay-review-content>p.pay-error{margin-bottom:24px}

body.pay-complete .pay-complete-content>p{font-size:15px;line-height:1.9;text-align:center;margin:26px 0}body.pay-complete .pay-result-info{background:none;border-radius:0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:24px 0;margin:30px 0;text-align:center;font-size:16px;line-height:1.9}@media(max-width:767px){body.pay-complete .pay-complete-content>p{text-align:left}body.pay-complete .pay-result-info{text-align:left;font-size:15px}body.pay-complete .pay-result-desktop-break{display:none}}

body.pay-payment .pay-provider{justify-content:center;text-align:center}

@media(min-width:768px){body.pay-complete .pay-complete-content>.pay-bank{max-width:480px;margin-left:auto;margin-right:auto;text-align:left}}

body.pay-payment .pay-return-notice{margin:24px 0;line-height:1.8}body.pay-payment .pay-payment-order:has(+.pay-return-notice){margin-bottom:24px}



body.pay-payment .pay-choice-title .pay-choice-paypay{display:block;width:110px;max-width:100%;height:auto;margin:0;object-position:left center}body.pay-payment .pay-hosted-choice:has(input[value=paypay]){grid-template-columns:18px minmax(0,1fr) auto;align-items:center}body.pay-payment .pay-hosted-choice:has(input[value=paypay]) input{margin-top:0}body.pay-payment .pay-hosted-choice:has(input[value=paypay]) .pay-recommended{grid-column:3;grid-row:1;justify-self:end}