.suggested-catalog{min-height:70vh;padding:48px 0 80px;background:radial-gradient(ellipse at 90% 4%,rgba(236,0,140,.09),transparent 36%),#0f1117;color:#fff}
.suggested-hero{display:grid;grid-template-columns:minmax(0,1fr) 330px;align-items:end;gap:40px;margin-bottom:54px}
.suggested-eyebrow{display:inline-flex;align-items:center;gap:7px;margin-bottom:14px;color:#ff4db0;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.suggested-eyebrow i{font-size:18px}
.suggested-hero h1{max-width:760px;margin:0;color:#fff;font-size:clamp(38px,5vw,68px);font-weight:700;line-height:1.08;letter-spacing:-.035em;text-wrap:balance}
.suggested-hero h1 em{color:#ec008c;font-style:normal}
.suggested-hero>div>p{max-width:680px;margin:20px 0 0;color:#c4c9d3;font-size:16px;line-height:1.65}
.suggested-hero-cta{padding:24px;border:1px solid rgba(236,0,140,.45);border-radius:18px;background:linear-gradient(140deg,rgba(236,0,140,.18),rgba(236,0,140,.06))}
.suggested-hero-cta strong{display:block;font-size:20px;font-weight:700}
.suggested-hero-cta p{margin:9px 0 20px;color:#d7d5de;font-size:13px;line-height:1.55}
.suggested-hero-cta a{display:flex;justify-content:center;align-items:center;gap:7px;min-height:46px;border-radius:10px;background:#8bc53f;color:#10120e;font-size:13px;font-weight:700;text-decoration:none;transition:background .2s ease,transform .2s ease}
.suggested-hero-cta a:hover{background:#a3da5f;transform:translateY(-2px)}
.suggested-toolbar{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:20px}
.suggested-produced{margin:-8px 0 48px;padding:22px 0 4px;border-top:1px solid #30343d}
.suggested-produced-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:17px}
.suggested-produced-kicker{display:inline-flex;align-items:center;gap:6px;color:#8bc53f;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.suggested-produced-kicker i{font-size:17px}
.suggested-produced-head h2{margin:5px 0 0;font-size:clamp(23px,2.7vw,31px);font-weight:700;letter-spacing:-.025em}
.suggested-produced-head p{margin:0;color:#aeb5c1;font-size:13px}
.suggested-produced-reel{display:flex;gap:12px;overflow-x:auto;padding:2px 2px 15px;scroll-snap-type:x mandatory;scrollbar-color:#515862 transparent}
.suggested-produced-reel:focus-visible{outline:3px solid #8bc53f;outline-offset:2px}
.suggested-produced-card{display:flex;flex:0 0 min(335px,85vw);align-items:center;gap:12px;min-width:0;padding:9px;border:1px solid #343842;border-radius:12px;background:#1a1d25;color:#fff;text-decoration:none;scroll-snap-align:start;transition:border-color .2s ease,background .2s ease}
.suggested-produced-card:hover{border-color:#8bc53f;background:#20252a}
.suggested-produced-card img{width:90px;height:62px;flex:none;border-radius:7px;object-fit:cover}
.suggested-produced-copy{display:grid;gap:4px;min-width:0}.suggested-produced-copy strong,.suggested-produced-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggested-produced-copy strong{font-size:13px;font-weight:700}.suggested-produced-copy small{color:#aeb5c1;font-size:11px}
.suggested-produced-card>i{margin-left:auto;color:#8bc53f;font-size:18px}
.suggested-toolbar h2{margin:0 0 5px;font-size:27px;font-weight:700;letter-spacing:-.025em}
.suggested-toolbar p{margin:0;color:#aeb5c1;font-size:13px}
.suggested-toolbar nav{display:flex;gap:9px;flex-wrap:wrap}
.suggested-toolbar nav a{padding:10px 15px;border:1px solid #414550;border-radius:999px;color:#e8ebef;font-size:12px;text-decoration:none}
.suggested-toolbar nav a.is-active{border-color:#ec008c;background:rgba(236,0,140,.13);color:#fff}
.suggested-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.suggested-card{min-width:0;overflow:hidden;border:1px solid #343842;border-radius:16px;background:#1a1d25;scroll-margin-top:110px;transition:border-color .2s ease,transform .2s ease}
.suggested-card:hover{border-color:#ec008c;transform:translateY(-2px)}
.suggested-cover{position:relative;display:block;width:100%;aspect-ratio:16/10;padding:0;border:0;background:#12141b;cursor:pointer;overflow:hidden}
.suggested-cover img{display:block;width:100%;height:100%;object-fit:cover;opacity:.83;transition:transform .3s ease,opacity .3s ease}
.suggested-cover:hover img{transform:scale(1.035);opacity:1}
.suggested-play{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:60px;height:60px;border:1px solid rgba(255,255,255,.65);border-radius:50%;background:rgba(0,0,0,.7);color:#fff;font-size:27px;transform:translate(-50%,-50%)}
.suggested-play i{display:block;color:#fff;font-size:30px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.8))}
.suggested-rank{position:absolute;top:13px;left:13px;padding:7px 11px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:rgba(10,11,17,.85);color:#fff;font-size:11px;font-weight:700}
.suggested-card-body{padding:19px 20px 15px}
.suggested-card-kicker{color:#a8afbb;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.suggested-card h3{margin:10px 0 4px;font-size:19px;font-weight:700;line-height:1.25}
.suggested-card-body>p:not(.suggested-vote-message){min-height:38px;margin:0;color:#bdc4ce;font-size:12px;line-height:1.5}
.suggested-card-stats{display:flex;justify-content:space-between;gap:10px;margin:19px 0 15px;color:#b8c0ca;font-size:12px}
.suggested-card-stats strong{display:inline-flex;align-items:center;gap:4px;color:#ff58b7;font-weight:700}
.suggested-card-stats strong i{font-size:17px}
.suggested-actions{display:grid;grid-template-columns:minmax(0,1fr) 44px auto;gap:8px}
.suggested-actions button,.suggested-actions a{display:flex;justify-content:center;align-items:center;gap:7px;min-height:44px;border:1px solid #454a54;border-radius:9px;background:transparent;color:#fff;font:inherit;font-size:12px;font-weight:700;text-decoration:none;cursor:pointer;transition:background .2s ease,border-color .2s ease}
.suggested-actions i{font-size:19px}
.suggested-actions .suggested-vote{border-color:#d90080;background:#d90080;color:#fff}
.suggested-actions .suggested-vote:hover{background:#f01899}
.suggested-actions .suggested-vote.is-voted{border-color:#c42684;background:rgba(236,0,140,.16);color:#ff7fc5;cursor:default}
.suggested-actions .suggested-watch:hover{border-color:#8bc53f;color:#8bc53f}
.suggested-actions .suggested-share:hover{border-color:#8bc53f;color:#8bc53f}
.suggested-actions .suggested-share{padding:0 12px}
.suggested-vote-message{min-height:14px;margin:7px 0 0;color:#ffb2d9;font-size:11px}
.suggested-disclaimer{display:flex;align-items:center;gap:7px;margin:27px 0 0;color:#b8bdc8;font-size:12px}
.suggested-disclaimer i{color:#8bc53f;font-size:16px}
.suggested-empty{display:grid;justify-items:center;gap:10px;padding:72px 24px;border:1px solid #343842;border-radius:16px;background:#1a1d25;text-align:center}
.suggested-empty>i{color:#8bc53f;font-size:38px}.suggested-empty h3{margin:0;font-size:22px}.suggested-empty p{margin:0;color:#bdc4ce;font-size:13px}.suggested-empty a{margin-top:12px;color:#8bc53f;font-weight:700}
.suggested-pages{display:flex;justify-content:center;gap:7px;margin-top:28px}.suggested-pages a{display:grid;place-items:center;width:36px;height:36px;border:1px solid #454a54;border-radius:9px;color:#fff;text-decoration:none}.suggested-pages a.is-active{border-color:#ec008c;background:#ec008c}
.suggested-video-dialog{position:fixed;inset:0;max-width:min(94vw,1000px);width:100%;max-height:90vh;margin:auto;padding:0;border:1px solid #4d5360;border-radius:14px;background:#15171f;color:#fff;box-shadow:0 30px 90px rgba(0,0,0,.6)}
.suggested-video-dialog::backdrop{background:rgba(0,0,0,.84)}
.suggested-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 16px}.suggested-dialog-head strong{font-size:14px}.suggested-dialog-head button{display:grid;place-items:center;width:36px;height:36px;border:1px solid #4b515c;border-radius:8px;background:#22252e;color:#fff;font-size:20px;cursor:pointer}
.suggested-video-frame{aspect-ratio:16/9;background:#000}.suggested-video-frame iframe{display:block;width:100%;height:100%;border:0}
.suggested-catalog a:focus-visible,.suggested-catalog button:focus-visible,.suggested-video-dialog button:focus-visible{outline:3px solid #8bc53f;outline-offset:3px}
@media(max-width:1000px){.suggested-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.suggested-hero{grid-template-columns:minmax(0,1fr) 290px}}
@media(max-width:700px){.suggested-catalog{padding:28px 0 70px}.suggested-hero{display:block;margin-bottom:37px}.suggested-hero h1{font-size:38px}.suggested-hero>div>p{font-size:14px}.suggested-hero-cta{margin-top:26px;padding:19px}.suggested-toolbar{align-items:start;flex-direction:column}.suggested-grid{grid-template-columns:1fr;gap:14px}.suggested-card-body{padding:17px}.suggested-video-dialog{max-width:100vw;border-radius:0}.suggested-video-frame{aspect-ratio:16/9}}
@media(max-width:700px){.suggested-produced{margin:0 0 34px}.suggested-produced-head{display:block}.suggested-produced-head p{margin-top:8px}.suggested-produced-card{flex-basis:min(310px,86vw)}}
@media(prefers-reduced-motion:reduce){.suggested-card,.suggested-cover img,.suggested-hero-cta a{transition:none}.suggested-card:hover,.suggested-cover:hover img,.suggested-hero-cta a:hover{transform:none}}