/* Hydrasun clean component overrides, based on main-oct26.css.
   Load AFTER main-sept26.css.
   Contains only market, stats, partner and partner-modal styles.
   No global full-width padding reset, no header/navigation rules, and no extra
   padding on the solutions grid (which was causing the unwanted shape/spacing difference). */

/* Solutions / What We Do: only the heading colour and two-column list treatment. */
.bb-grid.has-background.gradient-blue .bb-header h2 { color: #ffd735; }
@media (min-width: 640px) {
  .bb-grid.has-background.gradient-blue .bb-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.bb-grid.market.has-background { --space:0 }

.bb-grid.market.has-background,
.bb-grid.market.has-background p { --tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1)) }

.bb-grid.market.has-background .bb-kicker { --tw-text-opacity:1;color:#ffd735;color:rgb(255 215 53/var(--tw-text-opacity,1)) }

.bb-grid.stats { background-position:100% }

.bb-grid.stats .bb-scroll-list.mobile-only { -moz-column-gap:calc(1.5rem + 1.5vw);column-gap:calc(1.5rem + 1.5vw) }

@media (min-width:800px) and (max-width:1024px) {
.bb-grid.stats .bb-scroll-list.mobile-only { grid-template-columns:repeat(2,minmax(0,1fr)) }
}

@media (min-width:1024px) {
.bb-grid.stats .bb-scroll-list.mobile-only { grid-template-columns:repeat(4,minmax(0,1fr)) }
}

@media (min-width:1280px) {
.bb-grid.stats .bb-scroll-list.mobile-only { -moz-column-gap:var(--gutter-lg);column-gap:var(--gutter-lg) }
}

.bb-partner[data-width=full] { padding-left:var(--gutter-x);padding-right:var(--gutter-x) }

.bb-partner[data-width=full]>div { max-width:none }

.bb-partner>div img { aspect-ratio:1/1;border-radius:.375rem;border-width:1px;max-width:175px;padding:.75rem;width:100% }

.bb-partner>div h3 { text-wrap:pretty;font-size:calc(1.31259rem + .63705vw);font-size:var(--step-2);line-height:1.25 }

.bb-partner>div .location { display:block;font-weight:300;opacity:.75;padding-top:.25rem }

.bb-partner>div p:first-of-type { margin-top:var(--gutter-sm) }

.bb-partner>div div:last-of-type { display:flex }

.bb-partners { display:flex;flex-direction:column;gap:calc(1.5rem + 1.5vw) }

.bb-partners:first-child { padding-top:var(--gutter-y) }

.bb-partners:last-child { padding-bottom:var(--gutter-y) }

.bb-partners:has(.bb-scroll-list) { padding-left:0!important;padding-right:0!important }

.bb-partners:has(.bb-scroll-list) .bb-header { padding-left:var(--gutter-x);padding-right:var(--gutter-x) }

.bb-partners:has(.bb-scroll-list) .bb-scroll-list { -moz-column-gap:calc(1.5rem + 1.5vw);column-gap:calc(1.5rem + 1.5vw);grid-template-columns:repeat(auto-fill,minmax(min(22rem,100%),1fr));margin-left:0;max-width:100%;padding-left:var(--gutter-x);padding-right:var(--gutter-x) }

.bb-partners:has(.bb-scroll-list) .bb-scroll-list::-webkit-scrollbar-track { --tw-bg-opacity:1;background-color:#f2fbfb;background-color:rgb(242 251 251/var(--tw-bg-opacity,1));border:none;border-radius:9999px;box-shadow:none;margin-left:var(--gutter-x);margin-right:var(--gutter-x);outline:none;width:3rem }

.bb-partners.has-background { padding-bottom:var(--gutter-y);padding-top:var(--gutter-y) }

.bb-partners.background-light { --tw-bg-opacity:1;background-color:#f2fbfb;background-color:rgb(242 251 251/var(--tw-bg-opacity,1)) }

.bb-partners.background-light .card-img { --tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-color:rgba(194,235,235,.5);border-width:1px }

.bb-partners.background-black { --tw-bg-opacity:1;--tw-text-opacity:1;background-color:#002f43;background-color:rgb(0 47 67/var(--tw-bg-opacity,1));color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1)) }

.bb-partners.has-background+.has-background { --space:0 }

.bb-partners>.grid-partners { display:grid;gap:calc(1.5rem + 1.5vw) }

.bb-partners>.grid-partners,
.bb-partners>.grid-partners[data-columns="1"] { grid-template-columns:repeat(1,minmax(0,1fr)) }

@media (min-width:768px) {
.bb-partners>.grid-partners[data-columns="2"] { grid-template-columns:repeat(2,minmax(0,1fr)) }
}

.bb-partners>.grid-partners[data-columns="3"] { grid-template-columns:repeat(3,minmax(0,1fr)) }

.bb-partners>.grid-partners[data-columns="4"] { grid-template-columns:repeat(2,minmax(0,1fr)) }

@media (min-width:1280px) {
.bb-partners>.grid-partners[data-columns="4"] { grid-template-columns:repeat(4,minmax(0,1fr)) }
}

.card-market { aspect-ratio:1/1;position:relative }

.card-market:after { --tw-border-opacity:1;border-color:#ffd735;border-color:rgb(255 215 53/var(--tw-border-opacity,1));border-radius:3rem .375rem .375rem;border-width:2px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-10 }