.recommended-section {margin:20px 0;padding:20px 16px;background:linear-gradient(135deg,#fffdf1,#fff);border:1px solid #eee4a5;border-radius:12px}
.recommended-head {display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:14px}.recommended-head h2{font-size:21px;margin:0 0 4px}.recommended-head p{font-size:10px;color:#777;margin:0}.recommend-badge{background:#111;color:#fff;border-radius:20px;padding:7px 11px;font-size:9px;font-weight:850}
.recommended-grid {display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.recommended-card {position:relative;min-width:0;background:#fff;border:1px solid #e7e7e7;border-radius:9px;padding:11px;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s}.recommended-card:hover{transform:translateY(-4px);border-color:#e0c400;box-shadow:0 10px 24px #0001}.recommended-card img{width:100%;height:130px;object-fit:contain;background:#fafafa;border-radius:7px}.recommended-card h3{font-size:12px;line-height:1.35;min-height:33px;margin:9px 0 5px}.recommended-rating{font-size:9px;color:#d88900}.recommended-price{font-size:13px;font-weight:900;color:#c81620;margin:7px 0}.recommended-add{width:100%;border:0;border-radius:6px;background:#ffdc00;padding:8px;font-size:10px;font-weight:850;cursor:pointer}.recommended-reason{position:absolute;left:8px;top:8px;background:#111;color:#fff;border-radius:5px;padding:4px 6px;font-size:8px;font-weight:800}
@media(max-width:1100px){.recommended-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.recommended-section{padding:16px 10px}.recommended-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.recommended-grid::-webkit-scrollbar{display:none}.recommended-card{min-width:155px;scroll-snap-align:start}.recommended-card img{height:110px}.recommended-head h2{font-size:19px}}