.sftrend{background:#f7f7f6;color:#2b2a27;padding:64px 40px 72px;overflow:hidden}.sftrend-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.sftrend h2{font-size:32px;line-height:1.2;margin:0;font-weight:700}.sftrend-controls{display:flex;gap:8px}.sftrend-controls button{width:48px;height:48px;border:1px solid #2b2a27;background:transparent;color:#2b2a27;border-radius:50%;font-size:24px;line-height:1;cursor:pointer}.sftrend-rail{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.sftrend-rail::-webkit-scrollbar{display:none}.sftrend-card{position:relative;flex:0 0 calc((100% - 72px)/4);scroll-snap-align:start;min-width:0}.sftrend-image{aspect-ratio:1;background:#fff;display:flex;align-items:center;justify-content:center}.sftrend-image img{width:100%;height:100%;object-fit:contain}.sftrend-card h3{font-size:18px;margin:20px 0 5px}.sftrend-card p{font-size:15px;margin:0 0 12px}.sftrend-prices del{color:#686763;margin-right:8px}.sftrend-badge{position:absolute;top:8px;left:8px;background:#2b2a27;color:white;font-size:12px;padding:4px 6px}@media(max-width:767px){.sftrend{padding:48px 24px}.sftrend h2{font-size:26px}.sftrend-controls{display:none}.sftrend-rail{gap:16px}.sftrend-card{flex-basis:276px}}
/* Source card geometry; scoped to this carousel and its one-card fallback. */
.sftrend{padding:40px 24px 40px}.sftrend-head{margin-bottom:24px}.sftrend-controls{gap:16px}.sftrend-controls button{box-sizing:border-box;width:48px;height:48px;min-width:48px;min-height:48px;padding:0;margin:0;border:0;background:#e5e5e3;display:grid;place-items:center;flex:0 0 48px;line-height:1}.sftrend-rail{gap:16px}.sftrend-example{box-sizing:border-box;flex:0 0 328px;min-height:488px;padding:24px;background:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.08)}.sftrend-example .sftrend-image{width:100%;aspect-ratio:1}.sftrend-example h3{font-size:16px;line-height:22px;margin:24px 0 0}.sftrend-example p{font-size:15px;line-height:20px;margin:0}.sftrend-badge:empty{display:none}
@media(max-width:767px){.sftrend{padding:40px 16px}.sftrend h2{font-size:32px;line-height:40px}.sftrend-head{margin-bottom:24px}.sftrend-example{flex-basis:326px;min-height:486px}}
.sftrend-controls button{font-size:0}.sftrend-controls button::before{content:"";display:block;width:10px;height:10px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}.sftrend-controls button[data-dir="-1"]::before{transform:rotate(225deg)}

/* Keep mobile carousel arrows keyboard reachable while hiding them until focused. */
@media (max-width:767px){
 .danner-best-rail .sftrend-controls{display:flex;position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
 .danner-best-rail .sftrend-controls:focus-within{position:static;clip-path:none;width:auto;height:auto;overflow:visible;white-space:normal}
}