/* V20.23 — Nome do produto sem corte no catálogo
   Correção final carregada por último para substituir clamps antigos.
   Objetivo: impedir que o nome apareça cortado no mobile/desktop, mantendo o card responsivo. */
:root { --ultracell-build: '20-44-xiaomi-android-scroll-fix'; }

@media (max-width: 760px) {
  body.v19-store-mobile-active .v19-product {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  body.v19-store-mobile-active .v19-product-info {
    min-height: 0 !important;
    height: auto !important;
    padding: 12px 8px 12px !important;
    overflow: visible !important;
  }

  body.v19-store-mobile-active .v19-name {
    display: block !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 0 6px !important;
    font-size: clamp(13px, 3.55vw, 15px) !important;
    line-height: 1.17 !important;
    letter-spacing: -.02em !important;
    font-weight: 900 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    -webkit-box-orient: initial !important;
  }

  body.v19-store-mobile-active .v19-meta {
    margin-top: 4px !important;
  }

  body.v19-store-mobile-active .v19-grid {
    align-items: start !important;
  }
}

@media (max-width: 360px) {
  body.v19-store-mobile-active .v19-name {
    font-size: 13px !important;
    line-height: 1.16 !important;
  }
}

/* Camadas antigas do catálogo mobile oficial/preview: remove corte também se essa renderização for usada. */
@media (max-width: 760px) {
  body.official-mobile-active .uc-title-row h4,
  body.uc-preview-mobile-active .uc-title-row h4,
  .uc-title-row h4 {
    display: block !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    -webkit-box-orient: initial !important;
  }
}

/* Desktop/emulação responsiva: evita reticências no título do card premium. */
.desktop-premium-product-top h3,
.product-card .card-title h3,
.card-title-clean h3 {
  display: block !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  overflow-wrap: anywhere !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  -webkit-box-orient: initial !important;
}
