/* DaViet Beauty — "Đối tác chiến lược" trang chủ: 3 dòng logo chạy ngang (đi cùng 20-partners.js) */
body.home .elementor-element-1c4527cd.dvp-on > .elementor-widget-wrap > section { display: none !important; }

body.home .dvp-marquee {
  --dvp-k: 1; --dvp-gap: 64px; --dvp-row: 76px;
  width: 100%; padding: 26px 0; overflow: hidden;
  display: flex; flex-direction: column; gap: 14px;
}
body.home .dvp-row {
  overflow: hidden; height: var(--dvp-row);
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 9%, #000 91%, transparent 100%);
          mask-image: linear-gradient(90deg, transparent 0, #000 9%, #000 91%, transparent 100%);
}
body.home .dvp-track {
  display: flex; align-items: center; width: max-content; height: 100%;
  animation: dvp-scroll var(--dvp-dur, 45s) linear infinite;
  will-change: transform;
}
body.home .dvp-rev .dvp-track { animation-direction: reverse; }
body.home .dvp-row:hover .dvp-track { animation-play-state: paused; }

body.home .dvp-logo {
  flex: none; display: block;
  margin-right: var(--dvp-gap);
  width: calc(var(--w) * var(--dvp-k) * 1px);
  height: calc(var(--h) * var(--dvp-k) * 1px);
  background-repeat: no-repeat;
  background-size: calc(var(--bw) * var(--dvp-k) * 1px) auto;
  background-position: calc(var(--x) * var(--dvp-k) * -1px) calc(var(--y) * var(--dvp-k) * -1px);
  transition: filter .35s ease, opacity .35s ease, transform .35s ease;
}
@media (hover: hover) {
  body.home .dvp-logo { filter: none; opacity: 1; } /* owner 03/11: logo luôn có màu */
  body.home .dvp-logo:hover { filter: none; opacity: 1; transform: scale(1.06); }
}
@keyframes dvp-scroll { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(-50%, 0, 0); } }

@media (max-width: 767px) {
  body.home .dvp-marquee { --dvp-k: .62; --dvp-gap: 34px; --dvp-row: 50px; padding: 18px 0; gap: 10px; }
  body.home .dvp-row {
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 7%, #000 93%, transparent 100%);
            mask-image: linear-gradient(90deg, transparent 0, #000 7%, #000 93%, transparent 100%);
  }
}

/* Giảm chuyển động: 3 hàng đứng yên (máy nhỏ: vuốt ngang từng hàng), bỏ bản nhân đôi */
@media (prefers-reduced-motion: reduce) {
  body.home .dvp-marquee { --dvp-k: .6; --dvp-gap: 28px; }
  body.home .dvp-row { overflow-x: auto; overflow-y: hidden; -webkit-mask-image: none; mask-image: none; scrollbar-width: none; }
  body.home .dvp-row::-webkit-scrollbar { display: none; }
  body.home .dvp-track { animation: none; margin: 0 auto; padding: 0 16px; }
  body.home .dvp-logo { margin: 0 calc(var(--dvp-gap) / 2); }
  body.home .dvp-logo[aria-hidden="true"] { display: none; }
}
@media (prefers-reduced-motion: reduce) and (max-width: 767px) {
  body.home .dvp-marquee { --dvp-k: .55; --dvp-gap: 24px; }
}
