kickin-navigation{--nav-red:#111;--nav-blue:#111;--nav-ink:#111;display:block;min-width:0;font:400 20px/1.35 var(--typeBasePrimary),var(--typeBaseFallback);letter-spacing:0;color:var(--nav-ink)}kickin-navigation *,kickin-navigation *:before,kickin-navigation *:after{box-sizing:border-box}kickin-navigation a{color:var(--nav-ink);text-decoration:none}kickin-navigation button,kickin-navigation summary{font:inherit;color:inherit;letter-spacing:0;cursor:pointer;-webkit-tap-highlight-color:transparent}kickin-navigation :focus-visible{outline:3px solid var(--nav-blue);outline-offset:4px}kickin-navigation ul{list-style:none;padding:0;margin:0}.kickin-nav-toggle,.kickin-nav-close{background:transparent;border:0;min-width:48px;min-height:48px;display:grid;place-items:center;padding:10px}.kickin-nav-toggle[hidden]{display:none}.kickin-nav-toggle svg,.kickin-nav-close svg{width:28px;height:28px}.kickin-nav-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;min-height:60px;font-weight:700}.kickin-nav-summary::-webkit-details-marker{display:none}.kickin-nav-chevron{flex:none;width:18px;height:18px;transition:transform .18s ease}details[open]>.kickin-nav-summary .kickin-nav-chevron{transform:rotate(180deg)}.kickin-nav-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.kickin-nav-cards>li{min-width:0}.kickin-nav-card{position:relative;display:flex;flex-direction:column;height:100%;border:1px solid #e4e4e4;background:#fff;transition:border-color .15s ease,box-shadow .15s ease}.kickin-nav-card:hover{border-color:var(--nav-red);box-shadow:0 4px 16px #3333330a}.kickin-nav-photo{padding:12px 10px 0;aspect-ratio:1.5;overflow:hidden;background:#fff}.kickin-nav-photo img{width:100%;height:100%;display:block;object-fit:contain;mix-blend-mode:multiply}.kickin-nav-caption{padding:18px 40px 22px 22px}.kickin-nav-model{display:block;font:700 28px/1.1 var(--typeHeaderPrimary),var(--typeHeaderFallback);text-transform:uppercase;letter-spacing:-.01em;color:var(--nav-ink)}.kickin-nav-note{display:block;font-size:17px;line-height:1.4;margin-top:12px}.kickin-nav-arrow{position:absolute;right:14px;bottom:24px;color:var(--nav-red);width:22px;height:22px}.kickin-nav-card--text{padding-top:22px}.kickin-nav-symbol{color:var(--nav-red);margin-left:22px;width:40px;height:40px}.kickin-nav-dialog{border:0;padding:0;margin:0;max-width:none;max-height:none;background:#fff;color:var(--nav-ink);width:min(100%,600px);height:100vh;height:100dvh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.kickin-nav-dialog:not([open]){display:none}.kickin-nav-dialog::backdrop{background:#0009}.kickin-nav-dialog-head{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:2;min-height:92px;padding:12px 20px;padding-top:max(12px,env(safe-area-inset-top));background:#fff;border-bottom:1px solid #dedede}.kickin-nav-dialog-head a{display:block;padding:4px 12px}.kickin-nav-dialog-head img{width:140px;height:58px;object-fit:contain;display:block}.kickin-nav-mobile{padding:8px 20px max(32px,env(safe-area-inset-bottom))}@media(min-width:1200px){.kickin-nav-toggle{display:none}.kickin-nav-groups{display:flex;align-items:center;justify-content:center;gap:clamp(16px,1.8vw,32px)}.kickin-nav-summary{color:inherit;font-size:16px;white-space:nowrap;border-bottom:3px solid transparent;min-height:70px}.kickin-nav-summary:hover,details[open]>.kickin-nav-summary{border-color:var(--nav-red)}.kickin-nav-panel{position:absolute;left:0;right:0;top:100%;padding:28px clamp(24px,3vw,48px) 36px;background:#fafaf8;color:var(--nav-ink);border-top:3px solid var(--nav-red);box-shadow:0 18px 32px #0003;max-height:calc(100dvh - 150px);overflow-y:auto;overscroll-behavior:contain}.kickin-nav-cards{max-width:1560px;margin:auto!important}[data-category=gas] .kickin-nav-cards,[data-category=dealers] .kickin-nav-cards,[data-category=finder] .kickin-nav-cards{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1240px}}@media(max-width:1199px){kickin-navigation.is-enhanced>.kickin-nav-desktop{display:none}.kickin-nav-summary{font-size:24px;min-height:76px;border-bottom:1px solid #dedede;padding:12px 4px;gap:12px;color:var(--nav-ink)}details[open]>.kickin-nav-summary{color:var(--nav-red);border-bottom:2px solid var(--nav-red)}.kickin-nav-panel{padding:14px 0 24px}.kickin-nav-cards{grid-template-columns:minmax(0,1fr);gap:12px}.kickin-nav-card{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;min-height:128px}.kickin-nav-photo{aspect-ratio:1;padding:8px 0 8px 8px}.kickin-nav-caption{padding:18px 28px 18px 12px}.kickin-nav-model{font-size:25px;overflow-wrap:anywhere}.kickin-nav-arrow{right:8px;bottom:12px;width:18px;height:18px}.kickin-nav-note{font-size:17px}.kickin-nav-card--text{grid-template-columns:44px minmax(0,1fr);padding:6px 10px 6px 6px;min-height:130px}.kickin-nav-card--text .kickin-nav-symbol{margin:0;width:32px;height:32px;justify-self:center}.kickin-nav-card--text .kickin-nav-caption{padding-right:22px}kickin-navigation:not(.is-enhanced){grid-column:1/-1!important;grid-row:2!important}}@media(max-width:359px){.kickin-nav-mobile{padding-left:12px;padding-right:12px}.kickin-nav-card{grid-template-columns:88px minmax(0,1fr)}.kickin-nav-card--text{grid-template-columns:32px minmax(0,1fr)}.kickin-nav-caption{padding-left:10px}}@media(prefers-reduced-motion:reduce){kickin-navigation *{transition:none!important;scroll-behavior:auto!important}}#SiteHeader:has(kickin-navigation){position:relative;overflow:visible}#SiteHeader:has(kickin-navigation) .header-layout{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:24px;align-items:center}#SiteHeader:has(kickin-navigation) .header-item--logo{flex:none;margin:0;max-width:200px}#SiteHeader:has(kickin-navigation) .header-item--icons{flex:none;margin:0;justify-self:end}#SiteHeader:has(kickin-navigation) .site-nav__icons{display:flex;align-items:center}#SiteHeader:has(kickin-navigation) .site-nav__link--icon{padding:10px}#HeaderWrapper:has(kickin-navigation.has-open){z-index:100!important}.kickin-nav-card:focus-visible{z-index:1}.kickin-nav-dialog-head .kickin-nav-wordmark{font:700 26px/1.2 var(--typeHeaderPrimary),var(--typeHeaderFallback)}.kickin-nav-account{display:block;padding:24px 4px;font-weight:700;border-top:1px solid #dedede}@media(min-width:1200px){.kickin-nav-cards{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1240px}.kickin-nav-groups{gap:clamp(12px,1.5vw,26px)}.kickin-nav-summary{font-size:16px;min-height:60px;gap:7px}.kickin-nav-panel{max-height:calc(100dvh - 140px)}}@media(max-width:1199px){#SiteHeader:has(kickin-navigation) .header-layout{grid-template-columns:44px minmax(0,1fr) auto;gap:8px}#SiteHeader:has(kickin-navigation) kickin-navigation{grid-column:1;grid-row:1}#SiteHeader:has(kickin-navigation) .header-item--logo{grid-column:2;grid-row:1;justify-self:center;width:min(100%,140px);max-width:140px}#SiteHeader:has(kickin-navigation) .site-header__logo{margin:0}#SiteHeader:has(kickin-navigation) .site-header__logo-link{max-width:100%;margin:auto}#SiteHeader:has(kickin-navigation) .site-header__logo img{max-width:100%}#SiteHeader:has(kickin-navigation) .header-item--icons{grid-column:3;grid-row:1}#SiteHeader:has(kickin-navigation) .site-nav__link--icon{padding:8px}#SiteHeader:has(kickin-navigation) .js-search-header{display:block!important}#SiteHeader:has(kickin-navigation) .header-item--icons .icon-user{display:none}#SiteHeader:has(kickin-navigation) .header-item--icons a:has(.icon-user){display:none}.kickin-nav-summary{font-size:22px}.kickin-nav-toggle{width:44px;min-width:44px;padding:8px}}@media(max-width:359px){#SiteHeader:has(kickin-navigation)>.page-width{padding-left:12px;padding-right:12px}#SiteHeader:has(kickin-navigation) .header-item--logo{max-width:112px}.kickin-nav-model{font-size:23px}}.shopify-section-group-header-group:has(kickin-navigation.has-open){position:relative;z-index:100}#SiteHeader:has(kickin-navigation.has-open){z-index:100}.kickin-nav-panel{z-index:30}@media(min-width:1200px){[data-category=gas] .kickin-nav-cards{grid-template-columns:repeat(2,minmax(0,1fr));max-width:980px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/kickin-navigation.css.map */