/* Tía Vicenta v434 · títulos largos y modal largo */

/* Nombres largos de productos: desplegar mejor */
html body .product .product-body,
html body .product.compact-product .product-body{
  align-content:start!important;
}

html body .product h3,
html body .product.compact-product h3{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
  overflow:hidden!important;
  white-space:normal!important;
  line-height:1.12!important;
  min-height:3.36em!important;
  text-wrap:balance!important;
}

html body .product .desc,
html body .product.compact-product .desc{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
  overflow:hidden!important;
  min-height:3.9em!important;
}

/* Mantener consistentes los controles de cantidad */
html body .product .card-control-slot,
html body .product.compact-product .card-control-slot{
  min-height:44px!important;
}

html body .product .card-buy-control,
html body .product.compact-product .card-buy-control{
  width:100%!important;
}

/* Modal largo: que el grupo no se pise y la insignia quede fija y visible */
html body .choice{
  position:relative!important;
}

html body .choice-top{
  position:sticky!important;
  top:0!important;
  z-index:2!important;
  background:inherit!important;
  padding-bottom:8px!important;
}

html body .choice .tag,
html body .choice-top .tag{
  white-space:nowrap!important;
  flex:0 0 auto!important;
}

html body .modal-body{
  padding-bottom:26px!important;
}

@media (max-width:760px){
  html body .product h3,
  html body .product.compact-product h3{
    -webkit-line-clamp:4!important;
    min-height:4.48em!important;
  }
}