/* Basic slider layout and styling - dark theme with gold accents */
.ms-slider-wrap{
  display:flex;
  align-items:center;
  gap:12px;
  position:relative;
  padding:20px 10px;
}
.ms-prev, .ms-next{
  background:transparent;
  border:2px solid #b58c2a;
  color:#fff;
  padding:10px 14px;
  border-radius:50%;
  cursor:pointer;
  font-size:18px;
}
.ms-slider{
  display:flex;
  gap:18px;
  overflow:hidden;
  scroll-behavior:smooth;
  flex:1 1 auto;
  padding:10px 0;
}
.ms-card{
  background:#171717;
  border:2px solid #b0892a;
  border-radius:14px;
  min-width:260px;
  max-width:260px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  box-sizing:border-box;
}
.ms-image{
  height:360px;
  background-size:cover;
  background-position:center;
  position:relative;
  border-bottom:6px solid rgba(0,0,0,0.2);
  border-radius:12px 12px 0 0;
}
.ms-image .ms-label{
  position:absolute;
  left:10%;
  bottom:18px;
  background:linear-gradient(90deg,#3b6bff,#b53ba7);
  color:#fff;
  padding:10px 22px;
  font-weight:700;
  border-radius:6px;
  transform:skew(-6deg);
  box-shadow:0 2px 6px rgba(0,0,0,0.4);
}
.ms-body{
  padding:18px;
  color:#ddd;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.ms-name{
  color:#f0a21a;
  margin:0;
  font-size:20px;
}
.ms-age{
  display:inline-block;
  background:#333;
  color:#ddd;
  padding:6px 10px;
  border-radius:20px;
  font-size:13px;
  margin-top:6px;
}
.ms-desc{
  color:#cfcfcf;
  font-size:14px;
  line-height:1.45;
  margin:0;
  min-height:48px;
}
.ms-actions{
  margin-top:auto;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.ms-call, .ms-wa{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  padding:12px 18px;
  border-radius:18px;
  font-weight:600;
}
.ms-call{
  background:#007bff;
  color:#fff;
}
.ms-wa{
  background:#22c55e;
  color:#fff;
}

/* responsive */
@media (max-width:900px){
  .ms-card{ min-width:220px; max-width:220px; }
  .ms-image{ height:280px; }
}
@media (max-width:600px){
  .ms-slider-wrap{ padding:10px; gap:8px; }
  .ms-prev, .ms-next{ display:none; }
  .ms-card{ min-width:80%; max-width:80%; }
  .ms-image{ height:200px; }
}