/* =================== pdp-product-rail.css =================== */
/* pdp-product-rail - 4-column grid of related products on the PDP
 * ("С этим товаром покупают", "Совместимые", "Похожие"). Each child is a
 * .pcard (variant typically forced to "c"). Maintains consistent card
 * heights and tight gaps. Strictly .pdp-product-rail. */

.pdp-product-rail {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(12px, 1.2vw, 18px);
  align-items: stretch;
  min-width: 0;
  max-width: 100%;
  margin: clamp(20px, 2.4vw, 36px) 0;
}

.pdp-product-rail--premium {
  padding: clamp(12px, 1.4vw, 20px);
  background: linear-gradient(180deg, rgba(255, 252, 247, 0.6) 0%, transparent 100%);
  border-radius: clamp(14px, 1.4vw, 20px);
}

.pdp-product-rail > .pcard {
  min-width: 0;
  max-width: 100%;
  height: 100%;
}

.pdp-product-rail .pcard[data-pcard-variant="c"],
.pdp-product-rail .pcard[data-pcard-variant="c"] .pcard-c__body,
.pdp-product-rail .pcard[data-pcard-variant="c"] .pcard-meta-row,
.pdp-product-rail .pcard[data-pcard-variant="c"] .pcard-title,
.pdp-product-rail .pcard[data-pcard-variant="c"] .pcard-caption,
.pdp-product-rail .pcard[data-pcard-variant="c"] .pcard-props,
.pdp-product-rail .pcard[data-pcard-variant="c"] .pcard-footer {
  min-width: 0;
  max-width: 100%;
}

.pdp-product-rail .pcard[data-pcard-variant="c"] .pcard-meta-row > * {
  min-width: 0;
}

.pdp-product-rail .pcard[data-pcard-variant="c"] .pcard-sku {
  flex: 1 1 auto;
  max-width: 100%;
  overflow-wrap: anywhere;
}

.pdp-product-rail .pcard[data-pcard-variant="c"] .pcard-title,
.pdp-product-rail .pcard[data-pcard-variant="c"] .pcard-caption {
  overflow-wrap: anywhere;
}

.pdp-product-rail:has(> .pcard:only-child) {
  grid-template-columns: minmax(260px, 360px);
  justify-content: start;
}

@media (max-width: 1280px) {
  .pdp-product-rail { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 920px) {
  .pdp-product-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 480px) {
  .pdp-product-rail { grid-template-columns: 1fr; }
}