.og-nav{background:#fff;padding:40px 0 8px}.og-nav__inner{max-width:1200px;margin:0 auto;padding:0 40px}.og-nav__h1{font-family:var(--font-heading-family, "Oswald", sans-serif);font-weight:500;font-size:44px;line-height:1.15;color:#1c1c1e;margin:0 0 32px}.og-block+.og-block{margin-top:48px}.og-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}.og-head__title{font-family:var(--font-heading-family, "Oswald", sans-serif);font-weight:500;font-size:28px;line-height:1.2;color:#1c1c1e;margin:0 0 6px}.og-head__sub{font-family:var(--font-body-family, sans-serif);font-weight:400;font-size:14px;line-height:1.4;color:#5b5d63;margin:0}.og-head__link{font-family:var(--font-body-family, sans-serif);font-weight:600;font-size:14px;color:#c1121e;text-decoration:none;white-space:nowrap;flex:none}.og-head__link:hover,.og-head__link:focus-visible{text-decoration:underline}.og-brands{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.og-brand-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:132px;padding:14px 16px;background:#fff;border:1px solid #E4E4E7;border-radius:14px;box-shadow:0 6px 18px #00000014;text-align:center;text-decoration:none;color:inherit}a.og-brand-card{transition:transform .15s ease,box-shadow .15s ease}a.og-brand-card:hover,a.og-brand-card:focus-visible{transform:translateY(-2px);box-shadow:0 10px 24px #0000001f}.og-brand-card__logo{display:flex;align-items:center;justify-content:center;width:100%;max-width:188px;height:50px;margin-bottom:8px}.og-brand-card__logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.og-brand-card__placeholder{font-family:var(--font-heading-family, "Oswald", sans-serif);font-weight:500;font-size:18px;letter-spacing:.5px;color:#a1a1aa;text-transform:uppercase}.og-brand-card__label{font-family:var(--font-heading-family, "Oswald", sans-serif);font-weight:500;font-size:20px;line-height:1.2;color:#1c1c1e}.og-brand-card__tagline{font-family:var(--font-heading-family, "Oswald", sans-serif);font-weight:500;font-size:12px;line-height:1.3;color:#6b6b70}.og-types{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;list-style:none;margin:0;padding:0}.og-types>li{margin:0}.og-type-chip{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:5px 12px 5px 5px;background:#fff;border-radius:10px;box-shadow:0 3px 10px #00000014;text-decoration:none;color:inherit}a.og-type-chip{transition:box-shadow .15s ease,transform .15s ease}a.og-type-chip:hover,a.og-type-chip:focus-visible{transform:translateY(-1px);box-shadow:0 6px 16px #0000001f}.og-type-chip--inert{cursor:default}.og-type-chip__icon{display:flex;align-items:center;justify-content:center;flex:none;width:30px;height:30px;background:#f4f4f5;border-radius:8px}.og-type-chip__icon img,.og-type-chip__icon svg{width:18px;height:18px;object-fit:contain}.og-type-chip__label{font-family:var(--font-heading-family, "Oswald", sans-serif);font-weight:500;font-size:15px;line-height:1.2;color:#1c1c1e;flex:1 1 auto;min-width:0}.og-type-chip--sm .og-type-chip__label{font-size:13px}.og-type-chip--xs .og-type-chip__label{font-size:12px}.og-type-chip__chevron{font-family:var(--font-heading-family, "Oswald", sans-serif);font-weight:500;font-size:17px;line-height:1;color:#c5ff3d;flex:none}@media(max-width:989px){.og-nav__inner{padding:0 24px}.og-nav__h1{font-size:34px;margin-bottom:24px}.og-head__title{font-size:24px}.og-types{grid-template-columns:repeat(2,1fr)}}@media(max-width:749px){.og-nav{padding-top:24px}.og-nav__inner{padding:0 16px}.og-nav__h1{font-size:28px}.og-head{flex-direction:column;align-items:flex-start;gap:8px}.og-brands{grid-template-columns:repeat(2,1fr);gap:12px}.og-brand-card{min-height:116px}.og-types{grid-template-columns:1fr;gap:10px}}.og-view-all{display:inline-flex;align-items:center;gap:7px;margin:18px 0 0;font-family:var(--font-body-family, sans-serif);font-weight:600;font-size:14px;color:#e5501a;text-decoration:none}.og-view-all__chevron{flex:none;display:block}.og-view-all:hover,.og-view-all:focus-visible{text-decoration:underline}.og-view-all[aria-expanded=true] .og-view-all__chevron{transform:rotate(180deg)}.og-view-all__chevron{transition:transform .2s ease}@media(prefers-reduced-motion:reduce){.og-view-all__chevron{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/section-oil-grease-nav.css.map */