/* OmniGuide SDK token and layout overrides for this storefront. Loaded only when
   omniguide_enabled (components/common/omniguide-head.html). Ported verbatim from
   the Volt & Spoke Script Manager entry it replaces. Brand colours come from the
   --vs-* palette variables (omniguide-head.html), never hex. */
:root{--omniguide-radius-sm:4px;--omniguide-radius-md:8px;--omniguide-radius-lg:12px;--omniguide-radius-xl:16px;--omniguide-radius-2xl:20px;--omniguide-radius-full:9999px;--omniguide-radius-input:var(--omniguide-radius-md);--omniguide-radius-card:var(--omniguide-radius-lg);--omniguide-radius-modal:var(--omniguide-radius-xl);--omniguide-radius-chip:var(--omniguide-radius-full);--omniguide-radius-container:var(--omniguide-radius-xl);--omniguide-corner-radius--input-field:var(--omniguide-radius-input);--omniguide-corner-radius--M-L:var(--omniguide-radius-modal);--omniguide-space-1:4px;--omniguide-space-2:8px;--omniguide-space-3:12px;--omniguide-space-4:16px;--omniguide-space-5:20px;--omniguide-space-6:24px;--omniguide-space-8:32px;--omniguide-space-10:40px;--omniguide-z-dropdown:1000;--omniguide-z-modal-backdrop:9998;--omniguide-z-modal:9999;--omniguide-shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--omniguide-shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--omniguide-shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--omniguide-shadow-xl:0 10px 50px -12px rgba(0,0,0,.25);--omniguide-font-family:"DM Sans",ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--omniguide-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--omniguide-font-sans:var(--omniguide-font-family);--omniguide-text-size-h1:25px;--omniguide-text-size-h2:23px;--omniguide-text-size-h3:21px;--omniguide-text-size-h4:20px;--omniguide-text-size-h5:18px;--omniguide-text-size-h6:16px;--omniguide-text-size-body:16px;--omniguide-text-size-small:12px;--omniguide-color-primary:var(--vs-dark-green);--omniguide-color-white:#fff;--omniguide-color-black:#000;--omniguide-text-base:#4A4A4A;--omniguide-text-heading:#1F2937;--omniguide-text-secondary:#6B7280;--omniguide-text-link:#333;--omniguide-text-dark:#1F2937;--omniguide-color-error:#DC2626;--omniguide-color-error-light:#FEF2F2;--omniguide-color-success:#16A34A;--omniguide-color-success-light:#F0FDF4;--omniguide-color-warning:#CA8A04;--omniguide-color-warning-light:#FEFCE8;--omniguide-color-discount:#DC2626;--omniguide-grey-lightest:#F9FAFB;--omniguide-grey-lighter:#F3F4F6;--omniguide-grey-light:#E5E7EB;--omniguide-grey-medium:#9CA3AF;--omniguide-grey-subtitle:#6B7280;--omniguide-grey-dark:#4B5563;--omniguide-grey-darker:#374151;--omniguide-grey-darkest:#1F2937;--omniguide-grey-near-black:#111827;--omniguide-blue-light:var(--vs-blue);--omniguide-blue-lighter:var(--vs-blue);--omniguide-blue-border:var(--vs-blue);--omniguide-blue-text:var(--vs-dark-green);--omniguide-gradient-start:var(--omniguide-color-primary);--omniguide-gradient-middle:color-mix(in srgb,var(--omniguide-color-primary) 30%,white);--omniguide-gradient-end:var(--omniguide-grey-lightest);--omniguide-input-border-color:color-mix(in srgb,var(--omniguide-color-primary) 35%,white);--omniguide-input-background:color-mix(in srgb,var(--omniguide-color-primary) 8%,white);--omniguide-button-border-color:color-mix(in srgb,var(--omniguide-color-primary) 35%,white);--omniguide-button-background-color:color-mix(in srgb,var(--omniguide-color-primary) 15%,white);--omniguide-border-light:color-mix(in srgb,var(--omniguide-text-heading) 10%,transparent);--omniguide-border-lighter:color-mix(in srgb,var(--omniguide-text-heading) 5%,transparent)}.omniguide-chip__inner{text-align:left}.omniguide-product-card{padding-top:12px;}.mobileMenu-toggle.mobileMenu-toggle{padding-left:14px;margin-left:8px;}.omniguide-pr-container.omniguide-pr-container{margin-bottom:0;}.omniguide-pr-assistant.omniguide-pr-assistant{margin-bottom:3rem;}.omniguide-pr-assistant.omniguide-pr-assistant{padding-top: 2rem;}.omniguide-pr-results__start-over-icon path {fill:var(--vs-dark-green)!important;}

/* Search sheet (SOI-2438): Volt & Spoke brand. */
.omniguide-modal__overlay--sheet,.omniguide .omniguide-srp{--omniguide-sheet-ink:var(--vs-dark-green);--omniguide-sheet-surface:var(--vs-gray);--omniguide-sheet-accent:var(--vs-green);--omniguide-sheet-accent-ink:var(--vs-dark-green);--omniguide-sheet-cta:var(--vs-orange);--omniguide-sheet-cta-ink:var(--vs-dark-green);--omniguide-sheet-price:#111110;}
/* The theme rings every input:focus !important; the search pills draw their own inset focus ring instead. */
.omniguide-srp__input:focus,.omniguide-modal__overlay--sheet .omniguide-chat__input:focus{outline:none!important;}
/* The header lockup is drawn for the dark header; on the white sheet it is dark. */
.omniguide-sheet__logo-clone .header-lockup,.omniguide-sheet__logo-clone .header-lockup__mark,.omniguide-sheet__logo-clone .header-lockup__tagline{color:#282C38;}

/* PLP takeover (omniguide-head.html sets .og-plp-takeover on category pages).
   The SDK renders grid AND facets, so the theme's listing and sidebar hide from
   first paint; the bridge skeleton (pages/category.html) holds the height until
   the SDK mounts and sets .og-plp-mounted. */
.og-plp-bridge{display:none;}
.og-plp-takeover .og-plp-bridge{display:block;}
.og-plp-takeover #product-listing-container,.og-plp-takeover .page > .page-sidebar{display:none;}
.og-plp-mounted .og-plp-bridge{display:none;}
.og-plp-bridge,#og-plp{flex:1 1 100%;width:100%;min-width:0;}
/* Until it mounts, the SDK list renders out of flow and unseen, full width so its
   container queries resolve as they will; in flow it sat below the bridge and
   jumped up ~500px when the bridge hid (CLS 0.42). */
.og-plp-takeover .page{position:relative;}
.og-plp-takeover:not(.og-plp-mounted) #og-plp{position:absolute;top:0;left:0;right:0;visibility:hidden;}
/* The guide mounts into this slot after the grid paints; hold the collapsed teaser's height. */
/* ponytail: measured heights of the collapsed teaser; re-measure if its copy or layout changes. */
.omniguide .omniguide-product-list__results-wizard{min-height:225px;}
@container (min-width: 721px){.omniguide .omniguide-product-list__results-wizard{min-height:136px;}}
/* The pill header is sticky (84px); the SDK's sticky facet sidebar pins below it. */
.omniguide .omniguide-product-list{--omniguide-product-list-sticky-top:108px;}
/* The guide mark (omniguide_guide_mark) is dark green on its own: no dark wordmark backing. */
.omniguide .omniguide-cr-results__brand-mark:has(.omniguide-cr-results__brand-mark-img){background:none;padding:0;}
.omniguide .omniguide-cr-results__brand-mark-img{height:26px;}
.omniguide .omniguide-cr-card__match-pill{display:none;}
/* The search results view reuses the listing; the guide never mounts there, so drop its reserved slot. */
.omniguide-srp__body .omniguide-product-list__results-wizard{display:none;}
/* Beside the sidebar at tablet widths the 280px tile minimum left one 500px column; never fewer than two there. */
@container (min-width: 721px){.omniguide .omniguide-product-list__grid{--omniguide-product-list-tile-min:min(280px,calc(50% - 16px));}}
/* Below mlarge the theme's .page loses its margin; give the listing the breadcrumb's 12px gutter. */
@media (max-width: 774px){#og-plp{padding-inline:12px;}}