.slider{position:relative;overflow:hidden;background:#000;border-radius:6px}
.slides{display:flex;transition:transform 0.45s ease}.slide{min-width:100%;flex-shrink:0}
.slide img{width:100%;height:260px;object-fit:cover;display:block}.prev,.next{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.4);color:#fff;border:none;font-size:22px;padding:6px 10px;border-radius:6px;cursor:pointer}.prev{left:8px}.next{right:8px}.dots{position:absolute;left:50%;transform:translateX(-50%);bottom:8px;display:flex;gap:6px}.dots button{width:9px;height:9px;border-radius:50%;border:none;background:rgba(255,255,255,0.5);cursor:pointer}.dots button.active{background:#fff}@media (max-width:520px){.slide img{height:180px}}
@media (max-width:520px){
  .slide {
    height: 180px;
  }
}
/* Keep fixed height card but fit image perfectly */
.slide{
    width:100%;
    height:100%;
    flex:0 0 100%;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
}

.slide img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
/* =====================================
   SMART AUTO CONTRAST COLOR SYSTEM
   ===================================== */

/* Blue sections – make text white */
.topbar,
.contact-bar,
.floating-cart,
.floating-wa,
.prev,
.next{
  color:#ffffff !important;
}

.topbar *,
.contact-bar *,
.prev,
.next{
  color:#ffffff !important;
}

/* White sections – make text blue */
.card,
.bottom-drawer,
.modal-content,
.map-caption,
.video-wrapper,
.video-section{
  color:#7A0030 !important;
}

.card h3,
.price,
.video-title{
  color:#7A0030 !important;
}

/* Links default white */
a{
  color:#ffffff;
}

/* Links inside white areas become blue */
.card a,
.modal-content a,
.video-section a,
.map-caption a{
  color:#7A0030 !important;
}