/* ══════════════════════════════════════════════
   DIMENSIONAL ROOFING — Responsive Stylesheet
   Breakpoints (largest → smallest):
     1400px  Large Desktop
     1200px  Medium Desktop / Laptop
     1024px  Small Laptop / Tablet Landscape
      768px  Tablet Portrait / Mobile Landscape
      480px  Small Mobile
   ══════════════════════════════════════════════ */
@media (max-width:1820px){
  .about-left{max-width:700px;}
  .call-card{left:-82px;}
  .au-history-left{max-width:650px;}
  .au-history-img-wrap{height:550px;}
  .au-since-badge{left:-50px;}
}
@media (max-width:1600px){
  section{padding:80px 60px;}
  .about-left{max-width:600px;}
  .call-card{left:-62px;}
  .newsletter{padding:53px 60px;}
  .footer-top{padding:80px 60px 60px;}
  .au-history-img-wrap{height:500px;}
}

/* ════════════════════════════════════
   ≤ 1400px — Large Desktop
   ════════════════════════════════════ */
@media (max-width:1400px){
  :root{--pad-x:80px;}
  section{padding:80px 50px;}

  /* Hero */
  .hero-title{font-size:68px;line-height:normal;}

  /* About */
  .about-left{max-width:540px;}
  .call-card{left:-60px;}

  /* Estimator */
  .estimator-left{flex:0 0 500px;}

  /* Years */
  .years-watermark{font-size:150px;line-height:normal;}

  /* Section titles */
  .section-title{font-size:46px;line-height:normal;}

  /* Footer */
  .footer-top{gap:70px;}
  .page-banner-desc{font-size:16px;}
  .services-header-desc{font-size:16px;}
  .service-card-name{font-size:18px;}
  .service-card-link{font-size:14px;}

  /* Service Details */
  .sd-slider-row{height:520px;}
  .sd-thumbs-swiper{flex:0 0 200px;}
  .sd-feature-img{flex:0 0 44%;height:520px;}
  .sd-gallery-item{height:380px;}

  /* Building Envelope */
  .be-diagnostics-header{margin-bottom:50px;}

  /* About Us */
  .au-history-inner{gap:60px;}
  .au-since-badge{left:-80px;padding:20px 30px;}
  .au-since-word{font-size:20px;line-height:24px;}
  .au-since-year{font-size:30px;line-height:34px;}
  .au-stat-number{font-size:24px;}
  .au-stat-label{font-size:14px;}
  .au-history-img-wrap{height:420px;}
  .au-history-left{max-width:550px;}
  .au-history-desc p{font-size:16px;}
  .sd-offer-desc{font-size:16px;}
  .sd-service-name{font-size:16px;}
  .sd-services-col{gap:14px;}
  .sd-intro-desc p{font-size:16px;}
  .sd-feature-desc p{font-size:16px;}

  /* Thermal & Transparent sections */
  .sd-thermal-lead{font-size:16px;}
  .sd-thermal-name{font-size:14px;}
  .sd-thermal-note{font-size:18px;margin-bottom:30px;}
  .sd-transparent-intro{font-size:16px;}
  .sd-step-label{font-size:16px;}
  .sd-transparent-note{font-size:18px;}

  /* Blog Details body */
  .bdb-h3{font-size:36px;line-height:40px;}
  .bdb-lead{font-size:16px;}
  .bdb-text-group p{font-size:16px;}
  .bdb-callout p{font-size:16px;}
  .bdb-step p{font-size:16px;}
  .bdb-benefit p{font-size:16px;}
  .bdb-img-row--2 .bdb-img-cell{height:500px;}
  .bdb-img-row--3 .bdb-img-cell{height:320px;}

  /* Financing */
  .fn-financing-inner{gap:60px;}
  .fn-financing-right{flex:0 0 550px;max-width:550px;}
  .fn-faq-header{margin-bottom:50px;}
  .form-header h3{font-size:18px;}

  /* Contact */
  .ct-careers-inner{gap:40px;}
  .ct-careers-right{flex:0 0 660px;max-width:660px;}
  .ct-careers-desc{font-size:16px;}
  .ct-careers-sub{font-size:16px;}
  .bdb-intro{margin-bottom:30px;}
  .bdb-img-row{margin-bottom:40px;}
  .bdb-callout{margin-bottom:40px;}
  .bdb-steps-section{margin-bottom:40px;margin-top:40px;}
}

/* ════════════════════════════════════
 ≤ 1200px — Medium Desktop / Laptop
 ════════════════════════════════════ */
@media (max-width:1200px){
  :root{--pad-x:60px;}

  /* Hero */
  .hero{height:620px;}
  .hero-title{font-size:58px;line-height:normal;}

  /* Section titles */
  .section-title{font-size:42px;}

  /* About */
  .about-left{max-width:460px;}
  .about-inner{gap:50px;}
  .call-card{left:-40px;width:270px;padding:24px 26px;}

  /* Estimator */
  .estimator-left{flex:0 0 440px;}
  .estimator-inner{gap:50px;}

  /* Years */
  .years-watermark{font-size:120px;line-height:normal;}

  /* Service tabs */
  .service-tab{font-size:17px;line-height:normal;padding:24px 16px;}

  /* Newsletter */
  .newsletter-right{flex:0 0 480px;}

  /* Footer */
  .footer-top{gap:50px;}
  .footer-brand{flex:0 0 240px;}
  .be-diag-title{font-size:18px;}
  .be-diag-desc{font-size:16px;}

  /* Thermal & Transparent sections */
  .sd-thermal-header{margin-bottom:40px;}
  .sd-thermal-note{font-size:16px;}
  .sd-transparent-top{margin-bottom:40px;}
  .sd-transparent-note{font-size:16px;}

  /* Blog Details body */
  .bdb-h3{font-size:32px;line-height:36px;}
  .bdb-img-row--2 .bdb-img-cell{height:440px;}
  .bdb-img-row--3 .bdb-img-cell{height:280px;}

  /* About Us */
  .au-history-inner{gap:50px;}
  .au-since-badge{left:40px;bottom:40px;padding:20px 24px;}
  .au-since-word{font-size:26px;}
  .au-since-year{font-size:48px;}
  .au-history-left{max-width:550px;}

  /* Financing */
  .fn-financing-inner{gap:40px;}
  .fn-financing-right{flex:0 0 460px;max-width:460px;}
  .fn-financing-desc p{font-size:16px;}
  .fn-disclosure-text{font-size:16px;}
  .fn-faq-question{font-size:18px;}
  .fn-greensky-list li{font-size:14px;}
  .fn-greensky-list li img{width:20px;height:20px;}

  /* Contact */
  .ct-careers-inner{gap:30px;}
  .ct-careers-right{flex:0 0 520px;max-width:520px;}
  .ct-careers-desc{font-size:16px;}
  .ct-careers-sub{font-size:18px;}
  .ct-follow-desc{font-size:16px;}
  .blog-subtitle{font-size:16px;}
}

/* ════════════════════════════════════
 ≤ 1024px — Small Laptop / Tablet Landscape
 ════════════════════════════════════ */
@media (max-width:1024px){
  :root{--pad-x:48px;}
  section{padding:80px 50px;}

  /* Header */
  .nav{display:none;}
  .hamburger{display:flex;}

  /* Hero */
  .hero{height:580px;}
  .hero-title{font-size:50px;line-height:normal;}
  .hero-subtitle{font-size:17px;line-height:normal;}

  /* Service tabs — horizontal scroll on tablet */
  .service-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;}
  .service-tabs::-webkit-scrollbar{display:none;}
  .service-tab{flex:0 0 auto;min-width:160px;padding:22px 20px;font-size:16px;line-height:normal;}

  /* Section titles */
  .section-title{font-size:38px;line-height:normal;}

  /* About */
  .about-inner{flex-direction:column;gap:60px;}
  .about-left{flex:none;width:100%;max-width:100%;}
  .about-right{width:100%;}
  .about-img{height:auto;width:100%;}
  .about-img-wrap{padding-bottom:0;}
  .call-card{position:absolute;margin-top:20px;width:100%;left:40px;padding:16px 20px;}
  section.rating-badge .rating-img a img{max-width:100px;}
  section.rating-badge{bottom:6%;}

  /* Estimator */
  .estimator-inner{flex-direction:column;gap:48px;align-items:flex-start;}
  .estimator-left{flex:none;width:100%;max-width:100%;}
  .estimator-right{width:100%;max-width:100%;}

  /* Projects */
  .projects-grid{grid-template-columns:1fr 1fr;gap:16px;}
  .project-card{height:380px;}
  .projects-swiper-prev,.projects-swiper-next{width:44px;height:44px;}
  .projects-slider-row{gap:14px;}

  /* Years */

  /* .years-section { min-height: auto; } */
  .years-inner{flex-direction:column;align-items:flex-start;padding:0;gap:40px;}
  .years-left{max-width:100%;}
  .years-watermark{font-size:90px;right:20px;line-height:100px;}
  .stats-grid{flex-wrap:wrap;}
  .stat-number{font-size:24px;line-height:normal;}
  .stat-label{font-size:14px;line-height:normal;}
  .years-right{position:initial;}

  /* Blog */
  .blog-grid{grid-template-columns:repeat(2,1fr);}
  .blog-body h3{font-size:18px;line-height:normal;}
  .bd-label{font-size:15px;}
  .bd-option{font-size:15px;}
  .blog-body p{font-size:16px;line-height:normal;}

  /* Newsletter */
  .newsletter-inner{flex-direction:column;gap:36px;align-items:flex-start;}
  .newsletter-right{flex:none;width:100%;max-width:100%;}
  .newsletter{padding:50px 50px;}
  .newsletter-left{max-width:100%;}

  /* Footer */
  .footer-top{flex-direction:column;gap:40px;}
  .footer-brand{flex:none;}
  .footer-links{flex-wrap:wrap;gap:32px;}
  .footer-col{flex:0 0 calc(50% - 16px);gap:10px;}
  .footer-col h4{font-size:16px;}
  .footer-col ul li a{font-size:14px;}
  .footer-col ul{gap:6px;}
  .contact-label{font-size:14px;}
  .contact-value{font-size:14px;}
  .footer-bottom p{font-size:14px;}
  .footer-legal a{font-size:14px;}
  .newsletter-note{font-size:14px;}

  /* Page Banner */
  .page-banner{height:360px;}

  /* Services listing */
  .services-list{padding:80px var(--pad-x);}
  .services-grid{gap:20px;}
  .service-card-body{padding:20px;}

  /* Service Details */
  .sd-slider-row{height:480px;gap:16px;}
  .sd-thumbs-swiper{flex:0 0 180px;}
  .sd-feature-inner{gap:48px;}
  .sd-feature-img{flex:0 0 45%;height:480px;}
  .sd-call-card{left:-16px;width:280px;padding:20px 24px;}
  .sd-call-number{font-size:18px;}
  .sd-gallery-item{height:320px;}

  /* Building Envelope */
  .be-diagnostics-header{margin-bottom:40px;}
  .be-diagnostics-grid{gap:16px;}
  .be-diag-card{padding:24px;gap:20px;}

  /* Thermal & Transparent sections */
  .sd-thermal-header{margin-bottom:36px;}
  .sd-transparent-top{margin-bottom:36px;}

  /* Blog Details body */
  .bdb-h3{font-size:28px;line-height:32px;}
  .bdb-img-row--2 .bdb-img-cell{height:380px;}
  .bdb-img-row--3 .bdb-img-cell{height:240px;}
  .bdb-step-badge{width:44px;height:44px;font-size:18px;}
  .bdb-step-title{font-size:18px;}
  .bdb-benefit-title{font-size:18px;}

  /* About Us */
  .au-history-inner{gap:40px;}
  .au-since-badge{left:20px;bottom:20px;padding:16px 20px;}
  .au-since-word{font-size:22px;letter-spacing:4px;}
  .au-since-year{font-size:42px;}

  /* Financing */
  .fn-financing-inner{flex-direction:column;gap:40px;}
  .fn-financing-right{flex:none;width:100%;max-width:100%;}
  .fn-faq-header{margin-bottom:40px;}

  /* Contact */
  .ct-careers-inner{flex-direction:column;gap:40px;}
  .ct-careers-right{flex:none;width:100%;max-width:100%;}
  .ct-follow-cards{flex-direction:column;max-width:100%;}
  .bdb-content-section{gap:14px;}
}

/* ════════════════════════════════════
 ≤ 768px — Tablet Portrait / Mobile Landscape
 ════════════════════════════════════ */
@media (max-width:768px){
  :root{--pad-x:24px;}

  /* Topbar */
  .topbar{height:auto;padding:8px 0;}
  .topbar-inner{flex-direction:column;gap:6px;padding:0 24px;text-align:center;}

  /* Header */
  .header{padding:0 20px;height:68px;}
  .header-cta{display:none;}
  .logo img{height:44px;}
  .mob-link{font-size:14px;}
  .mob-submenu a{font-size:14px;}
  .be-cta-inner .cta-btn-wrap{flex-direction:column;}
  section.sd-feature.sd-feature--bg{margin-bottom:0px;}
  .sd-feature-content{width:100%;}
  .newsletter-form .form-wrap{display:block;}
  .page-banner-label{font-size:12px;}

  /* Hero */
  .hero{height:520px;}
  .hero-title{font-size:38px;line-height:normal;}
  .hero-subtitle{font-size:15px;margin-bottom:28px;}
  .hero-actions{flex-direction:column;align-items:center;gap:12px;}
  .hero-actions .btn-primary,.hero-actions .btn-outline{width:100%;max-width:280px;justify-content:center;}

  /* Service tabs */
  .service-tab{font-size:14px;line-height:normal;padding:18px 14px;gap:8px;display:block;}
  .service-tab img{width:26px;height:26px;margin:0 auto;}
  .service-tab span{display:inline-block;margin-top:8px;}

  /* Section titles */
  .section-title{font-size:32px;line-height:normal;}
  .newsletter-title{font-size:28px;}

  /* About */
  .about{padding:60px var(--pad-x);}
  .about-img{height:auto;}
  .trust-cards{flex-direction:column;gap:12px;}
  .trust-card{flex-direction:row;align-items:center;}

  /* Estimator */
  .estimator-section{padding:60px var(--pad-x);}
  .form-row{flex-direction:column;gap:16px;}
  .estimator-section .estimator-left p{font-size:16px;line-height:normal;}

  /* Projects */
  .projects{padding:60px var(--pad-x);}
  .projects-grid{grid-template-columns:1fr;}
  .project-card{height:300px;}
  .projects-swiper-prev,.projects-swiper-next{width:38px;height:38px;}
  .projects-slider-row{gap:10px;}
  .projects-swiper-prev{left:0;}
  .projects-swiper-next{right:0;}

  /* Years */
  .years-inner{padding:0;}
  .years-watermark{display:none;}
  .stats-grid{flex-direction:column;gap:10px;}
  .stat-card{flex-direction:row;align-items:center;gap:16px;display:block;}
  .stat-number{font-size:28px;line-height:normal;}

  /* Blog */
  .blog-header{flex-direction:column;align-items:flex-start;gap:16px;}
  .blog-grid{grid-template-columns:1fr;}
  .blog-img{height:240px;}

  /* Blog dropdown — full width on mobile */
  .blog-dropdown-list{width:100%;}
  .bd-trigger{width:100%;justify-content:space-between;}
  .bd-menu{width:100%;right:auto;left:0;}

  /* Newsletter */
  .newsletter{padding:50px var(--pad-x);margin-top:50px;}
  .newsletter-form{flex-direction:column;height:auto;border:none;gap:10px;}
  .newsletter-form input{border:1px solid #dfdfdf;height:52px;padding:0 14px;width:100%;}
  .newsletter-form .btn-primary{width:100%;height:58px;}

  /* Footer */
  .footer-top{padding:50px var(--pad-x) 36px;}
  .footer-links{flex-direction:column;gap:28px;}
  .footer-col{flex:none;width:100%;}
  .footer-bottom{flex-direction:column;gap:12px;text-align:center;padding:20px var(--pad-x);}
  .footer-legal{justify-content:center;}
  .contact-list li img{width:20px;height:20px;}

  /* Page Banner */
  .page-banner-title{font-size:38px;line-height:normal;}
  .page-banner-desc{font-size:16px;}
  .page-banner-breadcrumb{left:var(--pad-x);}

  /* Services listing */
  .services-list{padding:60px var(--pad-x);}
  .services-header{margin-bottom:40px;}
  .services-grid{grid-template-columns:1fr 1fr;gap:20px;}
  .service-card-img{height:220px;}

  /* Service Details */
  .sd-intro{padding:60px var(--pad-x) 0;}
  .sd-slider-row{flex-direction:column;height:auto;gap:12px;}
  .sd-main-swiper{height:320px;flex:none;width:100%;}
  .sd-thumbs-swiper{flex:none;height:90px;width:100%;}
  .sd-thumbs-swiper .swiper-wrapper{flex-direction:row!important;height:90px!important;gap:10px!important;}
  .sd-thumbs-swiper .swiper-slide{flex:1!important;min-width:0!important;width:auto!important;height:90px!important;}
  .sd-feature{padding:60px var(--pad-x);}
  .sd-feature-inner{flex-direction:column;gap:40px;}
  .sd-feature-img{flex:none;width:100%;height:360px;}
  .sd-call-card{left:0;bottom:20px;width:260px;padding:16px 20px;}
  .sd-call-number{font-size:16px;}
  .sd-services-card{flex-direction:column;gap:16px;padding:20px;}
  .sd-gallery{padding:60px var(--pad-x);}
  .sd-gallery-row{gap:12px;}
  .sd-gallery-item{height:220px;}
  .sd-gallery-header{margin-bottom:36px;}
  .sd-lightbox{padding:32px 20px;}

  /* Building Envelope */
  .be-diagnostics{padding:60px var(--pad-x);}
  .be-diagnostics-header{margin-bottom:36px;}
  .be-diagnostics-grid{flex-direction:column;gap:14px;}
  .be-cta{padding:80px var(--pad-x);}
  .be-cta-inner{gap:32px;}

  /* Thermal & Transparent sections */
  .sd-thermal-header{margin-bottom:30px;}
  .sd-thermal-grid{flex-direction:column;gap:10px;}
  .sd-thermal-note{font-size:16px;margin-bottom:24px;}
  .sd-transparent-top{margin-bottom:30px;}
  .sd-steps-card{padding:20px;gap:16px;}
  .sd-transparent-note{font-size:18px;}

  /* About Us */
  .au-history{padding:60px var(--pad-x);}
  .au-history-inner{flex-direction:column;gap:40px;}
  .au-history-left{flex:none;width:100%;max-width:100%;}
  .au-history-img-wrap{height:100%;}
  .au-since-badge{left:20px;bottom:20px;}
  .au-stats-row{gap:12px;}

  /* Financing */
  .fn-financing{padding:60px var(--pad-x);}
  .fn-financing-left{gap:24px;}
  .fn-disclosure{padding:24px 24px 24px 28px;}
  .fn-faq{padding:60px var(--pad-x);}
  .fn-faq-header{margin-bottom:32px;}
  .fn-faq-question{font-size:17px;}

  /* Blog Details body */
  .bdb-h3{font-size:24px;line-height:28px;}
  .bdb-img-row{flex-direction:column;gap:16px;}
  .bdb-img-row--2 .bdb-img-cell{height:280px;}
  .bdb-img-row--3 .bdb-img-cell{height:240px;}
  .bdb-callout{padding:24px 24px 24px 24px;}
  .bdb-step-badge{width:40px;height:40px;font-size:16px;flex-shrink:0;}
  .bdb-step{gap:16px;}
  .bdb-step-title{font-size:17px;}
  .bdb-step p{font-size:15px;}
  .bdb-benefit-title{font-size:17px;}
  .bdb-benefit p{font-size:15px;}
  .bdb-lead{font-size:15px;}
  .bdb-text-group p{font-size:15px;}
  .bdb-callout p{font-size:15px;}

  /* Contact */
  .ct-careers{padding:60px var(--pad-x);}
  section.contact-form-main{padding:60px var(--pad-x);}
  .estimator-right .instaquote-form .form-body{padding:20px;}
  .ct-careers-sub{font-size:17px;}
  .ct-follow{padding:60px var(--pad-x);}
  .ct-follow-header{margin-bottom:36px;}
  .ct-follow-desc{font-size:15px;}
}

/* ════════════════════════════════════
 ≤ 480px — Small Mobile
 ════════════════════════════════════ */
@media (max-width:480px){
  :root{--pad-x:16px;}

  /* Topbar */
  .topbar{display:none;}

  /* Hero */
  .hero{height:480px;}
  .hero-title{font-size:32px;line-height:normal;}
  .slide-tag{font-size:11px;line-height:normal;letter-spacing:2px;padding:5px 14px;}
  .slide-content{padding:0 16px 50px;}

  /* Service tabs */
  .service-tab{font-size:13px;line-height:normal;padding:16px 10px;gap:6px;}
  .service-tab img{width:22px;height:22px;}

  /* Section titles */
  .section-title{font-size:28px;line-height:normal;}
  .newsletter-title{font-size:24px;line-height:normal;}

  /* About */
  .about-img{height:auto;}
  .call-card{padding:20px 20px;left:0;}
  .call-number{font-size:18px;}

  /* Projects slider arrows */
  .projects-swiper-prev,.projects-swiper-next{width:32px;height:32px;}
  .projects-slider-row{gap:8px;}
  .projects-slider-outer{gap:20px;}

  /* Years stats */
  .stat-card{padding:16px 20px;}
  .stat-number{font-size:24px;line-height:normal;}
  .years-section{padding:60px 20px;}

  /* Blog */
  .blog-img{height:200px;}

  /* Footer */
  .footer-logo{width:120px;}

  /* Page Banner */
  .page-banner-title{font-size:28px;}
  .page-banner-desc{font-size:14px;}

  /* Services listing */
  .services-grid{grid-template-columns:1fr;}
  .service-card-img{height:200px;}

  /* Service Details */
  .sd-intro{padding:40px var(--pad-x) 0;}
  .sd-main-swiper{height:260px;}
  .sd-thumbs-swiper{height:72px;}
  .sd-thumbs-swiper .swiper-wrapper{height:72px!important;}
  .sd-thumbs-swiper .swiper-slide{height:72px!important;}
  .sd-feature{padding:48px var(--pad-x);}
  .sd-feature-img{height:280px;}
  .sd-call-card{width:220px;padding:12px 16px;gap:10px;}
  .sd-call-icon{width:36px;height:36px;}
  .sd-call-icon img{width:20px;height:20px;}
  .sd-call-number{font-size:14px;}
  .sd-service-name{font-size:16px;}
  .sd-gallery{padding:48px var(--pad-x);}
  .sd-gallery-row{grid-template-columns:1fr;}
  .sd-gallery-item{height:260px;}
  .sd-lightbox{padding:20px 16px;}
  .sd-lightbox-inner{border-width:4px;}
  .sd-lightbox-close{top:10px;right:10px;width:30px;height:30px;font-size:15px;}

  /* Blog dropdown */
  .bd-label{font-size:14px;}
  .bd-option{font-size:14px;padding:11px 16px;}

  /* Building Envelope */
  .be-diagnostics{padding:48px var(--pad-x);}
  .be-diagnostics-grid{gap:12px;}
  .be-diag-card{padding:20px;gap:16px;}
  .be-diag-title{font-size:18px;}
  .be-diag-desc{font-size:16px;}
  .be-cta{padding:60px var(--pad-x);}
  .be-cta-inner{gap:28px;}
  .be-cta-desc{font-size:16px;}

  /* Thermal & Transparent sections */
  .sd-thermal-header{margin-bottom:24px;}
  .sd-thermal-lead{font-size:15px;}
  .sd-thermal-name{font-size:14px;}
  .sd-thermal-note{font-size:15px;margin-bottom:20px;}
  .sd-steps-card{padding:16px;gap:14px;}
  .sd-step-label{font-size:15px;}
  .sd-transparent-note{font-size:16px;}
  .sd-transparent-intro{font-size:15px;}

  /* About Us */
  .au-history{padding:48px var(--pad-x);}
  .au-since-badge{left:16px;bottom:16px;padding:14px 18px;border-width:4px;}
  .au-since-word{font-size:18px;letter-spacing:3px;}
  .au-since-year{font-size:36px;}
  .au-stats-row{gap:10px;}
  .au-stat-card{padding:14px 16px;gap:6px;}
  .au-stat-number{font-size:24px;}
  .au-stat-label{font-size:14px;}

  /* Financing */
  .fn-financing{padding:48px var(--pad-x);}
  .fn-disclosure{padding:20px 20px 20px 24px;gap:14px;}
  .fn-disclosure-heading{font-size:16px;}
  .fn-disclosure-text{font-size:15px;line-height:20px;}
  .fn-faq{padding:48px var(--pad-x);}
  .fn-faq-header{margin-bottom:28px;}
  .fn-faq-trigger{padding:18px 16px;}
  .fn-faq-question{font-size:16px;}
  .fn-faq-answer{padding:0 16px;}
  .fn-faq-item.fn-open .fn-faq-answer{padding:0 16px 18px;}
  .fn-faq-answer p{font-size:16px;}

  /* Blog Details body */
  .bdb-h3{font-size:20px;line-height:24px;}
  .bdb-img-row--2 .bdb-img-cell{height:220px;}
  .bdb-img-row--3 .bdb-img-cell{height:180px;}
  .bdb-step-badge{width:36px;height:36px;font-size:14px;}
  .bdb-steps{gap:16px;}

  /* Contact */
  .ct-careers{padding:48px var(--pad-x);}
  .ct-career-card-body{padding:20px;}
  .ct-career-email-link{font-size:17px;}
  .ct-follow{padding:48px var(--pad-x);}
  .ct-follow-header{margin-bottom:28px;}
  .ct-social-card{padding:18px;}
  .ct-social-name{font-size:18px;}
  .ct-social-handle{font-size:16px;}
}

/* ════════════════════════════════════
 PRIVACY POLICY — Responsive
 ════════════════════════════════════ */
@media (max-width:1200px){
  .pp-sidebar{width:220px;}
  .pp-section{padding:28px 30px;}
  .pp-contact-cta{padding:28px 30px;}
}
@media (max-width:1024px){
  .pp-inner{gap:32px;}
  .pp-sidebar{width:200px;top:100px;}
  .pp-section-title{font-size:19px;}
}
@media (max-width:768px){
  .pp-body{padding:48px 24px;}
  .pp-inner{flex-direction:column;gap:28px;}
  .pp-sidebar{position:static;width:100%;}
  .pp-toc-list{display:grid;grid-template-columns:1fr 1fr;gap:4px;}
  .pp-section{padding:24px 20px;}
  .pp-section-header{gap:12px;margin-bottom:16px;padding-bottom:14px;}
  .pp-section-title{font-size:17px;}
  .pp-contact-cta{flex-direction:column;align-items:flex-start;padding:24px 20px;gap:20px;}
}
@media (max-width:480px){
  .pp-body{padding:36px 16px;}
  .pp-toc-list{grid-template-columns:1fr;}
  .pp-section-num{width:30px;height:30px;font-size:11px;}
  .pp-section-title{font-size:16px;}
  .pp-section-body p{font-size:14px;}
  .pp-intro-text{font-size:14px;}
}

/* ════════════════════════════════════
   SEARCH PAGE — Responsive
   ════════════════════════════════════ */

@media (max-width: 1024px) {
  .srch-bar-wrap { padding: 16px 48px; }
  .srch-body { padding: 48px 48px 64px; }
}

@media (max-width: 768px) {
  .srch-bar-wrap { padding: 16px 24px; }
  .srch-bar-inner { flex-direction: column; align-items: flex-start; gap: 10px; }
  .srch-bar-form { max-width: 100%; width: 100%; }
  .srch-body { padding: 36px 24px 56px; }
  .srch-result-img { width: 120px; height: 90px; }
  .srch-result-body { padding: 16px 16px; }
  .srch-result-title { font-size: 16px; }
  .srch-result-cta { width: 44px; min-height: 90px; }
  .srch-empty { padding: 48px 24px; }
  .srch-empty-title { font-size: 22px; }
}

@media (max-width: 480px) {
  .srch-bar-wrap { padding: 14px 16px; }
  .srch-body { padding: 24px 16px 48px; }
  .srch-result { flex-wrap: wrap; }
  .srch-result-img { width: 100%; height: 180px; }
  .srch-result-body { padding: 16px; }
  .srch-result-cta { display: none; }
  .srch-empty-links { flex-direction: column; gap: 12px; }
  .srch-empty { padding: 36px 16px; }
}


/* ════════════════════════════════════
   404 PAGE — Responsive
   ════════════════════════════════════ */

@media (max-width:1024px){
  .e404-nav { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width:768px){
  .e404-section { padding: 80px 24px; min-height: calc(100vh - 120px); }
  .e404-title { font-size: 38px; }
  .e404-desc { font-size: 15px; }
  .e404-nav { grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 32px; }
  .e404-nav-card { padding: 16px 10px; gap: 8px; }
  .e404-nav-icon { width: 38px; height: 38px; }
  .e404-divider, .e404-search { max-width: 100%; }
}

@media (max-width:480px){
  .e404-section { padding: 60px 16px; }
  .e404-nav { grid-template-columns: repeat(2, 1fr); }
  .e404-nav-label { font-size: 12px; }
  .e404-search-input { font-size: 14px; padding: 12px 14px; }
  .e404-home-btn { width: 100%; justify-content: center; }
}
