.fi-wrap{position:relative;padding-bottom:40px}
.fi-track{display:flex;gap:14px;overflow:auto;scroll-snap-type:x mandatory;padding:6px;scrollbar-width:none !important;-ms-overflow-style:none !important}
.fi-track::-webkit-scrollbar{display:none !important}
.fi-card{scroll-snap-align:start;min-width:260px;max-width:320px;border-radius:16px;background:#fff !important;box-shadow:0 6px 18px rgba(0,0,0,.08) !important;overflow:hidden;transition:transform .2s}
.fi-card:hover{transform:translateY(-4px) !important;box-shadow:0 8px 24px rgba(0,0,0,.12) !important}
.fi-media{position:relative;display:block}
.fi-media img{display:block;width:100%;height:260px;object-fit:cover;background:#f4f4f4}
.fi-badge{position:absolute;right:10px;bottom:10px;background:rgba(0,0,0,.6) !important;color:#fff !important;padding:4px 6px;border-radius:8px;font-size:12px}
.fi-meta{padding:10px;font:14px/1.4 system-ui,-apple-system,Segoe UI,Roboto,Arial}
.fi-meta time{display:block;opacity:.6;margin-bottom:6px;font-size:12px;color:#666 !important}
.fi-stats{display:flex;gap:12px;margin-bottom:8px;font-size:13px;color:#333 !important}
.fi-stat{display:flex;align-items:center;gap:4px;color:#333 !important}
.fi-stat svg{width:16px;height:16px;fill:#4a9066 !important}
.fi-cap{margin:0;font-size:13px;line-height:1.4;color:#555 !important}
.fi-nav{position:absolute !important;top:50% !important;transform:translateY(-50%) !important;border:0 !important;background:#4a9066 !important;border-radius:50% !important;box-shadow:0 4px 16px rgba(74,144,102,.3) !important;width:44px !important;height:44px !important;cursor:pointer !important;display:flex !important;align-items:center !important;justify-content:center !important;transition:all .2s !important;z-index:10 !important}
.fi-nav:hover{background:#3d7a56 !important;box-shadow:0 6px 20px rgba(74,144,102,.4) !important;transform:translateY(-50%) scale(1.1) !important}
.fi-nav svg{width:24px !important;height:24px !important;fill:#fff !important}
.fi-prev{left:10px !important}
.fi-next{right:10px !important}
.fi-dots{display:flex !important;gap:8px !important;justify-content:center !important;margin-top:16px !important;padding:10px 0 !important}
.fi-dot{width:10px !important;height:10px !important;border-radius:50% !important;background:#ccc !important;border:none !important;padding:0 !important;cursor:pointer !important;transition:all .3s !important}
.fi-dot.active{background:#4a9066 !important;width:28px !important;border-radius:5px !important}
.fi-dot:hover{background:#4a9066 !important;opacity:.7 !important}
@media (max-width:640px){.fi-card{min-width:75vw}.fi-nav{width:36px !important;height:36px !important}.fi-nav svg{width:20px !important;height:20px !important}}