.detail-hero{min-height:500px;display:grid;align-items:center;color:#fff;background:linear-gradient(110deg,rgba(8,45,82,.94),rgba(8,45,82,.48)),url('./industrial-shed-1.jpg') center/cover no-repeat}.detail-wrap{width:min(1180px,88%);margin:auto;padding:90px 0}.detail-hero h1{font-size:clamp(44px,6vw,78px);line-height:1.02;max-width:850px;margin:12px 0 20px}.detail-hero p:not(.eyebrow){max-width:740px;font-size:18px;line-height:1.8;color:#e7f2ff}.detail-main{background:#f7fbff;padding:85px 6%}.detail-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:start}.detail-main h2{font-size:clamp(34px,4vw,54px);color:#123e68;margin:0 0 18px}.detail-main p{color:#5d6f82;line-height:1.9}.detail-img{width:100%;height:390px;object-fit:cover;box-shadow:0 20px 50px rgba(9,52,91,.15)}.points{display:grid;gap:16px;margin-top:28px}.point{background:#fff;border:1px solid #dceaf5;padding:23px;display:flex;gap:16px}.point i{color:#1268a5;font-size:21px}.point strong{display:block;color:#16466f;margin-bottom:5px}.back{display:inline-flex;margin-top:32px;color:#1268a5;font-weight:800;text-decoration:none;gap:8px}.seo-note{max-width:1180px;margin:45px auto 0;padding-top:35px;border-top:1px solid #dceaf5}.seo-note h3{color:#16466f}@media(max-width:850px){.detail-grid{grid-template-columns:1fr}.detail-img{height:290px}}

/* CleverClimbers mobile image optimization */
@media (max-width: 600px){
  .hero{
    min-height: 500px;
    height: auto;
    background-position: center center;
    background-size: cover;
  }
  .hero-content{padding-top:70px;padding-bottom:70px}
  .service-card img{height:210px!important;max-height:210px;object-fit:cover}
  .gallery img{height:210px!important;max-height:210px;object-fit:cover}
  .article-card img,.simple-article-card img,.article-page-card img{height:205px!important;max-height:205px;object-fit:cover}
  .detail-wrap img{width:100%;height:auto;max-height:280px;object-fit:cover;border-radius:10px}
  .detail-img{width:100%;height:250px!important;max-height:250px;object-fit:cover;border-radius:10px}
  .gallery-page-img{height:210px!important}
  .gallery-page-img img{height:100%!important;object-fit:cover}
  .shed-hero{min-height:500px!important;background-position:center center;background-size:cover}
  .shed-gallery img,.shed-gallery figure img{width:100%;height:220px!important;max-height:220px;object-fit:cover}
  .chat,.whatsapp-float{width:52px!important;height:52px!important;font-size:24px!important;right:14px!important;bottom:14px!important}
}
@media (max-width: 420px){
  .hero{min-height:470px}
  .service-card img,.gallery img{height:195px!important;max-height:195px}
  .article-card img,.simple-article-card img,.article-page-card img{height:190px!important;max-height:190px}
  .detail-wrap img{max-height:240px}
  .detail-img{height:220px!important;max-height:220px}
  .gallery-page-img{height:195px!important}
  .shed-gallery img,.shed-gallery figure img{height:200px!important;max-height:200px}
}