/*
 * BOLIX HOME HERO — visual layer only
 * Owns: hero composition, hero CTA surfaces, trust icons, partner-image fade.
 * Layout after Hero is owned by home-flow-v2.css.
 */

/* ---------- HERO / DESKTOP ---------- */
body.home .bolix-home__hero{
  background:#f6f6f4!important;
  overflow:hidden!important;
}
body.home .bolix-home__hero-grid{
  position:relative!important;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;
  min-height:520px!important;
}
body.home .bolix-home__hero-copy{
  position:relative!important;
  z-index:5!important;
  padding:54px 26px 48px 0!important;
  justify-content:center!important;
}
body.home .bolix-home__hero-media{
  position:relative!important;
  z-index:1!important;
  min-height:520px!important;
  margin-left:-150px!important;
  width:calc(100% + 150px)!important;
  background-image:url('/wp-content/themes/bolix-child/assets/hero-image.php?v=20260807-1830')!important;
  background-position:54% 50%!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  overflow:hidden!important;
}
body.home .bolix-home__hero-media::before{
  content:"";
  position:absolute;
  z-index:3;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,#f6f6f4 0%,rgba(246,246,244,.995) 8%,rgba(246,246,244,.97) 16%,rgba(246,246,244,.88) 25%,rgba(246,246,244,.70) 34%,rgba(246,246,244,.48) 43%,rgba(246,246,244,.26) 51%,rgba(246,246,244,.11) 59%,rgba(246,246,244,.03) 66%,rgba(246,246,244,0) 73%)!important;
}
body.home .bolix-home__hero-media::after{
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,0) 52%,rgba(246,246,244,.06) 100%)!important;
}
body.home .bolix-home__hero-media img{opacity:0!important;visibility:hidden!important}
body.home .bolix-home__eyebrow{margin-bottom:17px!important;color:#e30613!important}
body.home .bolix-home h1{
  max-width:650px!important;
  font-size:clamp(38px,3.05vw,52px)!important;
  line-height:1.02!important;
  letter-spacing:-.035em!important;
}
body.home .bolix-home__lead{
  max-width:610px!important;
  margin-top:20px!important;
  font-size:17px!important;
  line-height:1.58!important;
}
body.home .bolix-home__buttons{margin-top:26px!important}
body.home .bolix-home__button{min-height:50px!important;padding-left:22px!important;padding-right:22px!important}

/* ---------- TRUST ICON ART ONLY ---------- */
body.home .bolix-home__trust-icon{
  border:1px solid #d8dadd!important;
  background-color:#fff!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:22px 22px!important;
  color:transparent!important;
  font-size:0!important;
}
body.home .bolix-home__trust-item:nth-child(1) .bolix-home__trust-icon{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2325292e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5.5' width='17' height='15' rx='2'/%3E%3Cpath d='M8 3.5v4M16 3.5v4M3.5 10h17M7.5 14h2M14.5 14h2M7.5 17.5h2M14.5 17.5h2'/%3E%3C/svg%3E")!important;
}
body.home .bolix-home__trust-item:nth-child(2) .bolix-home__trust-icon{
  background-size:28px 28px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect x='2' y='5' width='28' height='22' fill='%23e30613'/%3E%3Ccircle cx='16' cy='16' r='8.25' fill='none' stroke='%23ffffff' stroke-width='4.2'/%3E%3C/svg%3E")!important;
}
body.home .bolix-home__trust-item:nth-child(3) .bolix-home__trust-icon{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2325292e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3Ccircle cx='17' cy='9' r='2.5'/%3E%3Cpath d='M2.8 20c0-4 2.1-6 5.2-6s5.2 2 5.2 6M14.2 15.1c.9-.7 2-1.1 3.3-1.1 2.5 0 4.2 1.9 4.2 5.5'/%3E%3C/svg%3E")!important;
}
body.home .bolix-home__trust-item:nth-child(4) .bolix-home__trust-icon{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2325292e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7 3v5c0 5-3 8-7 10-4-2-7-5-7-10V6l7-3z'/%3E%3Cpath d='M8.5 12l2.2 2.2 4.8-5.2'/%3E%3C/svg%3E")!important;
}

/* ---------- PARTNER IMAGE VISUAL ONLY ---------- */
body.home .bolix-home__partner-media{
  position:relative!important;
  z-index:1!important;
  min-height:450px!important;
  margin-right:-120px!important;
  width:calc(100% + 120px)!important;
  overflow:hidden!important;
}
body.home .bolix-home__partner-media img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  z-index:0!important;
}
body.home .bolix-home__partner-media::after{
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  pointer-events:none;
  background:linear-gradient(to left,#f6f6f5 0%,rgba(246,246,245,.99) 8%,rgba(246,246,245,.94) 16%,rgba(246,246,245,.82) 26%,rgba(246,246,245,.62) 37%,rgba(246,246,245,.38) 48%,rgba(246,246,245,.18) 58%,rgba(246,246,245,.06) 66%,rgba(246,246,245,0) 74%)!important;
}

@media(max-width:1180px){
  body.home .bolix-home__hero-grid{grid-template-columns:1fr 1fr!important}
  body.home .bolix-home__hero-media{margin-left:-95px!important;width:calc(100% + 95px)!important;background-position:58% 50%!important}
  body.home .bolix-home__partner-media{margin-right:-80px!important;width:calc(100% + 80px)!important}
}

@media(max-width:980px){
  body.home .bolix-home__hero-grid{grid-template-columns:1fr!important;min-height:auto!important}
  body.home .bolix-home__hero-copy{padding:46px 0 34px!important}
  body.home .bolix-home__hero-media{min-height:400px!important;margin-left:0!important;width:100%!important;background-position:center 50%!important}
  body.home .bolix-home__hero-media::before{
    background:linear-gradient(180deg,#f6f6f4 0%,rgba(246,246,244,.78) 10%,rgba(246,246,244,.34) 24%,rgba(246,246,244,.08) 36%,rgba(246,246,244,0) 47%)!important;
  }
  body.home .bolix-home__partner-media{min-height:390px!important;margin-right:0!important;width:100%!important}
  body.home .bolix-home__partner-media::after{
    background:linear-gradient(to bottom,rgba(246,246,245,0) 48%,rgba(246,246,245,.18) 62%,rgba(246,246,245,.55) 78%,#f6f6f5 100%)!important;
  }
}

/* ---------- HERO / MOBILE ---------- */
@media(max-width:700px){
  body.home .bolix-home__hero-grid{
    display:block!important;
    min-height:0!important;
    position:relative!important;
    overflow:hidden!important;
    background-image:
      linear-gradient(180deg,
        #f6f6f4 0%,
        #f6f6f4 46%,
        rgba(246,246,244,.985) 53%,
        rgba(246,246,244,.92) 61%,
        rgba(246,246,244,.78) 69%,
        rgba(246,246,244,.56) 77%,
        rgba(246,246,244,.30) 86%,
        rgba(246,246,244,.10) 94%,
        rgba(246,246,244,0) 100%),
      url('/wp-content/themes/bolix-child/assets/hero-image.php?v=20260807-1830')!important;
    background-size:100% 100%,auto 52%!important;
    background-position:center,58% 100%!important;
    background-repeat:no-repeat!important;
  }
  body.home .bolix-home__hero-copy{padding:30px 0 78px!important;position:relative!important;z-index:3!important}
  body.home .bolix-home__hero-media{display:none!important;min-height:0!important;height:0!important;margin:0!important;width:0!important}
  body.home .bolix-home__eyebrow{margin-bottom:12px!important;font-size:11px!important;line-height:1.35!important}
  body.home .bolix-home h1{font-size:35px!important;line-height:1.04!important;letter-spacing:-.032em!important}
  body.home .bolix-home__lead{margin-top:16px!important;font-size:16px!important;line-height:1.48!important}
  body.home .bolix-home__buttons{display:grid!important;margin-top:20px!important;gap:10px!important;position:relative!important;z-index:6!important}
  body.home .bolix-home__hero .bolix-home__button{
    width:100%!important;
    min-height:48px!important;
    box-shadow:0 1px 0 rgba(255,255,255,.28) inset,0 8px 22px rgba(28,31,35,.06)!important;
    -webkit-backdrop-filter:blur(6px) saturate(1.05)!important;
    backdrop-filter:blur(6px) saturate(1.05)!important;
  }
  body.home .bolix-home__hero .bolix-home__button--primary{background:rgba(227,6,19,.82)!important;border-color:rgba(227,6,19,.88)!important;color:#fff!important}
  body.home .bolix-home__hero .bolix-home__button--secondary{background:rgba(255,255,255,.56)!important;border-color:rgba(23,25,28,.72)!important;color:#17191c!important}
  body.home .bolix-home__partner-media{min-height:310px!important}
}

@media(max-width:390px){
  body.home .bolix-home h1{font-size:33px!important}
  body.home .bolix-home__hero-copy{padding-bottom:70px!important}
  body.home .bolix-home__hero-grid{background-size:100% 100%,auto 50%!important}
}