.recommendations-section{padding:20px 0;background:linear-gradient(135deg,#14264f,#24418f 58%,#236641);color:#fff;border-top:5px solid #90cdf3}
.recommendations-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:12px}.recommendations-heading h2,.recommendations-heading .eyebrow{color:#fff;margin-bottom:0}
.recommendations-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.recommendation-card{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.32);border-radius:14px;background:rgba(255,255,255,.96);color:#18233f;box-shadow:0 8px 24px rgba(5,14,38,.24);transition:transform .18s,box-shadow .18s}
.recommendation-card:hover{transform:translateY(-4px);box-shadow:0 13px 30px rgba(5,14,38,.34)}
.recommendation-visual{display:grid;place-items:center;min-height:105px;background:linear-gradient(140deg,#90cdf3,#24418f);color:#fff}
.recommendation-visual span{display:grid;place-items:center;width:62px;height:62px;border:3px solid rgba(255,255,255,.8);border-radius:50%;background:rgba(255,255,255,.15);font-size:2rem;font-weight:900}
.recommendation-visual img{display:block;width:88%;height:auto;max-height:76px;object-fit:contain}
.recommendation-card.dropoff .recommendation-visual{background:linear-gradient(140deg,#86cf64,#287225)}.recommendation-card.classifieds .recommendation-visual{background:linear-gradient(140deg,#fde98a,#ca7a0c)}.recommendation-card.press .recommendation-visual{background:linear-gradient(140deg,#e95b7e,#8f092a)}.recommendation-card.neszemetelj .recommendation-visual{background:linear-gradient(140deg,#70bb58,#194f17)}
.recommendation-copy{display:flex;flex:1;flex-direction:column;padding:12px}.recommendation-eyebrow{color:#24418f;font-size:.7rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.recommendation-copy h3{margin:5px 0 7px;font-size:1.03rem}.recommendation-copy p{color:#596273;font-size:.84rem}.recommendation-copy a{align-self:flex-start;margin-top:auto;padding:6px 10px;border-radius:16px;background:#24418f;color:#fff;font-size:.76rem;font-weight:900}.recommendation-copy a:hover{background:#3156b5;text-decoration:none}
.neszemetelj-widget{display:block;min-height:92px;margin-top:2px}.neszemetelj-widget>*{max-width:100%}
@media(max-width:1200px){.recommendations-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.recommendations-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recommendation-card{display:grid;grid-template-columns:115px 1fr}.recommendation-visual{min-height:100%}}
@media(max-width:620px){.recommendations-section{padding:14px 0}.recommendations-grid{grid-template-columns:1fr}.recommendation-card{grid-template-columns:88px 1fr}.recommendation-visual span{width:48px;height:48px;font-size:1.35rem}.recommendation-copy{padding:10px}.recommendation-copy p{font-size:.8rem}}