.product-recommendations { max-width: 1540px; margin: 44px auto; padding: 0 34px; color: #171a2a; }
.product-recommendations__heading { margin-bottom: 20px; }
.product-recommendations__heading > span { color: #ee493e; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.product-recommendations__heading h2 { margin: 6px 0 0; font-size: clamp(24px, 3vw, 34px); font-weight: 600; line-height: 1.2; letter-spacing: -.03em; }
.product-recommendations__track { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 42px) / 4); gap: 14px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x proximity; scrollbar-width: thin; scrollbar-color: #bbc3df #f1f3f8; padding: 5px 0 18px; }
.product-recommendations__track:focus-visible { outline: 2px solid #303b9d; outline-offset: 4px; border-radius: 12px; }
.product-recommendations .catalog-card { scroll-snap-align: start; }
.product-recommendations .catalog-card__body { min-height: 170px; }
.product-recommendations .catalog-card h3 { display: -webkit-box; min-height: 42px; margin: 0 0 16px; overflow: hidden; font-size: 15px; line-height: 1.4; font-weight: 500; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.product-recommendations .catalog-card h3 a { color: #171a2a; text-decoration: none; }
@media (max-width: 1000px) { .product-recommendations__track { grid-auto-columns: calc((100% - 28px) / 3); } }
@media (max-width: 700px) { .product-recommendations { padding: 0 18px; margin: 32px auto; } .product-recommendations__track { grid-auto-columns: calc((100% - 14px) / 2); } }
@media (max-width: 450px) { .product-recommendations__track { grid-auto-columns: 80%; } }