/* Mobile layout stability: product-card sizing remains presentation-only. */

/* Prevent the longer "Verde oliva" label from expanding either mobile product card. */
@media (max-width: 1023px) {
  [data-kuboo-page="landing"] :is(
    [data-offer="Kuboo Compacta 50"],
    [data-offer="Kuboo Max 100"]
  ) {
    min-width: 0;
    width: 100%;
    max-width: 100%;
  }
}

/* Give the Compacta 50 and Max 100 product photos enough presence on phones. */
@media (max-width: 767px) {
  [data-kuboo-page="landing"] :is(
    [data-offer="Kuboo Compacta 50"],
    [data-offer="Kuboo Max 100"]
  ) .model-card__intro {
    grid-template-columns: minmax(0, 1fr) clamp(124px, 38vw, 152px);
    gap: 12px;
  }
}

/* Touch browsers can keep :hover latched after a color is selected. */
@media (hover: none), (pointer: coarse) {
  [data-kuboo-page="landing"] .model-card:hover {
    border-color: var(--border);
    box-shadow: none;
    transform: none;
  }

  [data-kuboo-page="landing"] .model-card:hover .model-card__thumb img {
    transform: none;
  }
}