body{background:#fff}header{position:relative;padding-top:20px;padding-bottom:20px}header .compare-back{position:absolute;right:28px;bottom:-8px;font-size:11px;color:#6a745f}main{padding-top:24px}.checkout-heading>.eyebrow{display:none}h1{font:36px/1.1 Georgia;margin:0 0 16px}.checkout-layout{margin-top:25px;gap:64px;grid-template-columns:minmax(0,1fr) 360px}.order-summary{padding:24px;top:24px}.summary-title h2{font-size:24px;margin-bottom:6px}.box-description{font-size:11px;color:#69745e;margin-bottom:16px}.order-item{margin:10px 0}.order-item img{height:43px;width:36px}.order-item h3{font-size:17px}.order-item span{font-size:10px}.order-summary .offer47.reward{background:#f7dfcd;border:0;border-radius:6px;padding:15px;margin-top:20px}.offer47.reward h3{font-size:21px;line-height:1.25}.offer47.reward h3 strong{font-size:28px}.offer47.reward p{font-size:11px}.offer47.reward .label{font-size:8px}.offer47.reward h3 br{display:none}.offer47.reward h3 br:after{content:' '}.totals{border-top:0;margin-top:12px;padding-top:0}.row{font-size:12px;margin:9px 0}.row.saving{padding:9px 10px;background:#e9edde;border-radius:4px}.due{padding-top:14px;margin-top:14px}.due strong{font-size:30px}.summary-note,.preview-terms{font-size:10px}.preview-terms{margin-top:15px}.code{margin-top:14px}.form-section{margin-bottom:25px}.step-heading h2{font-size:28px}.steps li[aria-current=step]{border-bottom:2px solid #154a38;padding-bottom:7px}.section-title h2{margin-bottom:16px}input,select{min-height:44px;padding:10px 12px}.address-summary{padding:15px 0;margin-bottom:20px}footer{margin-top:20px}.review-bar nav[aria-label="Preview checkout steps"]{display:flex;gap:18px}.review-bar nav[aria-label="Preview checkout steps"] a{font-size:11px}
/* A: completed purchase details stay visible in one scrollable document. */
body[data-layout=one] #details-form,body[data-layout=one] #delivery-preview,body[data-layout=one] #payment-preview{display:block!important}
body[data-layout=one] .steps,body[data-layout=one] .review-bar nav[aria-label="Preview checkout steps"],body[data-layout=one] .address-summary,body[data-layout=one] .delivery-recap,body[data-layout=one] #edit-address,body[data-layout=one] #change-delivery,body[data-layout=one] #delivery-back,body[data-layout=one] #back-details,body[data-layout=one] #details-form>.primary,body[data-layout=one] #details-form>.quiet,body[data-layout=one] #delivery-form>.primary{display:none!important}
body[data-layout=one] #delivery-preview,body[data-layout=one] #payment-preview{border-top:1px solid #dce3d4;padding-top:25px;margin-top:25px}body[data-layout=one] #delivery-preview .eyebrow,body[data-layout=one] #payment-preview .eyebrow{display:none}body[data-layout=one] .checkout-heading h1:after{content:'Guest checkout · Everything on one page';display:block;font:12px Arial;color:#6b765f;margin-top:12px}
/* B: one task at a time, with the order and saving always in sight. */
body[data-layout=steps] .details{border-top:1px solid #dce3d4;padding-top:24px}body[data-layout=steps] .checkout-layout{gap:72px}body[data-layout=steps] .steps{margin-top:18px}body[data-layout=steps] .checkout-heading{margin-bottom:28px}
/* C: a desktop workspace with vertical progress and a compact box summary. */
@media(min-width:1100px){body[data-layout=rail] header,body[data-layout=rail] main,body[data-layout=rail] footer{max-width:1440px}body[data-layout=rail] main{position:relative;min-height:850px;padding-top:36px}body[data-layout=rail] .checkout-heading{position:absolute;left:28px;top:36px;width:170px}body[data-layout=rail] h1{font-size:32px}body[data-layout=rail] .steps{display:flex;flex-direction:column;gap:20px;margin-top:30px;align-items:start}body[data-layout=rail] .steps li{font-size:13px;min-height:32px}body[data-layout=rail] .steps li+li:before{display:none}body[data-layout=rail] .checkout-layout{margin:0 0 0 210px;grid-template-columns:minmax(0,1fr) 330px;gap:45px}body[data-layout=rail] .order-summary{padding:22px}body[data-layout=rail] #order-items{display:grid;grid-template-columns:1fr 1fr;gap:12px 8px}body[data-layout=rail] .order-item{display:block;margin:0}body[data-layout=rail] .order-item img{height:68px;width:48px;margin:0 0 8px}body[data-layout=rail] .order-item h3{font-size:16px}body[data-layout=rail] .summary-title h2{font-size:23px}body[data-layout=rail] .box-description{font-size:10px}body[data-layout=rail] .details{padding-top:8px}}
@media(max-width:700px){.checkout-layout{display:flex}.compare-back{display:none}body[data-layout=one] .order-summary{order:2}body[data-layout=one] .details{order:1}.order-item{display:inline-flex}.summary-title h2{font-size:23px}}