/* ===== Card ÚNICO da busca (substitui lista + card) ===== */

/* Card inteiro clicável (todas as larguras): o link da foto ganha um ::after que cobre o card.
   Um link só por produto; o botão de comprar (desktop) fica por cima. */
.tss-view-native .product-item__box { position: relative !important; }
.tss-view-native .product-item__image { position: static !important; }
.tss-view-native .product-item__image::after {
  content: ""; position: absolute; inset: 0; z-index: 2; border-radius: inherit;
}
.tss-view-native .product-item__btn,
.tss-view-native .tss-card-cart-btn { z-index: 3 !important; }
.tss-view-native .product-item__chips { z-index: 1 !important; pointer-events: none; }
.tss-view-native .product-item:active { opacity: .92; }
.tss-view-toggle { display: none !important; }

/* ===== Celular: card compacto, sem botão de comprar ===== */
@media (max-width: 768px) {
  .tss-results-grid.tss-view-native { grid-template-columns: minmax(0, 1fr) !important; gap: 8px !important; }

  .tss-view-native .product-item__box {
    display: grid !important;
    grid-template-columns: 104px minmax(0, 1fr) !important;
    grid-template-rows: auto 1fr !important;
    column-gap: 10px !important;
    padding: 10px !important;
    align-items: start !important;
  }
  /* foto 104px no topo da coluna da esquerda */
  .tss-view-native .product-item__image {
    grid-column: 1; grid-row: 1;
    width: 104px !important; height: 104px !important; min-height: 0 !important; max-height: 104px !important; flex: none !important;
    padding: 0 !important; margin: 0 !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
  }
  .tss-view-native .product-item__image img { width: 100% !important; height: 100% !important; min-height: 0 !important; max-height: 104px !important; object-fit: contain !important; }
  .tss-view-native .product-item__box, .tss-view-native .product-item__content, .tss-view-native .product-item__content > div { min-height: 0 !important; height: auto !important; }
  /* selos BLACK NOVEMBER / -X% embaixo da foto (não cobrem o produto) */
  .tss-view-native .product-item__chips {
    grid-column: 1; grid-row: 2;
    position: static !important; inset: auto !important;
    display: flex !important; flex-direction: row !important; flex-wrap: wrap !important;
    gap: 3px !important; margin-top: 6px !important; width: 104px !important;
  }
  .tss-view-native .product-item__chip {
    font-size: 9px !important; line-height: 1.2 !important; padding: 2px 5px !important;
    border-radius: 6px !important; white-space: nowrap !important;
  }
  .tss-view-native .product-item__chip i { font-size: 7px !important; }

  /* texto na coluna da direita, ocupando as 2 linhas */
  .tss-view-native .product-item__content {
    grid-column: 2; grid-row: 1 / span 2;
    padding: 0 !important; min-width: 0 !important; position: static !important;
  }
  .tss-view-native .product-item__labels { margin: 0 0 4px !important; gap: 4px !important; flex-wrap: wrap !important; }
  .tss-view-native .product-item__labels .label-item { font-size: 9px !important; padding: 2px 5px !important; white-space: nowrap !important; }
  .tss-view-native .product-item__main-content { margin: 0 0 4px !important; }
  .tss-view-native .product-item__name h2 {
    font-size: 13px !important; line-height: 1.3 !important; font-weight: 600 !important; margin: 0 !important;
    display: -webkit-box !important; -webkit-line-clamp: 3 !important; -webkit-box-orient: vertical !important; overflow: hidden !important;
  }
  .tss-view-native .ratings_and_cupoms { margin: 2px 0 0 !important; min-height: 0 !important; }
  .tss-view-native .ratings_and_cupoms .tss-card-rating { margin: 0 !important; }

  .tss-view-native .product-item__old-price { font-size: 11px !important; line-height: 1.25 !important; }
  .tss-view-native .product-item[data-tss-price] .product-item__new-price {
    display: flex !important; flex-wrap: wrap !important; align-items: baseline !important; gap: 0 6px !important; margin: 0 !important;
  }
  .tss-view-native .product-item[data-tss-price] .product-item__new-price > span {
    font-size: 18px !important; line-height: 1.2 !important; white-space: nowrap !important;
  }
  .tss-view-native .product-item__new-price small { font-size: 9.5px !important; white-space: nowrap !important; }
  .tss-view-native .product-item__juros { font-size: 11px !important; white-space: nowrap !important; margin: 0 !important; }
  .tss-view-native .product-item__juros span { font-size: 11px !important; }
  .tss-view-native .product-item__juros small:nth-of-type(n+2) { display: none !important; }

  /* sem botão de comprar no celular: o toque no card abre o produto */
  .tss-view-native .product-item__btn { display: none !important; }
}