/* Mobile rescue for benefit chips: override older div.ban* flex rules with higher specificity */
@media (max-width:767px){
  html body .product-nav-benefits-vA .product-benefit-chips{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    overflow:visible!important;
    align-items:stretch!important;
  }
  html body .product-nav-benefits-vA .product-benefit-chips > div.ban1,
  html body .product-nav-benefits-vA .product-benefit-chips > div.ban2,
  html body .product-nav-benefits-vA .product-benefit-chips > div.ban3{
    display:flex!important;
    width:auto!important;
    inline-size:auto!important;
    min-width:0!important;
    max-width:100%!important;
    flex:none!important;
    flex-basis:auto!important;
    justify-self:stretch!important;
    align-self:stretch!important;
    box-sizing:border-box!important;
    min-height:62px!important;
    height:auto!important;
    padding:7px 5px!important;
    gap:5px!important;
    align-items:center!important;
    justify-content:flex-start!important;
    overflow:visible!important;
  }
  html body .product-nav-benefits-vA .product-benefit-chips .benefit-icon{
    width:26px!important;
    height:26px!important;
    flex:0 0 26px!important;
  }
  html body .product-nav-benefits-vA .product-benefit-chips .benefit-icon svg{
    width:16px!important;
    height:16px!important;
  }
  html body .product-nav-benefits-vA .product-benefit-chips .txt{
    display:block!important;
    min-width:0!important;
    width:auto!important;
    max-width:100%!important;
    overflow:visible!important;
  }
  html body .product-nav-benefits-vA .product-benefit-chips .txt div,
  html body .product-nav-benefits-vA .product-benefit-chips .txt span{
    display:block!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
    letter-spacing:-.01em!important;
  }
  html body .product-nav-benefits-vA .product-benefit-chips .txt div{font-size:10.5px!important;line-height:1.08!important}
  html body .product-nav-benefits-vA .product-benefit-chips .txt span{font-size:10.2px!important;line-height:1.08!important;border-bottom:0!important}
}
@media (max-width:430px){
  html body .product-nav-benefits-vA .product-benefit-chips{gap:5px!important}
  html body .product-nav-benefits-vA .product-benefit-chips > div.ban1,
  html body .product-nav-benefits-vA .product-benefit-chips > div.ban2,
  html body .product-nav-benefits-vA .product-benefit-chips > div.ban3{padding:6px 4px!important;gap:4px!important;min-height:62px!important}
  html body .product-nav-benefits-vA .product-benefit-chips .benefit-icon{width:24px!important;height:24px!important;flex-basis:24px!important}
  html body .product-nav-benefits-vA .product-benefit-chips .benefit-icon svg{width:15px!important;height:15px!important}
  html body .product-nav-benefits-vA .product-benefit-chips .txt div{font-size:10px!important;line-height:1.05!important}
  html body .product-nav-benefits-vA .product-benefit-chips .txt span{font-size:9.8px!important;line-height:1.05!important}
}
@media (max-width:359px){
  html body .product-nav-benefits-vA .product-benefit-chips{grid-template-columns:1fr!important;gap:7px!important}
  html body .product-nav-benefits-vA .product-benefit-chips > div.ban1,
  html body .product-nav-benefits-vA .product-benefit-chips > div.ban2,
  html body .product-nav-benefits-vA .product-benefit-chips > div.ban3{min-height:50px!important;padding:8px 10px!important;gap:8px!important}
}