.product-video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:18px}
.product-video-grid:has(.product-video-card:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}
.product-video-card{display:grid;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(17,28,51,.9),rgba(10,18,34,.76));box-shadow:0 14px 38px rgba(0,0,0,.22);transition:transform .18s ease,border-color .18s ease}
.product-video-card:hover{transform:translateY(-3px);border-color:rgba(24,196,199,.44)}
.product-video-media{position:relative;aspect-ratio:16/9;background:#020617;overflow:hidden}
.product-video-media img{width:100%;height:100%;object-fit:cover}
.product-video-placeholder{width:100%;height:100%;display:grid;place-items:center;color:var(--muted);font-weight:800;background:linear-gradient(135deg,#101b31,#08333a)}
.product-video-play{position:absolute;inset:0;margin:auto;display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:rgba(255,255,255,.94);color:#2563eb;font-size:1.7rem;box-shadow:0 18px 44px rgba(0,0,0,.42)}
.product-video-copy{padding:22px}
.product-video-copy h2{margin:12px 0 0;font-size:1.2rem;line-height:1.55}
.product-video-copy p{margin:14px 0 0;color:var(--soft);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.product-video-detail .side-card p{color:var(--soft)}
.video-cta{display:inline-flex;margin-top:20px;padding:10px 16px;border-radius:999px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font-weight:800}
@media (max-width:1180px){.product-video-grid:has(.product-video-card:nth-child(3)){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){.product-video-grid,.product-video-grid:has(.product-video-card:nth-child(3)){grid-template-columns:1fr}.product-video-copy{padding:18px}}