/* Order confirmation: consistent alignment and action spacing. */
html body #v4{width:100%;max-width:620px;margin-inline:auto;box-sizing:border-box}
html body #v4 .done-box{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:40px 24px 48px}
html body #v4 .done-box .ck{flex:none;margin:0 auto 4px}
html body #v4 .done-box h2{margin:0;line-height:1.25}
html body #v4 #doneTxt{margin:0 0 8px;line-height:1.6;overflow-wrap:anywhere}
html body #v4 .done-box>a,html body #v4 #download,html body #v4 #again{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-height:48px;height:auto;margin:0!important;padding:12px 18px;font:600 14px/1.5 Inter,Arial,sans-serif;text-align:center;text-decoration:none;border:1px solid #aaa;background:#fff;color:#111;white-space:normal}
html body #v4 #guest-track-link{background:#f6cf1f;border-color:#f6cf1f;color:#000}
html body #v4 #again{background:#111;border-color:#111;color:#fff}
html body #v4 .done-box>a:hover,html body #v4 #download:hover{background:#f2f2f2;border-color:#111}
html body #v4 #guest-track-link:hover{background:#e5bf12}
html body #v4 #again:hover{background:#333}
html body #v4 .done-box>a:focus-visible,html body #v4 .done-box>button:focus-visible{outline:3px solid #a67c00;outline-offset:3px}
@media(max-width:480px){html body #v4 .done-box{padding:32px 20px 40px}html body #v4 .done-box h2{font-size:24px}}
/* Keep checkout labels; remove redundant helper space and internal SKUs. */
#v3 #email-confirmation-hint,#v3 .summary-item small{display:none!important}
#v3 :is(.sub-t,#order-note,#address-status):empty{display:none!important}
#v3 .checkout-location-action{gap:8px 12px}
#v3 #checkout-location-status{font-size:12px;line-height:1.4}
/* Compact checkout and tracking surfaces. */
html body .cms-page:has(.tracking-page){padding-top:0!important;margin-top:0!important}
html body .tracking-page{padding-top:16px!important;padding-bottom:32px!important}
html body .tracking-page .tracking-head{margin-bottom:14px;min-height:24px}
html body .tracking-page .tracking-summary{padding:22px 24px;margin-bottom:14px}
html body .tracking-summary h1{font-size:clamp(26px,4vw,42px);margin:6px 0 10px}
html body .tracking-summary p{margin:6px 0;line-height:1.45}
html body .tracking-card{padding:18px}
html body .tracking-card h2{margin-bottom:12px}
html body .tracking-progress li{min-height:44px}
html body .tracking-head>span{display:none}
html body #commerce-checkout{max-height:calc(100dvh - 24px)}
html body #commerce-checkout #v3{padding:4px 20px 16px}
html body #commerce-checkout .commerce-close{margin:8px 14px 0;min-height:36px;padding:6px 12px}
html body #v3>button[data-back]{margin:0 0 8px;padding:4px 0;min-height:32px}
html body #v3 #f{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:20px;align-items:start}
html body #v3 .form-fields,html body #v3 .form-summary{padding:0!important;border:0!important;background:#fff;min-width:0}
html body #v3 .t{font-size:22px;margin:0 0 12px;padding:0!important}
html body #v3 .checkout-details{border-bottom:1px solid #ddd;margin:0;padding:0}
html body #v3 .checkout-details summary{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:12px 0;cursor:pointer;list-style:none;font-size:13px}
html body #v3 .checkout-details summary::-webkit-details-marker{display:none}
html body #v3 .checkout-details summary span{grid-column:1;line-height:1.45;color:#555;overflow-wrap:anywhere}
html body #v3 .checkout-details summary b{grid-column:2;grid-row:1/3;align-self:center;font-size:12px;font-weight:500;text-decoration:underline}
html body #v3 .checkout-details[open] summary b{font-size:0}
html body #v3 .checkout-details[open] summary b:after{content:'Close';font-size:12px}
html body #v3 .checkout-details-body{padding-bottom:12px}
html body #v3 .checkout-details-done{border:1px solid #111;background:#111;color:#fff;min-height:40px;padding:8px 18px;margin-top:10px;font:600 13px Inter,Arial,sans-serif}
html body #v3 .inp{min-height:42px;padding:9px 10px;font-size:16px}
html body #v3 label{margin-top:8px;font-size:12px}
html body #v3 .checkout-field-grid{gap:0 12px}
html body #v3 .sum{border:0!important;padding:0!important;margin:0}
html body #v3 .sum h3{font-size:14px;margin:0 0 10px}
html body #v3 .summary-item{padding:8px 0;gap:10px}
html body #v3 .summary-item img{width:44px;height:44px}
html body #v3 .summary-item h3{font-size:13px;margin:0 0 4px}
html body #v3 .summary-item p{font-size:12px;margin:3px 0}
html body #v3 .ln{font-size:13px;margin:0;padding:7px 0}
html body #v3 .delivery-preview,html body #v3 .tr3,html body #v3 .payment-summary{display:none!important}
html body #v3 .payment-methods{padding:10px 0;margin:8px 0;border:0}
html body #v3 .payment-option{padding:8px!important;margin:4px 0!important;min-height:44px}
html body #v3 .payment-option small{display:none}
html body #v3 #discount-controls{padding-bottom:8px}
html body #v3 #discount-controls label{margin-top:8px}
html body .checkout-submit-bar{flex:none;border-top:1px solid #ddd;padding:10px 20px;background:#fff}
html body .checkout-submit-bar #place{margin:0!important;width:100%;min-height:48px}
html body .checkout-submit-bar #order-error:empty{display:none}
@media(max-width:700px){
 html body #commerce-checkout{width:100%;max-width:none;height:100dvh;max-height:100dvh;margin:0;border:0}
 html body #commerce-checkout #v3{padding:0 16px 12px}
 html body #v3 #f{grid-template-columns:1fr;gap:12px}
 html body #v3 .t{font-size:20px;margin-bottom:4px}
 html body #v3 .form-summary{position:static}
 html body #v3 .checkout-details summary{padding:10px 0}
 html body .checkout-submit-bar{padding:8px 16px max(8px,env(safe-area-inset-bottom))}
 html body .tracking-page{padding:12px 14px 24px!important}
 html body .tracking-page .tracking-summary{padding:18px}
}
html body #v3 .form-fields,html body #v3 .form-summary{margin:0!important;box-shadow:none!important}
html body #v3 .checkout-coupon{padding:0;border-bottom:1px solid #ddd;margin:8px 0}
html body #v3 .checkout-coupon>summary{cursor:pointer;min-height:40px;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:500;list-style:none}
html body #v3 .checkout-coupon>summary:after{content:'+';font-size:18px}
html body #v3 .checkout-coupon[open]>summary:after{content:'−'}
@media(max-width:700px){
 html body #v3 .payment-methods{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:6px 0;padding:4px 0}
 html body #v3 .payment-methods legend{font-size:13px}
 html body #v3 .payment-option{font-size:12px;margin:0!important}
 html body #v3 .sum h3{margin:8px 0 4px}
 html body #v3 .summary-qty-label{margin:0;font-size:11px}
 html body #v3 .summary-item .cart-qty-input{min-height:32px;height:32px;width:48px;padding:4px}
 html body #v3 .ln{padding:5px 0}
 html body #v3 .ln.tt{margin-top:4px;padding-top:8px}
 html body #v3 .checkout-details:nth-of-type(2) summary span:empty{display:none}
}
@media(max-width:700px){
 html body #commerce-checkout .commerce-close{position:absolute;top:8px;right:12px;margin:0;z-index:3;min-height:36px}
 html body #commerce-checkout #v3{padding-top:14px;flex:1}
 html body #v3>button[data-back]{display:none}
 html body #v3 .t{padding-right:80px!important;min-height:32px}
 html body #v3 .checkout-details:has(#notes) summary{min-height:40px;padding:8px 0;align-items:center}
 html body #v3 .checkout-details:has(#notes) summary>span{display:none}
 html body #v3 .summary-item p:first-of-type{display:none}
 html body #v3 .summary-item{padding:4px 0}
}
