/* Basic layout */
.spotlight-carousel-wrapper { position: relative; width: 100%; }
.spot-swiper .swiper-slide { height: auto; }
.spot-card { display:flex; flex-direction:column; gap:12px; padding:16px; transition: transform .25s ease, box-shadow .25s ease; background: transparent; }
.spot-card .spot-image { overflow:hidden; }
.spot-card .spot-image img{ width:100%; height:160px; object-fit:cover; display:block; transition: transform .35s ease; border-radius: inherit; }
.spot-card .spot-meta{ display:flex; flex-direction:column; gap:6px; }
.spot-card .spot-date{ font-size:12px; opacity:.9; }
.spot-card .spot-title{ font-size:16px; font-weight:600; line-height:1.3; }

/* Hover effects */
.spot-card:hover{ transform: translateY(-4px); box-shadow:0 10px 18px rgba(0,0,0,.15); }
.spot-card:hover .spot-image img{ transform: scale(1.03); }
.spot-link{ text-decoration:none; }

/* Navigation + Scrollbar */
.spot-nav{ display:flex; align-items:center; justify-content:center; gap:14px; margin-top:14px; }
.spot-button-prev, .spot-button-next{ width:36px; height:36px; border-radius:50%; background:#C7FF2E; cursor:pointer; position:relative; flex:0 0 auto; }
.spot-button-prev::after, .spot-button-next::after{ content:''; position:absolute; inset:0; margin:auto; width:10px; height:10px; border-top:2px solid #1A1AFF; border-right:2px solid #1A1AFF; transform:rotate(45deg); }
.spot-button-prev::after{ transform: rotate(-135deg); left:2px; }
.spot-button-next::after{ transform: rotate(45deg); right:2px; }

.spot-scrollbar{ width:50%; max-width:520px; min-width:220px; position:relative; background:rgba(255,255,255,.35); border-radius:999px; overflow:hidden; }
.spot-scrollbar .swiper-scrollbar{ position:relative; height:100%; }
.spot-scrollbar .swiper-scrollbar-drag{ border-radius:999px; background:#9EE01A; }

@media (max-width:767px){ .spot-card .spot-image img{ height:140px; } }