/* Extracted from pages/feed.php — v170 */
.feed-smart-recs{position:relative;padding-top:12px!important;padding-bottom:12px!important}.feed-smart-rec-track{display:flex;align-items:stretch;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;padding:2px 2px 4px}.feed-smart-rec-track::-webkit-scrollbar{display:none}
.feed-smart-rec-card{position:relative;flex:0 0 232px;width:232px;min-width:232px;max-width:232px;height:220px;min-height:220px;max-height:220px;scroll-snap-align:start;overflow:hidden;border:1px solid rgba(15,23,42,.08);border-radius:24px;background:rgba(255,255,255,.97);box-shadow:0 10px 30px rgba(15,23,42,.055);display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.feed-smart-rec-card:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(15,23,42,.09);border-color:rgba(15,23,42,.12)}.dark .feed-smart-rec-card{border-color:rgba(255,255,255,.08);background:rgba(23,23,23,.94);box-shadow:0 12px 32px rgba(0,0,0,.16)}.dark .feed-smart-rec-card:hover{border-color:rgba(255,255,255,.13);box-shadow:0 18px 40px rgba(0,0,0,.25)}
.feed-smart-rec-main{position:relative;display:block!important;min-width:0;width:100%;height:174px;flex:none;color:inherit;text-decoration:none}.feed-smart-rec-cover{position:relative;width:100%;height:76px;overflow:hidden;background:linear-gradient(135deg,#dbeafe,#e0f2fe 45%,#f1f5f9)}.feed-smart-rec-cover-img{display:block;width:100%;height:100%;object-fit:cover}.feed-smart-rec-cover-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,.02),rgba(15,23,42,.15));pointer-events:none}.feed-smart-rec-cover-fallback-1{background:linear-gradient(135deg,#dbeafe,#bae6fd 52%,#e0e7ff)}.feed-smart-rec-cover-fallback-2{background:linear-gradient(135deg,#dcfce7,#ccfbf1 50%,#dbeafe)}.feed-smart-rec-cover-fallback-3{background:linear-gradient(135deg,#fef3c7,#fed7aa 52%,#fce7f3)}.feed-smart-rec-cover-fallback-4{background:linear-gradient(135deg,#ede9fe,#e0e7ff 48%,#cffafe)}.dark .feed-smart-rec-cover-fallback-1{background:linear-gradient(135deg,#172554,#164e63 52%,#312e81)}.dark .feed-smart-rec-cover-fallback-2{background:linear-gradient(135deg,#052e16,#134e4a 50%,#172554)}.dark .feed-smart-rec-cover-fallback-3{background:linear-gradient(135deg,#451a03,#7c2d12 52%,#500724)}.dark .feed-smart-rec-cover-fallback-4{background:linear-gradient(135deg,#2e1065,#312e81 48%,#164e63)}
.feed-smart-rec-avatar-wrap{position:absolute;left:50%;top:44px;transform:translateX(-50%);width:64px;height:64px;border-radius:999px;padding:3px;background:#fff;box-shadow:0 8px 22px rgba(15,23,42,.16)}.dark .feed-smart-rec-avatar-wrap{background:#171717;box-shadow:0 8px 24px rgba(0,0,0,.28)}.feed-smart-rec-avatar{display:block;width:100%;height:100%;border-radius:999px;object-fit:cover}.feed-smart-rec-kind{position:absolute;right:-2px;bottom:1px;display:inline-flex;width:22px;height:22px;align-items:center;justify-content:center;border-radius:999px;border:2px solid #fff;background:#0f172a;color:#fff}.dark .feed-smart-rec-kind{border-color:#171717;background:#fff;color:#111827}
.feed-smart-rec-info{position:absolute;left:0;right:0;top:113px;padding:0 12px;text-align:center}.feed-smart-rec-name-row{display:flex;width:100%;height:20px;min-height:20px;max-height:20px;align-items:center;justify-content:center;gap:4px;overflow:hidden}.feed-smart-rec-name-viewport{display:block;min-width:0;max-width:calc(100% - 17px);overflow:hidden;white-space:nowrap}.feed-smart-rec-name-text{display:inline-block;white-space:nowrap;font-size:14px;font-weight:800;line-height:20px;letter-spacing:-.01em;color:#0f172a;will-change:transform}.dark .feed-smart-rec-name-text{color:#fff}.feed-smart-rec-name-viewport.is-marquee .feed-smart-rec-name-text{animation:feedRecMarquee var(--feed-rec-marquee-duration,6s) ease-in-out .6s infinite}.feed-smart-rec-verified{display:inline-flex;flex:none;align-items:center}.feed-smart-rec-reason{display:block;width:100%;height:17px;min-height:17px;max-height:17px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:17px;color:#64748b;text-align:center}.dark .feed-smart-rec-reason{color:#a3a3a3}@keyframes feedRecMarquee{0%,14%{transform:translateX(0)}46%,68%{transform:translateX(var(--feed-rec-marquee-distance,0px))}86%,100%{transform:translateX(0)}}
.feed-smart-rec-subscribe{position:absolute;z-index:4;left:12px;right:12px;bottom:9px;display:inline-flex;height:31px;min-height:31px;width:auto;align-items:center;justify-content:center;border:0;border-radius:11px;background:#0ea5e9;padding:0 12px;font-size:11px;font-weight:800;color:#fff;box-shadow:0 5px 14px rgba(14,165,233,.20);transition:background .15s ease,transform .15s ease}.feed-smart-rec-subscribe:hover{background:#0284c7}.feed-smart-rec-subscribe:active{transform:scale(.98)}
.feed-smart-rec-arrow{position:absolute;z-index:12;top:calc(50% + 13px);transform:translateY(-50%);display:inline-flex;height:36px;width:36px;padding:0;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.94);color:#475569;box-shadow:0 8px 24px rgba(15,23,42,.14);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background .15s ease,transform .15s ease,opacity .15s ease,color .15s ease}.feed-smart-rec-arrow svg{display:block;width:18px;height:18px;flex:none}.feed-smart-rec-arrow[data-feed-rec-prev]{left:6px}.feed-smart-rec-arrow[data-feed-rec-next]{right:6px}.feed-smart-rec-arrow:not(:disabled):hover{background:#fff}.feed-smart-rec-arrow:not(:disabled):active{transform:translateY(-50%) scale(.94)}.feed-smart-rec-arrow:disabled{background:rgba(226,232,240,.9);border-color:rgba(148,163,184,.18);color:#94a3b8;box-shadow:none;opacity:.72;cursor:default;pointer-events:none}.dark .feed-smart-rec-arrow{border-color:rgba(255,255,255,.1);background:rgba(38,38,38,.92);color:#e5e7eb;box-shadow:0 8px 24px rgba(0,0,0,.28)}.dark .feed-smart-rec-arrow:not(:disabled):hover{background:rgba(64,64,64,.96)}.dark .feed-smart-rec-arrow:disabled{background:rgba(38,38,38,.72);border-color:rgba(255,255,255,.06);color:#737373;opacity:.68}
@media(max-width:639px){.feed-smart-recs{padding-top:10px!important;padding-bottom:10px!important;padding-left:12px!important;padding-right:0!important}.feed-smart-rec-track{gap:10px;padding-right:12px}.feed-smart-rec-card{flex-basis:210px;width:210px;min-width:210px;max-width:210px;height:212px;min-height:212px;max-height:212px;border-radius:22px}.feed-smart-rec-main{height:168px}.feed-smart-rec-cover{height:72px}.feed-smart-rec-avatar-wrap{top:41px;width:62px;height:62px}.feed-smart-rec-info{top:108px;padding-left:11px;padding-right:11px}.feed-smart-rec-name-text{font-size:13px}.feed-smart-rec-subscribe{left:11px;right:11px;bottom:8px;height:30px;min-height:30px}.feed-smart-rec-arrow{display:none!important}}