:root{--diy-navy: #0D1B2A;--diy-orange: #F46C1E;--diy-orange-dark: #d95a10;--diy-white: #FFFFFF}#header-component,#header-component .header__row--top,.header-section{background-color:var(--diy-navy)!important;--color-background: var(--diy-navy) !important}#header-component a,#header-component button,#header-component .header__menu-item{color:var(--diy-white)!important}#header-component a:hover{color:var(--diy-orange)!important;opacity:1}#header-component svg{color:var(--diy-white);fill:var(--diy-white)}.diy-header-tagline{display:block;font-size:.6rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--diy-orange)!important;line-height:1;margin-top:3px;white-space:nowrap}.announcement-bar .announcement-bar__text,.announcement-bar p,.announcement-bar span,.announcement-bar a{color:var(--diy-orange)!important;letter-spacing:.18em;font-weight:600;text-transform:uppercase;font-size:.7rem}.hero .button-primary,.hero [class*=button-primary],.hero a[class*=button],section[data-section-type=hero] .button-primary{background-color:var(--diy-orange)!important;border-color:var(--diy-orange)!important;color:var(--diy-white)!important}.hero .button-primary:hover,section[data-section-type=hero] .button-primary:hover{background-color:var(--diy-orange-dark)!important;border-color:var(--diy-orange-dark)!important}.color-scheme-6 .button-primary,.color-scheme-6 [class*=button--primary]{--color-primary-button-background: var(--diy-orange) !important;--color-primary-button-border: var(--diy-orange) !important;--color-primary-button-hover-background: var(--diy-orange-dark) !important;background-color:var(--diy-orange)!important;border-color:var(--diy-orange)!important;color:var(--diy-white)!important}.diy-trust-bar{background-color:#f4f6f8;border-top:3px solid var(--diy-orange);border-bottom:1px solid #E0E6EC}.diy-trust-bar__inner{max-width:1200px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0}.diy-trust-bar__item{display:flex;align-items:center;gap:8px;padding:8px 28px;font-size:.88rem;font-weight:600;color:var(--diy-navy);white-space:nowrap}.diy-trust-bar__item+.diy-trust-bar__item{border-left:1px solid #CBD5E1}.diy-trust-bar__icon{width:20px;height:20px;fill:var(--diy-orange);flex-shrink:0}@media(max-width:749px){.diy-trust-bar__item+.diy-trust-bar__item{border-left:none}.diy-trust-bar__item{padding:6px 16px}}.diy-categories{padding:0}.diy-categories__heading{font-size:1.5rem;font-weight:700;color:var(--diy-navy);margin:0 0 28px;text-align:center;letter-spacing:-.01em}.diy-categories__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media(max-width:749px){.diy-categories__grid{grid-template-columns:1fr}}.diy-category-card{position:relative;display:flex;flex-direction:column;border-radius:8px;overflow:hidden;text-decoration:none;background:var(--diy-navy);transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 2px 12px #0d1b2a1a}.diy-category-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px #0d1b2a2e;opacity:1}.diy-category-card__bg{height:200px;display:flex;align-items:center;justify-content:center;position:relative}.diy-category-card__bg--1{background:linear-gradient(135deg,#0d1b2a,#1a3a5c)}.diy-category-card__bg--2{background:linear-gradient(135deg,#0d1b2a,#122540 60%,#1d3d5e)}.diy-category-card__bg--3{background:linear-gradient(135deg,#0d1b2a,#0d2235)}.diy-category-card__icon{width:80px;height:80px;color:#f46c1eb3;opacity:.9}.diy-category-card:hover .diy-category-card__icon{color:var(--diy-orange);opacity:1}.diy-category-card__body{padding:20px 22px 24px;display:flex;flex-direction:column;gap:4px;background:var(--diy-white);flex:1}.diy-category-card__name{font-size:1.05rem;font-weight:700;color:var(--diy-navy);line-height:1.2}.diy-category-card__desc{font-size:.82rem;color:#5c7080}.diy-category-card__cta{font-size:.85rem;font-weight:700;color:var(--diy-orange);margin-top:8px;letter-spacing:.02em;transition:letter-spacing .15s ease}.diy-category-card:hover .diy-category-card__cta{letter-spacing:.06em}:focus-visible{outline-color:var(--diy-orange)}
/*# sourceMappingURL=/cdn/shop/t/1/assets/diymetering-custom.css.map */