.suggestions-section{margin:24px 0 28px;padding:18px 0;border:1px solid #30253a;border-radius:12px;background:linear-gradient(145deg,#15111b,#0d0b11 72%);box-shadow:0 12px 32px #0004;overflow:hidden}
.suggestions-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 18px}.suggestions-heading .eyebrow{font-size:10px;letter-spacing:.13em}.suggestions-heading h2{margin:4px 0 0;color:#f2edf6;font:600 24px var(--serif)}
.trending-controls{display:flex;align-items:center;padding:3px;border:1px solid #65477a;border-radius:999px;background:#0c0a10}.trending-period{min-height:34px;padding:0 16px;border:0;border-radius:999px;background:transparent;color:#c9c0d0;font:600 13px 'DM Sans',sans-serif;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s}.trending-period:hover{color:#fff}.trending-period.active{background:linear-gradient(120deg,#7531a7,#4c1e75);color:#fff;box-shadow:0 0 14px #8b45b45c}
.suggestions-subheading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 18px}.suggestions-intro{margin:9px 0 14px;color:#b1a9b7;font-size:13px;line-height:1.5}.suggestions-subheading>a{flex:none;margin:9px 0 14px;color:#cfa0ee;font-size:12px}.suggestions-feedback{padding:0 18px;color:#b1a9b7;font-size:13px}.suggestions-grid{display:flex;gap:13px;overflow-x:auto;padding:0 18px 10px;scroll-snap-type:x mandatory;scrollbar-color:#634277 #17121c;scrollbar-width:thin}.suggestion-card{flex:0 0 clamp(146px,18%,190px);min-width:0;overflow:hidden;scroll-snap-align:start;border:1px solid #33283e;border-radius:9px;background:#100d14;box-shadow:0 8px 20px #0003}.suggestion-poster-link{display:block;overflow:hidden;background:#1a1420;aspect-ratio:2/3}.suggestion-poster{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.suggestion-card:hover .suggestion-poster{transform:scale(1.035)}.suggestion-copy{padding:10px}.suggestion-kind{color:#d8a2f6;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.suggestion-copy h3{overflow:hidden;margin:4px 0 5px;color:#f6f1f8;font:600 15px var(--serif);line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.suggestion-date,.suggestion-duration{margin:0 0 5px;color:#b6adbf;font-size:12px;line-height:1.4}.suggestion-duration{min-height:34px;color:#a69bad}.suggestion-price{display:flex;align-items:baseline;justify-content:space-between;gap:5px;margin-top:8px;padding-top:8px;border-top:1px solid #2e2635}.suggestion-price small{color:#aaa1b0;font-size:11px}.suggestion-price strong{color:#e2bafc;font-size:16px}.suggestion-react{display:block;min-height:39px;margin-top:8px;color:#d8a2f6;font-size:12px;line-height:1.4}.suggestion-consult{width:100%;min-height:34px;margin-top:8px;border:1px solid #6d388e;border-radius:6px;background:linear-gradient(120deg,#59228a,#35134e);color:#fff;font-size:12px;font-weight:700;cursor:pointer}.suggestion-consult:hover{border-color:#bf77eb;filter:brightness(1.12)}
@media(max-width:740px){.suggestions-section{padding:15px 0}.suggestions-heading,.suggestions-subheading{padding-right:13px;padding-left:13px}.suggestions-heading h2{font-size:21px}.suggestions-grid{gap:10px;padding-right:13px;padding-left:13px}.suggestion-card{flex-basis:clamp(142px,36%,180px)}.suggestion-copy{padding:8px}.suggestion-copy h3{font-size:14px}.suggestion-date,.suggestion-duration{font-size:11px}}
@media(max-width:520px){.suggestions-section{margin:18px 0;padding:13px 0}.suggestions-heading{align-items:start;flex-direction:column;gap:10px}.suggestions-heading h2{font-size:20px}.trending-controls{width:max-content}.trending-period{min-height:32px;padding:0 14px;font-size:12px}.suggestions-subheading{align-items:start}.suggestions-intro{font-size:12px}.suggestions-subheading>a{font-size:11px}.suggestion-card{flex-basis:43%}}