/* Smart Column Carousel - Styles */

.sc-carousel { position: relative; overflow: hidden; }
.sc-track { display: flex; transition: transform .4s ease; }
.sc-slide { box-sizing: border-box; padding: 12px; }
.sc-card { display: flex; flex-direction: column; text-decoration: none; background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 6px 18px rgba(0,0,0,0.06); }
.sc-media img { width:100%; height:auto; display:block; }
.sc-body { padding: 12px; }
.sc-title { margin: 0 0 8px 0; font-size: 18px; }
.sc-desc { color: #555; font-size: 14px; }
.sc-prev, .sc-next { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(255,255,255,0.9); border: none; padding: 8px 12px; cursor: pointer; }
.sc-prev { left: 8px; }
.sc-next { right: 8px; }

@media (max-width:767px){ .sc-title { font-size: 16px; } }