/* Commercial rangehoods page */
.rangehood-breadcrumb{padding:22px 0 0;color:#dbeeff;font-size:.8rem}.rangehood-breadcrumb ol{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0;list-style:none}.rangehood-breadcrumb li+li:before{content:"/";margin-right:8px;color:#91b2ca}.rangehood-breadcrumb a{color:#ffdd00}.rangehood-breadcrumb a:hover{color:#fff}
.rangehood-hero{padding:0}.rangehood-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(36px,6vw,82px);align-items:center;padding:58px 0 84px}.rangehood-hero h1{max-width:730px}.rangehood-hero .actions{margin-top:28px}.rangehood-hero-note{margin:22px 0 0;color:#dbeeff;font-size:.82rem;font-weight:700;letter-spacing:.04em}.rangehood-hero-image{position:relative;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.5);box-shadow:0 20px 44px rgba(0,19,35,.32)}.rangehood-hero-image img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:center}.rangehood-hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,26,45,.7),transparent 48%);pointer-events:none}.rangehood-hero-image figcaption{position:absolute;z-index:1;right:18px;bottom:14px;left:18px;color:#fff;font-size:.8rem;font-weight:700}
.rangehood-nav{background:#f6a724}.rangehood-nav .container{display:flex;overflow-x:auto}.rangehood-nav a{flex:1 0 auto;padding:17px 22px;border-left:1px solid rgba(6,27,49,.2);color:#061b31;font-size:.86rem;font-weight:800;text-align:center;text-decoration:none}.rangehood-nav a:hover{background:#061b31;color:#fff}
.rangehood-components{padding:82px 0;background:#fff}.rangehood-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.rangehood-card-grid article{padding:28px;border:1px solid #c9dae8;border-top:4px solid #1686ff;background:linear-gradient(145deg,#fff,#f4f9fd);box-shadow:0 10px 24px rgba(7,31,54,.06)}.rangehood-card-grid span{color:#0755b4;font-size:.75rem;font-weight:900;letter-spacing:.12em}.rangehood-card-grid h3{margin:15px 0 10px;font:1.5rem/1.1 var(--serif)}.rangehood-card-grid p{margin:0;color:#3b5368}
.rangehood-feature{padding:82px 0;background:linear-gradient(135deg,#edf7ff,#f9fcff)}.rangehood-feature-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(40px,7vw,88px);align-items:center}.rangehood-feature figure{position:relative;margin:0;overflow:hidden;box-shadow:0 18px 38px rgba(7,31,54,.16)}.rangehood-feature figure:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,26,45,.72),transparent 45%);pointer-events:none}.rangehood-feature img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.rangehood-feature figcaption{position:absolute;z-index:1;right:18px;bottom:15px;left:18px;color:#fff;font-size:.8rem;font-weight:700}.rangehood-feature h2{margin:0 0 18px;font:clamp(2rem,3.8vw,3.2rem)/1.05 var(--serif);letter-spacing:-.035em}.rangehood-feature p{color:#3b5368}.rangehood-check-list{margin:25px 0;padding:0;list-style:none}.rangehood-check-list li{padding:9px 0 9px 28px;border-bottom:1px solid #c9dae8;font-weight:700}.rangehood-check-list li:before{content:"✓";position:absolute;margin-left:-27px;color:#0755b4;font-weight:900}
.rangehood-process{padding:76px 0;background:#e9f4fc}.rangehood-process ol{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:0;margin:0;list-style:none}.rangehood-process li{padding-top:20px;border-top:1px solid #9cbad1}.rangehood-process li>span{color:#0755b4;font-weight:900}.rangehood-process h3{margin:14px 0 8px;font:1.35rem var(--serif)}.rangehood-process p{margin:0;color:#3b5368}
.rangehood-faq-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(40px,8vw,100px);align-items:start}.rangehood-faq-grid h2{margin:0 0 18px;font:clamp(2rem,4vw,3.15rem)/1.05 var(--serif);letter-spacing:-.035em}.rangehood-faq-grid>div>p{color:#3b5368}.rangehood-faq-list{border-top:1px solid #c9dae8}.rangehood-faq-list details{border-bottom:1px solid #c9dae8}.rangehood-faq-list summary{position:relative;padding:18px 34px 18px 0;cursor:pointer;font-weight:800;list-style:none}.rangehood-faq-list summary:after{content:"+";position:absolute;right:3px;color:#0755b4;font-size:1.4rem}.rangehood-faq-list details[open] summary:after{content:"−"}.rangehood-faq-list p{margin:0;padding:0 24px 19px 0;color:#3b5368}
@media(max-width:840px){.rangehood-hero-grid,.rangehood-faq-grid,.rangehood-feature-grid{grid-template-columns:1fr}.rangehood-hero-grid{padding:65px 0}.rangehood-hero-image{max-width:650px}.rangehood-card-grid,.rangehood-process ol{grid-template-columns:1fr;gap:18px}.rangehood-nav a{text-align:left}}@media(max-width:510px){.rangehood-hero-grid{padding:54px 0}.rangehood-nav a{padding:14px 16px}.rangehood-components,.rangehood-feature,.rangehood-process{padding:54px 0}}
