/* LP-REC v1 (8 Nov 2026) product page recommendations */
.lprec-range { margin: 10px 0 12px; }
.lprec-range__h { margin: 0 0 6px; font-size: 14px; font-weight: 700; color: #2b2f2d; }
.lprec-range__row { display: flex; gap: 8px; overflow-x: auto; padding: 2px 2px 6px; scrollbar-width: thin; -webkit-overflow-scrolling: touch; }
.lprec-chip { flex: 0 0 auto; display: flex; align-items: center; gap: 8px; max-width: 220px; min-height: 48px; padding: 4px 12px 4px 4px; border: 1px solid #cfcac2; border-radius: 10px; background: #fff; color: #2b2f2d; text-decoration: none; font-size: 13px; line-height: 1.2; }
.lprec-chip:hover, .lprec-chip:focus-visible { border-color: #2b2f2d; text-decoration: none; color: #2b2f2d; }
.lprec-chip img { width: 40px !important; height: 40px !important; max-width: 40px !important; object-fit: cover; border-radius: 6px; flex: 0 0 40px; background: #f2f0ec; }
.lprec-chip span { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.lprec { margin-top: 28px; margin-bottom: 8px; }
.lprec-row { margin: 0 0 26px; }
.lprec-row__h { margin: 0 0 10px; font-size: 22px; font-weight: 800; color: #2b2f2d; }
.lprec-row__track { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(150px, 190px); gap: 12px; overflow-x: auto; padding-bottom: 8px; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; }
.lprec-card { scroll-snap-align: start; display: block; color: #2b2f2d; text-decoration: none; }
.lprec-card:hover .lprec-card__n { text-decoration: underline; }
.lprec-card__img { display: block; position: relative; aspect-ratio: 1 / 1; height: auto; overflow: hidden; border-radius: 10px; background: #f2f0ec; }
.lprec-card__img img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover; display: block; }
.lprec-card__n { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-top: 6px; font-size: 14px; line-height: 1.3; }
@media (max-width: 767px) { .lprec-row__track { grid-auto-columns: 44%; } .lprec-row__h { font-size: 18px; } }