/* =========================================================
   BCSPL Website v1.1 UX - RC7.13 controlled polish release
   Loaded after all earlier styles. This file corrects only:
   - hero divider hierarchy and spacing
   - trust-strip breathing room
   - complete eight-segment carousel and mobile grid
   - lower benefit cards
   - compact mobile search / CTA / view-all controls
   - compact mobile statistics
   ========================================================= */

/* --- Hero copy hierarchy --- */
.hero-v11-copy > .markline{
  margin:14px 0 15px!important;
}
.hero-v11-copy > .hero-brandline{
  margin:0 0 21px!important;
}
.hero-v11-copy > .hero-value{
  margin-top:0!important;
}

/* The trust card must sit fully within a black hero area. */
@media (min-width:901px){
  .hero.hero-v11{
    padding-bottom:24px!important;
  }
  .hero-trust-strip{
    margin-bottom:24px!important;
  }
  .home-segments-v11{
    padding-top:34px!important;
  }
}

/* --- Product segment carousel: all active Supabase segments --- */
.home-segments-v11 .container{
  width:min(1450px,92vw)!important;
}
.segment-carousel-shell{
  padding-left:52px!important;
  padding-right:52px!important;
}
#featuredProducts.segment-carousel{
  width:100%!important;
  display:flex!important;
  gap:14px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-behavior:smooth!important;
  scroll-snap-type:x mandatory!important;
  overscroll-behavior-inline:contain!important;
}
#featuredProducts .home-cat-card{
  display:flex!important;
  flex:0 0 calc((100% - 70px)/6)!important;
  min-width:185px!important;
  scroll-snap-align:start!important;
}
.segment-arrow[hidden]{display:none!important;}
.segment-prev{left:4px!important;}
.segment-next{right:4px!important;}
.segment-arrow{
  top:46%!important;
}

/* --- Lower benefits become clean gold-bordered cards --- */
.quality-section{
  background:#070b0d!important;
  color:#fff!important;
  border:0!important;
  padding:28px 0!important;
}
.quality-section .container{
  width:min(1450px,92vw)!important;
}
.quality-heading{display:none!important;}
.quality-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
  margin:0!important;
}
.quality-item{
  min-height:104px!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  align-content:center!important;
  align-items:center!important;
  column-gap:14px!important;
  padding:17px 18px!important;
  background:linear-gradient(180deg,rgba(17,22,24,.98),rgba(7,11,13,.98))!important;
  border:1px solid rgba(213,150,0,.72)!important;
  border-radius:14px!important;
  box-shadow:0 12px 28px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.04)!important;
  color:#fff!important;
}
.quality-item:last-child{border-right:1px solid rgba(213,150,0,.72)!important;}
.quality-icon{
  grid-column:1!important;
  grid-row:1/3!important;
  width:40px!important;
  height:40px!important;
  margin:0!important;
  color:var(--gold2)!important;
}
.quality-icon svg{width:36px!important;height:36px!important;}
.quality-item b{
  grid-column:2!important;
  grid-row:1!important;
  color:var(--gold2)!important;
  font-size:13px!important;
  line-height:1.2!important;
  text-transform:uppercase!important;
  letter-spacing:.35px!important;
  text-align:left!important;
}
.quality-item small{
  grid-column:2!important;
  grid-row:2!important;
  display:block!important;
  margin-top:5px!important;
  color:#fff!important;
  font-size:11.5px!important;
  line-height:1.35!important;
  text-align:left!important;
}

/* --- Mobile corrections --- */
@media (max-width:700px){
  /* Clear, complete search control */
  .hero-search-inline{
    width:100%!important;
    max-width:100%!important;
    margin:16px 0 14px!important;
    padding:13px!important;
    border-radius:14px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  .hero-search-row{
    width:100%!important;
    max-width:100%!important;
    height:56px!important;
    min-height:56px!important;
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) 54px!important;
    gap:0!important;
    align-items:center!important;
    border-radius:12px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  .hero-search-row input{
    width:100%!important;
    min-width:0!important;
    height:56px!important;
    padding:0 8px!important;
    font-size:13.5px!important;
    line-height:56px!important;
    box-sizing:border-box!important;
  }
  .hero-search-row input::placeholder{
    font-size:13.5px!important;
    opacity:.72!important;
  }
  .search-leading-icon{
    width:44px!important;
    height:56px!important;
  }
  .search-leading-icon svg{width:21px!important;height:21px!important;}
  .hero-search-row #homeSearchBtn{
    display:grid!important;
    place-items:center!important;
    width:54px!important;
    min-width:54px!important;
    height:56px!important;
    padding:0!important;
    margin:0!important;
    border-radius:0!important;
  }
  .hero-search-row #homeSearchClear{display:none!important;}
  .hero-search-chips{gap:8px!important;}

  /* Full-width, equal CTAs */
  .hero-actions-left{
    width:100%!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    margin:12px 0 14px!important;
    overflow:visible!important;
  }
  .hero-actions-left .hero-btn{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:54px!important;
    padding:12px 18px!important;
    box-sizing:border-box!important;
    border-radius:12px!important;
  }

  /* All 8 segments in a clean 2-column mobile grid. */
  .segment-carousel-shell{
    padding:0!important;
  }
  #featuredProducts.segment-carousel{
    position:relative!important;
    left:auto!important;
    width:100%!important;
    max-width:100%!important;
    transform:none!important;
    margin:0!important;
    padding:10px 12px 18px!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    overflow:visible!important;
    background:linear-gradient(180deg,#fffaf0 0%,#fff 50%,#fffaf4 100%)!important;
    box-sizing:border-box!important;
  }
  #featuredProducts .home-cat-card{
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    flex:none!important;
  }
  .segment-arrow{display:none!important;}

  /* Fully visible View All control */
  .view-all-segments{
    display:flex!important;
    width:calc(100% - 24px)!important;
    max-width:none!important;
    min-height:52px!important;
    margin:14px 12px 20px!important;
    padding:10px 14px!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid #d59600!important;
    border-radius:12px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }

  /* Lower benefits as a legible 2 x 2 card grid. */
  .quality-section{
    padding:20px 0!important;
  }
  .quality-section .container{
    width:calc(100% - 24px)!important;
  }
  .quality-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .quality-item{
    min-height:112px!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto auto!important;
    justify-items:center!important;
    text-align:center!important;
    row-gap:6px!important;
    padding:13px 8px!important;
  }
  .quality-icon{
    grid-column:1!important;
    grid-row:1!important;
    width:32px!important;
    height:32px!important;
  }
  .quality-icon svg{width:29px!important;height:29px!important;}
  .quality-item b{
    grid-column:1!important;
    grid-row:2!important;
    font-size:10.5px!important;
    text-align:center!important;
  }
  .quality-item small{
    grid-column:1!important;
    grid-row:3!important;
    display:block!important;
    margin-top:0!important;
    font-size:9.5px!important;
    text-align:center!important;
  }

  /* Reduce mobile statistics height without losing information. */
  .stats-grid{
    grid-template-columns:1fr!important;
    gap:0!important;
  }
  .stat{
    min-height:104px!important;
    padding:17px 22px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    border-right:0!important;
    border-top:1px solid rgba(255,255,255,.28)!important;
  }
  .stat:first-child{border-top:0!important;}
  .stat b{
    font-size:31px!important;
    line-height:1!important;
    margin-bottom:7px!important;
  }
}

@media (max-width:360px){
  .hero-search-row{
    grid-template-columns:40px minmax(0,1fr) 50px!important;
  }
  .hero-search-row #homeSearchBtn{width:50px!important;min-width:50px!important;}
  .hero-search-row input,
  .hero-search-row input::placeholder{font-size:12.5px!important;}
  #featuredProducts.segment-carousel{gap:10px!important;padding-left:10px!important;padding-right:10px!important;}
}