.ss-fc{--ss-red:#8f1d21;--ss-ink:#15171c;--ss-green:#1db954;--ss-gap:10px;--ss-n:2.2;font-family:inherit;color:var(--ss-ink);background:#faf8f5;width:100%;max-width:none;margin:0;padding:10px clamp(6px,1.2vw,14px);box-sizing:border-box}
.ss-fc *{box-sizing:border-box}
.ss-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}
.ss-title{margin:0;font-size:clamp(1.15rem,3.4vw,1.8rem);line-height:1.15;font-weight:800;letter-spacing:-.02em}
.ss-title span{color:var(--ss-red)}
.ss-sub{margin:3px 0 0;color:#5d5a55;font-size:clamp(.76rem,2vw,.92rem)}
.ss-nav{display:flex;gap:8px;flex:none}
.ss-arrow{width:34px;height:34px;border-radius:50%;border:1px solid #e3ded5;background:#fff;color:var(--ss-ink);cursor:pointer;display:grid;place-items:center;transition:background .15s,color .15s,opacity .15s}
.ss-arrow:hover:not(:disabled){background:var(--ss-ink);color:#fff}
.ss-arrow:disabled{opacity:.35;cursor:default}
.ss-arrow:focus-visible,.ss-track:focus-visible,.ss-btn:focus-visible{outline:3px solid var(--ss-red);outline-offset:2px}
.ss-track{display:flex;gap:var(--ss-gap);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;cursor:grab;padding:2px 2px 8px;margin:0 -2px;user-select:none;-webkit-user-select:none}
.ss-track::-webkit-scrollbar{display:none}
.ss-track.is-drag{cursor:grabbing;scroll-snap-type:none}
.ss-track.is-drag a{pointer-events:none}
.ss-card{flex:0 0 calc((100% - var(--ss-gap) * (var(--ss-n) - 1)) / var(--ss-n));scroll-snap-align:start;background:#fff;border:1px solid #ebe6dd;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}
.ss-media{aspect-ratio:1/1;background:#eee;overflow:hidden}
.ss-media img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}
.ss-body{padding:9px 10px 10px;display:flex;flex-direction:column;flex:1}
.ss-tag{margin:0;color:var(--ss-red);font-size:.64rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ss-name{margin:3px 0 8px;font-size:.88rem;line-height:1.25;font-weight:600;min-height:2.5em;flex:1}
.ss-desc{display:none}
.ss-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 8px;border-radius:8px;background:var(--ss-green);color:#fff;font-weight:600;font-size:.85rem;text-decoration:none;transition:background .15s}
.ss-btn svg{width:17px;height:17px}
.ss-btn:hover{background:#17a049}
.ss-bar{height:3px;background:#e8e3da;border-radius:3px;position:relative;margin-top:2px;overflow:hidden}
.ss-bar i{position:absolute;top:0;bottom:0;left:0;width:30%;background:var(--ss-red);border-radius:3px}
.ss-contact{margin:8px 0 0;text-align:center;color:#5d5a55;font-size:.82rem}
.ss-contact a{color:var(--ss-red);font-weight:700;text-decoration:none}
@media (min-width:600px){.ss-fc{--ss-n:3.2}}
@media (min-width:900px){.ss-fc{--ss-n:5;--ss-gap:12px}}
@media (min-width:1300px){.ss-fc{--ss-n:6}}
@media (prefers-reduced-motion:reduce){.ss-fc *{transition:none!important}}