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