#hw-product-recommendations {scroll-margin-top:100px;}
.hw-reco {padding:clamp(30px,4vw,64px) 0 65px;background:rgba(var(--color-background,var(--color-page-background)));}
.hw-reco__inner {max-width:100%;}
.hw-reco__heading {display:flex;align-items:baseline;gap:20px;margin-bottom:22px;}
.hw-reco__heading h2 {font-size:clamp(23px,2.3vw,31px);font-weight:500;margin:0;color:rgb(var(--color-text));}
.hw-reco__heading p {margin:0;color:rgba(var(--color-text),.62);font-size:13px;line-height:1.7;}
.hw-reco__tablist {display:flex;gap:24px;overflow-x:auto;border-bottom:1px solid rgba(68,54,43,.14);margin-bottom:25px;}
.hw-reco__tab {appearance:none;border:0;border-bottom:2px solid transparent;padding:13px 1px;color:rgba(var(--color-text),.64);background:transparent;font-size:15px;white-space:nowrap;cursor:pointer;}
.hw-reco__tab.is-active,.hw-reco__tab[aria-selected="true"] {border-bottom-color:#4a382d;color:rgb(var(--color-text));font-weight:600;}
.hw-reco__panel[hidden] {display:none !important;}
.hw-reco__grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 16px;}
.hw-reco__card {display:flex;flex-direction:column;min-width:0;text-decoration:none;color:rgb(var(--color-text));}
.hw-reco__photo {display:block;aspect-ratio:3/4;overflow:hidden;border-radius:7px;background:rgba(var(--color-text),.045);}
.hw-reco__photo img,.hw-reco__photo svg {display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease;}
.hw-reco__card:hover .hw-reco__photo img {transform:scale(1.035);}
.hw-reco__title {display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-top:12px;font-size:14px;line-height:1.6;min-height:2.8em;}
.hw-reco__price {margin-top:4px;font-size:15px;font-weight:600;}
.hw-reco__more {display:table;margin:24px auto 0;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:4px;color:rgb(var(--color-text));font-size:13px;}
.hw-reco__empty {margin:0;padding:36px 15px;color:rgba(var(--color-text),.58);font-size:14px;text-align:center;border:1px solid rgba(78,61,48,.1);}
@media(max-width:959px) {
 .hw-reco {padding:32px 0 44px;}
 .hw-reco__heading {display:block;margin-bottom:12px;}
 .hw-reco__heading p {margin-top:8px;}
 .hw-reco__tablist {gap:22px;}
 .hw-reco__tab {font-size:14px;padding:11px 1px;}
 .hw-reco__grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 11px;}
 .hw-reco__title {font-size:13px;}
}