/*
 * BOLIX HOME TOP V3 — mobile editorial hero
 * 2026-08-10
 */

@media(max-width:760px){
  body.bolix-child-site .bolix-header{box-shadow:0 4px 14px rgba(0,0,0,.035)!important}
  body.bolix-child-site .bolix-header__main{min-height:62px!important;grid-template-columns:132px 1fr auto!important;gap:7px!important}
  body.bolix-child-site .bolix-header__logo img{width:124px!important}
  body.bolix-child-site .bolix-cart-link,
  body.bolix-child-site .bolix-mobile-toggle{
    width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;
    padding:0 8px!important;border:0!important;background:transparent!important;box-shadow:none!important;
  }
  body.bolix-child-site .bolix-cart-link svg{width:21px!important;height:21px!important}
  body.bolix-child-site .bolix-mobile-toggle span{margin:4px 0!important}
  body.bolix-child-site .bolix-cart-link__count{top:-2px!important;right:-3px!important;min-width:19px!important;height:19px!important}

  body.home .bolix-home__hero{background:linear-gradient(180deg,#f7f7f5 0%,#f3f3f0 100%)!important}
  body.home .bolix-home__hero-grid{display:block!important;min-height:0!important;background:none!important;overflow:visible!important}
  body.home .bolix-home__hero-copy{padding:29px 0 24px!important}
  body.home .bolix-home__hero-media{display:none!important}
  body.home .bolix-home__eyebrow{margin:0 0 12px!important;font-size:10.5px!important;line-height:1.35!important;letter-spacing:.075em!important}
  body.home .bolix-home h1{max-width:100%!important;margin:0!important;font-size:35px!important;line-height:1.015!important;letter-spacing:-.037em!important}

  body.home .bolix-home__lead{
    position:relative!important;z-index:2!important;max-width:none!important;margin:0!important;
    font-size:15.5px!important;line-height:1.5!important;color:#59616b!important;
  }
  body.home .bolix-home__lead::before{
    content:""!important;display:block!important;width:100%!important;height:152px!important;margin:14px 0 4px!important;
    background-image:url('/wp-content/themes/bolix-child/assets/hero-image.php?v=20260810-1512')!important;
    background-size:cover!important;background-position:58% 61%!important;background-repeat:no-repeat!important;
    -webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.16) 5%,rgba(0,0,0,.50) 12%,rgba(0,0,0,.82) 20%,#000 29%,#000 68%,rgba(0,0,0,.68) 82%,rgba(0,0,0,.18) 96%,transparent 100%)!important;
    mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.16) 5%,rgba(0,0,0,.50) 12%,rgba(0,0,0,.82) 20%,#000 29%,#000 68%,rgba(0,0,0,.68) 82%,rgba(0,0,0,.18) 96%,transparent 100%)!important;
  }

  /* One primary action + two lightweight navigation routes. */
  body.home .bolix-home__buttons{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:5px 18px!important;
    margin-top:19px!important;
    align-items:center!important;
  }
  body.home .bolix-home__hero .bolix-home__button{
    box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  }
  body.home .bolix-home__hero .bolix-home__button--primary{
    grid-column:1/-1!important;width:100%!important;min-height:50px!important;padding:0 18px!important;
    background:#e30613!important;border:1px solid #e30613!important;border-radius:12px!important;
    color:#fff!important;font-size:13px!important;
  }
  body.home .bolix-home__hero .bolix-home__button--primary:active{background:#bd0010!important;border-color:#bd0010!important}
  body.home .bolix-home__hero .bolix-home__button--secondary{
    width:auto!important;min-height:38px!important;margin:3px 0 0!important;padding:0!important;
    display:inline-flex!important;justify-content:flex-start!important;align-items:center!important;
    background:transparent!important;border:0!important;color:#25282c!important;
    font-size:11.5px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.025em!important;
  }
  body.home .bolix-home__hero .bolix-home__button--secondary::after{
    content:"→"!important;margin-left:7px!important;color:#e30613!important;font-size:15px!important;
  }

  body.home .bolix-home__trust-grid{width:calc(100% - 30px)!important;margin:0 15px!important}
}

@media(max-width:390px){
  body.bolix-child-site .bolix-header__main{grid-template-columns:126px 1fr auto!important}
  body.bolix-child-site .bolix-header__logo img{width:119px!important}
  body.home .bolix-home h1{font-size:33px!important}
  body.home .bolix-home__lead::before{height:142px!important;background-position:60% 61%!important}
  body.home .bolix-home__buttons{gap:4px 14px!important}
  body.home .bolix-home__hero .bolix-home__button--secondary{font-size:11px!important}
}