.shed-hero{min-height:520px;display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(120deg,rgba(17,28,36,.90),rgba(17,28,36,.42)),url('./Industrial-Shed.jpg') center/cover no-repeat;color:#fff}
.shed-hero-inner{width:min(1180px,88%);padding:90px 0}.shed-hero h1{max-width:850px;font-size:clamp(42px,6vw,76px);line-height:1.02;margin:14px 0 22px}.shed-hero p:not(.eyebrow){max-width:760px;color:#e8edf0;font-size:17px;line-height:1.8}.crumbs{font-size:12px;color:#cbd3d8}.crumbs a{color:#fff;text-decoration:underline}.shed-section{padding:85px max(6%,calc((100% - 1180px)/2));}.shed-section.cream{background:var(--cream)}.shed-lead{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:start}.shed-lead h2,.shed-section h2{font-size:clamp(34px,4vw,55px);line-height:1.1;margin:10px 0 22px}.shed-lead p,.shed-section p{color:#5e6870;line-height:1.85}.side-card{background:#fff;padding:34px;border:1px solid var(--line);box-shadow:0 18px 40px rgba(20,33,43,.08)}.side-card strong{display:block;font-size:30px;margin-bottom:8px}.types-grid,.benefits-grid,.applications-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.type-card,.benefit-card,.application-card{background:#fff;border:1px solid var(--line);padding:28px;transition:.3s}.type-card:hover,.benefit-card:hover,.application-card:hover{transform:translateY(-6px);box-shadow:0 18px 35px rgba(20,33,43,.1)}.type-card .num{font-size:12px;color:var(--accent);font-weight:800;letter-spacing:2px}.type-card h3,.benefit-card h3,.application-card h3{font-family:"Playfair Display",serif;font-size:25px;margin:10px 0}.spec-wrap{overflow-x:auto;margin-top:35px;background:#fff;border:1px solid var(--line)}.spec-table{width:100%;border-collapse:collapse;min-width:760px}.spec-table th,.spec-table td{padding:16px 18px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top;font-size:13px}.spec-table th{background:#111c24;color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:1px}.spec-table tr:last-child td{border-bottom:0}.shed-gallery{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:18px;margin-top:42px}.shed-gallery figure{margin:0;position:relative;overflow:hidden;background:#111;min-height:290px}.shed-gallery img{width:100%;height:100%;min-height:290px;object-fit:cover;transition:.5s}.shed-gallery figure:hover img{transform:scale(1.05)}.shed-gallery figcaption{position:absolute;left:0;right:0;bottom:0;padding:18px;color:#fff;font-size:13px;font-weight:700;background:linear-gradient(transparent,rgba(0,0,0,.78))}.why{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}.why-card{padding:28px;background:#111c24;color:#fff}.why-card h3{margin:0 0 10px;font-size:19px}.why-card p{color:#bfc8ce;margin:0}.cta-strip{background:#d2a35e;color:#111c24;padding:60px max(6%,calc((100% - 1180px)/2));display:flex;justify-content:space-between;gap:30px;align-items:center}.cta-strip h2{margin:0;font-size:clamp(30px,4vw,48px)}.cta-strip p{max-width:650px;margin:8px 0 0;line-height:1.7}.shed-footer{margin-top:0}.cookie{position:fixed;left:20px;right:20px;bottom:20px;z-index:1000;background:#fff;border:1px solid #ddd;padding:16px 20px;box-shadow:0 15px 40px rgba(0,0,0,.18);display:flex;align-items:center;justify-content:space-between;gap:20px}.cookie p{margin:0;font-size:12px;color:#5e6870}.cookie button{border:0;background:#111c24;color:#fff;padding:11px 18px;cursor:pointer;font-weight:700}.chat{position:fixed;right:22px;bottom:85px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#111c24;color:#fff;font-weight:800;text-decoration:none;box-shadow:0 10px 25px rgba(0,0,0,.25);z-index:900}.backtop{position:fixed;right:22px;bottom:22px;width:42px;height:42px;border-radius:50%;background:#d2a35e;color:#111c24;display:grid;place-items:center;text-decoration:none;font-weight:800;z-index:900}
@media(max-width:900px){.shed-gallery{grid-template-columns:1fr 1fr}.shed-gallery figure:first-child{grid-column:1/-1}.shed-lead{grid-template-columns:1fr}.types-grid,.benefits-grid,.applications-grid,.why{grid-template-columns:repeat(2,1fr)}.cta-strip{flex-direction:column;align-items:flex-start}.cookie{flex-direction:column;align-items:flex-start}}
@media(max-width:600px){.shed-gallery{grid-template-columns:1fr}.shed-gallery figure:first-child{grid-column:auto}.types-grid,.benefits-grid,.applications-grid,.why{grid-template-columns:1fr}.shed-hero{min-height:600px}.shed-section{padding:65px 6%}.shed-hero-inner{width:88%}.cookie{left:10px;right:10px;bottom:10px}.chat{bottom:80px}}

/* 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}
}