/* Ventilation & Ductwork Service Page */
.vent-page{padding-top:0;--vent-accent:#3b82f6;--vent-accent-dark:#1d4ed8}

/* Hero */
.vent-hero{min-height:70vh;color:var(--color-white)}.vent-hero .hero-overlay{background:linear-gradient(135deg,rgba(17,24,39,.93) 0,rgba(34,70,154,.72) 45%,rgba(17,24,39,.97) 100%)}.vent-hero .hero-content{padding:clamp(3.25rem,6vw,5.25rem) var(--container-padding)}.vent-hero-content{max-width:920px}.vent-hero h1{color:var(--color-white);font-size:clamp(2.25rem,5vw,3.25rem);line-height:1.15;margin-bottom:var(--space-4)}.vent-hero-subtitle{font-size:var(--font-size-lg);color:rgba(255,255,255,.92);line-height:var(--line-height-relaxed);max-width:60ch;margin-bottom:var(--space-8)}.vent-hero .hero-ctas{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-10)}.vent-hero .section-label{display:inline-block;font-size:11px;font-weight:var(--font-weight-bold);color:var(--color-white);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-3);padding-left:var(--space-3);border-left:3px solid var(--vent-accent)}.vent-hero-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}@media(max-width:960px){.vent-hero-highlights{grid-template-columns:1fr}}.vent-hero-highlight{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-lg);padding:var(--space-5);backdrop-filter:blur(6px)}.vent-hero-highlight strong{display:block;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-white);margin-bottom:var(--space-2)}.vent-hero-highlight span{display:block;font-size:var(--font-size-sm);color:rgba(255,255,255,.9);line-height:var(--line-height-relaxed)}

/* Section label */
.vent-page .section-header .section-label{display:inline-block;font-size:11px;font-weight:var(--font-weight-bold);color:var(--color-blue);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-3);padding-left:var(--space-3);border-left:3px solid var(--vent-accent)}

/* ========== INTRO SPLIT — before/after image layout ========== */
.vent-intro-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center;margin-top:var(--space-10)}.vent-intro-content .section-label{display:inline-block;font-size:11px;font-weight:var(--font-weight-bold);color:var(--color-blue);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-3);padding-left:var(--space-3);border-left:3px solid var(--vent-accent)}.vent-intro-content h2{font-family:var(--font-display);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--space-6)}.vent-intro-content p{font-size:var(--font-size-lg);color:var(--color-text-light);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4)}.vent-intro-content p:last-of-type{margin-bottom:var(--space-6)}.vent-intro-content .btn{margin-top:var(--space-2)}
.vent-before-after{position:relative;border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.12)}.vent-before-after img{width:100%;height:auto;display:block}.vent-before-after-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(17,24,39,.85) 0,transparent 100%);padding:var(--space-8) var(--space-6) var(--space-5);color:var(--color-white);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:center}
@media(max-width:960px){.vent-intro-split{grid-template-columns:1fr;gap:var(--space-8)}.vent-before-after{order:-1}}

/* Service cards grid */
.vent-service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);margin-top:var(--space-10)}@media(max-width:960px){.vent-service-grid{grid-template-columns:1fr}}.vent-service-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:border-color .2s}.vent-service-card:hover{border-color:var(--vent-accent)}.vent-service-card::before{content:"";position:absolute;left:0;top:0;width:6px;height:100%;background:linear-gradient(180deg,var(--vent-accent) 0,var(--color-blue) 100%)}.vent-service-card h3{margin-bottom:var(--space-3);padding-left:var(--space-2)}.vent-service-card p{color:var(--color-text-light);line-height:var(--line-height-relaxed);padding-left:var(--space-2)}

/* ========== DRYER VENT FEATURED SECTION ========== */
.vent-dryer-feature{display:grid;grid-template-columns:1fr 1.1fr;gap:var(--space-10);align-items:center;margin-top:var(--space-12);padding:var(--space-10);background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-2xl);box-shadow:0 4px 24px rgba(0,0,0,.06);position:relative;overflow:hidden}.vent-dryer-feature::before{content:"";position:absolute;left:0;top:0;width:6px;height:100%;background:linear-gradient(180deg,var(--color-peach) 0,var(--vent-accent) 100%)}.vent-dryer-image{border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.1)}.vent-dryer-image img{width:100%;height:auto;display:block;aspect-ratio:4/3;object-fit:cover}.vent-dryer-content{padding-left:var(--space-4)}.vent-dryer-content .vent-dryer-label{display:inline-block;font-size:11px;font-weight:var(--font-weight-bold);color:var(--color-peach);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-3);padding-left:var(--space-3);border-left:3px solid var(--color-peach)}.vent-dryer-content h3{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--space-4)}.vent-dryer-content p{font-size:var(--font-size-base);color:var(--color-text-light);line-height:var(--line-height-relaxed);margin-bottom:var(--space-5)}.vent-dryer-warnings{display:grid;gap:var(--space-3);margin-top:var(--space-5)}.vent-dryer-warning{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-gray-700)}.vent-dryer-warning svg{flex-shrink:0;width:20px;height:20px;color:var(--color-peach);margin-top:1px}
@media(max-width:960px){.vent-dryer-feature{grid-template-columns:1fr;padding:var(--space-6)}.vent-dryer-content{padding-left:0}}

/* Signs grid */
.vent-signs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-5);margin-top:var(--space-8)}.vent-sign-item{display:flex;align-items:flex-start;gap:var(--space-3);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-5);transition:border-color .2s}.vent-sign-item:hover{border-color:var(--vent-accent)}.vent-sign-item svg{flex-shrink:0;width:24px;height:24px;color:var(--color-peach);margin-top:2px}.vent-sign-item strong{display:block;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:var(--space-1)}.vent-sign-item span{font-size:var(--font-size-sm);color:var(--color-text-light);line-height:var(--line-height-relaxed)}

/* Why choose us cards */
.vent-why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-6);margin-top:var(--space-8)}.vent-why-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-sm)}.vent-why-card h3{margin-bottom:var(--space-3)}.vent-why-card p{color:var(--color-text-light);line-height:var(--line-height-relaxed)}

/* ========== PERFORMANCE SECTION — image + text split ========== */
.vent-performance-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-10);align-items:start;margin-top:var(--space-10)}@media(max-width:960px){.vent-performance-split{grid-template-columns:1fr}}.vent-perf-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-sm)}.vent-perf-card h3{margin-bottom:var(--space-3)}.vent-perf-card p{color:var(--color-text-light);line-height:var(--line-height-relaxed);margin-bottom:var(--space-5)}.vent-perf-stack{display:grid;gap:var(--space-6)}.vent-bullets{display:grid;gap:var(--space-2);padding-left:0;list-style:none}.vent-bullets li{position:relative;padding-left:var(--space-6);color:var(--color-gray-700)}.vent-bullets li::before{content:"\2713";position:absolute;left:0;top:0;color:var(--vent-accent-dark);font-weight:var(--font-weight-bold)}

/* Performance stat callout */
.vent-stat-callout{background:var(--color-blue);border-radius:var(--radius-xl);padding:var(--space-8);color:var(--color-white);text-align:center}.vent-stat-number{font-family:var(--font-display);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:1;margin-bottom:var(--space-2)}.vent-stat-label{font-size:var(--font-size-sm);color:rgba(255,255,255,.85)}

/* Intro performance grid fallback */
.vent-performance-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);margin-top:var(--space-8)}@media(max-width:960px){.vent-performance-grid{grid-template-columns:1fr}}

/* FAQ */
.vent-faq{max-width:800px;margin:var(--space-10) auto 0}.faq-item{border-bottom:1px solid var(--color-gray-200)}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) 0;background:0 0;border:none;cursor:pointer;text-align:left;font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-gray-900);transition:color .2s}.faq-question:hover{color:var(--color-blue)}.faq-question svg{flex-shrink:0;width:20px;height:20px;color:var(--color-gray-400);transition:transform .2s}.faq-item.active .faq-question svg{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.faq-item.active .faq-answer{max-height:2000px}.faq-answer p{padding-bottom:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-light);line-height:var(--line-height-relaxed)}