/* wecan-carousel.css - final responsive rules with mobile=1 */
.wecan-carousel-root { max-width:1180px; margin:18px auto; padding:6px; font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, Arial; color:#1f2d3a; }
.wecan-carousel-root .wecan-carousel-container{ position:relative; padding:12px; }
.wecan-carousel-root .viewport{ overflow:hidden; border-radius:12px; }
.wecan-carousel-root .track{ display:flex; gap:18px; transition:transform .45s cubic-bezier(.22,.9,.27,1); padding:10px; }
.wecan-carousel-root .card{ background:#fff; border-radius:10px; box-shadow:0 8px 20px rgba(27,38,49,0.06); min-width:0; overflow:hidden; }
.wecan-carousel-root .thumb{ position:relative; padding-top:56.25%; background:#f6f7f9; overflow:hidden; cursor:pointer; }
.wecan-carousel-root .thumb img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; }
.wecan-carousel-root .play{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:rgba(255,255,255,0.96); border-radius:999px; padding:10px; border:1px solid rgba(0,0,0,0.06); display:flex; align-items:center; justify-content:center; }
.wecan-carousel-root .meta{ padding:10px 12px 14px; color:#1f2d3a; }
.wecan-carousel-root .meta h4{ margin:0; font-size:1rem; }
.wecan-carousel-root .meta p{ margin:6px 0 0; font-size:0.86rem; color:#6b7785; }

/* nav buttons scoped */
.wecan-carousel-root .wecan-carousel-container .nav{ position:absolute; top:50%; transform:translateY(-50%); width:34px; height:34px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:#fff; border:1px solid rgba(16,24,32,0.06); cursor:pointer; box-shadow:0 6px 18px rgba(16,24,32,0.06); }
.wecan-carousel-root .wecan-carousel-container .nav-left{ left:6px; }
.wecan-carousel-root .wecan-carousel-container .nav-right{ right:6px; }
.wecan-carousel-root .dots{ display:flex; gap:8px; justify-content:center; margin-top:12px; }
.wecan-carousel-root .dot{ width:8px; height:8px; border-radius:999px; background:rgba(16,24,32,0.12); cursor:pointer; border:1px solid rgba(0,0,0,0.04); }
.wecan-carousel-root .dot.active{ background:#0b6fb2; transform:scale(1.15); box-shadow:0 4px 10px rgba(11,111,178,0.12); }

/* marquee */
.wecan-carousel-root.wecan-marquee .marquee-frame{ overflow:hidden; border-radius:12px; padding:12px 6px; }
.wecan-carousel-root.wecan-marquee .marquee-strip{ display:flex; gap:14px; align-items:stretch; transition:transform 0.05s linear; will-change:transform; }
.wecan-carousel-root.wecan-marquee .card{ flex:0 0 calc((100% - (14px * 2)) / 3); }

/* Responsive breakpoints: tablet = 2, mobile = 1 */
@media (max-width: 1000px){
  .wecan-carousel-root.wecan-marquee .card{ flex:0 0 calc((100% - 14px) / 2); }
}
@media (max-width: 640px){
  .wecan-carousel-root.wecan-marquee .card{ flex:0 0 92%; } /* 1 per view */
  .wecan-carousel-root .wecan-carousel-container .nav{ width:32px; height:32px; }
  .wecan-carousel-root .meta{ padding:8px 10px 12px; }
}

/* ensure iframe containment */
.wecan-carousel-root .thumb{ position:relative; overflow:hidden; }
.wecan-carousel-root .thumb iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }