/* W04a. Follow the existing checkout single-column breakpoint; no shared shell or submit styles. */
.checkout-mobile-summary{display:none}
@media(max-width:979px){
 .checkout-mobile-summary{display:block;min-width:0;margin:0 0 var(--space-4);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
 .checkout-mobile-summary>summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:center;min-height:44px;padding:var(--space-3);cursor:pointer;list-style:none}
 .checkout-mobile-summary>summary::-webkit-details-marker{display:none}
 /* D4: globálna šípka details>summary::before (design.css) by v mriežke súhrnu pridala riadok s druhou šípkou; súhrn má vlastnú ikonu vpravo. */
 .checkout-mobile-summary>summary::before{content:none}
 .checkout-mobile-summary>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius)}
 .checkout-mobile-summary-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;min-width:0;overflow-wrap:anywhere}
 .checkout-mobile-summary-heading>span{color:var(--muted);font-size:var(--text-sm)}
 .checkout-mobile-summary-price{grid-column:1;min-width:0;font-size:var(--text-sm);font-weight:600;line-height:1.5;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
 .checkout-mobile-summary>summary>.icon{grid-column:2;grid-row:1/3;transition:transform .15s}
 .checkout-mobile-summary[open]>summary>.icon{transform:rotate(180deg)}
 .checkout-mobile-summary>ul{display:grid;gap:var(--space-3);margin:0;padding:var(--space-3);list-style:none;border-top:1px solid var(--line-soft)}
 .checkout-mobile-summary>ul>li{display:grid;gap:3px;min-width:0;overflow-wrap:anywhere}
 .checkout-mobile-summary>ul>li>span{color:var(--muted);font-size:var(--text-sm)}
}
@media(prefers-reduced-motion:reduce){.checkout-mobile-summary>summary>.icon{transition:none}}
/* W04b: visible only with a mounted browser controller; the normal footer remains the single submit. */
.checkout-mobile-bar{display:none}
@media(max-width:979px){
 /* Keep the focused price below the sticky header when the review button scrolls to it. */
 .checkout-side>[data-checkout-review-target]{scroll-margin-block-start:calc(var(--topbar-height) + var(--space-6))}
 form[data-checkout-mobile-mounted]{padding-bottom:calc(var(--checkout-mobile-space,160px) + env(safe-area-inset-bottom,0px))}
 .checkout-mobile-bar:not([hidden]){position:fixed;bottom:0;z-index:12;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 12px;padding:12px 12px calc(12px + env(safe-area-inset-bottom,0px));border:1px solid var(--line);border-radius:var(--radius) var(--radius) 0 0;background:var(--surface);box-shadow:0 -4px 20px rgba(16,42,84,.12)}
 .checkout-mobile-bar-copy{display:grid;gap:3px;min-width:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
 .checkout-mobile-bar-copy small{font-size:var(--text-xs);color:var(--muted)}
 .checkout-mobile-bar>p{grid-column:1/-1;margin:0;font-size:var(--text-xs);overflow-wrap:anywhere}
 .checkout-mobile-bar>.btn{min-height:44px;min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.3}
 .checkout-mobile-bar>.btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
 .checkout-mobile-bar[data-kind=rfq]>.btn{grid-column:1/-1}
 .checkout-mobile-bar[data-kind=rfq]>.checkout-mobile-bar-copy{grid-column:1/-1}
}