.favorites-section{padding:74px 36px 82px;background:#fff}
.favorites-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px}
.favorites-heading h2{font-size:clamp(34px,4vw,56px);font-weight:500;letter-spacing:-.055em;line-height:1}
.favorites-heading>a{font-size:12px;white-space:nowrap;border-bottom:1px solid currentColor;padding-bottom:5px}
.favorites-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.favorites-card{min-width:0}
.favorites-card-link{display:block}
.favorites-media{display:block;aspect-ratio:4/5;background:#f7f6f2;overflow:hidden}
.favorites-media img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .4s ease}
.favorites-card-link:hover .favorites-media img{transform:scale(1.025)}
.favorites-info{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:14px 0 8px}
.favorites-name{font-size:14px;font-weight:550;line-height:1.25}
.favorites-price{text-align:right;white-space:nowrap;font-size:12px}
.favorites-price small{display:block;margin-top:4px;color:var(--muted);font-size:9px}
.favorites-variants{display:flex;gap:8px;align-items:center}
.favorites-swatch{display:block;width:16px;height:16px;border-radius:50%;background:var(--swatch);border:1px solid #0002;outline:1px solid transparent;outline-offset:2px}
.favorites-swatch.is-selected{outline-color:#262626}
.favorites-swatch:focus-visible,.favorites-heading>a:focus-visible,.favorites-card-link:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
@media(max-width:650px){
  .favorites-section{padding:48px 0 54px;overflow:hidden}
  .favorites-heading{padding:0 20px;margin-bottom:20px}
  .favorites-heading h2{font-size:34px}
  .favorites-heading>a{font-size:11px}
  .favorites-grid{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 20px 8px}
  .favorites-grid::-webkit-scrollbar{display:none}
  .favorites-card{flex:0 0 78%;scroll-snap-align:start}
  .favorites-info{padding-top:12px}
}
@media(prefers-reduced-motion:reduce){.favorites-media img{transition:none}}

.favorites-media{position:relative}.favorites-use{position:absolute;inset:0;opacity:0}.favorites-card-link:has(.favorites-use):hover .favorites-flat,.favorites-card-link:has(.favorites-use):focus-visible .favorites-flat{opacity:0}.favorites-card-link:hover .favorites-use,.favorites-card-link:focus-visible .favorites-use{opacity:1}.favorites-media img{transition:opacity .2s ease;transform:none!important}
@media(hover:none){.favorites-card-link:has(.favorites-use):hover .favorites-flat{opacity:1}.favorites-card-link:hover .favorites-use{opacity:0}}