/* Final balanced layout for product benefit chips: equal visual cards, no clipping */
.product-nav-benefits-vA .product-benefit-chips{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:stretch!important;
  justify-content:end!important;
  width:min(100%, 642px)!important;
  max-width:100%!important;
  margin-left:auto!important;
  overflow:visible!important;
}
.product-nav-benefits-vA .product-benefit-chips > .ban1,
.product-nav-benefits-vA .product-benefit-chips > .ban2,
.product-nav-benefits-vA .product-benefit-chips > .ban3{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  flex:none!important;
  flex-basis:auto!important;
  min-height:64px!important;
  padding:9px 13px!important;
  gap:11px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
.product-nav-benefits-vA .product-benefit-chips .benefit-icon{
  width:40px!important;
  height:40px!important;
  flex:0 0 40px!important;
}
.product-nav-benefits-vA .product-benefit-chips .benefit-icon svg{
  width:24px!important;
  height:24px!important;
}
.product-nav-benefits-vA .product-benefit-chips .txt{
  display:block!important;
  min-width:0!important;
  max-width:none!important;
  overflow:visible!important;
}
.product-nav-benefits-vA .product-benefit-chips .txt div,
.product-nav-benefits-vA .product-benefit-chips .txt span{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  word-break:normal!important;
  hyphens:none!important;
}
.product-nav-benefits-vA .product-benefit-chips .txt div{
  font-size:14px!important;
  line-height:1.08!important;
  font-weight:700!important;
}
.product-nav-benefits-vA .product-benefit-chips .txt span{
  font-size:12.5px!important;
  line-height:1.12!important;
}
@media (max-width:1199px){
  .product-nav-benefits-vA .product-benefit-chips{
    width:100%!important;
    gap:8px!important;
    margin-left:0!important;
  }
  .product-nav-benefits-vA .product-benefit-chips > .ban1,
  .product-nav-benefits-vA .product-benefit-chips > .ban2,
  .product-nav-benefits-vA .product-benefit-chips > .ban3{
    min-height:58px!important;
    padding:8px 9px!important;
    gap:8px!important;
  }
  .product-nav-benefits-vA .product-benefit-chips .benefit-icon{
    width:34px!important;
    height:34px!important;
    flex-basis:34px!important;
  }
  .product-nav-benefits-vA .product-benefit-chips .benefit-icon svg{
    width:20px!important;
    height:20px!important;
  }
  .product-nav-benefits-vA .product-benefit-chips .txt div{font-size:12.5px!important;line-height:1.08!important}
  .product-nav-benefits-vA .product-benefit-chips .txt span{font-size:11.5px!important;line-height:1.1!important}
}
@media (max-width:767px){
  .product-nav-benefits-vA .product-benefit-chips{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    width:100%!important;
  }
  .product-nav-benefits-vA .product-benefit-chips > .ban1,
  .product-nav-benefits-vA .product-benefit-chips > .ban2,
  .product-nav-benefits-vA .product-benefit-chips > .ban3{
    min-height:58px!important;
    padding:6px 5px!important;
    gap:5px!important;
  }
  .product-nav-benefits-vA .product-benefit-chips .benefit-icon{
    width:26px!important;
    height:26px!important;
    flex-basis:26px!important;
  }
  .product-nav-benefits-vA .product-benefit-chips .benefit-icon svg{
    width:16px!important;
    height:16px!important;
  }
  .product-nav-benefits-vA .product-benefit-chips .txt div{font-size:10.5px!important;line-height:1.05!important}
  .product-nav-benefits-vA .product-benefit-chips .txt span{font-size:10.5px!important;line-height:1.05!important;border-bottom:0!important}
}
@media (max-width:374px){
  .product-nav-benefits-vA .product-benefit-chips{gap:4px!important}
  .product-nav-benefits-vA .product-benefit-chips > .ban1,
  .product-nav-benefits-vA .product-benefit-chips > .ban2,
  .product-nav-benefits-vA .product-benefit-chips > .ban3{padding:5px 4px!important;gap:4px!important}
  .product-nav-benefits-vA .product-benefit-chips .benefit-icon{width:24px!important;height:24px!important;flex-basis:24px!important}
  .product-nav-benefits-vA .product-benefit-chips .txt div,
  .product-nav-benefits-vA .product-benefit-chips .txt span{font-size:9.8px!important}
}