/* VATC Reviews Coverflow — CSS khớp NGUYÊN VĂN bản gốc, scope dưới .vatc-reviews */
.vatc-reviews{
  --maxw:1440px;
  --paper:#ffffff; --hair:#e4eaf3; --hair-2:#d4ddec;
  --blue:#1f73e8; --navy:#0c1d3a; --ink:#1b2a44; --muted:#5d6e88;
  --pink:#ff3d76; --soft:#eef3fb;
  --fd:'Montserrat',system-ui,sans-serif; --fb:'Roboto',system-ui,sans-serif;
  --ease:cubic-bezier(.2,.7,.2,1);
  position:relative; padding:16px 0;                 /* = .sec.sec--panel */
  font-family:var(--fb); color:var(--ink);
}
.vatc-reviews *{box-sizing:border-box}

/* layout wrappers (nguyên văn) */
.vatc-reviews .wrap{max-width:var(--maxw);margin:0 auto;padding:0 40px}
.vatc-reviews .panel{position:relative;background:var(--paper);border:1px solid var(--hair);border-radius:30px;box-shadow:0 34px 70px -44px rgba(20,49,94,.5);padding:clamp(36px,4.5vw,62px) clamp(22px,4vw,60px);overflow:hidden}

/* section head (nguyên văn) */
.vatc-reviews .shead{text-align:center;position:relative;margin-bottom:40px}
.vatc-reviews .shead h2{font-family:var(--fd);font-weight:800;font-size:clamp(28px,3.1vw,42px);color:var(--blue);text-transform:uppercase;letter-spacing:.005em;line-height:1.12;margin:0}
.vatc-reviews .shead p{color:var(--muted);font-size:18px;max-width:760px;margin:10px auto 0;line-height:1.5}

/* coverflow (nguyên văn) */
.vatc-reviews .vcoverflow{position:relative;z-index:2;margin-top:10px}
.vatc-reviews .vstage{position:relative;height:clamp(340px,40vw,560px)}

.vatc-reviews .vslide{position:absolute;top:50%;left:50%;width:min(800px,62%);opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.66);transition:transform .55s var(--ease),opacity .55s var(--ease);margin:0}
.vatc-reviews .vslide .vthumb{position:relative;aspect-ratio:16/9;overflow:hidden;cursor:pointer;background:#0b1c38;border-radius:20px;border:4px solid #fff;box-shadow:0 36px 66px -34px rgba(12,29,58,.65)}
.vatc-reviews .vslide .vthumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease)}
.vatc-reviews .vslide .vthumb::before{content:"";position:absolute;inset:0;background:rgba(11,28,56,.18);transition:.3s}
.vatc-reviews .vslide .vplay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:66px;height:66px;border-radius:50%;background:rgba(255,255,255,.95);box-shadow:0 10px 24px -8px rgba(0,0,0,.6);z-index:2;transition:.2s}
.vatc-reviews .vslide .vplay::after{content:"";position:absolute;top:50%;left:54%;transform:translate(-50%,-50%);border-left:20px solid var(--pink);border-top:12px solid transparent;border-bottom:12px solid transparent}
.vatc-reviews .vslide .vcap{padding:16px 8px 0;font-size:15.5px;font-weight:600;color:var(--navy);line-height:1.4;text-align:center;opacity:0;transition:.4s var(--ease)}
.vatc-reviews .vslide iframe,
.vatc-reviews .vslide video{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:16px;background:#000}

.vatc-reviews .vslide.is-center{opacity:1;z-index:4;transform:translate(-50%,-50%) scale(1);pointer-events:auto}
.vatc-reviews .vslide.is-center .vcap{opacity:1}
.vatc-reviews .vslide.is-center .vthumb:hover img{transform:scale(1.05)}
.vatc-reviews .vslide.is-center .vthumb:hover::before{background:rgba(11,28,56,.06)}
.vatc-reviews .vslide.is-center .vthumb:hover .vplay{transform:translate(-50%,-50%) scale(1.08)}
.vatc-reviews .vslide.is-left{opacity:.5;z-index:2;transform:translate(-96%,-50%) scale(.74);pointer-events:auto;cursor:pointer}
.vatc-reviews .vslide.is-right{opacity:.5;z-index:2;transform:translate(-4%,-50%) scale(.74);pointer-events:auto;cursor:pointer}
.vatc-reviews .vslide.is-left .vthumb::before,
.vatc-reviews .vslide.is-right .vthumb::before{background:rgba(8,18,38,.5)}
.vatc-reviews .vslide.is-left .vplay,
.vatc-reviews .vslide.is-right .vplay{width:52px;height:52px}

/* nav buttons (nguyên văn) */
.vatc-reviews .vnav{position:absolute;top:50%;transform:translateY(-50%);z-index:8;width:58px;height:58px;border:none;border-radius:50%;background:linear-gradient(160deg,#ff6a93,#ff2d6c);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 16px 30px -12px rgba(232,30,92,.7);transition:.18s var(--ease)}
.vatc-reviews .vnav:hover{transform:translateY(-50%) scale(1.08)}
.vatc-reviews .vnav svg{width:26px;height:26px}
.vatc-reviews .vnav.prev{left:calc(15% - 29px)}
.vatc-reviews .vnav.next{right:calc(15% - 29px)}

/* dots + hint (nguyên văn) */
.vatc-reviews .vdots{display:flex;gap:9px;justify-content:center;margin-top:26px}
.vatc-reviews .vdots button{width:9px;height:9px;border-radius:50%;border:none;background:var(--hair-2);cursor:pointer;padding:0;transition:.2s var(--ease)}
.vatc-reviews .vdots button.on{background:var(--pink);width:26px;border-radius:5px}
.vatc-reviews .vhint{text-align:center;margin-top:14px;font-size:14px;color:var(--muted);font-weight:600}

/* responsive (nguyên văn @920 + bù an toàn cho phone) */
@media (max-width:920px){
  .vatc-reviews .vslide{width:78%}
  .vatc-reviews .vslide.is-left{transform:translate(-118%,-50%) scale(.7);opacity:.32}
  .vatc-reviews .vslide.is-right{transform:translate(18%,-50%) scale(.7);opacity:.32}
}
@media (max-width:640px){
  .vatc-reviews .vcoverflow,.vatc-reviews .vstage{overflow:hidden}
  .vatc-reviews .vslide{width:92%}
  .vatc-reviews .vslide.is-left,.vatc-reviews .vslide.is-right{opacity:0!important;pointer-events:none!important;transform:translate(-50%,-50%) scale(.2)!important}
  .vatc-reviews .vnav{display:none}
  .vatc-reviews .vslide .vplay{width:56px;height:56px}
}