.installer-hero{background:var(--installer-hero-bg, #1b3a4b);color:var(--installer-hero-text, #fff);position:relative;overflow:hidden}.installer-hero__inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center}.installer-hero__inner--no-image{grid-template-columns:minmax(0,1fr)}.installer-hero__inner--no-image .installer-hero__content{max-width:760px}body.page\.installers>.page-width>nav.breadcrumb{display:none}.installer-hero__breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 22px;font-size:13px;font-weight:400;letter-spacing:.02em;color:var(--installer-hero-text, #fff);opacity:.75}.installer-hero__breadcrumb a{color:inherit;text-decoration:none}.installer-hero__breadcrumb a:hover{text-decoration:underline;text-underline-offset:3px}.installer-hero__breadcrumb-sep{opacity:.6}.installer-hero__buttons{display:flex;flex-wrap:wrap;gap:14px}.installer-hero .installer-hero__button.installer-hero__button--secondary{background-color:transparent;color:var(--installer-hero-text, #fff);box-shadow:inset 0 0 0 2px #ffffffb3}.installer-hero .installer-hero__button.installer-hero__button--secondary:hover{background-color:var(--installer-hero-text, #fff);color:var(--installer-hero-bg, #1b3a4b);filter:none}.installer-hero__buttons+.installer-hero__search{margin-top:18px}.installer-hero__eyebrow{display:inline-block;font-size:14px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--installer-accent, #39b4e7);margin-bottom:14px}.installer-hero__heading{margin:0 0 18px;font-size:44px;line-height:1.05;font-weight:800;text-transform:uppercase;letter-spacing:0;color:var(--installer-hero-text, #fff)}.installer-hero__subheading,.installer-hero__subheading p{color:var(--installer-hero-text, #fff);font-size:17px;line-height:27px;letter-spacing:0;margin:0}.installer-hero__subheading{max-width:560px;margin-bottom:30px}.installer-hero__search{display:flex;gap:12px;max-width:560px}.installer-hero__field{position:relative;flex:1 1 auto;min-width:0}.installer-hero__field-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;pointer-events:none}.installer-hero__field-icon svg{width:18px;height:18px;fill:#6b7c86}.installer-hero__input{width:100%;height:50px;padding:0 16px 0 44px;border:0;border-radius:6px;background:#fff;color:var(--text-color, #1a1a1a);font-family:var(--font-body-family);font-size:16px;letter-spacing:0;box-sizing:border-box;-webkit-appearance:none;appearance:none}.installer-hero__input::placeholder{color:#6b7c86}.installer-hero__input:focus-visible{outline:2px solid var(--installer-accent, #39b4e7);outline-offset:2px;box-shadow:none}.installer-hero .installer-hero__button{background-color:var(--installer-accent, #39b4e7);color:var(--installer-accent-text, #fff);min-height:50px;min-width:0;padding:0 28px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border-radius:6px;white-space:nowrap;flex:0 0 auto}.installer-hero .installer-hero__button:hover{filter:brightness(1.08)}.installer-hero__note{margin:16px 0 0;font-size:14px;letter-spacing:0;opacity:.85}.installer-hero__note a{color:var(--installer-accent, #39b4e7);text-underline-offset:3px}.installer-hero__media{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 24px 60px #00000059}.installer-hero__image{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover}.installer-hero__image--placeholder{background:#ffffff14;fill:#ffffff59}@media screen and (max-width:989px){.installer-hero__inner{grid-template-columns:minmax(0,1fr);gap:32px}.installer-hero__content{text-align:center}.installer-hero__subheading,.installer-hero__search{margin-left:auto;margin-right:auto}.installer-hero__breadcrumb,.installer-hero__buttons{justify-content:center}.installer-hero__heading{font-size:36px}}@media screen and (max-width:749px){.installer-hero__heading{font-size:30px}.installer-hero__subheading,.installer-hero__subheading p{font-size:16px;line-height:25px}.installer-hero__search{flex-direction:column}.installer-hero .installer-hero__button{width:100%}.installer-hero__buttons{flex-direction:column;gap:10px}.installer-hero__media{border-radius:8px}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/installer-hero.css.map */