/* RC Warrior V14 — Homepage auto-loop sliders */

/* Brands: autoplay remains card-by-card, but the duplicated track makes the loop seamless. */
.rcw-home-brands .brand-slider{scroll-snap-type:x mandatory;scroll-behavior:smooth}
.rcw-home-brands .brand-slider.is-paused{cursor:grab}

/* YouTube showcase */
.video-showcase{overflow:hidden}
.video-showcase .section-top{align-items:flex-end}
.video-head-actions{display:flex;align-items:center;gap:18px;flex:0 0 auto}
.video-slider-controls{display:flex;align-items:center;gap:9px}
.video-slider-btn{width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;display:grid;place-items:center;cursor:pointer;transition:.2s}
.video-slider-btn:hover{background:#fff;color:#0c2029;border-color:#fff;transform:translateY(-1px)}
.video-slider-btn svg{width:18px;height:18px}.video-slider-btn.prev svg{transform:rotate(180deg)}
.video-slider-shell{position:relative;margin-right:calc((100vw - min(1340px,calc(100% - 56px)))/-2);padding-right:max(28px,calc((100vw - min(1340px,calc(100% - 56px)))/2))}
.video-slider{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:2px 0 8px;overscroll-behavior-inline:contain}
.video-slider::-webkit-scrollbar{display:none}
.video-slide{position:relative;flex:0 0 clamp(315px,31vw,430px);aspect-ratio:16/9;min-height:0;border-radius:22px;overflow:hidden;background:#133c4d;color:#fff;scroll-snap-align:start;isolation:isolate;box-shadow:0 16px 40px rgba(0,0,0,.17)}
.video-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .55s ease,filter .35s ease}
.video-slide:hover img{transform:scale(1.045)}
.video-slide .video-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02) 28%,rgba(0,0,0,.15) 48%,rgba(0,0,0,.82) 100%);z-index:1}
.video-slide .play{position:absolute;left:20px;top:20px;bottom:auto;width:46px;height:46px;border-radius:50%;background:#fff;color:#ff7023;display:grid;place-items:center;z-index:3;box-shadow:0 10px 28px rgba(0,0,0,.18);transition:.25s}
.video-slide .play svg{width:19px;height:19px}
.video-slide:hover .play{background:#ff7023;color:#fff;transform:scale(1.04)}
.video-card-copy{position:absolute;z-index:3;left:20px;right:20px;bottom:18px}
.video-card-copy small{position:static;display:block;font-size:10px;line-height:1;text-transform:uppercase;letter-spacing:.14em;color:#ffb083;margin:0 0 7px;font-weight:800}
.video-card-copy strong{position:static;display:block;font-family:"Barlow Condensed",Inter,sans-serif;font-size:25px;line-height:1.03;text-transform:uppercase;letter-spacing:.01em;margin:0;color:#fff}
.video-showcase-note{display:flex;align-items:center;gap:9px;margin-top:16px;color:rgba(255,255,255,.58);font-size:12px;font-weight:600}
.video-showcase-note svg{width:15px;height:15px;color:#ff8d4e}

@media(max-width:1100px){
  .video-slide{flex-basis:360px}
}
@media(max-width:820px){
  .video-showcase .section-top{align-items:flex-start}
  .video-head-actions{width:100%;justify-content:space-between}
  .video-slider-shell{margin-right:-16px;padding-right:16px}
  .video-slide{flex-basis:min(74vw,360px);border-radius:20px}
}
@media(max-width:560px){
  .video-head-actions{gap:12px}.video-head-actions .view-link{font-size:11px}
  .video-slider-controls{gap:7px}.video-slider-btn{width:42px;height:42px}
  .video-slider-shell{margin-right:-12px;padding-right:12px}
  .video-slider{gap:12px}
  .video-slide{flex-basis:84vw;max-width:340px;border-radius:18px}
  .video-slide .play{left:15px;top:15px;width:42px;height:42px}
  .video-card-copy{left:16px;right:16px;bottom:15px}.video-card-copy strong{font-size:22px}.video-card-copy small{font-size:9px}
  .video-showcase-note{font-size:11px;line-height:1.5}
}
@media(prefers-reduced-motion:reduce){.rcw-home-brands .brand-slider,.video-slider{scroll-behavior:auto}.brand-card img,.video-slide img{transition:none}}


/* RC Warrior V31 — Orange YouTube showcase theme */
.video-showcase.cinema{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:#ff7023;
  color:#fff;
}
.video-showcase.cinema:before{
  content:"";
  position:absolute;
  width:310px;
  height:310px;
  border:62px solid rgba(255,255,255,.11);
  border-radius:50%;
  right:9%;
  top:-185px;
  pointer-events:none;
  z-index:0;
}
.video-showcase.cinema:after{
  content:"";
  position:absolute;
  width:130px;
  height:130px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:50%;
  left:-48px;
  bottom:38px;
  pointer-events:none;
  z-index:0;
}
.video-showcase.cinema>.container{position:relative;z-index:1}
.video-showcase.cinema .section-label{color:rgba(255,255,255,.82)}
.video-showcase.cinema .section-top p{color:rgba(255,255,255,.84)}
.video-showcase.cinema .view-link{color:#fff}
.video-showcase.cinema .video-slider-btn{border-color:rgba(255,255,255,.42);background:rgba(255,255,255,.14);color:#fff}
.video-showcase.cinema .video-slider-btn:hover{background:#fff;color:#0c2029;border-color:#fff}
.video-showcase.cinema .video-slide{background:#111315;box-shadow:0 18px 44px rgba(102,34,0,.22)}
.video-showcase.cinema .video-card-copy small{color:#ffc9aa}
.video-showcase.cinema .video-showcase-note{color:rgba(255,255,255,.82)}
.video-showcase.cinema .video-showcase-note svg{color:#fff}
@media(max-width:700px){
  .video-showcase.cinema:before{width:230px;height:230px;border-width:46px;right:-70px;top:-132px}
  .video-showcase.cinema:after{width:92px;height:92px;left:-46px;bottom:24px}
}
