/* ==========================================================================
   GBV 2026 — Layout scale (added by design audit, batch 1)
   Breakpoints (use these and only these):
     480  small → large phone
     768  tablet portrait        → mobile header ends at 1023.98
     1024 tablet landscape / laptop → desktop header, catalog sidebar
     1280 desktop
     1600 TV / wide
   Containers:  --container-wide 1280 (home, catalog, cart, checkout, footer)
                --container-narrow 1080 (product, wishlist, contact, account)
                --container-prose 720 (Despre, FAQ, legal, 404)
   Gutter:      16 (<768) · 24 (768–1023) · 32 (≥1024)
   Buttons:     sm 36 · md 44 · lg 50 (DS Button only)
   Signature corner (border-top-left-radius): 28 · 44 · 64
   Type floor:  11px only for tracked uppercase captions; 12px minimum otherwise
   Contrast:    dark heads → cream 100% for breadcrumbs/captions;
                orange heads → blue-deep; cream/paper → --text-body;
                placeholders → gray-500
   ========================================================================== */
:root {
  --bp-sm: 480px; --bp-md: 768px; --bp-lg: 1024px; --bp-xl: 1280px; --bp-tv: 1600px;
  --container-wide: 1280px; --container-narrow: 1080px; --container-prose: 720px;
  --gutter: 32px;
  --header-h: 151px; /* top bar 36 + header 69 + nav 46 (desktop) */
  --btn-sm: 36px; --btn-md: 44px; --btn-lg: 50px;
  --corner-sm: 28px; --corner-md: 44px; --corner-lg: 64px;
}
@media (max-width: 920.98px) { :root { --gutter: 24px; --header-h: 105px; } } /* tablet = Astra 921 */
@media (max-width: 767.98px) { :root { --gutter: 16px; } }