/* Sola homepage v2.8.3 — compact Brand Portfolio + Why Choose Sola */

/* Brand Portfolio: keep the same design, but reduce the poster-like scale. */
.brands-section .brand-portfolio.refined{
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:20px!important;
  align-items:center!important;
}
.brand-portfolio.refined .portfolio-copy{
  min-height:430px!important;
  padding:30px 30px!important;
  border-radius:24px!important;
  justify-content:center!important;
}
.brand-portfolio.refined .portfolio-copy h3{
  font-size:clamp(30px,2.6vw,42px)!important;
  line-height:1.04!important;
  margin:8px 0 10px!important;
  max-width:16ch!important;
}
.brand-portfolio.refined .portfolio-copy p{
  font-size:14px!important;
  line-height:1.55!important;
  margin-bottom:12px!important;
}
.brand-portfolio.refined .portfolio-products-head{
  margin-top:4px!important;
  margin-bottom:10px!important;
}
.brand-portfolio.refined .portfolio-image{
  min-height:0!important;
  height:430px!important;
  align-self:center!important;
  border-radius:24px!important;
}
.brand-portfolio.refined .portfolio-image img{
  width:100%!important;
  height:430px!important;
  object-fit:cover!important;
  object-position:center!important;
}

/* Why Choose Sola: narrower content and a shorter image/card stack. */
.why-section.refined{
  padding-top:68px!important;
  padding-bottom:68px!important;
}
.why-section.refined .why-layout{
  width:min(1180px,calc(100% - 48px))!important;
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr)!important;
  gap:28px!important;
  align-items:center!important;
}
.why-section.refined .why-poster-card{
  min-height:0!important;
  height:500px!important;
  align-self:center!important;
  border-radius:24px!important;
}
.why-section.refined .why-poster-card img{
  width:100%!important;
  height:500px!important;
  min-height:0!important;
  object-fit:cover!important;
  object-position:center center!important;
}
.why-section.refined .why-copy-wrap{
  padding-top:0!important;
  justify-content:center!important;
}
.why-section.refined .why-copy-wrap h2{
  font-size:clamp(36px,3.2vw,48px)!important;
  line-height:1!important;
  margin:8px 0 10px!important;
}
.why-section.refined .why-copy-wrap > div:first-child > p{
  font-size:14px!important;
  line-height:1.55!important;
  margin:0 0 14px!important;
}
.why-section.refined .why-list{
  gap:10px!important;
  margin-top:0!important;
}
.why-section.refined .why-list-card{
  padding:14px 16px!important;
  border-radius:17px!important;
  min-height:64px!important;
}
.why-section.refined .why-list-card strong{
  font-size:16px!important;
  line-height:1.2!important;
}
.why-section.refined .why-list-card p{
  font-size:13px!important;
  line-height:1.4!important;
  margin-top:3px!important;
}
.why-section.refined .why-icon{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
}
.why-section.refined .why-icon svg{
  width:18px!important;
  height:18px!important;
}
.why-section.refined .story-btn{
  margin-top:16px!important;
  min-height:44px!important;
  padding:0 22px!important;
  font-size:13px!important;
}

@media(max-width:1180px){
  .brands-section .brand-portfolio.refined,
  .why-section.refined .why-layout{
    max-width:920px!important;
  }
  .why-section.refined .why-layout{
    grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr)!important;
  }
  .why-section.refined .why-poster-card,
  .why-section.refined .why-poster-card img{
    height:460px!important;
  }
}

@media(max-width:900px){
  .brands-section .brand-portfolio.refined,
  .why-section.refined .why-layout{
    grid-template-columns:1fr!important;
    width:min(720px,calc(100% - 36px))!important;
  }
  .brand-portfolio.refined .portfolio-copy{
    min-height:0!important;
  }
  .brand-portfolio.refined .portfolio-image,
  .brand-portfolio.refined .portfolio-image img{
    height:380px!important;
  }
  .why-section.refined .why-poster-card,
  .why-section.refined .why-poster-card img{
    height:420px!important;
  }
}

@media(max-width:560px){
  .brands-section .brand-portfolio.refined,
  .why-section.refined .why-layout{
    width:calc(100% - 28px)!important;
  }
  .brand-portfolio.refined .portfolio-copy{
    padding:24px 20px!important;
  }
  .brand-portfolio.refined .portfolio-copy h3{
    font-size:30px!important;
  }
  .brand-portfolio.refined .portfolio-image,
  .brand-portfolio.refined .portfolio-image img{
    height:300px!important;
  }
  .why-section.refined{
    padding-top:52px!important;
    padding-bottom:52px!important;
  }
  .why-section.refined .why-poster-card,
  .why-section.refined .why-poster-card img{
    height:340px!important;
  }
  .why-section.refined .why-copy-wrap h2{
    font-size:34px!important;
  }
}