/* ==================================================
   RESET / BASE
================================================== */
*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}
html{font-size:16px}
body{color:#111;line-height:1.5;font-size:17px;font-family:'Raleway',sans-serif}
.home-page,.content-pri{background:#fff}
a{color:inherit;text-decoration:none}
img,.img-responsive{display:block;max-width:100%;height:auto;margin:0 auto}
/* ======Hiệu ứng nhấn chạm====*/
a:focus{outline:none}
a:focus-visible{outline:2px solid #ff2d6f;outline-offset:2px}
a:hover{text-decoration:none}
a,button,input[type="submit"].submit{transition:transform 0.15s ease,box-shadow 0.15s ease;/* chuyển về 0.15s */}
/*:active có thể giữ nếu muốn cho fallback khi JS chưa load */
a:active,button:active,input[type="submit"]:active{transform:scale(0.97);box-shadow:0 2px 5px rgba(0,0,0,0.2) inset}
/*#End*/
li{list-style-type:none}
.hide{display:none}
.clearfix-10{width:100%;height:20px}
.clearfix-15{width:100%;height:15px;display:block;margin:5px 0;border-bottom:1px solid #dad5d5}
/* ---------- Media ---------- */
img,picture,svg{max-width:100%;height:auto;display:block;overflow:hidden}
.video-16-9 iframe{width:100%;aspect-ratio:16 / 9;height:auto}
.video-9-16 iframe{width:100%;aspect-ratio:9 / 16;height:auto}
.video-19-6 iframe{width:100%;aspect-ratio:19 / 6;height:auto}
iframe[src*="youtube"],iframe[src*="vimeo"]{width:100%;aspect-ratio:16 / 9;height:auto}
/* =====================================
VIDEO
===================================== */
.video-main{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;margin-bottom:16px;border-radius:8px;overflow:hidden}
.video-main:focus-within .overlay{opacity:0;visibility:hidden;pointer-events:none}
.video-placeholder{width:100%;height:100%}
.video-placeholder img{width:100%;height:100%;object-fit:cover;/* 🔥 QUAN TRỌNG NHẤT */
    display:block}
.video-main:hover .play{transform:translate(-50%,-50%) scale(1.1)}
.video-main .overlay{position:absolute;left:18px;right:18px;bottom:14px;color:#fff;z-index:2;transition:0.2s ease}
/* Khi click vào video hoặc iframe */
.video-main h4{margin:0 0 6px;font-size:16px;line-height:1.45}
.video-main small{font-size:12px}
.video-main:before{content:'';pointer-events:none;position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.72),rgba(0,0,0,.1));z-index:1}
/* play button */
.play-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:52px;color:#fff;z-index:2}
.play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:50px;color:#fff;background:none;border:none;pointer-events:none}
section.products-section{margin-bottom:30px}
/*Tạo khoảng cách giữa các section*/