/* =========================================================================
   ATOM Recykling storefront: design system (redesign slice 1, "tokens and the global shell";
   slice 2, "Catalogue": price, panel, part card, listing, part rows, vehicle picker)
   Source of truth: docs/design/2026-10-16-redesign/system.css and system.md. This file is the
   subset of the slices shipped so far, with every class prefixed `atom-` (system.md 10); later
   slices append their sections. Custom properties keep the system names (--c-*, --sp-*, --fs-*, ...).
   Loaded after style.min.css (dependency 'atom-shell'), synchronously.
   Base element rules apply only inside `.atom-shell-ui` (header, footer, drawer, popovers), so
   the templates below the shell keep their old look until their own slice.
   Breakpoints (min-width): 480, 768, 1024, 1280. Documented exceptions: the brand below 375 and
   360 px (two-row phone header at 320 to 374 px) and the WordPress admin bar at 600 px.
   Blocks between @critical:start and @critical:end are copied without comments into
   assets/css/critical.css by tools/build-atom-assets.cjs (npm run build:assets): the tokens and
   base the header needs and the header layout at every width. States (hover, focus) and
   everything below the first screen follow the blocks.
   ========================================================================= *//* ---------- 0. Fonts (self-hosted; Satoshi is preloaded in header.php) ---------- */@font-face{font-family:"Satoshi";src:url("../fonts/Satoshi-Variable-latin-ext.woff2") format("woff2");font-display:swap;font-style:normal;font-weight:300 900;size-adjust:100%;ascent-override:92%;descent-override:24%;line-gap-override:0%;unicode-range:U+000D,U+0020-007E,U+00A0-00FF,U+0100-024F,U+1E00-1EFF,U+2000-206F,U+20A0-20CF,U+2100-214F,U+2190-21FF,U+2212,U+2713}@font-face{font-family:"Geist Mono";src:url("../fonts/GeistMono-Variable-latin-ext.woff2") format("woff2");font-display:swap;font-style:normal;font-weight:100 900;size-adjust:98%;ascent-override:90%;descent-override:24%;line-gap-override:0%;unicode-range:U+000D,U+0020-007E,U+00A0-00FF,U+0100-024F,U+1E00-1EFF,U+2000-206F,U+20A0-20CF,U+2100-214F,U+2190-21FF,U+2212,U+2713}/* Slice 2 (stand L21, CLS 0): until Geist Mono loads, a local monospace face with its advance (0.6 em) and the
   same size-adjust and vertical overrides, so the swap moves nothing (the card ID moved 3 px without it). */@font-face{font-family:"Geist Mono Fallback";src:local("Liberation Mono"),local("LiberationMono"),local("Cousine"),local("Courier New"),local("CourierNewPSMT"),local("Noto Sans Mono"),local("Droid Sans Mono"),local("Roboto Mono"),local("DejaVu Sans Mono");size-adjust:98%;ascent-override:90%;descent-override:24%;line-gap-override:0%}/* Until Satoshi loads: Arial at its advance and line metrics, so titles keep their lines (review PA-6). */@font-face{font-family:"Satoshi Fallback";src:local("Arial"),local("ArialMT"),local("Liberation Sans"),local("LiberationSans"),local("Arimo");size-adjust:98%;ascent-override:93.9%;descent-override:24.5%;line-gap-override:0%}/* The en dash of ranges (8:00–16:00, 1–2) from a 952-byte one-glyph subset of Geist Mono:
   Satoshi draws it as long as an em dash. Declared after the Satoshi face, so it wins for U+2013.
   "optional": used when it is there for the first paint, never swapped in later, because the shorter dash would
   move the text after it ("1–16 z 8 144 części", slice 2 stand L21). Preloaded by functions.php (review F5). */@font-face{font-family:"Satoshi";src:url("../fonts/GeistMono-endash.woff2") format("woff2");font-weight:300 900;font-style:normal;font-display:optional;unicode-range:U+2013}/* @critical:start *//* ---------- 1. Tokens: what the first screen needs (the rest follows in 1b) ---------- */:root{--c-brand:#004f1f;--c-brand-pressed:#002d11;--c-brand-soft:#e5efe8;--c-brand-tint:#f0f6f1;--c-ink:#162018;--c-text-2:#46574b;--c-muted:#647068;--c-surface:#ffffff;--c-soft:#f1f3f0;--c-line:#d9dfda;--c-line-strong:#7f8b84;--c-success-line:#a9c8b2;--focus-ring:0 0 0 2px var(--c-surface),0 0 0 4px var(--c-brand);--font-sans:"Satoshi","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;--fs-12:0.75rem;--lh-12:1rem;--fs-13:0.8125rem;--lh-13:1.125rem;--fs-14:0.875rem;--fs-16:1rem;--lh-16:1.5rem;--fs-20:1.25rem;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-heavy:800;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--container:1360px;--gutter:16px;--r-sm:6px;--r-pill:999px;--h-field:48px;/* Layers (with --z-popover, --z-scrim, --z-drawer in 1b). Existing: product buy bar 25, ATOM consent
     fallback 30, lightbox 100, vehicle picker 1000001. */--z-header:40}@media (min-width: 768px){:root{--gutter:24px}}@media (min-width: 1280px){:root{--gutter:40px}}/* ---------- 2. Base (scoped to the shell) ---------- */*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:72px}@media (min-width: 1024px){html{scroll-padding-top:16px}}:where(.atom-shell-ui){color:var(--c-ink);font-family:var(--font-sans);font-size:var(--fs-16);line-height:var(--lh-16);font-weight:var(--fw-regular);letter-spacing:normal;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}:where(.atom-shell-ui) :is(img, svg){display:block;max-width:100%}:where(.atom-shell-ui) img{height:auto}:where(.atom-shell-ui) :is(h1, h2, h3, h4, p, ul, ol, dl, dd, figure, address){margin:0}/* Zero specificity as in system.css: component rules (one class) set their own padding. */:where(.atom-shell-ui) :where(ul[class], ol[class]){list-style:none;padding:0}:where(.atom-shell-ui) :is(button, input, select, textarea){font:inherit;color:inherit;letter-spacing:inherit}:where(.atom-shell-ui) a{color:inherit;text-decoration:none}:where(.atom-shell-ui) input::placeholder,:where(.atom-shell-ui) textarea::placeholder{color:var(--c-muted);opacity:1}:where(.atom-shell-ui) a[href^="tel:"]{white-space:nowrap}:where(.atom-shell-ui)[hidden],:where(.atom-shell-ui) [hidden]{display:none !important}/* ---------- 3. Utilities (first paint) ---------- */.atom-container{width:100%;max-width:calc(var(--container) + 2 * var(--gutter));margin-inline:auto;padding-inline:var(--gutter)}.atom-sr-only,.screen-reader-text{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.atom-skip-link{position:absolute;left:var(--sp-4);top:-60px;z-index:100;padding:10px 16px;border-radius:var(--r-sm);background:var(--c-ink);color:#fff;font-family:var(--font-sans);font-size:var(--fs-16);line-height:var(--lh-16);font-weight:var(--fw-semibold);text-decoration:none}@media (max-width: 1023.98px){.atom-hide-mobile{display:none !important}}@media (min-width: 1024px){.atom-hide-desktop{display:none !important}}/* ---------- 5. Icons (sizes in 5b) ---------- */.atom-icon{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}/* ---------- 14. Site header: layout at every width (first paint) ---------- *//* Markup: header.atom-site-header > .atom-topbar, .atom-mainbar > .atom-container.atom-mainbar__inner >
   [.atom-menu-toggle, .atom-brand, form.atom-search, .atom-header-actions], nav.atom-catbar.
   Phone: the search wraps to its own row; the header sticks so that only the search row stays (top: -57px).
   Desktop: one row (brand | search | phone, account, cart) plus the green category bar; the header scrolls away.
   Fixed slots (phone 116, account 84, cart 72 px) keep the search width whatever the cart or the greeting; from 1024 px
   the brand slot is fixed too (219.2 px, 282 px from 1280 px: the approved mockup's emblem, name and station line), so
   the vector logo keeps the search at its approved width (stand wyglad-1 S2: 396.8 / 438 / 598 px). */.atom-site-header{position:sticky;top:-57px;z-index:var(--z-header);background:var(--c-surface)}@media (min-width: 600px){.admin-bar .atom-site-header{top:calc(-57px + var(--wp-admin--admin-bar--height, 0px))}}.atom-topbar{display:none}.atom-mainbar{border-bottom:1px solid var(--c-line)}.atom-mainbar__inner{display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--sp-1);min-height:56px}/* Brand: the vector logo (atom-logo-horizontal-light.svg, viewBox 343.94 x 84.45) as tall as --logo-h, its width from
   the viewBox ratio, so the box is known before the file arrives. Two classes: woocommerce.css sets
   `.woocommerce-page img { height: auto; max-width: 100% }` (0,1,1) on shop pages. The station line starts under the
   wordmark, which begins at x = 120.1 of the logo's 84.45 units of height, and rises 2 px into the logo's empty foot. */.atom-brand{--logo-h:34px;display:inline-flex;flex-direction:column;justify-content:center;align-items:flex-start;flex:none;min-height:56px;color:var(--c-ink)}.atom-brand .atom-brand__logo{width:auto;height:var(--logo-h);max-width:none;aspect-ratio:343.94/84.45}.atom-brand__sub{display:none;margin-top:-2px;padding-left:calc(var(--logo-h) * 1.4221);font-size:var(--fs-12);line-height:var(--lh-12);font-weight:var(--fw-medium);color:var(--c-muted);white-space:nowrap}/* Forced colours (Windows contrast themes): the page ground becomes the theme's Canvas, black in the dark themes, but an
   image keeps its own colours, and the ink and green of the logo vanish on black (review F1, 2026-10-20). The logo gets
   a white plate of its own; the shadow widens it by 4 px without moving anything. */@media (forced-colors: active){.atom-brand .atom-brand__logo{forced-color-adjust:none;background-color:#fff;box-shadow:0 0 0 4px #fff;border-radius:2px}}.atom-header-actions{display:flex;align-items:center;gap:0;margin-left:auto}.atom-header-account,.atom-header-cart{position:relative;display:flex;align-items:center}.atom-header-action{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-width:44px;min-height:44px;padding:0 var(--sp-2);border:0;border-radius:var(--r-sm);background:transparent;color:var(--c-ink);font-size:var(--fs-14);line-height:1.15;font-weight:var(--fw-semibold)}.atom-header-action .atom-icon{width:24px;height:24px}/* The texts name the controls: hidden on phones with the sr-only technique, never display:none. */.atom-header-action__text,.atom-search__car-label,.atom-search__submit-label,.atom-header-action .atom-count-badge[data-count="0"]{position:absolute;width:1px;min-width:0;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);border:0;white-space:nowrap}.atom-header-action__text{display:block;text-align:left}.atom-header-action__text small{display:block;font-size:var(--fs-12);line-height:var(--lh-12);font-weight:var(--fw-medium);color:var(--c-muted)}.atom-count-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--r-pill);background:var(--c-brand);color:#fff;font-size:var(--fs-12);font-weight:var(--fw-bold);line-height:1;font-variant-numeric:tabular-nums}.atom-header-action .atom-count-badge{position:absolute;top:2px;left:22px;min-width:22px;height:22px;border:2px solid var(--c-surface)}.atom-menu-toggle{margin-left:-10px}/* Search with the car attached: one search field for the whole shop */.atom-search{position:relative;display:flex;align-items:stretch;width:100%;min-height:var(--h-field);background:var(--c-surface);border:2px solid var(--c-brand);border-radius:var(--r-sm)}.atom-mainbar .atom-search{order:10;flex:1 0 100%;margin:2px 0 var(--sp-2)}.atom-search__car{position:relative;display:inline-flex;align-items:center;gap:6px;flex:none;min-width:44px;padding:0 var(--sp-3);border:0;border-right:1px solid var(--c-success-line);border-radius:4px 0 0 4px;background:var(--c-brand-tint);color:var(--c-brand);font-size:var(--fs-14);font-weight:var(--fw-bold);white-space:nowrap}.atom-search__car.is-set{flex-shrink:1;min-width:0;max-width:46%;background:var(--c-brand-soft)}.atom-search__car.is-set .atom-search__car-label{position:static;width:auto;height:auto;margin:0;min-width:0;clip:auto;clip-path:none;overflow:hidden;text-overflow:ellipsis}.atom-search__input{flex:1;min-width:0;padding:0 var(--sp-3);border:0;border-radius:0;background:transparent;color:var(--c-ink);font-size:var(--fs-16);line-height:var(--lh-16);-webkit-appearance:none;appearance:none}.atom-search__submit{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);flex:none;min-width:52px;padding:0 var(--sp-4);border:0;border-radius:0 3px 3px 0;background:var(--c-brand);color:#fff;font-size:var(--fs-16);font-weight:var(--fw-bold)}.atom-catbar{display:none}/* Phones from 320 to 374 px keep two rows: no gaps in the main row, and below 360 px a 28 px logo (114 px wide), because
   the row leaves 122 px between the menu button and the three actions at 320 px (the 34 px logo is 138.5 px wide). The
   checkout header has only the phone beside the logo and keeps 34 px (review F4: at 320 px the logo ends at 154.5 px,
   the phone starts at 168.4 px in Satoshi, the widest of the font stack). */@media (max-width: 374.98px){.atom-mainbar__inner{column-gap:0}}@media (max-width: 359.98px){.atom-site-header:not(.atom-site-header--checkout) .atom-brand{--logo-h:28px}}@media (min-width: 1024px){.atom-site-header{position:relative;top:auto}.atom-topbar{display:block;background:var(--c-soft);border-bottom:1px solid var(--c-line);color:var(--c-text-2);font-size:var(--fs-13);line-height:var(--lh-13)}.atom-topbar__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-6);min-height:34px}.atom-topbar__promises{display:flex;gap:var(--sp-6)}.atom-topbar__promises li{display:inline-flex;align-items:center;gap:6px}.atom-topbar__promises .atom-icon{width:16px;height:16px;color:var(--c-brand)}.atom-topbar__links{display:flex;gap:var(--sp-5)}.atom-topbar__links a{display:inline-flex;align-items:center;min-height:34px;color:var(--c-text-2);font-weight:var(--fw-medium)}.atom-topbar__links a[aria-current="page"]{color:var(--c-ink);text-decoration:underline;text-underline-offset:3px}.atom-mainbar{border-bottom:0}.atom-mainbar__inner{display:grid;grid-template-columns:219.2px minmax(0, 1fr) auto;column-gap:var(--sp-6);min-height:84px}/* The link is as wide as its logo, not as the slot: the focus ring and the hit area end with the logo (review F3). */.atom-mainbar__inner > .atom-brand{justify-self:start}.atom-brand{--logo-h:44px}.atom-mainbar .atom-search{order:0;flex:1 1 auto;max-width:760px;min-height:52px;margin:0}.atom-search__car-label{position:static;width:auto;height:auto;margin:0;min-width:0;clip:auto;clip-path:none;overflow:hidden;text-overflow:ellipsis}.atom-header-actions{gap:var(--sp-1)}.atom-header-action__text{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;clip-path:none}.atom-header-action--account .atom-header-action__text{width:84px;overflow:hidden;text-overflow:ellipsis}.atom-header-action--cart .atom-header-action__text{width:72px;margin-left:var(--sp-2)}.atom-header-action--phone .atom-header-action__text{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);font-variant-numeric:tabular-nums}.atom-catbar{display:block;position:relative;background:var(--c-brand);color:#fff}.atom-catbar__inner{display:flex;align-items:stretch;min-height:48px}.atom-catbar__list{display:flex;align-items:stretch;min-width:0;overflow:hidden}.atom-catbar__link{display:inline-flex;align-items:center;gap:var(--sp-2);padding:0 var(--sp-4);border:0;border-radius:0;background:transparent;color:#fff;font-size:var(--fs-16);font-weight:var(--fw-semibold);white-space:nowrap}.atom-catbar__link .atom-icon{width:20px;height:20px}.atom-catbar__link--all{margin-left:calc(var(--sp-3) * -1);margin-right:var(--sp-2);padding-left:var(--sp-3);font-weight:var(--fw-bold)}.atom-catbar__link--all:not([aria-expanded="true"]) > .atom-icon + .atom-icon,.atom-catbar__link--all[aria-expanded="true"] > .atom-icon:first-child{display:none}.atom-catbar__link[aria-expanded="true"],.atom-catbar__link[aria-current="page"]{background:var(--c-brand-pressed)}.atom-catbar__services{display:flex;align-items:stretch;margin-left:auto;padding-left:var(--sp-2);border-left:1px solid rgba(255, 255, 255, 0.22)}.atom-catbar__link--service{font-weight:var(--fw-bold)}.atom-catbar__dropdown{position:relative;display:flex;align-items:stretch}}@media (min-width: 1024px) and (max-width: 1279.98px){/* Priority+: the category bar keeps the groups that fit, the rest stay in "Wszystkie kategorie". */.atom-catbar__list .atom-catbar__link:nth-child(n+4){display:none}}@media (min-width: 1280px){.atom-mainbar__inner{grid-template-columns:282px minmax(0, 1fr) auto}.atom-brand__sub{display:block}/* The checkout bar is 64 px tall: the 44 px logo alone, centred (stand proof 2026-10-20: with the station line the
     block reached 3 px from the top edge). */.atom-site-header--checkout .atom-brand__sub{display:none}.atom-header-action--phone .atom-header-action__text{position:static;width:116px;height:auto;margin:0;overflow:visible;clip:auto;clip-path:none}}/* Reduced chrome for checkout and order pay: brand | progress | phone */.atom-site-header--checkout{position:relative;top:auto}.atom-site-header--checkout .atom-mainbar{border-bottom:1px solid var(--c-line)}.atom-site-header--checkout .atom-mainbar__inner{display:flex;flex-wrap:nowrap;gap:var(--sp-3);min-height:64px}.atom-site-header--checkout .atom-header-actions{display:flex;margin-left:auto}.atom-site-header--checkout .atom-header-action__text{position:static;display:block;width:auto;height:auto;margin:0;overflow:visible;clip:auto;clip-path:none}.atom-site-header--checkout .atom-header-action__text small{margin-bottom:1px}.atom-progress{display:flex;align-items:center;gap:var(--sp-2);color:var(--c-muted);font-size:var(--fs-13);font-weight:var(--fw-semibold)}.atom-progress__step{display:inline-flex;align-items:center;gap:var(--sp-2)}.atom-progress__step + .atom-progress__step::before{content:"";width:24px;height:1px;background:var(--c-line-strong)}.atom-progress__dot{display:inline-grid;place-items:center;width:24px;height:24px;border:1px solid var(--c-line-strong);border-radius:50%;background:var(--c-surface);font-size:var(--fs-12);font-variant-numeric:tabular-nums}.atom-progress [aria-current="step"]{color:var(--c-ink)}.atom-progress [aria-current="step"] .atom-progress__dot{border-color:var(--c-ink);background:var(--c-ink);color:#fff}.atom-progress__step.is-done .atom-progress__dot{border-color:var(--c-brand);background:var(--c-brand);color:#fff}.atom-site-header--checkout .atom-progress{margin-inline:auto;padding:0}@media (min-width: 1024px){.atom-site-header--checkout .atom-header-actions{margin-left:0}}/* @critical:end *//* ---------- 1b. Tokens: the rest of the system ---------- */:root{--c-brand-hover:#003916;--c-brand-on-dark:#6cc48a;--c-paper:#fbfaf6;--c-steel:#d9dfda;--c-hover-line:#4f5c54;--c-core:#101512;--c-core-panel:#17201a;--c-core-line:#2c372f;--c-core-ink:#f4f1e9;--c-core-muted:#b6bdb6;--c-success-ink:#004f1f;--c-success-bg:#e5efe8;--c-warning-ink:#7a4b00;--c-warning-bg:#fbf1dc;--c-warning-line:#e2c486;--c-danger-ink:#8f2a1c;--c-danger-bg:#fbeeeb;--c-danger-line:#e6b9b1;--c-info-ink:#162018;--c-info-bg:#f1f3f0;--c-info-line:#c9d1cb;--focus-ring-dark:0 0 0 2px var(--c-core),0 0 0 4px var(--c-brand-on-dark);--font-mono:"Geist Mono","Geist Mono Fallback","SFMono-Regular",Consolas,"Liberation Mono",monospace;/* critical.css keeps the short stack */--font-sans:"Satoshi","Satoshi Fallback","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;--lh-14:1.25rem;--lh-20:1.75rem;--fs-18:1.125rem;--lh-18:1.625rem;--fs-24:1.5rem;--lh-24:2rem;--fs-28:1.75rem;--lh-28:2.25rem;--fs-32:2rem;--lh-32:2.5rem;--fs-40:2.5rem;--lh-40:3rem;--track-tight:-0.02em;--track-caps:0.01em;--sp-7:32px;--sp-8:40px;--sp-9:48px;--sp-10:64px;--sp-11:80px;--section-gap:40px;--measure:70ch;--r-xs:4px;--r-md:8px;--r-lg:12px;--sh-pop:0 12px 32px -8px rgba(16, 21, 18, 0.22),0 2px 6px rgba(16, 21, 18, 0.08);--sh-bar-up:0 -8px 20px -10px rgba(16, 21, 18, 0.28);--sh-dialog:0 24px 64px -12px rgba(16, 21, 18, 0.38);--h-sm:36px;--h-md:44px;--h-lg:52px;--ease-out:cubic-bezier(0.2, 0.7, 0.2, 1);--dur-fast:120ms;--dur:180ms;--dur-slow:240ms;--z-popover:50;--z-scrim:60;--z-drawer:61;/* Redesign slice 2: the filter column of a listing and the sticky filter bar of phones (below the header). */--sidebar:280px;--z-sticky:30}@media (min-width: 768px){:root{--section-gap:56px}}@media (min-width: 1280px){:root{--section-gap:64px}}/* ---------- 2b. Base: interaction and browser surfaces ---------- */:where(.atom-shell-ui){-webkit-tap-highlight-color:transparent}:where(.atom-shell-ui) button{cursor:pointer}:where(.atom-shell-ui) button:active{transform:none}:where(.atom-shell-ui) hr{border:0;border-top:1px solid var(--c-line);margin:0}:where(.atom-shell-ui) :focus{outline:none}:where(.atom-shell-ui) :focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--r-xs)}/* Forced colours (Windows contrast themes) drop every box-shadow, so the ring above disappears there; a real outline in
   the theme's text colour takes its place (review N1, 2026-10-20). */@media (forced-colors: active){.atom-shell-ui :focus-visible,.atom-skip-link:focus-visible{outline:2px solid CanvasText !important;outline-offset:2px}}:where(.atom-shell-ui) input,:where(.atom-shell-ui) textarea{caret-color:var(--c-brand)}:where(.atom-shell-ui) p,:where(.atom-shell-ui) li,:where(.atom-shell-ui) dd{text-wrap:pretty}html.atom-is-locked,html.atom-is-locked body{overflow:hidden}::selection{background:#cfe3d5;color:var(--c-ink)}html{scrollbar-color:#b7c0b9 var(--c-soft)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--c-soft)}::-webkit-scrollbar-thumb{background:#b7c0b9;border:3px solid var(--c-soft);border-radius:999px}/* The floating Complianz tab: "Ustawienia cookies" in the footer reopens the banner instead (D13). */#cmplz-manage-consent{display:none !important}/* ---------- 5b. Icon sizes ---------- */.atom-icon--16{width:16px;height:16px}.atom-icon--24{width:24px;height:24px}.atom-icon--28{width:28px;height:28px}/* ---------- 14a. Site header: states ---------- */.atom-skip-link:focus,.atom-skip-link:focus-visible{top:var(--sp-2);outline:none;box-shadow:var(--focus-ring)}.atom-search__input:focus{outline:none;box-shadow:none}.atom-search:has(.atom-search__input:focus){box-shadow:var(--focus-ring)}/* The field is type="search"; the browser's own clear button is not part of the frame (mockups). */.atom-search__input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.atom-search__car:focus-visible{box-shadow:inset 0 0 0 2px var(--c-brand);border-radius:4px 0 0 4px}.atom-search__submit:focus-visible{box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 4px var(--c-brand-pressed);border-radius:0 3px 3px 0}/* "Szukaj" next to the icon from 1366 px: from 1280 px the phone number and the brand line take the room, and the
   label would leave the field 157 px for its 168 px hint "Część, auto albo numer" (review FID-4). The one breakpoint
   outside 480/768/1024/1280, with the phone brand rules below 375 and 360 px. Not in the critical region (both
   stylesheets block the first paint anyway, contract A.8). */@media (min-width: 1366px){.atom-search__submit-label{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;clip-path:none}}/* A remembered car before the plugin script runs (review PERF-3): the head snippet of header.php sets
   html.atom-car-pending and the label (--atom-car-label) from the visitor's cookie, so the car button looks set from
   the first paint: the server's text "Wybierz auto" (.atom-search__car-text) gives way to the label in the same box the
   script fills a moment later. The script writes the label into that box and removes the class in one step, so neither
   the field nor the label box moves; the link keeps its name "Wybierz auto" until then. */html.atom-car-pending form[data-atom-header-search][data-atom-vehicle-state="unset"] .atom-search__car{flex-shrink:1;min-width:0;max-width:46%;background:var(--c-brand-soft)}html.atom-car-pending form[data-atom-header-search][data-atom-vehicle-state="unset"] .atom-search__car .atom-search__car-label{position:static;width:auto;height:auto;margin:0;min-width:0;clip:auto;clip-path:none;overflow:hidden;text-overflow:ellipsis}html.atom-car-pending form[data-atom-header-search][data-atom-vehicle-state="unset"] .atom-search__car .atom-search__car-label::before{content:var(--atom-car-label)}html.atom-car-pending form[data-atom-header-search][data-atom-vehicle-state="unset"] .atom-search__car .atom-search__car-text{display:none}@media (min-width: 1024px){html.atom-car-pending form[data-atom-header-search][data-atom-vehicle-state="unset"] .atom-search__car{min-width:9rem;max-width:9rem}}/* The car slot is fixed from 1024 px: the width of "Wybierz auto" whatever car the plugin script shows (the page may
   come from the cache), so the field never moves; a longer label ends in an ellipsis and the button keeps the whole
   name in "Zmień auto: …" (review FID-2). Phones show the car before the first paint (atom-header-vehicle.js). */@media (min-width: 1024px){.atom-search__car,.atom-search__car.is-set{min-width:9rem}.atom-search__car.is-set{max-width:9rem}.atom-catbar__link{transition:background-color var(--dur-fast) var(--ease-out)}.atom-catbar__dropdown > .atom-catbar__link[aria-expanded="true"] .atom-icon{transform:rotate(180deg)}.atom-catbar .atom-catbar__link:focus-visible{box-shadow:inset 0 0 0 2px #fff;border-radius:0}}@media (min-width: 1024px) and (hover: hover){.atom-catbar__link:hover{background:var(--c-brand-hover)}.atom-topbar__links a:hover{color:var(--c-ink);text-decoration:underline;text-underline-offset:3px}}@media (hover: hover){.atom-header-action:hover{background:var(--c-soft)}.atom-search__submit:hover{background:var(--c-brand-hover)}.atom-search__car:hover{background:var(--c-brand-soft)}}/* Order steps on small phones: the current step keeps its name (the checkout header shows the steps from 1024 px). */.atom-progress__label{white-space:nowrap}@media (max-width: 479.98px){.atom-progress__label{display:none}.atom-progress [aria-current="step"] .atom-progress__label{display:inline}}/* ---------- 3. Utilities ---------- */.atom-container--narrow{max-width:calc(880px + 2 * var(--gutter))}.atom-num{font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1}.atom-mono{font-family:var(--font-mono);font-size:0.9375em;letter-spacing:0;font-variant-numeric:tabular-nums;white-space:nowrap}.atom-muted{color:var(--c-muted)}.atom-text-2{color:var(--c-text-2)}.atom-stack > * + *{margin-top:var(--stack, var(--sp-4))}.atom-cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--cluster, var(--sp-3))}.atom-split{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4)}.atom-nowrap{white-space:nowrap}.atom-count{color:var(--c-muted);font-weight:var(--fw-regular);font-variant-numeric:tabular-nums}/* ---------- 4. Type roles ---------- */.atom-t-display{font-size:var(--fs-28);line-height:var(--lh-28);font-weight:var(--fw-heavy);letter-spacing:var(--track-tight);text-wrap:balance}.atom-t-h1{font-size:var(--fs-24);line-height:var(--lh-24);font-weight:var(--fw-bold);letter-spacing:var(--track-tight);text-wrap:balance}.atom-t-h2{font-size:var(--fs-20);line-height:var(--lh-20);font-weight:var(--fw-bold);letter-spacing:-0.01em;text-wrap:balance}.atom-t-h3{font-size:var(--fs-18);line-height:var(--lh-18);font-weight:var(--fw-bold)}.atom-t-h4{font-size:var(--fs-16);line-height:var(--lh-16);font-weight:var(--fw-bold)}.atom-t-lead{font-size:var(--fs-18);line-height:var(--lh-18);color:var(--c-text-2)}.atom-t-body{font-size:var(--fs-16);line-height:var(--lh-16)}.atom-t-small{font-size:var(--fs-14);line-height:var(--lh-14)}.atom-t-caption{font-size:var(--fs-13);line-height:var(--lh-13);color:var(--c-muted)}.atom-t-micro{font-size:var(--fs-12);line-height:var(--lh-12);color:var(--c-muted)}.atom-t-label{font-size:var(--fs-14);line-height:var(--lh-14);font-weight:var(--fw-semibold)}.atom-t-title-part{font-size:var(--fs-20);line-height:var(--lh-20);font-weight:var(--fw-semibold);letter-spacing:var(--track-caps);overflow-wrap:anywhere;text-wrap:balance}@media (min-width: 1024px){.atom-t-display{font-size:var(--fs-40);line-height:var(--lh-40)}.atom-t-h1{font-size:var(--fs-32);line-height:var(--lh-32)}.atom-t-h2{font-size:var(--fs-24);line-height:var(--lh-24)}.atom-t-h3{font-size:var(--fs-20);line-height:var(--lh-20)}.atom-t-title-part{font-size:var(--fs-24);line-height:var(--lh-24)}}.atom-prose{max-width:var(--measure)}.atom-prose p + p,.atom-prose p + ul,.atom-prose ul + p{margin-top:var(--sp-3)}.atom-prose ul{padding-left:1.25em}.atom-prose li + li{margin-top:var(--sp-1)}.atom-link{color:var(--c-brand);font-weight:var(--fw-semibold);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.atom-link--quiet{color:inherit;font-weight:inherit}@media (hover: hover){.atom-link:hover{color:var(--c-brand-hover);text-decoration-thickness:2px}}/* ---------- 6. Buttons (one family) ---------- */.atom-btn{--btn-h:var(--h-md);display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:var(--btn-h);padding:0 var(--sp-5);border:1px solid transparent;border-radius:var(--r-sm);font-size:var(--fs-16);line-height:1.2;font-weight:var(--fw-semibold);text-align:center;white-space:nowrap;text-decoration:none;user-select:none;transition:background-color var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out),color var(--dur) var(--ease-out)}.atom-btn .atom-icon{width:20px;height:20px}.atom-btn--sm{--btn-h:var(--h-sm);padding:0 var(--sp-3);font-size:var(--fs-14)}.atom-btn--lg{--btn-h:var(--h-lg);padding:0 var(--sp-6);font-size:var(--fs-18);font-weight:var(--fw-bold)}@media (max-width: 479.98px){.atom-btn--lg{padding-inline:var(--sp-4);font-size:var(--fs-16)}}.atom-btn--block{display:flex;width:100%;white-space:normal}.atom-btn--icon{width:var(--btn-h);padding:0}.atom-btn--primary{background:var(--c-brand);color:#fff}.atom-btn--secondary{border-color:var(--c-line-strong);background:var(--c-surface);color:var(--c-ink)}.atom-btn--ghost{padding-inline:var(--sp-2);background:transparent;color:var(--c-brand)}.atom-btn--on-dark{background:#fff;color:var(--c-ink)}.atom-btn--outline-on-dark{border-color:rgba(244, 241, 233, 0.55);background:transparent;color:var(--c-core-ink)}@media (hover: hover){.atom-btn--primary:hover{background:var(--c-brand-hover)}.atom-btn--secondary:hover{border-color:var(--c-ink);background:var(--c-soft)}.atom-btn--ghost:hover{background:var(--c-brand-tint)}.atom-btn--on-dark:hover{background:#e9ece9}.atom-btn--outline-on-dark:hover{border-color:#fff;background:rgba(255, 255, 255, 0.06)}}.atom-btn--primary:active{background:var(--c-brand-pressed)}.atom-btn--secondary:active{background:var(--c-steel)}.atom-btn:disabled,.atom-btn[aria-disabled="true"]{border-color:var(--c-line);background:var(--c-soft);color:#7c877f;cursor:not-allowed}.atom-btn[aria-busy="true"]{position:relative;color:transparent !important;pointer-events:none}.atom-btn[aria-busy="true"]::after{content:"";position:absolute;inset:0;width:18px;height:18px;margin:auto;border:2px solid rgba(255, 255, 255, 0.45);border-top-color:#fff;border-radius:50%;animation:atom-spin 700ms linear infinite}.atom-btn--secondary[aria-busy="true"]::after{border-color:rgba(22, 32, 24, 0.25);border-top-color:var(--c-ink)}@keyframes atom-spin{to{transform:rotate(360deg)}}/* ---------- 7. Form controls and choice rows ---------- */.atom-field{display:grid;gap:6px;min-width:0;align-content:start}.atom-field__label{color:var(--c-ink);font-size:var(--fs-14);line-height:var(--lh-14);font-weight:var(--fw-semibold)}.atom-field__label .atom-req{margin-left:2px;color:var(--c-danger-ink)}.atom-field__label .atom-opt{color:var(--c-muted);font-weight:var(--fw-regular)}.atom-field__hint{color:var(--c-muted);font-size:var(--fs-13);line-height:var(--lh-13)}.atom-field__error{display:flex;align-items:flex-start;gap:6px;color:var(--c-danger-ink);font-size:var(--fs-13);line-height:var(--lh-13);font-weight:var(--fw-medium)}.atom-field__error .atom-icon{width:16px;height:16px;margin-top:1px}.atom-input,.atom-select,.atom-textarea{width:100%;min-height:var(--h-field);padding:0 var(--sp-3);border:1px solid var(--c-line-strong);border-radius:var(--r-sm);background:var(--c-surface);color:var(--c-ink);font-size:var(--fs-16);line-height:var(--lh-16);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.atom-textarea{min-height:128px;padding:var(--sp-3);resize:vertical}.atom-select{padding-right:40px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23162018' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9.5l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:20px}@media (hover: hover){.atom-input:hover,.atom-select:hover,.atom-textarea:hover{border-color:var(--c-hover-line)}}.atom-input:focus,.atom-select:focus,.atom-textarea:focus{border-color:var(--c-brand);outline:none;box-shadow:0 0 0 1px var(--c-brand),0 0 0 4px rgba(0, 79, 31, 0.35)}.atom-input[aria-invalid="true"],.atom-select[aria-invalid="true"],.atom-textarea[aria-invalid="true"]{border-color:var(--c-danger-ink);box-shadow:0 0 0 3px rgba(143, 42, 28, 0.12)}.atom-input:disabled,.atom-select:disabled{border-color:var(--c-line);background:var(--c-soft);color:var(--c-muted)}.atom-form-grid{display:grid;gap:var(--sp-4)}@media (min-width: 768px){.atom-form-grid--2{grid-template-columns:1fr 1fr;column-gap:var(--sp-4)}.atom-form-grid--2 > .atom-span-2{grid-column:1/-1}}.atom-check{display:flex;align-items:flex-start;gap:var(--sp-3);min-height:var(--h-md);padding-block:10px;font-size:var(--fs-16);line-height:var(--lh-16);cursor:pointer}.atom-check input{flex:none;width:20px;height:20px;margin:2px 0 0;accent-color:var(--c-brand);cursor:pointer}.atom-check__count{margin-left:auto;color:var(--c-muted);font-size:var(--fs-14)}.atom-choice-list{display:grid;gap:var(--sp-2)}.atom-choice{display:grid;grid-template-columns:20px 1fr auto;gap:var(--sp-1) var(--sp-3);align-items:center;min-height:56px;padding:var(--sp-3) var(--sp-4);border:1px solid var(--c-line-strong);border-radius:var(--r-md);background:var(--c-surface);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.atom-choice input{width:20px;height:20px;margin:0;accent-color:var(--c-brand)}.atom-choice__title{font-weight:var(--fw-semibold)}.atom-choice__meta{grid-column:2/-1;color:var(--c-muted);font-size:var(--fs-14);line-height:var(--lh-14)}.atom-choice__price{font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;white-space:nowrap}.atom-choice__logo{width:auto;height:22px}.atom-choice__body{grid-column:2/-1;margin-top:var(--sp-2)}@media (hover: hover){.atom-choice:hover{border-color:var(--c-hover-line)}}.atom-choice:has(input:checked),.atom-choice.is-selected{border-color:var(--c-brand);background:var(--c-brand-tint);box-shadow:inset 0 0 0 1px var(--c-brand)}.atom-choice:has(input:focus-visible){box-shadow:inset 0 0 0 1px var(--c-brand),var(--focus-ring)}.atom-choice[aria-disabled="true"]{opacity:0.6;cursor:not-allowed}/* ---------- 8. Tags, badges, chips ---------- */.atom-tag{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 var(--sp-2);border:1px solid transparent;border-radius:var(--r-xs);font-size:var(--fs-13);line-height:1;font-weight:var(--fw-semibold);white-space:nowrap}.atom-tag .atom-icon{width:14px;height:14px}.atom-tag--neutral{border-color:var(--c-line-strong);background:var(--c-surface);color:var(--c-ink)}.atom-tag--available{background:var(--c-success-bg);color:var(--c-success-ink)}.atom-tag--unavailable{border-color:var(--c-line);background:var(--c-soft);color:var(--c-text-2)}.atom-tag--warning{background:var(--c-warning-bg);color:var(--c-warning-ink)}.atom-tag--danger{background:var(--c-danger-bg);color:var(--c-danger-ink)}.atom-tag--brand{border-color:var(--c-brand);background:var(--c-surface);color:var(--c-brand)}.atom-tag--id{background:var(--c-soft);color:var(--c-text-2);font-family:var(--font-mono);font-size:var(--fs-12);font-weight:var(--fw-medium)}.atom-chip{display:inline-flex;align-items:center;gap:6px;min-height:var(--h-sm);padding:0 var(--sp-3);border:1px solid var(--c-line-strong);border-radius:var(--r-pill);background:var(--c-surface);color:var(--c-ink);font-size:var(--fs-14);font-weight:var(--fw-medium);white-space:nowrap;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.atom-chip .atom-icon{width:16px;height:16px}.atom-chip--active{border-color:var(--c-brand);background:var(--c-brand-soft);color:var(--c-brand)}@media (hover: hover){.atom-chip:hover{border-color:var(--c-ink)}}@media (pointer: coarse){.atom-chip{min-height:44px}}.atom-chip-row{display:flex;gap:var(--sp-2);padding-bottom:2px;overflow-x:auto;scrollbar-width:none}.atom-chip-row::-webkit-scrollbar{display:none}/* ---------- 10. Breadcrumbs ---------- */.atom-crumbs{padding-block:var(--sp-3);color:var(--c-muted);font-size:var(--fs-13);line-height:var(--lh-13)}.atom-crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:2px 4px;margin:0;padding:0;list-style:none}.atom-crumbs li{display:inline-flex;align-items:center;gap:4px}.atom-crumbs li + li::before,.atom-picker__steps li + li::before,.atom-picker-list a::after{content:"";flex:none;width:14px;height:14px;background:currentColor;opacity:0.6;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}.atom-crumbs a{color:var(--c-text-2);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px}@media (hover: hover){.atom-crumbs a:hover{color:var(--c-ink);text-decoration-color:currentColor}}.atom-crumbs [aria-current]{color:var(--c-ink);font-weight:var(--fw-medium)}.atom-crumbs__back{display:inline-flex;align-items:center;gap:4px;min-height:44px;color:var(--c-text-2);font-weight:var(--fw-medium)}.atom-crumbs--back{padding-block:2px}.atom-crumbs--full{display:none}@media (min-width: 768px){.atom-crumbs--full{display:block}.atom-crumbs--back{display:none}}/* ---------- 11. Page head (one construction for every page) ---------- */.atom-page-head{padding-block:var(--sp-2) var(--sp-6)}.atom-page-head__title{margin-top:var(--sp-1)}.atom-page-head__lead{max-width:64ch;margin-top:var(--sp-2);color:var(--c-text-2)}.atom-page-head__count{margin-top:var(--sp-1);color:var(--c-muted);font-size:var(--fs-14)}.atom-page-head__actions{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-5)}.atom-page-head--dark{padding-block:var(--sp-2) 0;background:var(--c-core);color:var(--c-core-ink)}.atom-page-head--dark .atom-crumbs,.atom-page-head--dark .atom-crumbs a{color:var(--c-core-muted)}.atom-page-head--dark .atom-crumbs [aria-current]{color:var(--c-core-ink)}.atom-page-head--dark .atom-page-head__lead{color:var(--c-core-muted)}/* ---------- 13. Notices ---------- */.atom-notice{display:grid;grid-template-columns:20px 1fr;gap:var(--sp-1) var(--sp-3);align-items:start;padding:var(--sp-3) var(--sp-4);border:1px solid var(--c-info-line);border-radius:var(--r-md);background:var(--c-info-bg);color:var(--c-info-ink);font-size:var(--fs-14);line-height:var(--lh-14)}.atom-notice > .atom-icon{margin-top:0}.atom-notice__title{margin-top:-2px;font-size:var(--fs-16);line-height:var(--lh-16);font-weight:var(--fw-bold)}.atom-notice__body{grid-column:2}.atom-notice__body > * + *{margin-top:var(--sp-1)}/* Old page content styles every paragraph (.atom-content p: muted 17 px, margins); a notice placed inside an old
   template keeps its own text (the payment note on cart, checkout and order pay). */.atom-notice .atom-notice__body > p{margin:0;color:inherit;font-size:inherit;line-height:inherit}.atom-notice .atom-notice__body > p + p{margin-top:var(--sp-1)}.atom-notice--success{border-color:var(--c-success-line);background:var(--c-success-bg);color:var(--c-success-ink)}.atom-notice--warning{border-color:var(--c-warning-line);background:var(--c-warning-bg);color:var(--c-warning-ink)}.atom-notice--danger{border-color:var(--c-danger-line);background:var(--c-danger-bg);color:var(--c-danger-ink)}.atom-notice--success .atom-notice__body,.atom-notice--warning .atom-notice__body,.atom-notice--danger .atom-notice__body{color:var(--c-ink)}.atom-notice a{font-weight:var(--fw-semibold);text-decoration:underline;text-underline-offset:3px}/* Payment availability on cart, checkout and order pay (D12, until slice 4 moves it into the summary).
   It may land in the two-column cart grid: it spans the whole row. */.atom-payment-note{grid-column:1/-1;margin:0 0 var(--sp-5)}.atom-payment-note > .atom-icon{color:var(--c-text-2)}/* ---------- 14b. Header popovers: autocomplete, account, mini-cart, services, mega ---------- */.atom-popover{position:absolute;z-index:var(--z-popover);border:1px solid var(--c-line);border-radius:var(--r-md);background:var(--c-surface);box-shadow:var(--sh-pop);color:var(--c-ink)}/* Autocomplete (rendered by the plugin script, moved to <body>; the script sets position and size) */.atom-suggest{padding:var(--sp-2) 0;overflow-y:auto;overscroll-behavior:contain}.atom-suggest__group + .atom-suggest__group{margin-top:var(--sp-1)}.atom-suggest__group-title{padding:var(--sp-2) var(--sp-4) var(--sp-1);color:var(--c-muted);font-size:var(--fs-12);line-height:var(--lh-12);font-weight:var(--fw-bold)}.atom-suggest__item{display:flex;align-items:center;gap:var(--sp-3);min-height:44px;padding:var(--sp-2) var(--sp-4);color:var(--c-ink);font-size:var(--fs-14);line-height:var(--lh-14)}.atom-suggest__item.is-active,.atom-suggest__item[aria-selected="true"]{background:var(--c-soft)}@media (hover: hover){.atom-suggest__item:hover{background:var(--c-soft)}}.atom-suggest__item--query{font-weight:var(--fw-semibold)}.atom-suggest__item--query .atom-icon{color:var(--c-muted)}.atom-suggest .atom-suggest__thumb{flex:none;width:56px;height:42px;border-radius:var(--r-xs);background:var(--c-soft);object-fit:cover}.atom-suggest__thumb--empty{display:block}.atom-suggest__text{display:grid;gap:2px;min-width:0}.atom-suggest__title{color:var(--c-ink);font-weight:var(--fw-semibold);letter-spacing:var(--track-caps);overflow-wrap:anywhere}.atom-suggest__title b{color:var(--c-brand);font-weight:var(--fw-bold)}.atom-suggest__meta{color:var(--c-muted);font-size:var(--fs-12);line-height:var(--lh-12)}.atom-suggest__price{margin-left:auto;font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;white-space:nowrap}.atom-suggest__count{margin-left:auto;color:var(--c-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.atom-suggest__arrow{flex:none;margin-left:auto;color:var(--c-muted)}.atom-suggest__count + .atom-suggest__arrow,.atom-suggest__price + .atom-suggest__arrow{margin-left:0}.atom-suggest__state{padding:var(--sp-3) var(--sp-4);color:var(--c-text-2);font-size:var(--fs-14);line-height:var(--lh-14)}.atom-suggest__state--error{color:var(--c-danger-ink)}/* Account menu */.atom-account-menu{right:0;top:calc(100% + 8px);width:260px;padding:var(--sp-2) 0}.atom-account-menu__link{display:flex;align-items:center;gap:var(--sp-3);min-height:44px;padding:0 var(--sp-4);color:var(--c-ink);font-size:var(--fs-14);font-weight:var(--fw-medium)}.atom-account-menu__link .atom-icon{color:var(--c-text-2)}.atom-account-menu hr{margin:var(--sp-2) 0}@media (hover: hover){.atom-account-menu__link:hover{background:var(--c-soft)}}/* Mini-cart */.atom-minicart{right:0;top:calc(100% + 8px);display:grid;gap:var(--sp-4);width:min(380px, calc(100vw - 2 * var(--gutter)));max-height:calc(100dvh - 140px);padding:var(--sp-4);overflow-y:auto}.atom-minicart__head{display:flex;align-items:center;gap:var(--sp-3)}.atom-minicart__head > :first-child{margin-right:auto}.atom-minicart__close{display:inline-grid;place-items:center;width:36px;height:36px;margin:-8px -8px -8px 0;padding:0;border:0;border-radius:var(--r-sm);background:transparent;color:var(--c-ink)}@media (pointer: coarse){.atom-minicart__close{width:44px;height:44px;margin:-10px -10px -10px 0}}@media (hover: hover){.atom-minicart__close:hover{background:var(--c-soft)}}.atom-minicart__note{color:var(--c-text-2);font-size:var(--fs-14);line-height:var(--lh-14)}.atom-minicart__lines{display:grid;gap:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--c-line)}.atom-minicart__total{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--c-line);font-weight:var(--fw-bold)}.atom-minicart__total-amount{font-size:var(--fs-24);line-height:var(--lh-24);font-variant-numeric:tabular-nums;white-space:nowrap}.atom-minicart__actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2)}.atom-minicart__actions .atom-btn{padding-inline:var(--sp-3)}.atom-minicart__actions--single{grid-template-columns:1fr}/* Services menu (category bar, "Usługi") */.atom-services-menu{right:0;top:100%;width:260px;padding:var(--sp-2) 0}.atom-services-menu__link{display:flex;align-items:center;min-height:44px;padding:0 var(--sp-4);color:var(--c-ink);font-size:var(--fs-14);font-weight:var(--fw-medium)}.atom-services-menu__link[aria-current="page"]{color:var(--c-brand);font-weight:var(--fw-bold)}@media (hover: hover){.atom-services-menu__link:hover{background:var(--c-soft)}}/* Mega menu: groups | subcategories of the active group | the car picker (slice 2 adds the make logos) */.atom-mega{left:0;right:0;top:100%;overflow:hidden;border:0;border-bottom:1px solid var(--c-line);border-radius:0}.atom-mega__inner{display:grid;grid-template-columns:300px minmax(0, 1fr) 280px;min-height:420px}.atom-mega__groups{padding:var(--sp-3) 0;border-right:1px solid var(--c-line);background:var(--c-surface)}.atom-mega__group{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:7px var(--sp-5);color:var(--c-ink);font-size:var(--fs-14);line-height:var(--lh-14);font-weight:var(--fw-medium)}.atom-mega__group .atom-count{color:var(--c-muted);font-weight:var(--fw-regular)}.atom-mega__group.is-active{background:var(--c-brand-tint);color:var(--c-brand);font-weight:var(--fw-bold)}.atom-mega__group.is-active .atom-count{color:var(--c-brand)}.atom-mega__panel{padding:var(--sp-6) var(--sp-7)}.atom-mega__panel-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-1) var(--sp-3);margin-bottom:var(--sp-4)}.atom-mega__links{column-gap:var(--sp-7);columns:2}.atom-mega__links a{display:block;padding:7px 0;font-size:var(--fs-14);break-inside:avoid}.atom-mega__aside{position:relative;grid-column:3;grid-row:1;padding:var(--sp-6);background:var(--c-soft);border-left:1px solid var(--c-line)}.atom-mega__aside::after{content:"";position:absolute;top:0;bottom:0;left:100%;width:50vw;background:var(--c-soft)}.atom-mega__aside-title{margin-bottom:var(--sp-3)}.atom-mega__aside-car{margin-top:var(--sp-3)}@media (min-width: 1280px){.atom-mega__links{columns:3}}@media (hover: hover){.atom-mega__links a:hover,.atom-mega__group:hover{color:var(--c-brand);text-decoration:underline;text-underline-offset:3px}}/* ---------- 14c. Phone and tablet drawer ---------- */.atom-scrim{position:fixed;inset:0;z-index:var(--z-scrim);background:rgba(16, 21, 18, 0.5)}.atom-drawer{position:fixed;inset:0 auto 0 0;z-index:var(--z-drawer);display:flex;flex-direction:column;width:min(88vw, 380px);background:var(--c-surface);box-shadow:var(--sh-dialog);overflow-y:auto;overscroll-behavior:contain}.atom-drawer__head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:var(--sp-2) var(--sp-2) var(--sp-2) var(--sp-4);border-bottom:1px solid var(--c-line);background:var(--c-surface)}.atom-drawer__section{padding:var(--sp-3) 0;border-bottom:1px solid var(--c-line)}.atom-drawer__label{padding:var(--sp-2) var(--sp-4);color:var(--c-muted);font-size:var(--fs-13);font-weight:var(--fw-bold)}.atom-drawer__link{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);width:100%;min-height:48px;padding:0 var(--sp-4);border:0;background:transparent;color:var(--c-ink);font-size:var(--fs-16);line-height:var(--lh-16);font-weight:var(--fw-medium);text-align:left}.atom-drawer__link .atom-count{margin-left:auto;color:var(--c-muted);font-size:var(--fs-14);font-weight:var(--fw-regular)}.atom-drawer__link .atom-icon{color:var(--c-muted)}.atom-drawer__link--strong{font-weight:var(--fw-bold)}.atom-drawer__link > .atom-count:last-child{margin-right:32px}.atom-drawer__row{display:flex;align-items:stretch}.atom-drawer__row > .atom-drawer__link{flex:1 1 auto;min-width:0;padding-right:0}.atom-drawer__row > .atom-drawer__link > .atom-count:last-child{margin-right:0}/* A group without subcategories has no "more" button: its count keeps the column of the others. */.atom-drawer__row > .atom-drawer__link:only-child > .atom-count:last-child{margin-right:48px}.atom-drawer__more{display:inline-grid;flex:none;place-items:center;width:48px;min-height:48px;padding:0;border:0;background:transparent;color:var(--c-muted)}.atom-drawer__back{justify-content:flex-start;color:var(--c-text-2);font-weight:var(--fw-bold)}.atom-drawer__contact{margin:var(--sp-4);padding:var(--sp-4);border-radius:var(--r-md);background:var(--c-soft)}.atom-drawer__contact .atom-t-caption{margin-top:4px}.atom-drawer__phone{display:inline-flex;align-items:center;gap:var(--sp-2);min-height:44px;color:var(--c-ink);font-size:var(--fs-20);line-height:var(--lh-20);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums}.atom-drawer__phone .atom-icon{color:var(--c-brand)}/* The drawer scrolls, which would clip an outer ring on its full-width rows: the ring goes inside. */.atom-drawer :focus-visible{box-shadow:inset 0 0 0 2px var(--c-brand);border-radius:var(--r-xs)}@media (hover: hover){.atom-drawer__link:hover,.atom-drawer__more:hover{background:var(--c-soft)}}/* ---------- 15. Footer ---------- */.atom-site-footer{margin-top:var(--section-gap);border-top:1px solid var(--c-line);background:var(--c-soft);color:var(--c-ink)}.atom-promises{border-bottom:1px solid var(--c-line);background:var(--c-surface)}.atom-promises__list{display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--sp-4);padding-block:var(--sp-6)}@media (min-width: 480px){.atom-promises__list{grid-template-columns:1fr 1fr;gap:var(--sp-5) var(--sp-4)}}@media (min-width: 768px){.atom-promises__list{grid-template-columns:repeat(4, 1fr)}}.atom-promise{display:grid;grid-template-columns:28px 1fr;gap:2px var(--sp-3);align-items:start;align-content:start}.atom-promise .atom-icon{grid-row:span 2;width:28px;height:28px;color:var(--c-brand)}.atom-promise__title{font-size:var(--fs-14);line-height:var(--lh-14);font-weight:var(--fw-bold)}.atom-promise__text{color:var(--c-muted);font-size:var(--fs-13);line-height:var(--lh-13)}.atom-footer-main{display:grid;grid-template-columns:minmax(0, 1fr);gap:0;padding-block:var(--sp-8) var(--sp-6)}.atom-footer-company{margin-bottom:var(--sp-6)}.atom-footer-company .atom-brand{--logo-h:44px;margin-bottom:var(--sp-4)}.atom-footer-company .atom-brand__sub{display:block}.atom-footer-company address{display:grid;gap:var(--sp-2);color:var(--c-text-2);font-size:var(--fs-14);line-height:var(--lh-14);font-style:normal}.atom-footer-company address a{display:inline-flex;align-items:center;justify-self:start;min-height:44px}.atom-footer-company .atom-footer-phone{color:var(--c-ink);font-size:var(--fs-20);line-height:var(--lh-20);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums}.atom-footer-col__title{margin:0;font-size:var(--fs-16);line-height:var(--lh-16);font-weight:var(--fw-bold)}.atom-footer-col__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:52px;padding:0;border:0;border-top:1px solid var(--c-line);background:none;color:var(--c-ink);font-weight:var(--fw-bold);text-align:left}.atom-footer-col__toggle[aria-expanded="true"] .atom-icon{transform:rotate(180deg)}.atom-footer-col__label{display:none}.atom-footer-col ul{display:grid;margin:0;padding:0 0 var(--sp-3);list-style:none}/* Closed lists only with JavaScript: without it the toggles cannot work, so phones see every link. */html.atom-js .atom-footer-col:has(.atom-footer-col__toggle[aria-expanded="false"]) ul{display:none}html:not(.atom-js) .atom-footer-col__toggle{display:none}html:not(.atom-js) .atom-footer-col__label{display:block;padding-top:var(--sp-3);border-top:1px solid var(--c-line)}.atom-footer-col:last-child{border-bottom:1px solid var(--c-line)}.atom-footer-col a,.atom-footer-col__link{display:flex;align-items:center;min-height:44px;padding:0;border:0;background:none;color:var(--c-text-2);font-size:var(--fs-14);line-height:var(--lh-14);text-align:left}.atom-footer-col a[aria-current="page"]{color:var(--c-ink);font-weight:var(--fw-semibold)}@media (hover: hover){.atom-footer-col a:hover,.atom-footer-col__link:hover,.atom-footer-company address a:hover{color:var(--c-ink);text-decoration:underline;text-underline-offset:3px}}.atom-footer-pay{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3) var(--sp-6);padding-block:var(--sp-5);border-top:1px solid var(--c-line);color:var(--c-text-2);font-size:var(--fs-13);line-height:var(--lh-13)}.atom-footer-pay__group{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);margin:0}.atom-footer-pay__label{margin-right:var(--sp-1);color:var(--c-ink);font-weight:var(--fw-semibold)}.atom-footer-pay__text{color:var(--c-ink);font-weight:var(--fw-semibold)}/* Two classes: woocommerce.css sets .woocommerce-page img { height: auto } (0,1,1) on shop pages. */.atom-footer-pay .atom-pay-logo{width:auto;height:28px;padding:4px 8px;border:1px solid var(--c-line);border-radius:var(--r-xs);background:var(--c-surface)}.atom-footer-legal{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-5);padding-block:var(--sp-4) var(--sp-6);border-top:1px solid var(--c-line);color:var(--c-muted);font-size:var(--fs-12);line-height:var(--lh-12)}@media (min-width: 1024px){.atom-footer-main{grid-template-columns:1.4fr repeat(3, 1fr);gap:var(--sp-8);padding-block:var(--sp-9) var(--sp-8)}.atom-footer-company{margin-bottom:0}.atom-footer-col__toggle{display:none}.atom-footer-col__label{display:block;margin-bottom:var(--sp-2);font-size:var(--fs-14);line-height:var(--lh-14)}html:not(.atom-js) .atom-footer-col__label{padding-top:0;border-top:0}.atom-footer-col ul,html.atom-js .atom-footer-col:has(.atom-footer-col__toggle[aria-expanded="false"]) ul{display:grid;padding:0}.atom-footer-col:last-child{border-bottom:0}.atom-footer-col a,.atom-footer-col__link{display:inline-flex;min-height:32px}.atom-footer-company address a{min-height:0}}/* One-line footer of the checkout and order pay */.atom-site-footer--checkout{margin-top:var(--sp-9)}.atom-site-footer--checkout .atom-footer-legal{align-items:center;padding-block:var(--sp-3);border-top:0;color:var(--c-text-2);font-size:var(--fs-13);line-height:var(--lh-13)}.atom-site-footer--checkout .atom-footer-legal a,.atom-footer-legal__button{display:inline-flex;align-items:center;min-height:44px;padding:0;border:0;background:none;color:inherit;font-size:inherit;line-height:inherit;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px}@media (hover: hover){.atom-site-footer--checkout .atom-footer-legal a:hover,.atom-footer-legal__button:hover{color:var(--c-ink);text-decoration-color:currentColor}}/* ---------- 16. Part, mini variant (mini-cart; slice 2 brings the cards) ---------- */.atom-part-mini{display:grid;grid-template-columns:72px 1fr auto;gap:var(--sp-3);align-items:start}a.atom-part-mini{color:var(--c-ink)}.atom-part-mini__media{display:grid;place-items:center;aspect-ratio:4/3;overflow:hidden;border-radius:var(--r-xs);background:var(--c-soft);color:var(--c-brand)}.atom-part-mini .atom-part-mini__media img{width:100%;height:100%;object-fit:cover}.atom-part-mini__title{display:block;font-size:var(--fs-14);line-height:var(--lh-14);font-weight:var(--fw-semibold);letter-spacing:var(--track-caps);overflow-wrap:anywhere}.atom-part-mini__meta{display:block;margin-top:2px;color:var(--c-muted);font-size:var(--fs-12);line-height:var(--lh-12)}.atom-part-mini__price{font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;white-space:nowrap}@media (hover: hover){a.atom-part-mini:hover .atom-part-mini__title{color:var(--c-brand);text-decoration:underline;text-underline-offset:3px}}/* ---------- Slice 2, catalogue (system.css 9, 12, 16, 17, 23, 25, 27.1, 27.9, 28) ---------- *//* Replaces style.css .atom-site-main :focus-visible (0,2,0) inside the new markup; later rules still win. */:where(.atom-site-main) .atom-shell-ui :focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--r-xs)}:where(.atom-shell-ui) mark{padding:0 1px;border-radius:2px;background:#fbe9a6;color:var(--c-ink);-webkit-box-decoration-break:clone;box-decoration-break:clone}/* ---------- 9. Price ---------- */.atom-price{display:grid;gap:2px}.atom-price__amount{color:var(--c-ink);font-size:var(--fs-28);line-height:1.1;font-weight:var(--fw-bold);letter-spacing:-0.01em;font-variant-numeric:tabular-nums lining-nums;white-space:nowrap}.atom-price__amount--md{font-size:var(--fs-20)}.atom-price__amount--sm{font-size:var(--fs-16)}.atom-price__note{color:var(--c-muted);font-size:var(--fs-13);line-height:var(--lh-13)}@media (min-width: 1024px){.atom-price__amount--xl{font-size:var(--fs-32)}}/* ---------- 12. Panels ---------- */.atom-panel{padding:var(--sp-4);border:1px solid var(--c-line);border-radius:var(--r-md);background:var(--c-surface)}@media (min-width: 768px){.atom-panel{padding:var(--sp-6)}}/* ---------- 16b. Part card (template-parts/atom/part-card.php): row and tile ---------- *//* The title link covers the card; two classes beat .woocommerce img and .atom-mode-core .atom-site-main h3. */.atom-part-card{position:relative;display:grid;gap:var(--sp-3);align-content:start;min-width:0;padding:var(--sp-3);border:1px solid var(--c-line);border-radius:var(--r-md);background:var(--c-surface);color:var(--c-ink);transition:border-color var(--dur-fast) var(--ease-out)}.atom-part-card__media{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:var(--r-xs);background:var(--c-soft)}.atom-part-card .atom-part-card__media img{display:block;width:100%;height:100%;max-width:none;object-fit:cover}.atom-part-card--image-missing .atom-part-card__media img{display:none}/* Restated against atom-shop-filters.css (.atom-product-image-placeholder), still loaded on product pages. */.atom-part-card__media .atom-product-image-placeholder,.atom-part-card__media.is-placeholder > span{position:absolute;inset:0;display:grid;place-content:center;gap:2px;width:auto;aspect-ratio:auto;padding:var(--sp-2);border:0;border-radius:0;background:none;color:var(--c-muted);font-size:var(--fs-13);line-height:var(--lh-13);font-weight:var(--fw-semibold);text-align:center}.atom-part-card__media .atom-product-image-placeholder :is(strong, small){color:inherit;font-size:inherit;font-weight:inherit;letter-spacing:normal;text-transform:none}.atom-part-card__media .atom-product-image-placeholder small{font-size:var(--fs-12);line-height:var(--lh-12);font-weight:var(--fw-regular)}.atom-part-card__photos{position:absolute;left:6px;bottom:6px;display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 6px;border-radius:var(--r-xs);background:rgba(16, 21, 18, 0.72);color:#fff;font-size:var(--fs-12);line-height:1;font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums}.atom-part-card__photos .atom-icon{width:14px;height:14px}.atom-part-card__body{display:grid;gap:6px;align-content:start;min-width:0}.atom-part-card :is(h2, h3, h4).atom-part-card__title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;margin:0;color:var(--c-ink);font-size:var(--fs-14);line-height:var(--lh-14);font-weight:var(--fw-semibold);letter-spacing:var(--track-caps);overflow-wrap:anywhere;text-wrap:pretty}.atom-part-card__title a{color:inherit;text-decoration:none}.atom-part-card__title a::after{content:"";position:absolute;inset:0;z-index:1;border-radius:var(--r-md)}.atom-part-card .atom-part-card__title a:focus-visible{outline:none;box-shadow:none}.atom-part-card .atom-part-card__title a:focus-visible::after{box-shadow:var(--focus-ring)}/* p with two classes: style.css .atom-content p (0,1,1) on the product page around related parts. */.atom-part-card p.atom-part-card__number{color:var(--c-ink);font-family:var(--font-mono);font-size:var(--fs-13);line-height:var(--lh-13);overflow-wrap:anywhere}.atom-part-card__number span{margin-right:4px;color:var(--c-muted);font-family:var(--font-sans)}.atom-part-card p.atom-part-card__facts{color:var(--c-text-2);font-size:var(--fs-13);line-height:var(--lh-13)}.atom-part-card__id{color:var(--c-muted);font-family:var(--font-mono);font-size:var(--fs-12);line-height:var(--lh-12);white-space:nowrap}.atom-part-card p.atom-part-card__ship{display:flex;align-items:center;gap:6px;color:var(--c-success-ink);font-size:var(--fs-13);line-height:var(--lh-13);font-weight:var(--fw-medium)}.atom-part-card__ship .atom-icon{width:16px;height:16px}.atom-part-card p.atom-part-card__ship--neutral{color:var(--c-text-2)}.atom-part-card__buy{display:grid;gap:var(--sp-2);align-content:start}.atom-part-card__buy .atom-btn{position:relative;z-index:2}/* No delivery quote: "Zadzwoń", also on phones */.atom-part-card__call{position:relative;z-index:2;display:inline-flex;align-items:center;justify-self:start;gap:6px;min-height:44px;color:var(--c-ink);font-size:var(--fs-14);line-height:var(--lh-14);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums;text-decoration:none;white-space:nowrap}.atom-part-card__call .atom-icon{width:16px;height:16px;color:var(--c-brand)}.atom-part-card__buy .atom-btn[class~="loading"]{color:transparent;pointer-events:none}.atom-part-card__buy .atom-btn[class~="loading"]::after{content:"";position:absolute;inset:0;width:18px;height:18px;margin:auto;border:2px solid rgba(22, 32, 24, 0.25);border-top-color:var(--c-ink);border-radius:50%;animation:atom-spin 700ms linear infinite}@media (hover: hover){.atom-part-card:hover{border-color:var(--c-line-strong)}.atom-part-card:hover .atom-part-card__title a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}}.atom-part-card--tile{grid-template-rows:auto 1fr auto}.atom-part-card--row{grid-template-columns:112px minmax(0, 1fr);column-gap:var(--sp-3);align-items:start}.atom-part-card--row .atom-part-card__buy{grid-column:2}.atom-part-card--row .atom-part-card__buy .atom-btn{display:none}@media (min-width: 768px){.atom-part-card--row{grid-template-columns:176px minmax(0, 1fr) 200px;column-gap:var(--sp-5);padding:var(--sp-4)}.atom-part-card--row :is(h2, h3, h4).atom-part-card__title{font-size:var(--fs-16);line-height:var(--lh-16);-webkit-line-clamp:3}.atom-part-card--row .atom-part-card__buy{grid-column:3;justify-items:stretch;text-align:right}.atom-part-card--row .atom-part-card__buy .atom-btn{display:inline-flex}.atom-part-card--row .atom-part-card__call{justify-self:end}}/* Row titles: 3 lines below 1280 px, 2 from 1280 px (review F10) */@media (min-width: 1280px){.atom-part-card--row :is(h2, h3, h4).atom-part-card__title{-webkit-line-clamp:2}}/* The scroller keeps 4 px around its tiles for their focus ring. */.atom-card-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:var(--sp-3)}.atom-card-scroller{display:grid;grid-auto-flow:column;grid-auto-columns:46%;gap:var(--sp-3);margin:-4px -4px 0;padding:4px 4px var(--sp-2);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:4px;scrollbar-width:none}.atom-card-scroller::-webkit-scrollbar{display:none}.atom-card-scroller > *{scroll-snap-align:start}@media (max-width: 767.98px){.atom-card-scroller--bleed{margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);scroll-padding-inline:var(--gutter)}}@media (min-width: 768px){.atom-card-grid{grid-template-columns:repeat(3, minmax(0, 1fr));gap:var(--sp-4)}.atom-card-scroller{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(4, minmax(0, 1fr));gap:var(--sp-4);margin:0;padding:0;overflow:visible}}@media (min-width: 1024px){.atom-card-grid{grid-template-columns:repeat(4, minmax(0, 1fr))}.atom-card-scroller--6{grid-template-columns:repeat(6, minmax(0, 1fr))}}/* Part rows (template-parts/atom/part-row.php); not .atom-section-head, which is old live markup (F23). */.atom-part-row{padding-top:var(--section-gap)}.atom-part-row__head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-5)}.atom-part-row h2.atom-part-row__title{margin:0;color:var(--c-ink);font-size:var(--fs-20);line-height:var(--lh-20);font-weight:var(--fw-bold);letter-spacing:-0.01em;text-wrap:balance}.atom-part-row__more{display:inline-flex;align-items:center;gap:4px;min-height:44px;color:var(--c-brand);font-size:var(--fs-14);font-weight:var(--fw-semibold);white-space:nowrap}.atom-part-row__state{max-width:640px}@media (min-width: 1024px){.atom-part-row h2.atom-part-row__title{font-size:var(--fs-24);line-height:var(--lh-24)}}@media (hover: hover){.atom-part-row__more:hover{text-decoration:underline;text-underline-offset:3px}}/* ---------- 17. Catalogue: listing (plugin markup around the theme loop) ---------- */.atom-catalog-page{min-width:0}.atom-page-head--top{padding-top:var(--sp-5)}/* One-column grids declare their track, so a field or a nowrap row never widens them past the screen. */.atom-catalog,.atom-results-bar,.atom-results-list,.atom-results-notices,.atom-filters,.atom-empty,.atom-ask{grid-template-columns:minmax(0, 1fr)}.atom-catalog{display:grid;gap:var(--sp-5);align-items:start;padding-bottom:var(--section-gap)}.atom-results{min-width:0}.atom-filters{display:grid;gap:var(--sp-4);align-content:start;min-width:0}.atom-filters .atom-sheet__head{display:none}@media (min-width: 1024px){.atom-page-head--top{padding-top:var(--sp-7)}.atom-catalog{grid-template-columns:var(--sidebar) minmax(0, 1fr);gap:var(--sp-7)}.atom-filters{position:sticky;top:var(--sp-4);max-height:calc(100vh - 2 * var(--sp-4));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}}.atom-filter-box{min-width:0;border:1px solid var(--c-line);border-radius:var(--r-md);background:var(--c-surface)}.atom-filter-box--empty{border:0}.atom-filter-group{border-bottom:1px solid var(--c-line)}.atom-filter-group:last-of-type{border-bottom:0}.atom-filter-group > summary{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);min-height:48px;padding:var(--sp-3) var(--sp-4);list-style:none;color:var(--c-ink);font-size:var(--fs-16);line-height:var(--lh-16);font-weight:var(--fw-bold);cursor:pointer}.atom-filter-group > summary::-webkit-details-marker{display:none}.atom-filter-group > summary:focus-visible{box-shadow:inset 0 0 0 2px var(--c-brand);border-radius:var(--r-md)}.atom-filter-group[open] > summary .atom-icon{transform:rotate(180deg)}.atom-filter-group__body{padding:0 var(--sp-4) var(--sp-3)}.atom-filter-group .atom-check{min-height:40px;padding-block:8px;font-size:var(--fs-14);line-height:var(--lh-14)}.atom-filter-actions{display:grid;grid-template-columns:minmax(0, 1fr) auto;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4) var(--sp-4);border-top:1px solid var(--c-line)}.atom-filter-actions__apply{min-width:0}.atom-tree{display:grid;font-size:var(--fs-14);line-height:var(--lh-14)}.atom-tree a{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-2);padding:7px 0;color:var(--c-ink)}.atom-tree a .atom-count{flex:none;color:var(--c-muted);font-variant-numeric:tabular-nums}.atom-tree .atom-tree__root{font-weight:var(--fw-semibold)}.atom-tree .atom-tree__current{font-weight:var(--fw-bold)}.atom-tree .atom-tree__up{display:inline-flex;justify-content:flex-start;align-items:center;gap:4px;color:var(--c-text-2);font-weight:var(--fw-medium)}.atom-tree__children{display:grid;margin-left:2px;padding-left:var(--sp-3);border-left:1px solid var(--c-line)}/* A leaf among its siblings (review F6) */.atom-tree__children--siblings{margin-left:0;padding-left:0;border-left:0}.atom-tree__children + a{margin-top:var(--sp-1)}.atom-tree .atom-tree__more{justify-self:start;min-height:40px;padding-inline:0;font-size:var(--fs-14)}.atom-tree .atom-tree__more[aria-expanded="true"] .atom-icon{transform:rotate(180deg)}@media (hover: hover){.atom-tree a:hover{color:var(--c-brand);text-decoration:underline;text-underline-offset:3px}}.atom-vehicle-card{padding:var(--sp-4)}.atom-vehicle-card__title{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3);color:var(--c-ink);font-weight:var(--fw-bold)}.atom-vehicle-card__title .atom-icon{color:var(--c-brand)}.atom-vehicle-card__set,.atom-vehicle-card__remembered{display:grid;gap:var(--sp-3);align-content:start}.atom-vehicle-card__car{display:flex;align-items:center;gap:var(--sp-2);min-width:0;padding:var(--sp-3);border:1px solid var(--c-success-line);border-radius:var(--r-sm);background:var(--c-brand-tint);color:var(--c-ink);font-weight:var(--fw-bold);overflow-wrap:anywhere}.atom-vehicle-card__car .atom-icon{color:var(--c-brand)}.atom-vehicle-card__actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2)}.atom-vehicle-card__steps{display:grid;gap:var(--sp-2)}.atom-vehicle-card .atom-vehicle-card__step{display:flex;align-items:center;color:var(--c-ink);text-align:left;cursor:pointer}.atom-vehicle-card .atom-vehicle-card__step[aria-disabled="true"]{border-color:var(--c-line);background:var(--c-soft);color:var(--c-muted);cursor:default}.atom-vehicle-card[data-atom-vehicle-state="unset"] .atom-vehicle-card__remembered{min-height:160px;align-content:space-between}.atom-vehicle-card__remembered .atom-vehicle-card__actions{grid-template-columns:minmax(0, 1fr)}.atom-results-bar{display:grid;gap:var(--sp-3);margin-bottom:var(--sp-4)}.atom-results-bar__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-3)}.atom-results-bar__count{color:var(--c-text-2);font-size:var(--fs-14);line-height:var(--lh-14)}.atom-results-bar__count strong{color:var(--c-ink);font-weight:var(--fw-bold)}.atom-sort{margin:0}.atom-results-bar .atom-sort{display:inline-flex;align-items:center;gap:var(--sp-2);color:var(--c-ink);font-size:var(--fs-14)}/* Fixed widths: a late Satoshi does not move the sort control (stand L21, review PA-6) */.atom-results-bar .atom-sort label{flex:none;width:2.75rem}.atom-results-bar .atom-sort .atom-select{width:12rem}/* Restated against style.css .woocommerce-page select (0,1,1). */.atom-sort .atom-select{width:auto;min-height:40px;padding:0 40px 0 var(--sp-3);border:1px solid var(--c-line-strong);border-radius:var(--r-sm);color:var(--c-ink);font-size:var(--fs-14);line-height:var(--lh-14);background:var(--c-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23162018' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9.5l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center/20px}.atom-sort .atom-select:focus{border-color:var(--c-brand);outline:none;box-shadow:0 0 0 1px var(--c-brand),0 0 0 4px rgba(0, 79, 31, 0.35)}.atom-chip-row--wrap{flex-wrap:wrap;overflow:visible;margin:0}/* A long phrase ends with an ellipsis, the × stays on screen (review PA-4) */.atom-chip-row--wrap > li,.atom-chip-row--wrap .atom-chip{min-width:0;max-width:100%}.atom-chip__text{min-width:0;overflow:hidden;text-overflow:ellipsis}.atom-chip-row--wrap .atom-chip .atom-icon{flex:none}.atom-vehicle-slot{display:contents}.atom-vehicle-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2) var(--sp-3);min-height:56px;padding:var(--sp-3) var(--sp-4);border:1px solid var(--c-success-line);border-radius:var(--r-md);background:var(--c-brand-tint);color:var(--c-ink);font-size:var(--fs-14);line-height:var(--lh-14)}.atom-vehicle-bar strong{font-size:var(--fs-16);line-height:var(--lh-16)}.atom-vehicle-bar > .atom-icon{color:var(--c-brand)}.atom-vehicle-bar--empty{flex-wrap:nowrap;border-color:var(--c-line);background:var(--c-surface);transition:border-color var(--dur-fast) var(--ease-out)}.atom-vehicle-bar__text{flex:1 1 auto;min-width:0}.atom-vehicle-bar--empty .atom-vehicle-bar__text{display:grid}.atom-vehicle-bar__text small{color:var(--c-text-2);font-size:var(--fs-13);line-height:var(--lh-13);font-weight:var(--fw-regular)}.atom-vehicle-bar .atom-vehicle-bar__chev{flex:none;color:var(--c-muted)}.atom-vehicle-bar--set{flex-wrap:nowrap;justify-content:space-between}.atom-vehicle-bar--remembered .atom-vehicle-bar__text{flex-basis:10rem}.atom-vehicle-bar__actions{display:flex;flex:none;align-items:center;gap:var(--sp-1)}.atom-vehicle-bar__actions .atom-btn{min-height:40px}.atom-vehicle-bar__actions .atom-btn--icon{width:40px}@media (min-width: 1024px){.atom-vehicle-bar--empty,.atom-vehicle-bar--remembered{display:none}}@media (hover: hover){a.atom-vehicle-bar:hover{border-color:var(--c-line-strong)}}/* A remembered car from the first paint (html.atom-car-pending, header.php), so nothing moves later (D.2). */html.atom-car-pending [data-atom-vehicle-remembered] [data-atom-vehicle-label]:empty::before{content:var(--atom-car-label)}html.atom-car-pending .atom-vehicle-card[data-atom-vehicle-state="unset"] .atom-vehicle-card__steps{display:none}html.atom-car-pending .atom-vehicle-card[data-atom-vehicle-state="unset"] .atom-vehicle-card__remembered[hidden]{display:grid !important}@media (max-width: 1023.98px){html.atom-car-pending [data-atom-vehicle-state="unset"] .atom-vehicle-bar--empty{display:none}html.atom-car-pending [data-atom-vehicle-state="unset"] .atom-vehicle-bar--remembered[hidden]{display:flex !important}}.atom-results-notices{display:grid;gap:var(--sp-2);margin-bottom:var(--sp-3)}.atom-notice .atom-btn{text-decoration:none}.atom-results-list{display:grid;gap:var(--sp-3);margin:0;padding:0;list-style:none}.atom-results-list__item{display:block;min-width:0;margin:0}.atom-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--sp-2);margin-top:var(--sp-7)}.atom-pagination__link{display:inline-grid;place-items:center;min-width:44px;height:44px;padding:0 var(--sp-2);border:1px solid var(--c-line-strong);border-radius:var(--r-sm);background:var(--c-surface);color:var(--c-ink);font-size:var(--fs-14);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums}.atom-pagination__link[aria-current="page"]{border-color:var(--c-ink);background:var(--c-ink);color:#fff}.atom-pagination__link--prev,.atom-pagination__link--next{color:var(--c-brand)}.atom-pagination__gap{min-width:24px;color:var(--c-muted);text-align:center}/* Phones: ‹ 1 … current … last › (review F4) */.atom-pagination__gap--compact{display:none}@media (max-width: 767.98px){.atom-pagination__link--far{display:none}.atom-pagination__gap--compact{display:block}}@media (max-width: 359.98px){.atom-pagination{gap:4px}.atom-pagination__gap{min-width:16px}}.atom-pagination__info{width:100%;color:var(--c-muted);font-size:var(--fs-13);line-height:var(--lh-13);text-align:center}@media (hover: hover){a.atom-pagination__link:hover{border-color:var(--c-ink);background:var(--c-soft)}}.atom-ask{display:grid;gap:var(--sp-4);margin-top:var(--sp-7)}.atom-ask__text{margin-top:var(--sp-1);color:var(--c-text-2)}.atom-ask__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2) var(--sp-5)}.atom-ask__phone{display:inline-flex;align-items:center;gap:var(--sp-2);min-height:44px;color:var(--c-ink);font-size:var(--fs-18);line-height:var(--lh-18);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;white-space:nowrap}.atom-ask__phone .atom-icon{color:var(--c-brand)}@media (min-width: 1024px){.atom-ask{grid-template-columns:minmax(0, 1fr) auto;align-items:center;gap:var(--sp-7)}}.atom-empty{display:grid;justify-items:start;gap:var(--sp-3);padding:var(--sp-6);border:1px dashed var(--c-line-strong);border-radius:var(--r-md);background:var(--c-surface)}.atom-empty__title{margin:0;color:var(--c-ink);font-size:var(--fs-20);line-height:var(--lh-20);font-weight:var(--fw-bold)}.atom-empty__text{max-width:60ch;color:var(--c-text-2)}.atom-empty__try{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);color:var(--c-text-2);font-size:var(--fs-14)}.atom-empty__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2) var(--sp-5)}.atom-empty .atom-search{width:100%;max-width:640px;min-height:var(--h-lg)}@media (max-width: 479.98px){.atom-empty{padding:var(--sp-5) var(--sp-4)}}.atom-search--inline .atom-search__input:focus-visible{box-shadow:none}.atom-search--inline .atom-search__car:focus-visible{box-shadow:inset 0 0 0 2px var(--c-brand);border-radius:4px 0 0 4px}.atom-search--inline .atom-search__submit:focus-visible{box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 4px var(--c-brand-pressed);border-radius:0 3px 3px 0}@media (min-width: 480px){.atom-search--inline .atom-search__car-label{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;clip-path:none}}@media (min-width: 768px){.atom-search--inline .atom-search__submit-label{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;clip-path:none}}/* Stuck under the 58 px search row; its top border hides under the header's bottom border (one line). */.atom-filterbar{position:sticky;top:57px;z-index:var(--z-sticky);display:grid;grid-template-columns:1fr 1fr;margin:0 calc(var(--gutter) * -1) var(--sp-3);border-block:1px solid var(--c-line);background:var(--c-surface)}.atom-filterbar button{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:48px;padding:0 var(--sp-3);border:0;border-radius:0;background:transparent;color:var(--c-ink);font-size:var(--fs-16);font-weight:var(--fw-semibold)}.atom-filterbar button + button{border-left:1px solid var(--c-line)}.atom-filterbar button:focus-visible{box-shadow:inset 0 0 0 2px var(--c-brand);border-radius:0}.atom-filterbar .atom-count-badge{margin-left:2px}html:not(.atom-js) .atom-filterbar{display:none}@media (min-width: 600px){.admin-bar .atom-filterbar{top:calc(57px + var(--wp-admin--admin-bar--height, 0px))}}@media (min-width: 1024px){.atom-filterbar{display:none}}.atom-sheet{position:fixed;inset:auto 0 0 0;z-index:var(--z-drawer);display:flex;flex-direction:column;max-height:88vh;max-height:88dvh;border-radius:var(--r-lg) var(--r-lg) 0 0;background:var(--c-surface);box-shadow:var(--sh-dialog);color:var(--c-ink)}.atom-sheet__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);min-height:56px;padding:var(--sp-2) var(--sp-2) var(--sp-2) var(--sp-4);border-bottom:1px solid var(--c-line)}.atom-sheet__head .atom-sheet__title{margin:0;color:var(--c-ink);font-size:var(--fs-18);line-height:var(--lh-18);font-weight:var(--fw-bold)}.atom-sheet__body{display:grid;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4) var(--sp-4);overflow-y:auto;overscroll-behavior:contain}.atom-sheet__foot{display:flex;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4) calc(var(--sp-3) + env(safe-area-inset-bottom));border-top:1px solid var(--c-line)}.atom-sheet__foot > :last-child{flex:1 1 auto}.atom-sheet__body .atom-choice__body{margin-top:0}.atom-sheet__foot .atom-btn{min-height:var(--h-lg);font-size:var(--fs-16)}/* Below 1024 px the filter column is the bottom sheet (with JavaScript; in flow without it). */@media (max-width: 1023.98px){html.atom-js .atom-filters{display:none}html.atom-js .atom-filters.is-open{position:fixed;inset:auto 0 0 0;z-index:var(--z-drawer);display:flex;flex-direction:column;gap:0;max-height:88vh;max-height:88dvh;overflow-y:auto;overscroll-behavior:contain;border-radius:var(--r-lg) var(--r-lg) 0 0;background:var(--c-surface);box-shadow:var(--sh-dialog)}.atom-filters.is-open .atom-sheet__head{position:sticky;top:0;z-index:1;display:flex;background:var(--c-surface)}.atom-filters.is-open .atom-filter-box{border:0;border-bottom:1px solid var(--c-line);border-radius:0}.atom-filters.is-open .atom-filter-actions{position:sticky;bottom:0;z-index:1;padding-bottom:calc(var(--sp-3) + env(safe-area-inset-bottom));background:var(--c-surface)}.atom-filters.is-open .atom-filter-actions__apply{order:2;min-height:var(--h-lg);border-color:transparent;background:var(--c-brand);color:#fff}.atom-filters.is-open .atom-filter-actions{grid-template-columns:auto minmax(0, 1fr)}/* In the sheet "Wyczyść" is a secondary button beside the primary one (mockup sklep-filtry-390). */.atom-filters.is-open .atom-filter-actions .atom-btn--ghost{min-height:var(--h-lg);padding-inline:var(--sp-4);border-color:var(--c-line-strong);background:var(--c-surface);color:var(--c-ink);font-size:var(--fs-16)}.atom-results-bar{margin-bottom:var(--sp-3)}.atom-results-bar__row{display:none}/* WCAG 2.4.11: the stuck search row (58 px) and the filter bar (48 px). */html:has(.atom-filterbar){scroll-padding-top:calc(58px + 48px + 8px)}}@media (pointer: coarse){.atom-tree a{padding-block:12px}.atom-filter-group .atom-check{min-height:44px}.atom-tree .atom-tree__more{min-height:44px}.atom-vehicle-bar__actions .atom-btn,.atom-vehicle-card__actions .atom-btn{min-height:44px}.atom-vehicle-bar__actions .atom-btn--icon{width:44px}}/* ---------- 27.9 Vehicle picker: dialog from 768 px, full screen below ---------- */.atom-picker{position:fixed;inset:0;z-index:var(--z-drawer);display:flex;flex-direction:column;background:var(--c-surface);color:var(--c-ink);font-family:var(--font-sans);font-size:var(--fs-16);line-height:var(--lh-16)}.atom-picker__head{display:grid;grid-template-columns:44px minmax(0, 1fr) 44px;align-items:center;gap:var(--sp-2);min-height:60px;padding:var(--sp-2);border-bottom:1px solid var(--c-line)}.atom-picker__head > [data-atom-picker-back]{grid-column:1;grid-row:1}.atom-picker__head > [data-atom-close-vehicle-picker]{grid-column:3;grid-row:1}.atom-picker__head .atom-picker__title{grid-column:2;grid-row:1;margin:0;color:var(--c-ink);font-size:var(--fs-18);line-height:var(--lh-18);font-weight:var(--fw-bold);text-align:center}.atom-picker__steps{display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--sp-2);margin:0;padding:var(--sp-2) var(--sp-4) 0;list-style:none;color:var(--c-muted);font-size:var(--fs-14);line-height:var(--lh-14)}.atom-picker__steps li{display:inline-flex;align-items:center;gap:var(--sp-2);min-height:44px}.atom-picker__steps [aria-current="step"]{color:var(--c-ink);font-weight:var(--fw-bold)}/* 44 px also for "Kia" (review PA-10) */.atom-picker__steps button{min-width:44px;min-height:44px;margin:0 -8px;padding:0 8px;border:0;background:none;color:var(--c-brand);font-weight:var(--fw-semibold);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.atom-picker__load{position:relative;display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.atom-picker__fragment,.atom-picker__step{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.atom-picker__search{padding:var(--sp-3) var(--sp-4)}.atom-picker__body{flex:1 1 auto;min-height:0;padding:0 var(--sp-4) var(--sp-4);overflow-y:auto;overscroll-behavior:contain}.atom-picker__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-2) var(--sp-3);padding:var(--sp-3) var(--sp-4) calc(var(--sp-3) + env(safe-area-inset-bottom));border-top:1px solid var(--c-line);color:var(--c-text-2);font-size:var(--fs-13);line-height:var(--lh-13)}.atom-picker__error{display:grid;justify-items:start;gap:var(--sp-3);padding:var(--sp-4)}.atom-picker__empty{padding:var(--sp-4);color:var(--c-text-2);font-size:var(--fs-14);line-height:var(--lh-14)}/* The skeleton only while loading, after 200 ms. */.atom-picker__skeleton{display:none;grid-template-columns:repeat(3, minmax(0, 1fr));gap:var(--sp-2);padding:var(--sp-3) var(--sp-4)}.atom-picker-layer[data-atom-vehicle-load-state="loading"] .atom-picker__skeleton{display:grid;visibility:hidden;animation:atom-reveal 1ms linear 200ms forwards}.atom-picker__skeleton .atom-skeleton{height:86px;border-radius:var(--r-md)}@keyframes atom-reveal{to{visibility:visible}}.atom-makes-row{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:var(--sp-2)}.atom-make{display:grid;justify-items:center;align-content:start;gap:6px;min-width:0;min-height:44px;padding:var(--sp-3) var(--sp-1);border:1px solid var(--c-line);border-radius:var(--r-md);background:var(--c-surface);color:var(--c-ink);font-size:var(--fs-13);line-height:var(--lh-13);font-weight:var(--fw-semibold);text-align:center;overflow-wrap:anywhere;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out)}.atom-makes-row .atom-make img{display:block;width:auto;height:32px;max-width:72px;object-fit:contain}/* A make without a logo file: its name in the middle of the tile, not at the top beside logo tiles. */.atom-makes-row .atom-make:not(:has(img)){align-content:center}.atom-make.is-active,.atom-make[aria-pressed="true"]{border-color:var(--c-brand);background:var(--c-brand-tint);box-shadow:inset 0 0 0 1px var(--c-brand)}.atom-picker-list{display:grid;border-top:1px solid var(--c-line)}.atom-picker-list a{display:flex;align-items:center;gap:var(--sp-3);min-height:52px;padding:0 var(--sp-2);border-bottom:1px solid var(--c-line);color:var(--c-ink);font-weight:var(--fw-semibold)}.atom-picker-list .atom-count{margin-left:auto;color:var(--c-muted);font-size:var(--fs-14);font-weight:var(--fw-regular);font-variant-numeric:tabular-nums}.atom-picker-list a::after{width:20px;height:20px;margin-left:auto}.atom-picker-list a:has(.atom-count)::after{margin-left:0}.atom-picker-list a:focus-visible{box-shadow:inset 0 0 0 2px var(--c-brand)}@media (min-width: 480px){.atom-makes-row,.atom-picker__skeleton{grid-template-columns:repeat(4, minmax(0, 1fr))}}@media (min-width: 768px){/* One height from opening to loaded (review PA-3: the foot jumped twice; production lists 45 makes, which fill it) */.atom-picker{inset:56px auto auto 50%;width:min(800px, calc(100vw - 48px));height:min(800px, calc(100vh - 112px));overflow:hidden;border-radius:var(--r-lg);box-shadow:var(--sh-dialog);transform:translateX(-50%)}.atom-makes-row,.atom-picker__skeleton{grid-template-columns:repeat(6, minmax(0, 1fr))}.atom-picker-list{grid-template-columns:repeat(2, minmax(0, 1fr));column-gap:var(--sp-6)}}@media (min-width: 1024px){.atom-makes-row{gap:var(--sp-3)}.atom-makes-row .atom-make{padding-block:var(--sp-4)}.atom-picker__skeleton .atom-skeleton{height:96px}}@media (hover: hover){.atom-make:hover{border-color:var(--c-line-strong)}.atom-picker-list a:hover{background:var(--c-soft)}}/* ---------- 25. Skeleton (loading) ---------- */.atom-skeleton{border-radius:var(--r-xs);background:linear-gradient(90deg, var(--c-soft) 0%, #e8ece8 50%, var(--c-soft) 100%);background-size:200% 100%;animation:atom-shimmer 1.4s ease-in-out infinite}@keyframes atom-shimmer{from{background-position:200% 0}to{background-position:-200% 0}}/* ---------- 26. Motion ---------- *//* State changes only: 120 to 240 ms, ease-out, no page-load choreography. Entrance animations are opt-in:
   site.js adds html.atom-motion-ok after the first paint, so a static render always shows every layer in place. */.atom-icon{transition:transform var(--dur) var(--ease-out)}html.atom-motion-ok .atom-popover{animation:atom-pop-in var(--dur) var(--ease-out)}@keyframes atom-pop-in{from{transform:translateY(-6px)}to{transform:none}}html.atom-motion-ok .atom-drawer{animation:atom-drawer-in var(--dur-slow) var(--ease-out)}@keyframes atom-drawer-in{from{transform:translateX(-100%)}to{transform:none}}html.atom-motion-ok .atom-search__car.is-set .atom-search__car-label{animation:atom-car-set var(--dur-slow) var(--ease-out)}@keyframes atom-car-set{from{transform:translateX(-6px)}to{transform:none}}html.atom-motion-ok .atom-sheet:not([hidden]){animation:atom-sheet-in var(--dur-slow) var(--ease-out)}@media (max-width: 1023.98px){html.atom-motion-ok .atom-filters.is-open{animation:atom-sheet-in var(--dur-slow) var(--ease-out)}}@keyframes atom-sheet-in{from{transform:translateY(16px)}to{transform:none}}html.atom-motion-ok .atom-picker__step:not([hidden]){animation:atom-step-in var(--dur) var(--ease-out)}@keyframes atom-step-in{from{transform:translateX(12px)}to{transform:none}}@media (prefers-reduced-motion: reduce){:where(.atom-shell-ui),:where(.atom-shell-ui) *,:where(.atom-shell-ui) *::before,:where(.atom-shell-ui) *::after{animation-duration:1ms !important;animation-iteration-count:1 !important;transition-duration:1ms !important;scroll-behavior:auto !important}}