/* DVS Elementor Outfit Models */

.dvs-outfit-widget{
  max-width: 1200px;
  margin: 0 auto;
}

.dvs-outfit-bar{
  display:flex;
  gap:12px;
  align-items:center;
  justify-content:space-between;
  margin: 14px 0 18px;
  flex-wrap:wrap;
}

.dvs-outfit-left{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}

.dvs-outfit-bar select,
.dvs-outfit-bar input,
.dvs-outfit-bar button{
  padding:10px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(10,30,32,.55);
  color:#e8f5f5;
  outline:none;
}

.dvs-outfit-apply{ cursor:pointer; }

.dvs-outfit-toggle{
  display:flex;
  gap:8px;
}

.dvs-toggle{
  cursor:pointer;
}

.dvs-toggle.is-active{
  background:rgba(120,255,255,.12);
}

.dvs-outfit-grid{
  display:grid;
  gap:16px;
}

.dvs-outfit-widget[data-cols="2"] .dvs-outfit-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
.dvs-outfit-widget[data-cols="3"] .dvs-outfit-grid{ grid-template-columns: repeat(3, minmax(0,1fr)); }
.dvs-outfit-widget[data-cols="4"] .dvs-outfit-grid{ grid-template-columns: repeat(4, minmax(0,1fr)); }
.dvs-outfit-widget[data-cols="5"] .dvs-outfit-grid{ grid-template-columns: repeat(5, minmax(0,1fr)); }

@media (max-width: 1024px){
  .dvs-outfit-widget[data-cols="5"] .dvs-outfit-grid,
  .dvs-outfit-widget[data-cols="4"] .dvs-outfit-grid{ grid-template-columns: repeat(3, minmax(0,1fr)); }
}
@media (max-width: 768px){
  .dvs-outfit-widget[data-cols="3"] .dvs-outfit-grid,
  .dvs-outfit-widget[data-cols="4"] .dvs-outfit-grid,
  .dvs-outfit-widget[data-cols="5"] .dvs-outfit-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 520px){
  .dvs-outfit-widget .dvs-outfit-grid{ grid-template-columns: 1fr; }
}

.dvs-card{
  display:block;
  text-decoration:none;
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(10,30,32,.45);
  box-shadow:0 10px 30px rgba(0,0,0,.18);
}

.dvs-thumb{
  width:100%;
  height:220px;
  background:rgba(255,255,255,.06);
}

.dvs-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.dvs-meta{
  padding:12px 14px;
  color:#e8f5f5;
}

.dvs-title{
  font-size:14px;
  line-height:1.5;
}

.dvs-outfit-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.dvs-row{
  display:flex;
  gap:12px;
  align-items:center;
  padding:10px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(10,30,32,.45);
  text-decoration:none;
  color:#e8f5f5;
}

.dvs-row-thumb{
  width:90px;
  height:70px;
  border-radius:10px;
  overflow:hidden;
  background:rgba(255,255,255,.06);
}

.dvs-row-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.dvs-empty{
  padding:14px;
  opacity:.85;
}