/* ======================================================================
   Watch Card - Product Name & Description (single-line ellipsis)
   ====================================================================== */

/* Shared truncation base for both title and description */
.grid-products .item .product-name .barlow-medium,
.grid-products .item .product-name .watch-description {
  display: block !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  max-width: 100% !important;
}

/* Title line */
.grid-products .item .product-name .barlow-medium {
  font-size: 16px;
  line-height: 1.3;
  margin-bottom: 2px;
}

/* Description line */
.grid-products .item .product-name .watch-description {
  font-size: 15px;
  line-height: 1.3;
  color: rgba(0, 0, 0, 0.85);
}

/* Price - match title font family, size and weight */
.grid-products .item .product-price {
  font-family: "Barlow", serif !important;
  margin: 0 !important;
  color: rgba(0, 0, 0, 0.85);
  /* font-size: 16px !important;
    font-weight: 500 !important; */
}

/* ---- Tablet ---- */
@media (max-width: 767px) {
  .grid-products .item .product-name .barlow-medium {
    font-size: 14px;
  }
  .grid-products .item .product-name .watch-description {
    font-size: 13px;
  }
  .grid-products .item .product-price {
    font-size: 14px !important;
  }
}

/* ---- Small phones ---- */
@media (max-width: 575px) {
  .grid-products .item .product-name .barlow-medium {
    font-size: 13px;
  }
  .grid-products .item .product-name .watch-description {
    font-size: 12px;
  }
  .grid-products .item .product-price {
    font-size: 13px !important;
  }
}