/* Native scrolling remains usable with or without JavaScript. */
.sl-carousel{display:flex;flex-direction:column;min-width:0}
body.smag-lifestyle .sl-cover-grid.sl-carousel-track{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 52px)/3);gap:26px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--sl-accent) var(--sl-soft);padding:0 0 9px;order:1}
.sl-carousel-track>.sl-cover{scroll-snap-align:start;scroll-snap-stop:always}
.sl-carousel-track:focus-visible{outline:2px solid var(--sl-accent);outline-offset:5px}
.sl-carousel-controls{display:flex;align-items:center;gap:15px;order:2;padding-top:9px;min-height:48px}
.sl-carousel-controls[hidden]{display:none!important}
.sl-carousel-count{font:500 10px/1.6 var(--smag-body);color:var(--smag-muted);margin-left:auto}
.sl-carousel-rotation{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 16px;border:1px solid var(--smag-line);border-radius:999px;background:var(--sl-white);color:var(--smag-ink);font:650 10px/1.4 var(--smag-body)}
.sl-carousel-rotation::before{content:'Ⅱ';font-size:12px;line-height:1;letter-spacing:-2px;margin-right:2px}
.sl-carousel.is-paused .sl-carousel-rotation::before{content:'▶';font-size:9px;letter-spacing:0}
.sl-carousel-arrows{display:flex;gap:8px}
.sl-carousel-arrows button{display:grid;place-items:center;width:40px;height:40px;min-width:40px;padding:0;border-radius:50%;border:1px solid var(--smag-line);background:var(--sl-white);color:var(--smag-ink);font-size:20px;line-height:1}
.sl-carousel-arrows button:hover,.sl-carousel-rotation:hover{background:var(--sl-soft);border-color:var(--sl-accent)}
.sl-carousel-arrows button:focus-visible,.sl-carousel-rotation:focus-visible{outline:2px solid var(--sl-accent);outline-offset:3px}
@media(max-width:1100px){body.smag-lifestyle .sl-cover-grid.sl-carousel-track{grid-auto-columns:calc((100% - 36px)/3);gap:18px}}
@media(max-width:860px) and (min-width:601px){body.smag-lifestyle .sl-cover-grid.sl-carousel-track{grid-auto-columns:calc((100% - 18px)/2)}}
@media(max-width:600px){body.smag-lifestyle .sl-cover-grid.sl-carousel-track{grid-auto-columns:100%;gap:18px}.sl-carousel-track>.sl-cover{min-height:420px}.sl-carousel-controls{gap:8px}.sl-carousel-count{font-size:9px}.sl-carousel-rotation{padding:8px 12px;min-height:40px}.sl-carousel-arrows{gap:6px}.sl-carousel-arrows button{width:40px;height:40px;min-width:40px}}
@media(prefers-reduced-motion:reduce){body.smag-lifestyle .sl-cover-grid.sl-carousel-track{scroll-behavior:auto}.sl-carousel-arrows button,.sl-carousel-rotation{transition:none}}

body.smag-lifestyle .sl-carousel-track[data-sl-total="1"]{grid-auto-columns:100%}
@media(min-width:1101px){body.smag-lifestyle .sl-carousel-track[data-sl-total="2"]{grid-auto-columns:calc((100% - 26px)/2)}}
@media(min-width:601px) and (max-width:1100px){body.smag-lifestyle .sl-carousel-track[data-sl-total="2"]{grid-auto-columns:calc((100% - 18px)/2)}}

.sl-carousel-arrows svg{display:block;width:19px;height:19px;pointer-events:none}