.av-recommendations { padding-top:38px; }
.av-recommendations .av-recommendations-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:22px; }
.av-recommendations .av-recommendations-heading h2 { margin:0; font-size:24px; font-weight:500; line-height:1.25; letter-spacing:-.025em; }
.av-recommendations .av-recommendations-heading p { margin:7px 0 0; color:#71717a; font-size:12px; line-height:1.5; }
.av-recommendations .av-recommendations-heading > a { display:inline-flex; align-items:center; gap:14px; flex-shrink:0; padding:7px 0; font-size:12px; font-weight:500; color:#18181b; border-bottom:1px solid #d4d4d8; }
.av-recommendations .av-pd-related-grid { grid-template-columns:repeat(6,minmax(0,1fr)); gap:18px; align-items:stretch; }
.av-recommendations .av-recommendation-card { display:flex; flex-direction:column; min-width:0; height:100%; overflow:hidden; border:1px solid #e4e4e7; background:#fff; color:#18181b; text-decoration:none; border-radius:0; transition:border-color .18s ease; }
.av-recommendations .av-recommendation-card:hover { border-color:#a1a1aa; }
.av-recommendations .av-recommendation-card:focus-visible { outline:2px solid #18181b; outline-offset:4px; }
.av-recommendations .av-pd-related-photo { position:relative; width:100%; aspect-ratio:4/5; flex-shrink:0; overflow:hidden; background:#fff; border-bottom:1px solid #f0f0f0; }
.av-recommendations .av-pd-related-photo img { display:block; width:100%; height:100%; object-fit:contain; object-position:center; }
.av-recommendations .av-pd-related-photo > .av-recommendation-sale { position:absolute; top:10px; left:10px; padding:5px 7px; background:#8f2938; color:#fff; font-size:10px; font-weight:600; line-height:1.2; }
.av-recommendations .av-recommendation-placeholder { width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; background:#fafafa; color:#a1a1aa; }
.av-recommendations .av-recommendation-placeholder svg { width:32px; height:32px; }
.av-recommendations .av-recommendation-placeholder span { font-size:10px; }
.av-recommendations .av-recommendation-body { display:flex; flex-direction:column; flex:1; min-width:0; padding:12px; }
.av-recommendations .av-recommendation-body .av-recommendation-store { margin:0 0 5px; color:#71717a; font-size:10px; font-weight:400; line-height:1.5; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.av-recommendations .av-recommendation-body h3 { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin:0; min-height:2.9em; color:#18181b; font-size:13px; font-weight:500; line-height:1.45; letter-spacing:0; overflow-wrap:anywhere; }
.av-recommendations .av-recommendation-price-row { display:flex; flex-wrap:wrap; align-items:baseline; gap:5px 7px; margin-top:9px; margin-bottom:14px; }
.av-recommendations .av-recommendation-price { display:inline-flex; align-items:baseline; gap:3px; font-size:16px; font-weight:600; line-height:1.3; letter-spacing:-.02em; color:#18181b; }
.av-recommendations .av-recommendation-price.is-sale { color:#8f2938; }
.av-recommendations .av-recommendation-currency { font-size:10px; font-weight:500; letter-spacing:0; }
.av-recommendations .av-recommendation-price-row del { margin:0; color:#a1a1aa; font-size:10px; font-weight:400; line-height:1.4; }
.av-recommendations .av-recommendation-action { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:auto; min-height:34px; padding:8px 10px; border:1px solid #dedee1; font-size:10px; font-weight:500; line-height:1.4; color:#27272a; }
.av-recommendations .av-recommendation-action svg { width:14px; height:14px; flex-shrink:0; transition:transform .18s ease; }
.av-recommendations .av-recommendation-card:hover .av-recommendation-action { border-color:#71717a; }
.av-recommendations .av-recommendation-card:hover .av-recommendation-action svg { transform:translateX(2px); }
@media(max-width:1100px) {
    .av-recommendations .av-pd-related-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
}
@media(max-width:600px) {
    .av-recommendations .av-recommendations-heading { align-items:flex-start; gap:14px; }
    .av-recommendations .av-recommendations-heading h2 { font-size:21px; }
    .av-recommendations .av-recommendations-heading > a { gap:6px; font-size:10px; padding-top:4px; }
    .av-recommendations .av-pd-related-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px 12px; }
    .av-recommendations .av-recommendation-body { padding:10px; }
    .av-recommendations .av-recommendation-body h3 { font-size:12px; }
    .av-recommendations .av-recommendation-price { font-size:15px; }
}
@media(prefers-reduced-motion:reduce) {
    .av-recommendations .av-recommendation-card,
    .av-recommendations .av-recommendation-action svg { transition:none; }
    .av-recommendations .av-recommendation-card:hover .av-recommendation-action svg { transform:none; }
}
