.recent-section {display: none;margin: 20px 0;padding: 18px 16px;background: #fafafa;border: 1px solid #eee;border-radius: 11px}
.recent-section.has-items {display: block}
.recent-head {display: flex;align-items: center;justify-content: space-between;gap: 15px;margin-bottom: 13px}.recent-head h2{font-size:21px;margin:0}.recent-head p{font-size:10px;color:#777;margin:4px 0 0}.recent-clear{border:0;background:transparent;color:#777;font-size:10px;font-weight:750;cursor:pointer}
.recent-rail {display: grid;grid-auto-flow: column;grid-auto-columns: minmax(170px,1fr);gap: 10px;overflow-x: auto;scrollbar-width: none;scroll-snap-type:x proximity}.recent-rail::-webkit-scrollbar{display:none}
.recent-card {position: relative;scroll-snap-align:start;background:#fff;border:1px solid #e6e6e6;border-radius:9px;padding:11px;min-width:0;cursor:pointer;transition:.2s}.recent-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0001}.recent-card img{width:100%;height:135px;object-fit:contain;background:#fafafa;border-radius:7px}.recent-card h3{font-size:12px;line-height:1.35;min-height:33px;margin:9px 0 5px}.recent-rating{font-size:9px;color:#d88900}.recent-price{font-size:13px;color:#c81620;font-weight:900;margin:7px 0}.recent-add{width:100%;border:0;border-radius:6px;background:#ffdc00;padding:8px;font-size:10px;font-weight:850;cursor:pointer}
@media(min-width:1200px){.recent-rail{grid-auto-columns:calc((100% - 50px)/6)}}
@media(max-width:600px){.recent-section{padding:15px 10px}.recent-rail{grid-auto-columns:155px}.recent-card img{height:115px}.recent-head h2{font-size:19px}}