/* Sola Home Refine v2.4.0 — loaded after existing styles */

/* Brand portfolio: cleaner wording area and balanced product collection */
.brand-portfolio.refined{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:28px!important;
  align-items:stretch!important;
}
.brand-portfolio.refined .portfolio-copy{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:42px!important;
}
.brand-portfolio.refined .portfolio-copy h3{
  max-width:15ch!important;
  font-size:clamp(34px,3.2vw,54px)!important;
  line-height:1.02!important;
  margin:10px 0 14px!important;
}
.brand-portfolio.refined .portfolio-copy p{
  max-width:650px!important;
  line-height:1.7!important;
}
.brand-portfolio.refined .portfolio-image{
  min-height:480px!important;
  height:100%!important;
}
.brand-portfolio.refined .portfolio-image img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

/* Stats: requested final values are driven by Home-v240.js; keep visual hierarchy */
.stats-grid.simplified .stat-number,
.stats-grid.simplified .stat-number > span{
  color:#ffc328!important;
}

/* Why Choose Sola: image starts from the top and extends to the full content height */
.why-section.refined{
  padding-top:96px!important;
  padding-bottom:96px!important;
}
.why-section.refined .why-layout{
  display:grid!important;
  grid-template-columns:minmax(420px,.96fr) minmax(520px,1.04fr)!important;
  gap:40px!important;
  align-items:stretch!important;
}
.why-section.refined .why-poster-card{
  min-height:760px!important;
  height:100%!important;
  align-self:stretch!important;
  border-radius:32px!important;
  overflow:hidden!important;
}
.why-section.refined .why-poster-card img{
  width:100%!important;
  height:100%!important;
  min-height:760px!important;
  object-fit:cover!important;
  object-position:center top!important;
}
.why-section.refined .why-copy-wrap{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  padding-top:8px!important;
}
.why-section.refined .why-list{
  display:grid!important;
  gap:14px!important;
  margin-top:4px!important;
}
.why-section.refined .why-list-card{
  padding:20px 22px!important;
  border-radius:22px!important;
}
.why-section.refined .why-list-card strong{
  font-size:20px!important;
}
.why-section.refined .why-list-card p{
  font-size:15px!important;
  line-height:1.6!important;
}
.why-section.refined .story-btn{
  margin-top:22px!important;
}

/* Promotions: equal-width cards; remove dark-blue featured text panel */
.promo-band.refined .promo-stage{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:28px!important;
  align-items:stretch!important;
}
.promo-band.refined .promo-featured-card,
.promo-band.refined .promo-message-card{
  height:100%!important;
  min-height:520px!important;
}
.promo-band.refined .promo-featured-card{
  grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr)!important;
  background:#f7bd13!important;
}
.promo-band.refined .promo-featured-copy{
  color:#07163a!important;
  background:linear-gradient(135deg,#ffd84f 0%,#f7bd13 58%,#f39a12 100%)!important;
  padding:38px 34px!important;
}
.promo-band.refined .promo-featured-copy::before{
  content:'';
  position:absolute;
  width:220px;
  height:220px;
  border-radius:50%;
  right:-70px;
  top:-70px;
  background:rgba(255,255,255,.18);
  pointer-events:none;
}
.promo-band.refined .promo-featured-copy > *{
  position:relative;
  z-index:1;
}
.promo-band.refined .promo-featured-copy .promo-badge{
  color:#102553!important;
  background:rgba(255,255,255,.28)!important;
  border-color:rgba(255,255,255,.32)!important;
}
.promo-band.refined .promo-featured-copy h3{
  color:#07163a!important;
}
.promo-band.refined .promo-featured-copy p{
  color:#20345c!important;
}
.promo-band.refined .promo-message-card{
  background:linear-gradient(135deg,#f8c625 0%,#f5b400 58%,#ffd84e 100%)!important;
}

@media(max-width:1180px){
  .why-section.refined .why-layout,
  .promo-band.refined .promo-stage{
    grid-template-columns:1fr!important;
  }
  .why-section.refined .why-poster-card,
  .why-section.refined .why-poster-card img{
    min-height:520px!important;
  }
  .promo-band.refined .promo-featured-card,
  .promo-band.refined .promo-message-card{
    min-height:0!important;
  }
}

@media(max-width:760px){
  .brand-portfolio.refined .portfolio-copy{
    padding:28px 22px!important;
  }
  .brand-portfolio.refined .portfolio-copy h3{
    max-width:none!important;
    font-size:34px!important;
  }
  .brand-portfolio.refined .portfolio-image{
    min-height:320px!important;
  }
  .why-section.refined{
    padding-top:70px!important;
    padding-bottom:70px!important;
  }
  .why-section.refined .why-poster-card,
  .why-section.refined .why-poster-card img{
    min-height:0!important;
    height:auto!important;
    aspect-ratio:4/5!important;
  }
  .promo-band.refined .promo-featured-card{
    grid-template-columns:1fr!important;
  }
  .promo-band.refined .promo-featured-image{
    aspect-ratio:4/3!important;
    height:auto!important;
  }
  .promo-band.refined .promo-featured-copy{
    padding:26px 22px!important;
  }
}