.style-section{padding:0 0 90px;}
.style-section h2{font-family:'Inter',sans-serif;font-size:28px;color:#773040;padding:0 24px;margin:0 0 26px;font-weight:600;letter-spacing:-.01em;}
.video-track-wrap{overflow:hidden;padding:4px 0 20px;margin:0 24px;}
.video-track{display:flex;gap:20px;transition:transform .5s cubic-bezier(.22,.7,.32,1);}
.video-slide{flex:0 0 21%;min-width:180px;cursor:pointer;}
.video-slide .media{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:3/4.6;height:auto;background:#8b7f7c;}
.video-slide .media img,.video-slide .media video{width:100%;height:100%;object-fit:cover;}
.video-slide .scrim-white{position:absolute;inset:0;background:rgba(255,255,255,.55);transition:opacity .4s ease;opacity:1;}
.video-slide.is-active .scrim-white{opacity:0;}
.play-badge{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease;}
.video-slide.is-active .play-badge{opacity:0;}
.play-badge svg{width:44px;height:44px;color:#fff;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4));}
.style-card{margin-top:12px;border-radius:12px;padding:10px 12px;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e2cfd2;font-size:12.5px;color:#773040;transition:background .3s ease,color .3s ease,border-color .3s ease;}
.video-slide.is-active .style-card{background:#773040;color:#fff;border-color:#773040;}
.style-thumb{width:42px;height:42px;border-radius:8px;object-fit:cover;flex-shrink:0;}
.style-text{display:flex;flex-direction:column;gap:2px;}
.style-name{font-weight:500;line-height:1.25;}
.style-price{opacity:.85;font-size:11.5px;}
@media(max-width:700px){
  .style-section{padding-bottom:45px;}
  .style-section h2{padding:0 14px;}
  .video-track-wrap{margin:0 14px;}
  .video-slide{flex-basis:60%;min-width:150px;}
}