/* Keep every available extra beside the payment form. */
#checkoutDialog{inset:0!important;width:min(940px,calc(100vw - 28px))!important;max-width:940px!important;height:fit-content!important;max-height:94dvh!important;margin:auto!important;padding:24px!important;border:1px solid var(--ink)!important;border-radius:7px!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;box-shadow:7px 7px var(--ink)!important}
#checkoutDialog .checkout-modal-head{height:auto!important;min-height:58px;padding:0 30px 14px 0;align-items:center}
#checkoutDialog .checkout-modal-head h2{font-size:30px;line-height:1.05;margin:5px 0 0}
#checkoutDialog .checkout-modal-head .kicker{font-size:10px}
#checkoutDialog .checkout-mobile-steps,#checkoutDialog .checkout-mobile-back,#checkoutDialog .checkout-mobile-next{display:none!important}
#checkoutDialog .checkout-modal-layout{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)!important;height:auto!important;max-height:none!important;gap:22px!important;padding-top:17px;overflow:visible!important}
#checkoutDialog .checkout-choice-pane,#checkoutDialog .checkout-payment-pane,#checkoutDialog[data-checkout-layout="combined"] .checkout-choice-pane,#checkoutDialog[data-checkout-layout="combined"] .checkout-payment-pane{display:block!important;height:auto!important;min-height:0!important;overflow:visible!important;min-width:0;padding:0!important;border:0!important}
#checkoutDialog .checkout-offer{max-height:none!important;padding:12px!important;overflow:visible!important;margin:0!important;background:#edf2d9}
#checkoutDialog .checkout-offer[hidden],#checkoutDialog .checkout-status[hidden]{display:none!important}
#checkoutDialog .checkout-offer legend{font-size:17px;padding:0 4px;line-height:1.15}
#checkoutDialog .checkout-offer>p{display:block!important;font-size:12px;line-height:1.35;margin:0 0 10px;color:#465519;font-weight:650}
#checkoutDialog #checkoutOfferOptions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
#checkoutDialog .checkout-offer-card{display:grid!important;position:relative;grid-template-columns:18px minmax(0,1fr) 44px!important;align-items:start!important;min-height:119px!important;padding:10px!important;gap:6px!important;border:1px solid #aeb798;background:var(--white);transition:background .15s,border-color .15s}
#checkoutDialog .checkout-offer-card input{grid-column:1;grid-row:1;width:18px;height:18px;margin:1px 0;accent-color:var(--ink)}
#checkoutDialog .checkout-offer-thumb{grid-column:3;grid-row:1;display:grid!important;width:44px!important;height:58px!important;border:0;background:transparent;overflow:hidden}
#checkoutDialog .checkout-offer-thumb img{width:100%;height:100%;object-fit:contain!important;filter:drop-shadow(1px 2px 1px #0003)}
#checkoutDialog .checkout-offer-copy{grid-column:2;grid-row:1;display:grid;gap:4px;min-width:0}
#checkoutDialog .checkout-offer-copy b{font-size:13px!important;line-height:1.2!important}
#checkoutDialog .checkout-offer-copy>small{display:block!important;font-size:11px!important;line-height:1.3;margin:0;color:#585b4e;overflow:visible!important}
#checkoutDialog .checkout-offer-price{grid-column:1/-1!important;grid-row:2;display:flex!important;flex-wrap:wrap;justify-content:flex-start!important;align-items:center!important;gap:4px 6px!important;margin:0!important;white-space:normal!important}
#checkoutDialog .checkout-offer-price em{font-size:9px!important;padding:3px 4px!important;letter-spacing:0}
#checkoutDialog .checkout-offer-price s{font-size:11px!important;color:#646756}
#checkoutDialog .checkout-offer-price strong{font-size:15px!important;line-height:1.1}
#checkoutDialog .checkout-freebie-band{display:grid!important;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;min-height:49px;padding:5px 8px;margin:8px 0 0;gap:8px;position:relative;border:1px solid #c52c3e;border-left:5px solid #c52c3e;border-radius:4px;background:#fff6eb;color:var(--ink);box-shadow:none;overflow:hidden}
#checkoutDialog .checkout-freebie-band[hidden]{display:none!important}
#checkoutDialog .checkout-freebie-band img{width:42px;height:37px;object-fit:contain;filter:drop-shadow(1px 2px 1px #0003)}
#checkoutDialog .checkout-freebie-band b{display:block;font-size:12px;line-height:1.2}
#checkoutDialog .checkout-freebie-band small{display:block;color:#496112;font-size:11px;line-height:1.3;font-weight:750;margin-top:2px}
#checkoutDialog .checkout-freebie-band>strong{font:800 9px var(--mono);padding:4px 6px;background:#c52c3e;color:white}
#checkoutDialog .checkout-freebie-band.is-active{border-color:#5b7b17;background:#edf6d4;box-shadow:0 0 0 1px #b8d366}
#checkoutDialog .checkout-freebie-band.is-active>strong{background:var(--olive);color:white}
#checkoutDialog:has(#checkoutFreebieBand:not([hidden])) #checkoutItems>.checkout-gift{display:none!important}
#checkoutDialog #checkoutItems{padding:5px 11px;margin-bottom:12px;border:1px solid var(--line);background:var(--white)}
#checkoutDialog #checkoutItems>div{padding:8px 0;font-size:13px;line-height:1.3}
#checkoutDialog #checkoutItems>div>span{min-width:0}
#checkoutDialog #checkoutItems>div>b{flex-shrink:0;margin-left:8px}
#checkoutDialog #checkoutItems>div small{font-size:10px;line-height:1.25;margin-top:2px}
#checkoutDialog #checkoutItems>.checkout-grand-total{font-size:19px;padding:9px 0 5px;border-bottom:0}
#checkoutDialog #checkoutItems>.checkout-gift-note{display:none!important}
#checkoutDialog #checkoutItems>.checkout-gift{grid-template-columns:34px minmax(0,1fr) auto!important;background:#f0f6dc!important;color:var(--ink)!important;border:1px solid #a5be72!important;box-shadow:none!important;border-radius:4px;margin:5px 0;padding:6px 8px!important;gap:7px}
#checkoutDialog .checkout-gift img{width:34px;height:30px}
#checkoutDialog .checkout-gift b{font-size:11px;color:var(--ink)!important}
#checkoutDialog #checkoutItems .checkout-gift span small{font-size:10px;color:#4d5d35!important;font-weight:400}
#checkoutDialog .checkout-gift>strong{font:800 9px var(--mono);background:#c72935;color:#fff}
#checkoutDialog .checkout-gift.is-active>strong{background:var(--lime);color:var(--ink)}
#checkoutDialog .checkout-grid-three{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin:0 0 10px}
#checkoutDialog .checkout-grid-three>.checkout-field:first-child{grid-column:1/-1}
#checkoutDialog .checkout-field>span{font-size:11px;margin-bottom:4px}
#checkoutDialog .checkout-field input{width:100%;min-height:44px;padding:9px 10px;font-size:16px;line-height:1.3;background:var(--white)}
#checkoutDialog .checkout-status{padding:8px 10px;margin:0 0 10px;font-size:12px;line-height:1.4}
#checkoutDialog .checkout-payment-methods{display:flex;align-items:center;justify-content:center;gap:9px;margin:6px 0 8px;min-height:18px}
#checkoutDialog .checkout-payment-methods img{height:17px;width:auto;max-width:46px;object-fit:contain}
#checkoutDialog .checkout-submit{width:100%;min-height:49px;padding:11px 14px;font-size:15px;justify-content:center;gap:15px}
#checkoutDialog .checkout-help{font-size:10px;line-height:1.4;margin:10px 0 0;color:#66685b}
@media(max-width:700px){
 #checkoutDialog{width:calc(100vw - 20px)!important;padding:15px 13px!important;max-height:96dvh!important;box-shadow:4px 4px var(--ink)!important}
 #checkoutDialog .dialog-close{top:8px;right:9px;font-size:26px}
 #checkoutDialog .checkout-modal-head{min-height:49px;padding:0 25px 10px 0}
 #checkoutDialog .checkout-modal-head h2{font-size:25px}
 #checkoutDialog .checkout-modal-head .kicker{font-size:9px}
 #checkoutDialog .checkout-modal-layout{grid-template-columns:minmax(0,1fr)!important;gap:10px!important;padding-top:11px}
 #checkoutDialog .checkout-offer{padding:8px!important}
 #checkoutDialog .checkout-offer legend{font-size:14px}
 #checkoutDialog .checkout-offer>p{font-size:11px;line-height:1.3;margin:1px 0 7px}
 #checkoutDialog #checkoutOfferOptions{gap:7px!important}
 #checkoutDialog .checkout-offer-card{grid-template-columns:16px minmax(0,1fr) 38px!important;min-height:102px!important;padding:7px!important;gap:4px!important}
 #checkoutDialog .checkout-offer-card input{width:16px;height:16px}
 #checkoutDialog .checkout-offer-thumb{width:38px!important;height:50px!important}
 #checkoutDialog .checkout-offer-copy b{font-size:12px!important;line-height:1.15!important}
 #checkoutDialog .checkout-offer-copy>small{font-size:10px!important;line-height:1.25}
 #checkoutDialog .checkout-offer-price{gap:3px 5px!important}
 #checkoutDialog .checkout-offer-price em{font-size:8px!important;padding:3px!important}
 #checkoutDialog .checkout-offer-price s{font-size:10px!important}
 #checkoutDialog .checkout-offer-price strong{font-size:14px!important}
 #checkoutDialog #checkoutItems{padding:4px 9px;margin-bottom:9px}
 #checkoutDialog #checkoutItems>div{font-size:12px;padding:6px 0}
 #checkoutDialog #checkoutItems>.checkout-grand-total{font-size:17px;padding:7px 0 3px}
 #checkoutDialog .checkout-grid-three{gap:8px;margin-bottom:8px}
 #checkoutDialog .checkout-field>span{font-size:10px;margin-bottom:3px}
 #checkoutDialog .checkout-field input{min-height:44px;padding:9px}
 #checkoutDialog .checkout-payment-methods{gap:8px;min-height:18px;margin:6px 0 7px}
 #checkoutDialog .checkout-payment-methods img{height:16px;max-width:42px}
 #checkoutDialog .checkout-help{font-size:10px;line-height:1.35;margin-top:9px}
}
@media(max-width:360px){
 #checkoutDialog{padding:12px 10px!important}
 #checkoutDialog .checkout-modal-head h2{font-size:23px}
 #checkoutDialog .checkout-offer-card{grid-template-columns:16px minmax(0,1fr)!important;min-height:106px!important}
 #checkoutDialog .checkout-offer-thumb{position:absolute;right:5px;top:6px;width:28px!important;height:36px!important}
 #checkoutDialog .checkout-offer-copy b{padding-right:28px;font-size:11px!important}
 #checkoutDialog .checkout-offer-price strong{font-size:13px!important}
 #checkoutDialog .checkout-payment-methods{gap:6px}
 #checkoutDialog .checkout-payment-methods img{height:14px;max-width:38px}
 #checkoutDialog .checkout-submit{font-size:14px}
}

#checkoutDialog .checkout-payment-methods .payment-upi-app{max-width:42px;height:18px}
#checkoutDialog .checkout-payment-methods img[alt="Google Pay"]{height:17px;width:43px}
#checkoutDialog .checkout-payment-methods img[alt="Paytm"]{width:42px}
@media(max-width:700px){#checkoutDialog .checkout-payment-methods .payment-upi-app{max-width:42px;height:17px}}
@media(max-width:360px){#checkoutDialog .checkout-payment-methods .payment-upi-app{max-width:33px;height:15px}#checkoutDialog .checkout-payment-methods img[alt="Google Pay"]{width:33px;height:15px}#checkoutDialog .checkout-payment-methods img[alt="Paytm"]{width:35px}}
/* The gift strip carries the condition once, keeping the form compact. */
#checkoutDialog .checkout-offer>p{display:none!important}
#checkoutDialog #checkoutItems>div:not(.checkout-grand-total):not(.checkout-gift)>span>small{display:none}

#checkoutDialog .checkout-gift-teaser{display:block;font:400 11px/1.25 var(--sans);color:#555746;margin-top:2px}

#checkoutDialog .checkout-email-consent{display:flex;align-items:center;gap:7px;font:400 11px/1.3 var(--sans);margin:5px 0;color:#4b4d3d}#checkoutDialog .checkout-email-consent input{width:14px;height:14px;margin:0;flex:0 0 14px}

/* Three active extras: keep the last odd card full width without a blank slot. */
#checkoutDialog #checkoutOfferOptions>.checkout-offer-card:last-child:nth-child(odd){grid-column:1/-1;min-height:84px!important}
@media(max-width:700px){#checkoutDialog #checkoutOfferOptions>.checkout-offer-card:last-child:nth-child(odd){min-height:82px!important}}