.recent-dresses{max-width:1600px;margin:0 auto 64px;padding:24px 42px 0;background:#fff;color:#786971;scroll-margin-top:130px}
.recent-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px;border-top:1px solid #eee7ea;padding-top:26px}
.recent-heading h2{font:300 20px/1.4 Montserrat,Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;margin:0;color:#6a4349}
.recent-controls{display:flex;gap:15px}.recent-controls button{display:grid;place-items:center;padding:6px;color:#30282c;background:none;border:0;width:34px;height:36px}
.recent-controls button:disabled{opacity:.2;cursor:default}.recent-controls svg{width:18px;height:24px;fill:none;stroke:currentColor;stroke-width:1.1}
.recent-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding-bottom:8px}
.recent-track::-webkit-scrollbar{display:none}.recent-card{display:block;flex:0 0 clamp(155px,16vw,225px);min-width:0;scroll-snap-align:start;color:#786971}
.recent-card img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:0}
.recent-card .recent-name{display:block;font:250 16px/1.4 Montserrat,Arial,sans-serif;color:#786971;letter-spacing:normal;margin-top:6px;text-transform:uppercase}
.recent-card small{display:block;font:300 10px/1.5 Montserrat,Arial,sans-serif;letter-spacing:.4px;color:#ab95a2;margin-top:3px}
.recent-demo-note{font:300 10px/1.5 Montserrat,Arial,sans-serif;color:#ab95a2;margin:-12px 0 16px}
@media(max-width:1000px){
 .recent-dresses{margin-top:-16px;margin-bottom:40px;padding:0 8px}
 .recent-heading{margin:0 14px 18px;padding-top:22px}.recent-heading h2{font-size:16px;letter-spacing:.6px}
 .recent-controls{display:none}.recent-track{gap:4px}.recent-card{flex-basis:44%}
 .recent-card .recent-name{font-size:14px;margin:5px 4px 0}.recent-card small{font-size:9px;margin-left:4px}
 .recent-demo-note{margin-left:14px;margin-right:14px}
}

@media(min-width:1001px){
 .recent-carousel{display:grid;grid-template-columns:28px minmax(0,1fr) 28px;column-gap:10px;align-items:center}
 .recent-carousel .recent-controls{display:contents}
 .recent-carousel .recent-prev{grid-column:1;grid-row:1}
 .recent-carousel .recent-next{grid-column:3;grid-row:1}
 .recent-carousel .recent-track{grid-column:2;grid-row:1;min-width:0}
 .recent-carousel .recent-controls button{width:28px;margin-bottom:37px}
}
.recent-card img{height:auto!important;min-height:0!important;aspect-ratio:2/3;object-fit:cover}