/* Landing két Philips. Mọi selector nằm dưới .mlp để không đụng header/footer theme.
   Bán kính: nút = pill, thẻ = 16px, ô nhập = 10px. Một màu nhấn: xanh navy. */
.mlp, .mlp-head, .mlp-foot {
  --mlp-bg: #f3f4f6;
  --mlp-surface: #fdfdfd;
  --mlp-ink: #16191d;
  --mlp-muted: #565e69;
  --mlp-line: #dfe3e8;
  --mlp-accent: #0f3d7a;
  --mlp-accent-hover: #0b2f5f;
  --mlp-tint: #e6ecf4;
  --mlp-brand: #0b5ed7;  /* xanh brand cho header/footer/nhãn giảm giá (khách chốt 06/10) */
  --mlp-blue: #0b5ed7;   /* xanh Philips: chữ nhấn trong tiêu đề, nhãn thương hiệu */
  --mlp-title: #111;     /* màu tiêu đề section (khách chốt 05/10: đen #111) */
  --mlp-gb: #710e23;     /* đỏ đô thương hiệu Gia Bảo Luxhome (màu header theme) */
  --mlp-sticky: 0px;
  --mlp-ease: cubic-bezier(.16, 1, .3, 1);
  font-family: inherit;
  font-size: 16px;
  line-height: 1.55;
}
.mlp { background: var(--mlp-bg); color: var(--mlp-ink); overflow-x: clip; }
.mlp-head *, .mlp-foot * { box-sizing: border-box; }
.mlp *, .mlp *::before, .mlp *::after { box-sizing: border-box; }
.mlp :where(h1, h2, h3, p, ul, figure) { margin: 0; padding: 0; }
.mlp :where(ul) { list-style: none; }
.mlp a { color: inherit; text-decoration: none; }
.mlp img { display: block; max-width: 100%; height: auto; }

/* Container chung của landing: rộng tối đa 1360px (bằng container theme ở khổ lớn), đệm 15px hai bên mọi khổ màn. */
.mlp-container { width: 100%; max-width: 1360px; margin: 0 auto; padding: 0 15px; box-sizing: border-box; }

.mlp-h2, .mlp-gift__title {
  font-size: clamp(1.9em, 1.2em + 2.4vw, 3.1em); font-weight: 800; letter-spacing: -.03em; line-height: 1.1;
  color: var(--mlp-title); text-wrap: balance;
}
.mlp-h2 em, .mlp-gift__title em, .mlp-line__title em { font-style: normal; color: var(--mlp-blue); }
/* Nhãn thương hiệu trên tiêu đề: PHILIPS × GIA BẢO LUXHOME */
.mlp-kicker { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; font-size: .95em; font-weight: 700; letter-spacing: .08em; color: var(--mlp-gb); }
.mlp-kicker b { font-weight: 800; color: var(--mlp-blue); }
.mlp-kicker i { font-style: normal; font-weight: 400; color: #8aa0bf; letter-spacing: 0; }
.mlp-lead { margin-top: 12px; color: var(--mlp-muted); max-width: 80ch; }

/* Nút */
.mlp-btn {
  display: inline-flex; align-items: center; gap: 10px; white-space: nowrap;
  padding: 14px 26px; border-radius: 999px; font-weight: 600; font-size: 1em;
  transition: transform .25s var(--mlp-ease), background-color .25s var(--mlp-ease), box-shadow .25s var(--mlp-ease);
}
.mlp-btn:active { transform: translateY(1px) scale(.98); }
.mlp-btn--pri { background: var(--mlp-accent); color: #fdfdfd !important; box-shadow: 0 10px 24px -12px rgba(15, 61, 122, .7); }
.mlp-btn--pri:hover { background: var(--mlp-accent-hover); }
.mlp-btn--pri .ph { transition: transform .25s var(--mlp-ease); }
.mlp-btn--pri:hover .ph { transform: translateX(3px); }
.mlp-btn--ghost { color: var(--mlp-ink) !important; border: 1.5px solid var(--mlp-ink); }
.mlp-btn--ghost:hover { background: var(--mlp-ink); color: #fdfdfd !important; }

/* Hero: video toàn khung. Poster hiện ngay (LCP), iframe YouTube nạp sau và mờ dần vào. */
.mlp-hero {
  position: relative; isolation: isolate; overflow: hidden; background: #0c1118; color: #f4f6f9;
  min-height: min(100svh, 860px); display: flex; align-items: flex-end; text-align: center;
}
@media (min-width: 900px) { .mlp-hero { min-height: min(100svh, 900px); } }
.mlp-hero__media { position: absolute; inset: 0; z-index: -2; overflow: hidden; }
.mlp-hero__video { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; pointer-events: none; }
/* iOS chế độ tiết kiệm pin chặn autoplay thì vẽ nút Play to giữa khung: giấu đi, giữ poster tĩnh. */
.mlp-hero__video::-webkit-media-controls, .mlp-hero__video::-webkit-media-controls-start-playback-button,
.mlp-hero__video::-webkit-media-controls-overlay-play-button { display: none !important; -webkit-appearance: none; }
/* Lớp phủ: một lớp tối toàn khung + gradient đậm dần xuống đáy, nơi đặt chữ. */
.mlp-hero__shade {
  position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: linear-gradient(0deg, rgba(6, 10, 18, .88) 0%, rgba(6, 10, 18, .55) 38%, rgba(6, 10, 18, .1) 70%), rgba(6, 10, 18, .3);
}
.mlp-hero__copy { text-shadow: 0 2px 18px rgba(0, 0, 0, .35); }
.mlp-hero__inner { padding-top: 96px; padding-bottom: 56px; }
@media (min-width: 900px) { .mlp-hero__inner { padding-bottom: 72px; } }
.mlp-hero__copy { display: flex; flex-direction: column; align-items: center; }
.mlp-hero .mlp-eyebrow { color: #a9c3e6; }
.mlp-eyebrow { display: inline-block; font-size: .78em; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--mlp-accent); }
.mlp-hero__title { margin-top: 14px; font-size: clamp(2em, 1.1em + 2.8vw, 3.5em); font-weight: 800; letter-spacing: -.03em; line-height: 1.1; max-width: 24ch; margin-top: 0; color: #fbfcfd; text-wrap: balance; }
.mlp-hero__sub { margin-top: 14px; font-size: 1.12em; color: #dde4ee; max-width: 52ch; text-wrap: balance; }
.mlp-hero__cta { margin-top: 28px; display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
.mlp-btn--glass { color: #fbfcfd !important; border: 1.5px solid rgba(251, 252, 253, .55); background: rgba(251, 252, 253, .08); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
.mlp-btn--glass:hover { background: rgba(251, 252, 253, .2); }

/* Giới thiệu dạng kể chuyện (05/10, kiểu Buben & Zorweg/Cartier): nền tối điện ảnh,
   mỗi chương = chữ dính bên trái trong lúc ảnh dọc 4:5 cuộn qua bên phải. Không cần JS. */
.mlp-story {
  --s-ink: var(--mlp-title); --s-mute: #5b6470; --s-line: #d9dde3; --s-blue: var(--mlp-blue);
  position: relative; padding: 120px 0 110px; background: #f6f7f9; color: var(--s-ink);
}
.mlp-story::before { content: ""; position: absolute; inset: 0 0 auto; height: 520px; pointer-events: none;
  background: radial-gradient(60% 100% at 85% 0%, rgba(11, 94, 215, .07), transparent 70%); }
.mlp-story .mlp-h2 { color: var(--s-ink); max-width: 18ch; }
.mlp-story .mlp-h2 em { color: var(--s-blue); }
.mlp-story__head { position: relative; margin-bottom: 72px; }


/* Thanh dòng két dính */
.mlp-tabs {
  position: sticky; top: var(--mlp-sticky); z-index: 20;
  background: rgba(243, 244, 246, .92); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--mlp-line);
}
.mlp-tabs__track { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; padding-top: 10px; padding-bottom: 10px; scroll-snap-type: x proximity; }
.mlp-tabs__track::-webkit-scrollbar { display: none; }
.mlp-tabs__item {
  flex: 0 0 auto; scroll-snap-align: start; padding: 8px 16px; border-radius: 999px;
  font-weight: 600; font-size: .92em; color: var(--mlp-muted) !important; transition: background-color .2s, color .2s;
}
.mlp-tabs__item:hover { color: var(--mlp-ink) !important; background: var(--mlp-tint); }
.mlp-tabs__item.is-active { background: var(--mlp-accent); color: #fdfdfd !important; }
@media (min-width: 1100px) { .mlp-tabs__track { justify-content: center; } }

/* Phim Philips (bản sáng 05/10): khung phát + bảng thông tin, hàng thẻ chọn phim bên dưới */
.mlp-film { padding: 110px 0 100px; background: var(--mlp-surface); }
.mlp-film__top { margin-top: 44px; display: grid; gap: 28px; align-items: center; }
@media (min-width: 1024px) { .mlp-film__top { grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: 56px; } }
.mlp-film__stage {
  position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; padding: 0; border: 0; cursor: pointer;
  border-radius: 8px; overflow: hidden; background: #111; box-shadow: 0 50px 100px -60px rgba(17, 17, 17, .6);
}
.mlp-film__stage img { width: 100%; height: 100%; object-fit: cover; max-width: none; transition: transform 1.2s var(--mlp-ease); }
.mlp-film__stage:hover img { transform: scale(1.03); }
.mlp-film__stage::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(0,0,0,.28), rgba(0,0,0,0) 45%); pointer-events: none; }
.mlp-film__stage iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; z-index: 2; }
.mlp-film__play {
  position: absolute; left: 32px; bottom: 28px; z-index: 1; display: inline-flex; align-items: center; justify-content: center;
  width: 76px; height: 76px; border-radius: 999px; font-size: 28px; color: #111; background: rgba(255, 255, 255, .95);
  transition: transform .4s var(--mlp-ease), box-shadow .4s;
}
.mlp-film__stage:hover .mlp-film__play { transform: scale(1.08); box-shadow: 0 0 0 12px rgba(255, 255, 255, .22); }
.mlp-film__info { display: grid; gap: 16px; align-content: center; }
.mlp-film__tag, .mlp-film__ptag { justify-self: start; font-size: .78em; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--mlp-blue); }
.mlp-film__title { font-size: clamp(1.4em, 1.1em + 1vw, 2em); font-weight: 700; line-height: 1.2; letter-spacing: -.02em; color: var(--mlp-title); text-wrap: balance; }
.mlp-film__points { display: grid; gap: 12px; margin-top: 4px; }
.mlp-film__points li { display: flex; align-items: flex-start; gap: 12px; padding-bottom: 12px; border-bottom: 1px solid var(--mlp-line); color: #3d434b; font-size: .97em; }
.mlp-film__points .ph { flex: none; margin-top: 1px; font-size: 20px; color: var(--mlp-blue); }
.mlp-film__go { justify-self: start; margin-top: 8px; display: inline-flex; align-items: center; gap: 10px; font-weight: 700; color: var(--mlp-title) !important; padding-bottom: 6px; border-bottom: 2px solid var(--mlp-blue); transition: gap .3s var(--mlp-ease); }
.mlp-film__go:hover { gap: 14px; }
.mlp-film__src { font-size: .82em; color: var(--mlp-muted); }
.mlp-film__list { margin: 56px 0 0; padding: 0; list-style: none; display: grid; gap: 20px; grid-template-columns: repeat(5, minmax(0, 1fr)); }
.mlp-film__pick { width: 100%; padding: 0 0 14px; border: 0; border-bottom: 2px solid var(--mlp-line); background: none; text-align: left; cursor: pointer; font: inherit; color: inherit; display: grid; gap: 10px; transition: border-color .3s; }
.mlp-film__pick:hover { border-bottom-color: #9aa3af; }
.mlp-film__pick.is-active { border-bottom-color: var(--mlp-blue); }
.mlp-film__thumb { position: relative; display: block; aspect-ratio: 16 / 9; border-radius: 6px; overflow: hidden; background: #111; }
.mlp-film__thumb img { width: 100%; height: 100%; object-fit: cover; max-width: none; transition: transform .8s var(--mlp-ease), opacity .3s; opacity: .85; }
.mlp-film__pick:hover .mlp-film__thumb img, .mlp-film__pick.is-active .mlp-film__thumb img { opacity: 1; transform: scale(1.04); }
.mlp-film__len { position: absolute; right: 8px; bottom: 8px; padding: 2px 7px; border-radius: 4px; background: rgba(0, 0, 0, .72); color: #fdfdfd; font-size: .72em; font-weight: 600; }
.mlp-film__ptitle { font-size: .92em; font-weight: 600; line-height: 1.4; color: var(--mlp-title); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
@media (max-width: 1023px) {
  .mlp-film__list { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: min(60vw, 260px); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding-bottom: 4px; }
  .mlp-film__list::-webkit-scrollbar { display: none; }
  .mlp-film__list li { scroll-snap-align: start; }
}
@media (max-width: 767px) {
  .mlp-film { padding: 72px 0 64px; }
  .mlp-film__list { grid-auto-flow: row; grid-auto-columns: auto; grid-template-columns: minmax(0, 1fr); overflow: visible; gap: 14px; margin-top: 36px; }
  .mlp-film__pick { grid-template-columns: 120px minmax(0, 1fr); grid-template-rows: auto 1fr; column-gap: 14px; row-gap: 4px; align-items: start; }
  .mlp-film__thumb { grid-row: span 2; }
  .mlp-film__play { left: 16px; bottom: 14px; width: 52px; height: 52px; font-size: 20px; }
}

/* Cam kết: bento 5 ô */
.mlp-promise { padding: 72px 0; background: var(--mlp-surface); }
.mlp-promise .mlp-bento__cell:not(.mlp-bento__cell--lead):not(.mlp-bento__cell--tint) { background: var(--mlp-bg); border-color: transparent; }
.mlp-bento { margin-top: 32px; display: grid; gap: 12px; grid-template-columns: minmax(0, 1fr); }
.mlp-bento__cell {
  background: var(--mlp-surface); border: 1px solid var(--mlp-line); border-radius: 16px;
  padding: 24px; display: flex; flex-direction: column; gap: 8px; min-height: 150px;
}
.mlp-bento__cell .ph { font-size: 30px; color: var(--mlp-accent); margin-bottom: auto; padding-bottom: 18px; }
.mlp-bento__cell h3 { font-size: 1.12em; font-weight: 700; line-height: 1.3; letter-spacing: -.01em; }
.mlp-bento__cell p { color: var(--mlp-muted); font-size: .95em; }
.mlp-bento__cell--tint { background: var(--mlp-tint); border-color: transparent; }
.mlp-bento__cell--lead {
  background: linear-gradient(145deg, #12447f 0%, #0b2a54 100%); color: #f3f5f8; border-color: transparent;
}
.mlp-bento__cell--lead .ph { color: #c9d8ec; font-size: 40px; }
.mlp-bento__cell--lead h3 { font-size: clamp(1.4em, 1em + 1.2vw, 1.9em); text-wrap: balance; }
.mlp-bento__cell--lead p { color: #c9d4e2; }
@media (min-width: 640px) { .mlp-bento { grid-template-columns: repeat(2, minmax(0, 1fr)); } .mlp-bento__cell--lead { grid-column: span 2; } }
@media (min-width: 1024px) {
  .mlp-bento { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: auto auto; }
  .mlp-bento__cell--lead { grid-column: 1; grid-row: span 2; min-height: 320px; }
}

/* Chứng chỉ */
.mlp-cert { padding: 72px 0; background: var(--mlp-bg); }
.mlp-cert__scans { margin-top: 32px; display: grid; grid-auto-flow: column; grid-auto-columns: min(60vw, 220px); gap: 14px; overflow-x: auto; padding-bottom: 8px; }
.mlp-cert__scan { display: grid; gap: 8px; font-size: .88em; font-weight: 600; }
.mlp-cert__scan img { border-radius: 10px; border: 1px solid var(--mlp-line); aspect-ratio: 3 / 4; object-fit: cover; width: 100%; background: #fdfdfd; }
.mlp-cert__grid { margin-top: 32px; display: grid; gap: 12px; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 640px) { .mlp-cert__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .mlp-cert__card--ul { grid-column: 1 / -1; } }
@media (min-width: 1100px) { .mlp-cert__grid { grid-template-columns: minmax(0, 2fr) repeat(3, minmax(0, 1fr)); } .mlp-cert__card--ul { grid-column: auto; } }
.mlp-cert__card { border: 1px solid var(--mlp-line); border-radius: 16px; padding: 24px; background: var(--mlp-surface); display: flex; flex-direction: column; gap: 8px; }
.mlp-cert__card > .ph { font-size: 30px; color: var(--mlp-accent); margin-bottom: 10px; }
.mlp-cert__card h3 { font-size: 1.05em; font-weight: 700; line-height: 1.3; }
.mlp-cert__card p { font-size: .93em; color: var(--mlp-muted); }
.mlp-cert__card--ul { flex-direction: row; gap: 22px; align-items: flex-start; background: linear-gradient(150deg, #f7f9fc 0%, #e6ecf4 100%); border-color: #cfd9e7; }
.mlp-cert__card--ul h3 { font-size: 1.25em; }
.mlp-cert__seal {
  flex: none; width: 84px; height: 84px; border-radius: 999px; display: grid; place-content: center; text-align: center;
  color: var(--mlp-accent); border: 2px solid var(--mlp-accent); box-shadow: inset 0 0 0 5px #f7f9fc, inset 0 0 0 6px rgba(15, 61, 122, .35);
}
.mlp-cert__seal b { font-size: 1.6em; line-height: 1; font-weight: 800; }
.mlp-cert__seal small { font-size: .78em; font-weight: 700; letter-spacing: .08em; }
.mlp-cert__link { margin-top: 10px; display: inline-flex; gap: 6px; align-items: center; font-weight: 600; color: var(--mlp-accent) !important; }
.mlp-cert__link:hover { text-decoration: underline !important; }
.mlp-docs { margin-top: 24px; display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.mlp-docs__label { font-size: .9em; color: var(--mlp-muted); margin-right: 6px; }
.mlp-docs__item { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border-radius: 999px; border: 1px solid var(--mlp-line); font-size: .9em; font-weight: 600; transition: border-color .2s, color .2s; }
.mlp-docs__item:hover { border-color: var(--mlp-accent); color: var(--mlp-accent) !important; }
.mlp-docs__item .ph { font-size: 18px; color: #b42318; }

/* Video Shorts: carousel căn giữa, nút trước/sau */
/* Form CTA */
.mlp-cta { background: linear-gradient(160deg, #0f2f58 0%, #0a1f3b 100%); color: #eef2f7; padding: 72px 0; scroll-margin-top: calc(var(--mlp-sticky) + 56px); }
.mlp-cta__grid { display: grid; gap: 36px; align-items: start; }
@media (min-width: 960px) { .mlp-cta__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 64px; } }
.mlp-cta__title { font-size: clamp(1.7em, 1.1em + 1.8vw, 2.6em); font-weight: 800; letter-spacing: -.025em; line-height: 1.12; text-wrap: balance; }
.mlp-cta__copy > p { margin-top: 16px; color: #c3cedc; max-width: 46ch; }
.mlp-contact { margin-top: 28px; display: grid; gap: 14px; }
.mlp-contact li { display: flex; gap: 12px; align-items: flex-start; color: #dbe3ee; }
.mlp-contact .ph { font-size: 20px; color: #9fb6d6; margin-top: 2px; flex: none; }
.mlp-contact a { font-weight: 600; color: #fdfdfd !important; border-bottom: 1px solid rgba(253,253,253,.35); }
.mlp-contact a:hover { border-bottom-color: #fdfdfd; }

.mlp-form { background: var(--mlp-surface); color: var(--mlp-ink); border-radius: 16px; padding: 24px; box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .5); }
@media (min-width: 768px) { .mlp-form { padding: 36px; } }
.mlp-form .wpcf7-form > p, .mlp-form .wpcf7-form br { display: contents; }
.mlp-f { display: grid; gap: 18px; }
.mlp-f__row { display: grid; gap: 6px; }
.mlp-f__row label { font-weight: 600; font-size: .92em; color: var(--mlp-ink); }
.mlp-f__row label span { color: #b42318; }
.mlp-f__help { font-size: .82em; color: var(--mlp-muted); }
.mlp-form input[type="text"], .mlp-form input[type="tel"], .mlp-form select, .mlp-form textarea {
  width: 100%; font: inherit; font-size: 1em; color: var(--mlp-ink); background: #fdfdfd;
  border: 1.5px solid #c5ccd5; border-radius: 10px; padding: 12px 14px; transition: border-color .2s, box-shadow .2s;
  -webkit-appearance: none; appearance: none;
}
.mlp-form select {
  background-image: linear-gradient(45deg, transparent 50%, #565e69 50%), linear-gradient(135deg, #565e69 50%, transparent 50%);
  background-position: calc(100% - 20px) 50%, calc(100% - 15px) 50%; background-size: 5px 5px; background-repeat: no-repeat; padding-right: 40px;
}
.mlp-form textarea { min-height: 96px; resize: vertical; }
.mlp-form input::placeholder, .mlp-form textarea::placeholder { color: #6b737e; }
.mlp-form input:focus, .mlp-form select:focus, .mlp-form textarea:focus { outline: none; border-color: var(--mlp-accent); box-shadow: 0 0 0 3px rgba(15, 61, 122, .18); }
.mlp-form .wpcf7-not-valid { border-color: #b42318 !important; }
.mlp-form .wpcf7-not-valid-tip { font-size: .84em; color: #b42318; margin-top: 4px; }
.mlp-form .mlp-f__submit { width: 100%; justify-content: center; border: 0; cursor: pointer; font: inherit; font-weight: 700; }
.mlp-form .wpcf7-spinner { margin: 0 0 0 8px; }
.mlp-form .wpcf7-response-output { margin: 16px 0 0 !important; padding: 12px 14px !important; border-radius: 10px; font-size: .92em; }
.mlp-form .wpcf7 form.sent .wpcf7-response-output { border-color: #1b7f4b !important; background: #ecf7f0; color: #14532d; }
.mlp-form .wpcf7 form.invalid .wpcf7-response-output, .mlp-form .wpcf7 form.failed .wpcf7-response-output { border-color: #b42318 !important; background: #fdf0ef; color: #7a1a12; }
.mlp-form .mlp-f__note { font-size: .82em; color: var(--mlp-muted); text-align: center; }


/* Quà tặng (theo mockup khách duyệt 05/10): nền xanh rất nhạt + mảng chéo, thẻ trắng bo 20px, thẻ đầu nền xanh */
.mlp-gift {
  --g-blue: #0b5ed7; --g-deep: #0b3a8c; --g-ink: #0c2b5c; --g-soft: #e8f0fc; --g-line: #c9daf5;
  position: relative; isolation: isolate; overflow: hidden; padding: 72px 0 80px;
  background: linear-gradient(180deg, #f3f7fd 0%, #eef4fc 100%);
}
.mlp-gift::before, .mlp-gift::after { content: ""; position: absolute; z-index: -1; pointer-events: none; transform: rotate(-28deg); border-radius: 48px; }
.mlp-gift::before { top: -260px; right: -120px; width: 620px; height: 520px; background: linear-gradient(160deg, rgba(11, 94, 215, .16), rgba(11, 94, 215, 0) 70%); }
.mlp-gift::after { top: -120px; right: 180px; width: 340px; height: 520px; background: linear-gradient(160deg, rgba(11, 94, 215, .08), rgba(11, 94, 215, 0) 75%); }
.mlp-gift__title { margin-top: 0; }
.mlp-gift__sub { margin-top: 14px; color: #4b5a70; max-width: 80ch; }
.mlp-gift__grid { margin-top: 36px; display: grid; gap: 16px; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 680px) { .mlp-gift__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .mlp-gift__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; } }
.mlp-gift__card {
  display: flex; flex-direction: column; padding: 26px 24px; border-radius: 20px; background: #fdfeff; color: var(--g-ink);
  box-shadow: 0 1px 0 rgba(11, 58, 140, .04), 0 18px 40px -24px rgba(11, 58, 140, .35);
}
.mlp-gift__card--top { background: linear-gradient(160deg, #1468e0 0%, #0b45b0 55%, #0a3a96 100%); color: #f4f8ff; box-shadow: 0 30px 60px -30px rgba(11, 69, 176, .7); }
.mlp-gift__top { display: flex; align-items: center; gap: 14px; }
.mlp-gift__icon { flex: none; width: 58px; height: 58px; border-radius: 999px; display: grid; place-items: center; font-size: 28px; background: var(--g-soft); color: var(--g-blue); }
.mlp-gift__card--top .mlp-gift__icon { background: rgba(255, 255, 255, .95); }
.mlp-gift__value { font-size: clamp(1.35em, 1.05em + .8vw, 1.7em); font-weight: 800; letter-spacing: -.02em; line-height: 1.15; white-space: nowrap; color: var(--g-deep); }
.mlp-gift__card--top .mlp-gift__value { color: #fdfeff; }
/* 20/10: dòng ghi chú dưới giá trị quà ("Áp dụng khi mua hàng online"), ACF mlp_gift_note */
.mlp-gift__vbox { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.mlp-gift__note { font-size: .82em; font-weight: 500; line-height: 1.3; color: var(--mlp-muted); }
.mlp-gift__card--top .mlp-gift__note { color: rgba(253, 254, 255, .78); }
.mlp-gift__items { margin-top: 22px; display: grid; gap: 12px; }
.mlp-gift__items li { display: flex; align-items: flex-start; gap: 10px; font-size: .97em; line-height: 1.4; }
.mlp-gift__items .ph-fill { flex: none; font-size: 20px; color: var(--g-blue); margin-top: -1px; }
.mlp-gift__card--top .mlp-gift__items .ph-fill { color: #fdfeff; }
.mlp-gift__models { margin-top: auto; padding-top: 22px; }
.mlp-gift__models::before { content: ""; display: block; height: 1px; margin-bottom: 16px; background: var(--g-line); }
.mlp-gift__card--top .mlp-gift__models::before { background: rgba(255, 255, 255, .3); }
.mlp-gift__label { display: block; font-size: .88em; font-weight: 600; color: var(--g-blue); margin-bottom: 10px; }
.mlp-gift__card--top .mlp-gift__label { color: #d6e4fb; }
.mlp-gift__chips { display: flex; flex-wrap: wrap; gap: 8px; }
.mlp-gift__chips a { padding: 5px 13px; border-radius: 999px; border: 1.5px solid var(--g-line); background: #fdfeff; font-size: .84em; font-weight: 700; color: var(--g-ink) !important; white-space: nowrap; transition: border-color .2s, background-color .2s; }
.mlp-gift__chips a:hover { border-color: var(--g-blue); }
.mlp-gift__card--top .mlp-gift__chips a { background: transparent; border-color: rgba(255, 255, 255, .7); color: #fdfeff !important; }
.mlp-gift__card--top .mlp-gift__chips a:hover { background: rgba(255, 255, 255, .14); }

/* Hỏi đáp */
.mlp-faq { padding: 72px 0; background: var(--mlp-surface); }
.mlp-faq__grid { display: grid; gap: 28px; }
@media (min-width: 1024px) { .mlp-faq__grid { grid-template-columns: minmax(0, .8fr) minmax(0, 1.4fr); gap: 64px; align-items: start; } }
.mlp-faq .mlp-lead a { color: var(--mlp-accent) !important; font-weight: 600; }
.mlp-faq__list { display: grid; gap: 10px; }
.mlp-faq__item { border-radius: 14px; background: var(--mlp-bg); border: 1px solid transparent; transition: border-color .2s, background-color .2s; }
.mlp-faq__item[open] { background: var(--mlp-surface); border-color: var(--mlp-line); }
.mlp-faq__item summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; gap: 16px; align-items: center; padding: 18px 20px; font-weight: 700; }
.mlp-faq__item summary::-webkit-details-marker { display: none; }
.mlp-faq__item summary .ph { flex: none; font-size: 18px; color: var(--mlp-accent); transition: transform .25s var(--mlp-ease); }
.mlp-faq__item[open] summary .ph { transform: rotate(45deg); }
.mlp-faq__item p { padding: 0 20px 18px; color: var(--mlp-muted); }

/* Thanh liên hệ dính đáy màn hình (mobile) */
.mlp-dock { display: none; }
@media (max-width: 767px) {
  .mlp-dock {
    position: fixed; left: 10px; right: 10px; bottom: calc(10px + env(safe-area-inset-bottom)); z-index: 90;
    display: grid; grid-template-columns: 1fr 1fr 1.6fr; gap: 6px; padding: 6px; border-radius: 18px;
    background: rgba(253, 253, 253, .94); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 12px 30px -10px rgba(10, 25, 50, .35); border: 1px solid var(--mlp-line);
    transition: transform .35s var(--mlp-ease), opacity .35s;
  }
  .mlp-dock.is-hidden { transform: translateY(130%); opacity: 0; pointer-events: none; }
  .mlp-dock__btn { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 12px 6px; border-radius: 13px; font-weight: 700; font-size: .92em; color: var(--mlp-ink) !important; }
  .mlp-dock__btn .ph { font-size: 20px; color: var(--mlp-accent); }
  .mlp-dock__btn--pri { background: var(--mlp-accent); color: #fdfdfd !important; }
  .mlp-dock__btn--pri .ph { color: #fdfdfd; }
  .mlp-foot { padding-bottom: 96px; }
}


/* Header riêng của landing: trong suốt trên banner, nền navy khi đã cuộn qua banner */
.mlp-head { position: fixed; top: 0; left: 0; right: 0; z-index: 100; color: #f4f7fb; transition: background-color .35s ease, box-shadow .35s ease, backdrop-filter .35s; background: linear-gradient(180deg, rgba(6, 10, 18, .55), rgba(6, 10, 18, 0)); }
.mlp-head.is-solid { background: rgba(10, 22, 44, .94); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 10px 30px -18px rgba(0, 0, 0, .6); }
.admin-bar .mlp-head { top: 32px; }
@media (max-width: 782px) { .admin-bar .mlp-head { top: 46px; } }
.mlp-head__in { display: flex; align-items: center; gap: 24px; height: 72px; }
.mlp-head__brand { flex: none; display: flex; align-items: center; gap: 16px; }
.mlp-head__logo { flex: none; display: block; }
.mlp-head__sep { width: 1px; height: 34px; background: rgba(255, 255, 255, .35); }
.mlp-head__philips { display: flex; align-items: center; gap: 10px; }
.mlp-head__shield { display: block; height: 38px; width: auto; max-width: none; }
.mlp-head__word { display: block; height: 18px; width: auto; max-width: none; }
.mlp-head__logo img { display: block; height: 44px; width: auto; max-width: none; }
.mlp-head__nav { display: none; margin: 0 auto; gap: 6px; }
.mlp-head__nav a { padding: 8px 14px; border-radius: 999px; font-weight: 600; font-size: .95em; color: #e6ecf5 !important; text-decoration: none; white-space: nowrap; transition: background-color .2s; }
.mlp-head__nav a:hover { background: rgba(255, 255, 255, .12); }
.mlp-head__act { margin-left: auto; display: flex; align-items: center; gap: 14px; }
.mlp-head__tel { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; color: #fdfdfd !important; text-decoration: none; white-space: nowrap; }
.mlp-head__tel .ph { font-size: 20px; }
.mlp-head__cta { padding: 11px 20px; font-size: .95em; }
@media (min-width: 1100px) { .mlp-head__nav { display: flex; } .mlp-head__act { margin-left: 0; } }
@media (max-width: 767px) {
  .mlp-head__in { height: 60px; }
  .mlp-head__logo img { height: 34px; }
  .mlp-head__brand { gap: 12px; }
  .mlp-head__sep { height: 28px; }
  .mlp-head__shield { height: 32px; }
  .mlp-head__word { display: none; }
  .mlp-head__cta { display: none; }
  .mlp-head__tel span { display: none; }
  .mlp-head__tel { width: 42px; height: 42px; justify-content: center; border-radius: 999px; border: 1.5px solid rgba(255, 255, 255, .45); }
}

/* Footer riêng */
.mlp-foot { position: relative; background: #081226; color: #b9c4d4; padding: 64px 0 32px; border-top: 1px solid rgba(255, 255, 255, .08); line-height: 1.6; }
.mlp-foot a { color: #e2e8f1 !important; text-decoration: none; }
.mlp-foot a:hover { color: #fdfdfd !important; text-decoration: underline; }
.mlp-foot__grid { display: grid; gap: 36px; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 768px) { .mlp-foot__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .mlp-foot__grid { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, .9fr); gap: 48px; } }
.mlp-foot__brand img { display: block; height: 52px; width: auto; max-width: none; }
.mlp-foot__brand p { margin: 18px 0 0; max-width: 36ch; font-size: .95em; }
.mlp-foot__social { margin-top: 18px; width: 42px; height: 42px; display: inline-grid !important; place-items: center; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .25); font-size: 20px; }
.mlp-foot__social:hover { text-decoration: none !important; background: rgba(255, 255, 255, .1); }
.mlp-foot__h { margin: 0 0 16px; font-size: .82em; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #fdfdfd; }
.mlp-foot__list { margin: 0; padding: 0; list-style: none; display: grid; gap: 12px; font-size: .95em; }
.mlp-foot__list li { display: flex; gap: 10px; align-items: flex-start; }
.mlp-foot__list .ph { flex: none; font-size: 18px; color: #8fb3e3; margin-top: 3px; }
.mlp-foot__list--plain { gap: 10px; }
.mlp-foot__legal { margin-top: 44px; padding-top: 22px; border-top: 1px solid rgba(255, 255, 255, .1); display: flex; flex-wrap: wrap; gap: 6px 28px; font-size: .88em; color: #8f9bb0; }
.mlp-foot__legal b { color: #d6dde8; font-weight: 600; }



/* Hiện dần khi cuộn tới (chỉ khi JS chạy và người dùng không tắt chuyển động) */
@media (prefers-reduced-motion: no-preference) {
  .mlp.js-reveal [data-reveal] { opacity: 0; transform: translateY(22px); transition: opacity .7s var(--mlp-ease), transform .7s var(--mlp-ease); transition-delay: calc(var(--i, 0) * 60ms); }
  .mlp.js-reveal [data-reveal].is-in { opacity: 1; transform: none; }
}

/* Neo menu header: chừa chỗ cho header cố định + thanh dòng két */
.mlp section[id] { scroll-margin-top: calc(var(--mlp-sticky) + 56px); }

/* =====================================================================
   NÂNG CẤP GIAO DIỆN (05/10, tham khảo nhóm Luxury trên Awwwards + Buben & Zorweg):
   dải chữ chạy, hé ảnh khi cuộn, parallax nhẹ, thẻ SP không viền + ánh sáng tụ,
   chữ mờ cỡ lớn sau tên dòng, ô cam kết có ảnh, quy trình có đường nối, lightbox.
   Mọi chuyển động chỉ chạy khi người dùng không bật giảm chuyển động.
   ===================================================================== */

/* Dải chữ chạy dưới banner */
.mlp-marquee { display: flex; overflow: hidden; background: var(--mlp-title); color: #e8eef7; padding: 18px 0; user-select: none; }
.mlp-marquee__track { flex: none; display: flex; align-items: center; gap: 28px; margin: 0; padding: 0 14px; list-style: none; }
.mlp-marquee__track li { white-space: nowrap; font-size: clamp(1em, .9em + .5vw, 1.35em); font-weight: 600; letter-spacing: .01em; }
.mlp-marquee__sep img { display: block; height: 22px; width: auto; max-width: none; }
@media (prefers-reduced-motion: no-preference) {
  .mlp-marquee__track { animation: mlp-marquee 38s linear infinite; }
  .mlp-marquee:hover .mlp-marquee__track { animation-play-state: paused; }
}
@keyframes mlp-marquee { to { transform: translateX(-100%); } }

/* Hé ảnh + tiêu đề trồi lên khi cuộn tới (đi kèm cơ chế data-reveal sẵn có) */
@media (prefers-reduced-motion: no-preference) {
  .mlp.js-reveal .mlp-h2, .mlp.js-reveal .mlp-line__title { transition: clip-path 1s var(--mlp-ease), transform 1s var(--mlp-ease); }
  .mlp.js-reveal [data-reveal]:not(.is-in) .mlp-h2, .mlp.js-reveal .mlp-h2[data-reveal]:not(.is-in),
  .mlp.js-reveal [data-reveal]:not(.is-in) .mlp-line__title { clip-path: inset(0 0 100% 0); transform: translateY(28px); }
  .mlp.js-reveal [data-reveal] .mlp-h2, .mlp.js-reveal .mlp-h2[data-reveal], .mlp.js-reveal [data-reveal] .mlp-line__title { clip-path: inset(-20% -5% -20% -5%); }

  .mlp.js-reveal .mlp-wall__open img, .mlp.js-reveal .mlp-film__stage img {
    transition: clip-path 1.2s var(--mlp-ease), transform 1.6s var(--mlp-ease);
  }
    .mlp.js-reveal [data-reveal]:not(.is-in) .mlp-wall__open img,
  .mlp.js-reveal [data-reveal]:not(.is-in) .mlp-film__stage img { clip-path: inset(100% 0 0 0); transform: scale(1.12); }
  .mlp.js-reveal [data-reveal] .mlp-wall__open img, .mlp.js-reveal [data-reveal] .mlp-film__stage img { clip-path: inset(0); }
}

/* Parallax nhẹ ảnh giới thiệu theo nhịp cuộn (CSS scroll-driven; trình duyệt chưa hỗ trợ thì ảnh đứng yên) */
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .mlp-cta__art { animation: mlp-par-art linear both; animation-timeline: view(); }
  }
}
@keyframes mlp-par-a { from { translate: 0 -5%; } to { translate: 0 5%; } }
@keyframes mlp-par-card { from { translate: 0 18%; } to { translate: 0 -12%; } }
@keyframes mlp-par-art { from { translate: 0 8%; } to { translate: 0 -8%; } }

/* Ô cam kết lớn: ảnh lắp đặt thật làm nền */
.mlp-bento__cell--lead { position: relative; isolation: isolate; overflow: hidden; }
.mlp-bento__bg { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; max-width: none; object-fit: cover; transition: transform 1.2s var(--mlp-ease); }
.mlp-bento__cell--lead::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(11, 42, 84, .55) 0%, rgba(11, 42, 84, .92) 70%); }
.mlp-bento__cell--lead:hover .mlp-bento__bg { transform: scale(1.05); }

/* Tường ảnh: nút phóng to */
.mlp-wall__open { position: relative; display: block; width: 100%; padding: 0; border: 0; background: none; cursor: zoom-in; border-radius: 14px; overflow: hidden; }
.mlp-wall__open img { transition: transform .8s var(--mlp-ease); }
.mlp-wall__open:hover img { transform: scale(1.04); }
/* Lightbox */
.mlp-lb { width: 100vw; height: 100dvh; max-width: none; max-height: none; margin: 0; padding: 0; border: 0; background: rgba(6, 10, 18, .94); color: #e8eef7; }
.mlp-lb[open] { display: grid; grid-template-columns: 64px minmax(0, 1fr) 64px; align-items: center; }
.mlp-lb::backdrop { background: rgba(6, 10, 18, .6); }
.mlp-lb__fig { margin: 0; display: grid; justify-items: center; gap: 12px; padding: 56px 0 24px; }
.mlp-lb__fig img { max-width: 100%; max-height: calc(100dvh - 140px); width: auto; height: auto; border-radius: 12px; }
.mlp-lb__fig figcaption { font-weight: 600; }
.mlp-lb__close, .mlp-lb__nav { width: 48px; height: 48px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .3); background: rgba(255, 255, 255, .06); color: #fdfdfd; font-size: 22px; display: grid; place-items: center; cursor: pointer; justify-self: center; }
.mlp-lb__close { position: absolute; top: 16px; right: 16px; }
.mlp-lb__nav:hover, .mlp-lb__close:hover { background: rgba(255, 255, 255, .16); }
@media (max-width: 767px) { .mlp-lb[open] { grid-template-columns: 0 minmax(0, 1fr) 0; } .mlp-lb__nav { position: absolute; bottom: 20px; } .mlp-lb__nav[data-dir="-1"] { left: calc(50% - 60px); } .mlp-lb__nav[data-dir="1"] { left: calc(50% + 12px); } .mlp-lb__fig { padding: 64px 12px 90px; } }

/* Form: ảnh két Valis mờ phía sau, ánh sáng tụ */
.mlp-cta { position: relative; isolation: isolate; overflow: hidden; }
.mlp-cta::before { content: ""; position: absolute; z-index: -1; left: -10%; top: -30%; width: 60%; height: 120%; background: radial-gradient(closest-side, rgba(20, 104, 224, .28), transparent); pointer-events: none; }
.mlp-cta__art { position: absolute; z-index: -2; top: 0; right: 0; width: 62%; height: 100%; max-width: none; object-fit: cover; object-position: 30% 50%; opacity: .55; pointer-events: none;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 45%); mask-image: linear-gradient(90deg, transparent 0%, #000 45%); }
@media (max-width: 959px) { .mlp-cta__art { width: 100%; height: 45%; opacity: .35; -webkit-mask-image: linear-gradient(0deg, transparent, #000); mask-image: linear-gradient(0deg, transparent, #000); } }

/* Nút chính: vệt sáng lướt khi rê chuột */
.mlp-btn--pri { position: relative; overflow: hidden; isolation: isolate; }
.mlp-btn--pri::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(110deg, transparent 30%, rgba(255, 255, 255, .28) 50%, transparent 70%); transform: translateX(-120%); }
@media (prefers-reduced-motion: no-preference) { .mlp-btn--pri:hover::after { transition: transform .8s var(--mlp-ease); transform: translateX(120%); } }

/* Header gọn lại khi đã cuộn qua banner */
.mlp-head__in { transition: height .35s var(--mlp-ease); }
.mlp-head.is-solid .mlp-head__in { height: 64px; }
@media (max-width: 767px) { .mlp-head.is-solid .mlp-head__in { height: 56px; } }

/* ===== Section kể chuyện: bento (khách chốt phương án D 06/10) ===== */

/* D: bento bất đối xứng 7 ô, chữ trên lớp phủ tối chân ảnh */
.mlp-bnt { display: grid; gap: 14px; grid-template-columns: minmax(0, 1fr); }
.mlp-bnt__tile { min-height: 320px; }
@media (min-width: 640px) and (max-width: 899px) {
  .mlp-bnt { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mlp-bnt__tile--1, .mlp-bnt__tile--7 { grid-column: 1 / -1; }
}
@media (min-width: 900px) {
  .mlp-bnt { grid-template-columns: repeat(12, minmax(0, 1fr)); grid-auto-rows: 280px; gap: 16px; }
  .mlp-bnt__tile { min-height: 0; }
  .mlp-bnt__tile--1 { grid-column: span 7; grid-row: span 2; }
  .mlp-bnt__tile--2, .mlp-bnt__tile--3 { grid-column: span 5; }
  .mlp-bnt__tile--4, .mlp-bnt__tile--5, .mlp-bnt__tile--6 { grid-column: span 4; }
  .mlp-bnt__tile--7 { grid-column: span 12; }
}
.mlp-bnt__tile { position: relative; display: block; border-radius: 10px; overflow: hidden; background: #1a1c20; color: #f5f6f8 !important; text-decoration: none; isolation: isolate; }
.mlp .mlp-bnt__img { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; max-width: none; object-fit: cover; transition: transform 1.2s var(--mlp-ease); }
.mlp-bnt__tile--1 .mlp-bnt__img { object-position: 52% 50%; }
.mlp-bnt__tile--2 .mlp-bnt__img { object-position: 45% 40%; }
.mlp-bnt__tile--3 .mlp-bnt__img { object-position: 50% 12%; }
.mlp-bnt__tile--4 .mlp-bnt__img { object-position: 30% 50%; }
.mlp-bnt__tile::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(0deg, rgba(10, 10, 12, .82) 0%, rgba(10, 10, 12, .15) 55%, rgba(10, 10, 12, 0) 75%); }
.mlp-bnt__tile:hover .mlp-bnt__img { transform: scale(1.05); }
.mlp-bnt__body { position: absolute; left: 0; right: 64px; bottom: 0; padding: 26px; display: grid; gap: 8px; }
.mlp-bnt__tag { font-size: .76em; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #a9c8f5; }
.mlp-bnt__h { font-size: 1.2em; font-weight: 700; line-height: 1.25; letter-spacing: -.01em; color: #fbfcfd; }
.mlp-bnt__tile--1 .mlp-bnt__h { font-size: clamp(1.4em, 1em + 1.3vw, 2.2em); max-width: 18ch; }
.mlp-bnt__p { font-size: .93em; color: #d6dae0; line-height: 1.6; max-width: 48ch; }
.mlp-bnt__tile:not(.mlp-bnt__tile--1):not(.mlp-bnt__tile--7) .mlp-bnt__p { display: none; }
.mlp-bnt__tile--7 .mlp-bnt__img { object-position: 50% 30%; }
.mlp-bnt__tile--5 .mlp-bnt__img { object-position: 45% 40%; }
.mlp-bnt__arrow { position: absolute; right: 20px; bottom: 22px; width: 44px; height: 44px; border-radius: 999px; display: grid; place-items: center; font-size: 18px; color: #111; background: rgba(255, 255, 255, .92); transition: transform .4s var(--mlp-ease); }
.mlp-bnt__tile:hover .mlp-bnt__arrow { transform: rotate(45deg); }

.mlp.js-reveal .mlp-bnt__tile[data-reveal]:not(.is-in) { transform: none; }

/* =====================================================================
   9 DÒNG KÉT (làm lại 06/10): đầu dòng = tiêu đề + mô tả trái, số liệu + phim phải;
   thẻ SP: sân khấu ảnh ánh sáng tụ, icon tính năng, giá, quà, nút đầy ở chân thẻ.
   ===================================================================== */
.mlp-line { position: relative; padding: 96px 0; background: var(--mlp-surface); scroll-margin-top: calc(var(--mlp-sticky) + 64px); }
.mlp-line:nth-child(even) { background: #f6f7f9; }
.mlp-line + .mlp-line::before { content: ""; position: absolute; top: 0; left: 50%; width: min(1330px, calc(100% - 30px)); height: 1px; transform: translateX(-50%); background: var(--mlp-line); opacity: .7; }

.mlp-line__head { position: relative; isolation: isolate; display: grid; gap: 24px; margin-bottom: 44px; align-items: end; }
@media (min-width: 1024px) { .mlp-line__head { grid-template-columns: minmax(0, 1fr) auto; gap: 48px; } }
.mlp-line__mark {
  position: absolute; z-index: -1; left: -6px; top: -.62em; pointer-events: none; white-space: nowrap; text-transform: uppercase;
  font-size: clamp(3.6em, 2em + 7vw, 8.5em); font-weight: 800; letter-spacing: -.04em; line-height: 1;
  color: transparent; -webkit-text-stroke: 1px rgba(17, 17, 17, .08);
}
.mlp-line__title { font-size: clamp(1.9em, 1.2em + 2.2vw, 3em); font-weight: 800; letter-spacing: -.035em; line-height: 1.05; color: var(--mlp-title); }
.mlp-line__desc { margin-top: 14px; color: var(--mlp-muted); font-size: clamp(1.05em, .9em + .5vw, 1.2em); line-height: 1.65; max-width: 80ch; } /* 08/10: trước 1.05em, 58ch */
.mlp-line__aside { display: flex; flex-wrap: wrap; align-items: center; gap: 18px 28px; }
.mlp-line__facts { display: flex; margin: 0; }
.mlp-line__facts > div { margin: 0; padding: 0 24px; border-left: 1px solid var(--mlp-line); display: flex; flex-direction: column-reverse; gap: 4px; }
.mlp-line__facts > div:first-child { padding-left: 0; border-left: 0; }
.mlp-line__facts dt { font-size: .75em; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--mlp-muted); }
.mlp-line__facts dd { margin: 0; font-size: 1.35em; font-weight: 800; letter-spacing: -.02em; color: var(--mlp-title); white-space: nowrap; }
.mlp-line__film { display: inline-flex; align-items: center; gap: 10px; padding: 12px 20px 12px 14px; border-radius: 999px; font-weight: 700; font-size: .92em; color: var(--mlp-title) !important; background: var(--mlp-surface); border: 1px solid var(--mlp-line); transition: border-color .3s, box-shadow .3s; }
.mlp-line:nth-child(odd) .mlp-line__film { background: #f6f7f9; border-color: transparent; }
.mlp-line__film .ph-fill { font-size: 24px; color: var(--mlp-blue); }
.mlp-line__film:hover { border-color: var(--mlp-blue); box-shadow: 0 10px 24px -16px rgba(11, 94, 215, .6); }

/* Lưới thẻ: số cột theo số mẫu, không để ô trống */
.mlp-pcs { margin: 0; padding: 0; list-style: none; display: grid; gap: 14px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 768px) { .mlp-pcs { gap: 20px; grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1100px) {
  .mlp-pcs { gap: 22px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .mlp-pcs--n2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mlp-pcs--n3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .mlp-pcs--n5 { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; }
}
@media (min-width: 768px) and (max-width: 1099px) { .mlp-pcs--n2, .mlp-pcs--n4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

.mlp-pc { list-style: none; min-width: 0; }
.mlp-pc__link {
  position: relative; display: flex; flex-direction: column; height: 100%; padding: 10px; border-radius: 22px;
  background: var(--mlp-surface); border: 1px solid #e7eaee; color: inherit !important; text-decoration: none;
  transition: transform .5s var(--mlp-ease), box-shadow .5s var(--mlp-ease), border-color .4s;
}
.mlp-line:nth-child(even) .mlp-pc__link { border-color: transparent; box-shadow: 0 1px 0 rgba(17, 17, 17, .03); }
.mlp-pc__link:hover { transform: translateY(-6px); border-color: transparent; box-shadow: 0 40px 70px -40px rgba(17, 30, 55, .45); }

/* Sân khấu ảnh: nền sáng tụ giữa, bóng đổ dưới chân két */
.mlp-pc__stage {
  position: relative; display: block; aspect-ratio: 1 / 1; border-radius: 16px; overflow: hidden;
  background: radial-gradient(75% 65% at 50% 40%, #ffffff 0%, #f1f3f6 58%, #e5e9ef 100%);
}
.mlp-pc__stage::before { content: ""; position: absolute; left: 20%; right: 20%; bottom: 9%; height: 6%; border-radius: 50%; background: radial-gradient(closest-side, rgba(17, 17, 17, .2), transparent); transition: transform .6s var(--mlp-ease), opacity .6s; }
.mlp-pc__stage::after { content: ""; position: absolute; inset: 0; background: linear-gradient(115deg, transparent 35%, rgba(255, 255, 255, .55) 50%, transparent 65%); transform: translateX(-110%); pointer-events: none; }
.mlp-pc__stage img { position: relative; width: 100%; height: 100%; max-width: none; object-fit: contain; padding: 9%; transition: transform .7s var(--mlp-ease); }
.mlp-pc__link:hover .mlp-pc__stage img { transform: translateY(-3%) scale(1.04); }
.mlp-pc__link:hover .mlp-pc__stage::before { transform: scaleX(.85); opacity: .7; }
@media (prefers-reduced-motion: no-preference) { .mlp-pc__link:hover .mlp-pc__stage::after { transition: transform 1s var(--mlp-ease); transform: translateX(110%); } }
.mlp-pc__off { position: absolute; top: 12px; left: 12px; padding: 4px 10px; border-radius: 999px; background: var(--mlp-brand); color: #fdfdfd; font-size: .76em; font-weight: 700; letter-spacing: .02em; }

.mlp-pc__body { flex: 1; display: flex; flex-direction: column; padding: 18px 10px 8px; }
.mlp-pc__name { font-size: 1.12em; font-weight: 800; letter-spacing: -.015em; line-height: 1.25; color: var(--mlp-title); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mlp-pc__feats { margin-top: 12px; display: flex; flex-wrap: wrap; gap: 6px; }
.mlp-pc__feat { display: inline-flex; align-items: center; gap: 5px; padding: 4px 9px 4px 7px; border-radius: 8px; background: #f2f4f7; color: #3d434b; font-size: .76em; font-weight: 600; white-space: nowrap; }
.mlp-line:nth-child(even) .mlp-pc__feat { background: #f4f5f7; }
.mlp-pc__feat .ph { font-size: 15px; color: var(--mlp-blue); }
.mlp-pc__price { margin-top: 16px; display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; }
.mlp-pc__price strong { font-size: 1.32em; font-weight: 800; letter-spacing: -.02em; color: var(--mlp-title); }
.mlp-pc__price del { font-size: .86em; color: #8a929c; }
.mlp-pc__gift { margin-top: 10px; display: inline-flex; align-items: center; gap: 7px; font-size: .86em; font-weight: 600; color: var(--mlp-blue); }
.mlp-pc__gift .ph-fill { font-size: 17px; }
.mlp-pc__gift { white-space: nowrap; }
.mlp-pc__giftlbl-m { display: none; }
@media (max-width: 767px) { .mlp-pc__giftlbl { display: none; } .mlp-pc__giftlbl-m { display: inline; } }
.mlp-pc__cta {
  margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 10px;
  padding: 13px 16px; border-radius: 12px; border: 1.5px solid #e1e5ea; font-weight: 700; font-size: .92em; color: var(--mlp-title);
  transition: background-color .35s, border-color .35s, color .35s;
}
.mlp-pc__cta .ph { transition: transform .35s var(--mlp-ease); }
.mlp-pc__link:hover .mlp-pc__cta { background: var(--mlp-title); border-color: var(--mlp-title); color: #fdfdfd; }
.mlp-pc__link:hover .mlp-pc__cta .ph { transform: translateX(4px); }

@media (max-width: 767px) {
  .mlp-line { padding: 64px 0; }
  .mlp-line__head { margin-bottom: 28px; }
  .mlp-line__mark { font-size: 3.4em; top: -.5em; }
  .mlp-pc__link { padding: 6px; border-radius: 16px; }
  .mlp-pc__stage { border-radius: 12px; }
  .mlp-pc__body { padding: 12px 6px 4px; }
  .mlp-pc__name { font-size: .95em; }
  .mlp-pc__feat span { display: none; }
  .mlp-pc__feat { padding: 4px 6px; }
  .mlp-pc__price strong { font-size: 1.08em; }
  .mlp-pc__price del { font-size: .78em; }
  .mlp-pc__gift { font-size: .76em; }
  .mlp-pc__cta { padding: 10px 12px; font-size: .84em; border-radius: 10px; }
}

/* Slider cho mọi dòng két (khách chốt 06/10): cuộn ngang có snap, desktop đúng 4 thẻ/khung */
.mlp .mlp-pcs--slider {
  display: grid; grid-auto-flow: column; grid-template-columns: none; grid-auto-columns: min(72vw, 300px); gap: 14px;
  overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; overscroll-behavior-x: contain;
  scrollbar-width: none; padding: 4px 15px 30px; margin: -4px -15px -30px; scroll-padding-inline: 15px;
}
.mlp .mlp-pcs--slider::-webkit-scrollbar { display: none; }
.mlp .mlp-pcs--slider > .mlp-pc { scroll-snap-align: start; }
@media (min-width: 768px) { .mlp .mlp-pcs--slider { grid-auto-columns: calc((100% - 2 * 20px) / 2.4); gap: 20px; } }
@media (min-width: 1100px) { .mlp .mlp-pcs--slider { grid-auto-columns: calc((100% - 3 * 22px) / 4); gap: 22px; } }
/* thẻ rộng ra thì chữ tính năng hiện lại */
@media (min-width: 768px) { .mlp .mlp-pcs--slider .mlp-pc__feat span { display: inline; } .mlp .mlp-pcs--slider .mlp-pc__feat { padding: 4px 9px 4px 7px; } }
.mlp-pcs--slider.is-drag { scroll-snap-type: none; scroll-behavior: auto; cursor: grabbing; }
.mlp-pcs--slider.is-drag .mlp-pc__link { pointer-events: none; }

.mlp-pcnav { display: flex; gap: 10px; }
.mlp-pcnav__btn { width: 50px; height: 50px; border-radius: 999px; display: grid; place-items: center; font-size: 20px; cursor: pointer;
  color: var(--mlp-title); background: var(--mlp-surface); border: 1.5px solid #dfe3e8; transition: background-color .25s, color .25s, border-color .25s, transform .2s; }
.mlp-pcnav__btn:hover:not(:disabled) { background: var(--mlp-title); border-color: var(--mlp-title); color: #fdfdfd; }
.mlp-pcnav__btn:active:not(:disabled) { transform: scale(.94); }
.mlp-pcnav__btn:disabled { opacity: .35; cursor: default; }
@media (max-width: 767px) { .mlp-pcnav { display: none; } }

/* ===== Header/footer xanh brand + menu canh giữa tuyệt đối (06/10) ===== */
.mlp-head.is-solid { background: var(--mlp-brand); box-shadow: 0 12px 30px -20px rgba(11, 94, 215, .8); backdrop-filter: none; -webkit-backdrop-filter: none; }
.mlp-head__in { position: relative; }
@media (min-width: 1100px) {
  .mlp-head__nav { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); margin: 0; }
  .mlp-head__act { margin-left: auto; }
}
.mlp-head__nav a { color: #fdfdfd !important; }
.mlp-head__nav a:hover { background: rgba(255, 255, 255, .16); }
.mlp-head__sep { background: rgba(255, 255, 255, .45); }
/* nút báo giá trong header: trắng chữ xanh để nổi trên nền xanh */
.mlp-head .mlp-head__cta { background: #fdfdfd; color: var(--mlp-brand) !important; box-shadow: none; }
.mlp-head .mlp-head__cta:hover { background: #e8f0fc; }
/* khiên Philips: bản màu gốc trên banner, bản trắng khi header nền xanh (khiên xanh trên nền xanh sẽ chìm) */
.mlp-head__shield--w { display: none; }
.mlp-head.is-solid .mlp-head__shield { display: none; }
.mlp-head.is-solid .mlp-head__shield--w { display: block; }

.mlp-foot { background: var(--mlp-brand); color: #dfe9fb; border-top: 0; }
.mlp-foot a { color: #fdfdfd !important; }
.mlp-foot__list .ph { color: #cfe0fb; }
.mlp-foot__h { color: #fdfdfd; }
.mlp-foot__legal { border-top-color: rgba(255, 255, 255, .25); color: #cfe0fb; }
.mlp-foot__legal b { color: #fdfdfd; }
.mlp-foot__social { border-color: rgba(255, 255, 255, .5); }

/* Logo Gia Bảo: bản bạc gốc trên banner tối, bản trắng phẳng trên nền xanh brand (bạc trên xanh bị chìm) */
.mlp-head__lg--w { display: none !important; }
.mlp-head.is-solid .mlp-head__lg { display: none !important; }
.mlp-head.is-solid .mlp-head__lg--w { display: block !important; }

/* Danh sách phim: thẻ cao bằng nhau (theo thẻ cao nhất) để đường kẻ chân thẳng hàng dù tiêu đề 1 hay 2 dòng */
.mlp-film__list > li { display: flex; }
.mlp-film__pick { height: 100%; align-content: start; }

/* =====================================================================
   VIDEO LẮP ĐẶT (06/10): tường video dọc tràn mép phải, thẻ so le, xem trong cửa sổ riêng
   ===================================================================== */
.mlp-video { padding: 104px 0 96px; overflow: hidden; background: var(--mlp-surface); }
.mlp-video__head { display: flex; flex-wrap: wrap; gap: 24px; align-items: flex-end; justify-content: space-between; }
.mlp-rlnav { display: flex; align-items: center; gap: 10px; }
.mlp-rlnav__bar { width: 160px; height: 2px; margin-right: 14px; background: #e3e7ec; overflow: hidden; border-radius: 2px; }
.mlp-rlnav__bar i { display: block; height: 100%; width: 100%; background: var(--mlp-brand); transform-origin: left; transform: scaleX(var(--rl-p, .15)); transition: transform .25s linear; }
.mlp-rlnav__btn { width: 50px; height: 50px; border-radius: 999px; display: grid; place-items: center; font-size: 20px; cursor: pointer;
  color: var(--mlp-title); background: var(--mlp-surface); border: 1.5px solid #dfe3e8; transition: background-color .25s, color .25s, border-color .25s, transform .2s; }
.mlp-rlnav__btn:hover:not(:disabled) { background: var(--mlp-title); border-color: var(--mlp-title); color: #fdfdfd; }
.mlp-rlnav__btn:active:not(:disabled) { transform: scale(.94); }
.mlp-rlnav__btn:disabled { opacity: .35; cursor: default; }

/* dải thẻ: thẳng mép trái container, tràn tới mép phải màn hình */
.mlp-rl {
  --gut: max(15px, calc((100vw - 1360px) / 2 + 15px));
  margin: 48px 0 0; list-style: none; display: grid; grid-auto-flow: column; grid-auto-columns: 260px; gap: 20px; align-items: start;
  overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: var(--gut); scrollbar-width: none;
  padding: 10px var(--gut) 70px; scroll-behavior: smooth;
}
.mlp-rl::-webkit-scrollbar { display: none; }
.mlp-rl__item { scroll-snap-align: start; }
.mlp-rl__item:nth-child(even) { margin-top: 56px; }
.mlp-rl__card {
  position: relative; display: block; width: 100%; aspect-ratio: 9 / 16; padding: 0; border: 0; cursor: pointer; text-align: left;
  border-radius: 18px; overflow: hidden; background: #1a1c20; color: #fdfdfd; font: inherit;
  box-shadow: 0 30px 60px -40px rgba(17, 17, 17, .6); transition: transform .5s var(--mlp-ease), box-shadow .5s var(--mlp-ease);
}
.mlp-rl__card img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; transition: transform 1s var(--mlp-ease); }
.mlp-rl__card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(8, 10, 14, .82) 0%, rgba(8, 10, 14, .1) 42%, rgba(8, 10, 14, 0) 60%); }
.mlp-rl__card:hover { transform: translateY(-8px); box-shadow: 0 45px 80px -40px rgba(17, 17, 17, .7); }
.mlp-rl__card:hover img { transform: scale(1.06); }
.mlp-rl__card:focus-visible { outline: 3px solid var(--mlp-brand); outline-offset: 3px; }
.mlp-rl__play { position: absolute; z-index: 1; top: 14px; right: 14px; width: 44px; height: 44px; border-radius: 999px; display: grid; place-items: center; font-size: 17px;
  color: var(--mlp-title); background: rgba(255, 255, 255, .92); transition: transform .4s var(--mlp-ease), background-color .3s, color .3s; }
.mlp-rl__card:hover .mlp-rl__play { transform: scale(1.12); background: var(--mlp-brand); color: #fdfdfd; }
.mlp-rl__cap { position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; padding: 18px 18px 20px; display: grid; gap: 4px; }
.mlp-rl__kind { font-size: .7em; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #a9c8f5; }
.mlp-rl__name { font-size: 1.02em; font-weight: 700; line-height: 1.3; }
.mlp-rl__more-wrap { display: none; }

@media (max-width: 767px) {
  .mlp-video { padding: 72px 0 64px; }
  .mlp-rlnav { display: none; }
  .mlp-rl { display: grid; grid-auto-flow: row; grid-auto-columns: auto; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 12px;
    overflow: visible; scroll-snap-type: none; padding: 0 15px; margin-top: 32px; }
  .mlp-rl__item:nth-child(even) { margin-top: 0; }
  .mlp-rl__card { border-radius: 14px; }
  .mlp-rl__play { width: 32px; height: 32px; font-size: 13px; top: 10px; right: 10px; }
  .mlp-rl__cap { padding: 12px; }
  .mlp-rl__name { font-size: .88em; }
  .mlp-rl:not(.is-open) .mlp-rl__item:nth-child(n+5) { display: none; }
  .mlp-rl__more-wrap { display: flex; justify-content: center; margin-top: 22px; }
  .mlp-rl.is-open ~ .mlp-rl__more-wrap { display: none; }
  .mlp-rl__more { display: inline-flex; align-items: center; gap: 8px; padding: 12px 22px; border-radius: 999px; border: 1.5px solid var(--mlp-line); background: var(--mlp-surface); font: inherit; font-weight: 700; color: var(--mlp-ink); cursor: pointer; }
}
@media (max-width: 399px) {
  .mlp-rl { grid-template-columns: minmax(0, 1fr); }
  .mlp-rl:not(.is-open) .mlp-rl__item:nth-child(n+4) { display: none; }
  .mlp-rl__play { width: 38px; height: 38px; font-size: 15px; }
}

/* Cửa sổ xem video (gọn, 06/10): video dọc + cột thông tin 380px */
.mlp-vd { position: fixed; width: fit-content; max-width: calc(100vw - 32px); max-height: calc(100dvh - 32px); padding: 0; border: 0; border-radius: 18px; background: var(--mlp-surface); color: var(--mlp-ink); overflow: hidden; box-shadow: 0 40px 100px -30px rgba(0, 0, 0, .6); }
.mlp-vd::backdrop { background: rgba(8, 10, 14, .78); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
.mlp-vd__in { display: grid; grid-template-columns: auto 500px; } /* bố cục gốc, cột thông tin 380px → 500px (khách chốt 06/10) */
.mlp-vd__player { position: relative; height: min(72dvh, 620px); aspect-ratio: 9 / 16; background: #111; }
.mlp-vd__player iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.mlp-vd__info { display: flex; flex-direction: column; gap: 14px; padding: 34px 34px 30px; overflow-y: auto; max-height: min(72dvh, 620px); }
.mlp-vd__kind { display: flex; align-items: center; gap: 10px; font-size: .72em; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--mlp-brand); padding-right: 44px; }
.mlp-vd__name { font-size: 1.55em; font-weight: 800; letter-spacing: -.025em; line-height: 1.15; color: var(--mlp-title); }
.mlp-vd__desc { font-size: .92em; line-height: 1.6; color: var(--mlp-muted); }
.mlp-vd__desc:empty { display: none; }
.mlp-vd__specs { margin: 0; display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); border-top: 1px solid var(--mlp-line); border-bottom: 1px solid var(--mlp-line); }
.mlp-vd__specs[hidden] { display: none; }
.mlp-vd__spec { margin: 0; padding: 12px 0; display: flex; flex-direction: column-reverse; gap: 2px; }
.mlp-vd__spec + .mlp-vd__spec { padding-left: 16px; border-left: 1px solid var(--mlp-line); }
.mlp-vd__spec[hidden] { display: none; }
.mlp-vd__spec dt { font-size: .7em; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--mlp-muted); }
.mlp-vd__spec dd { margin: 0; font-size: 1.02em; font-weight: 800; color: var(--mlp-title); white-space: nowrap; }
.mlp-vd__feats { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 6px; }
.mlp-vd__feats li { display: inline-flex; align-items: center; gap: 5px; padding: 5px 10px 5px 8px; border-radius: 8px; background: #f2f4f7; font-size: .78em; font-weight: 600; color: #3d434b; }
.mlp-vd__feats .ph { font-size: 15px; color: var(--mlp-brand); }
.mlp-vd__buy { display: grid; gap: 6px; }
.mlp-vd__price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; }
.mlp-vd__price strong { font-size: 1.45em; font-weight: 800; letter-spacing: -.02em; color: var(--mlp-title); }
.mlp-vd__price del { font-size: .86em; color: #8a929c; }
.mlp-vd__off:not(:empty) { padding: 2px 8px; border-radius: 999px; background: var(--mlp-brand); color: #fdfdfd; font-size: .74em; font-weight: 700; }
.mlp-vd__gift { display: inline-flex; align-items: center; gap: 7px; color: var(--mlp-brand); font-weight: 600; font-size: .9em; }
.mlp-vd__gift[hidden] { display: none; }
.mlp-vd__acts { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.mlp-vd__acts .mlp-btn { justify-content: center; padding: 12px 14px; font-size: .9em; }
.mlp-vd__close, .mlp-vd__arrow { position: absolute; z-index: 2; width: 40px; height: 40px; border-radius: 999px; border: 1px solid #e3e7ec; background: var(--mlp-surface); font-size: 18px; display: grid; place-items: center; cursor: pointer; color: var(--mlp-title); transition: background-color .2s, color .2s, border-color .2s; }
.mlp-vd__close { top: 16px; right: 16px; }
/* nút chuyển video: hai bên mép khung video (rộng 500×9/16 ≈ 281px), không chiếm chỗ cột thông tin */
.mlp-vd__arrow { top: calc(50% - 20px); background: rgba(255, 255, 255, .9); border-color: transparent; }
.mlp-vd__arrow--prev { left: 10px; }
.mlp-vd__arrow--next { left: 231px; }
.mlp-vd__close:hover, .mlp-vd__arrow:hover { background: var(--mlp-title); border-color: var(--mlp-title); color: #fdfdfd; }
@media (max-width: 767px) {
  .mlp-vd { width: 100vw; max-width: 100vw; height: 100dvh; max-height: 100dvh; border-radius: 0; }
  .mlp-vd__in { grid-template-columns: minmax(0, 1fr); height: 100%; overflow-y: auto; }
  .mlp-vd__info { max-height: none; }
  .mlp-vd__player { height: 62dvh; width: auto; margin: 0 auto; }
  .mlp-vd__info { max-height: none; overflow: visible; padding: 18px 16px 90px; }
  .mlp-vd__close { background: rgba(255, 255, 255, .92); top: 12px; right: 12px; }
  /* nút chuyển video nằm hai bên giữa khung video, không đè lên chữ */
  .mlp-vd__arrow { top: calc(31dvh - 20px); bottom: auto; background: rgba(255, 255, 255, .9); border-color: transparent; }
  .mlp-vd__arrow--prev { right: auto; left: 10px; }
  .mlp-vd__arrow--next { left: auto; right: 10px; }
  .mlp-vd__info { padding-bottom: 28px; }
}

/* =====================================================================
   QUY TRÌNH MUA (06/10): timeline 4 mốc, đường xanh chạy khi cuộn tới + dải kêu gọi
   ===================================================================== */
.mlp-steps { padding: 104px 0 96px; background: #f6f7f9; }
.mlp-tl { position: relative; margin: 56px 0 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px; }
.mlp-tl::before, .mlp-tl::after { content: ""; position: absolute; left: 32px; right: calc((100% - 96px) / 4 - 32px); top: 31px; height: 2px; border-radius: 2px; } /* dừng đúng tâm mốc 4 */
.mlp-tl::before { background: #dfe3e8; }
.mlp-tl::after { background: linear-gradient(90deg, var(--mlp-brand), #6ea6f0); transform-origin: left; transform: scaleX(var(--tl-p, 1)); transition: transform 1.8s var(--mlp-ease); }
.mlp.js-reveal .mlp-tl:not(.is-drawn) { --tl-p: 0; }
.mlp-tl__step { position: relative; z-index: 1; }
.mlp-tl__node {
  width: 64px; height: 64px; border-radius: 999px; display: grid; place-items: center; font-size: 26px;
  background: var(--mlp-surface); color: var(--mlp-brand); border: 2px solid #dfe3e8;
  box-shadow: 0 0 0 8px #f6f7f9; transition: background-color .5s, color .5s, border-color .5s;
  transition-delay: calc(var(--k) * .35s + .2s);
}
.mlp-tl.is-drawn .mlp-tl__node, .mlp:not(.js-reveal) .mlp-tl__node { background: var(--mlp-brand); color: #fdfdfd; border-color: var(--mlp-brand); }
.mlp-tl__body { margin-top: 26px; }
.mlp-tl__no { display: block; font-size: .78em; font-weight: 800; letter-spacing: .12em; color: var(--mlp-brand); }
.mlp-tl__h { margin-top: 8px; font-size: 1.22em; font-weight: 800; letter-spacing: -.015em; line-height: 1.25; color: var(--mlp-title); }
.mlp-tl__p { margin-top: 8px; color: var(--mlp-muted); line-height: 1.65; max-width: 30ch; }
@media (prefers-reduced-motion: no-preference) {
  .mlp-tl__body { transition: opacity .7s var(--mlp-ease), transform .7s var(--mlp-ease); transition-delay: calc(var(--k) * .35s + .3s); }
  .mlp.js-reveal .mlp-tl:not(.is-drawn) .mlp-tl__body { opacity: 0; transform: translateY(16px); }
}
.mlp-tl__cta { margin-top: 64px; padding: 28px 32px; border-radius: 20px; background: var(--mlp-surface); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px 32px; box-shadow: 0 20px 50px -40px rgba(17, 30, 55, .5); }
.mlp-tl__cta p { font-size: 1.08em; color: var(--mlp-muted); }
.mlp-tl__cta b { color: var(--mlp-title); }
.mlp-tl__acts { display: flex; flex-wrap: wrap; gap: 10px; }
@media (max-width: 899px) {
  .mlp-steps { padding: 72px 0 64px; }
  .mlp-tl { grid-template-columns: minmax(0, 1fr); gap: 28px; margin-top: 36px; }
  .mlp-tl::before, .mlp-tl::after { left: 27px; right: auto; top: 28px; bottom: 28px; width: 2px; height: auto; }
  .mlp-tl::after { transform-origin: top; transform: scaleY(var(--tl-p, 1)); }
  .mlp-tl__step { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 18px; align-items: start; }
  .mlp-tl__node { width: 56px; height: 56px; font-size: 22px; }
  .mlp-tl__body { margin-top: 4px; }
  .mlp-tl__cta { margin-top: 40px; padding: 22px 18px; }
  .mlp-tl__acts { width: 100%; }
  .mlp-tl__acts .mlp-btn { flex: 1 1 auto; justify-content: center; }
}

/* =====================================================================
   KHÁCH HÀNG (06/10): cột trái đứng yên (tiêu đề + đánh giá lớn), cột phải ảnh 2 cột so le
   ===================================================================== */
.mlp-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.mlp-wall { padding: 104px 0 96px; background: var(--mlp-surface); }
.mlp-wall__wrap { display: grid; gap: 48px; }
@media (min-width: 1024px) { .mlp-wall__wrap { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 72px; align-items: start; } .mlp-wall__side { align-self: stretch; } .mlp-wall__sticky { position: sticky; top: calc(var(--mlp-sticky) + 96px); } }
.mlp-wall .mlp-lead { max-width: 46ch; }

.mlp-rv { position: relative; margin-top: 36px; padding: 34px 32px 26px; border-radius: 22px; background: #f6f7f9; }
.mlp-rv__mark { position: absolute; top: -20px; left: 28px; width: 46px; height: 46px; border-radius: 999px; display: grid; place-items: center; font-size: 22px; background: var(--mlp-brand); color: #fdfdfd; box-shadow: 0 12px 24px -12px rgba(11, 94, 215, .8); }
.mlp-rv__item { margin: 0; }
.mlp-rv__item[hidden] { display: none; }
@media (prefers-reduced-motion: no-preference) { .mlp-rv__item.is-active { animation: mlp-rv-in .6s var(--mlp-ease); } }
@keyframes mlp-rv-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.mlp-rv__q { margin: 0; padding: 0; border: 0; font-style: normal; font-size: clamp(1.15em, 1em + .5vw, 1.4em); font-weight: 600; line-height: 1.5; letter-spacing: -.01em; color: var(--mlp-title); }
.mlp-rv__by { margin-top: 22px; display: flex; align-items: center; gap: 12px; }
.mlp-rv__av { flex: none; width: 42px; height: 42px; border-radius: 999px; display: grid; place-items: center; font-weight: 800; color: var(--mlp-brand); background: #e3edfc; }
.mlp-rv__by b { display: block; color: var(--mlp-title); }
.mlp-rv__by small { display: block; font-size: .82em; color: var(--mlp-muted); }
.mlp-rv__stars { margin-left: auto; display: flex; gap: 2px; color: #e3a008; font-size: 15px; }
.mlp-rv__nav { margin-top: 22px; padding-top: 18px; border-top: 1px solid #e3e7ec; display: flex; align-items: center; gap: 12px; }
.mlp-rv__nav .mlp-rlnav__btn { width: 42px; height: 42px; font-size: 17px; }
.mlp-rv__count { font-size: .9em; color: var(--mlp-muted); }
.mlp-rv__count b { color: var(--mlp-title); }
.mlp-wall__go { margin-top: 28px; display: inline-flex; align-items: center; gap: 10px; font-weight: 700; color: var(--mlp-title) !important; padding-bottom: 6px; border-bottom: 2px solid var(--mlp-brand); transition: gap .3s var(--mlp-ease); }
.mlp-wall__go:hover { gap: 14px; }

.mlp-wall__photos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: start; }
.mlp-wall__col { margin: 0; padding: 0; list-style: none; display: grid; gap: 16px; }
.mlp-wall__col--1 { margin-top: 72px; }
.mlp-wall__item figure { margin: 0; }
.mlp-wall__open { border-radius: 18px; }
.mlp-wall__open img { display: block; width: 100%; height: auto; max-width: none; background: #e6e9ed; }
.mlp-wall__cap { position: absolute; left: 0; right: 0; bottom: 0; padding: 40px 16px 14px; display: flex; align-items: center; justify-content: space-between; gap: 10px; color: #fdfdfd; font-weight: 700; font-size: .92em; text-align: left;
  background: linear-gradient(0deg, rgba(8, 10, 14, .78), rgba(8, 10, 14, 0)); opacity: 0; transform: translateY(8px); transition: opacity .4s, transform .5s var(--mlp-ease); }
.mlp-wall__cap .ph { flex: none; width: 34px; height: 34px; border-radius: 999px; display: grid; place-items: center; background: rgba(255, 255, 255, .92); color: var(--mlp-title); font-size: 16px; }
.mlp-wall__open:hover .mlp-wall__cap, .mlp-wall__open:focus-visible .mlp-wall__cap { opacity: 1; transform: none; }
@media (hover: none) { .mlp-wall__cap { opacity: 1; transform: none; padding: 30px 10px 10px; font-size: .78em; } .mlp-wall__cap .ph { width: 28px; height: 28px; font-size: 13px; } }
.mlp-wall__more { display: none; }
@media (max-width: 767px) {
  .mlp-wall { padding: 72px 0 64px; }
  .mlp-wall__wrap { gap: 32px; }
  .mlp-rv { padding: 30px 20px 20px; }
  .mlp-wall__photos { gap: 10px; }
  .mlp-wall__col { gap: 10px; }
  .mlp-wall__col--1 { margin-top: 36px; }
  .mlp-wall__open { border-radius: 14px; }
  .mlp-wall__photos:not(.is-open) .mlp-wall__item--more { display: none; }
  .mlp-wall__more { grid-column: 1 / -1; justify-self: center; margin-top: 10px; display: inline-flex; align-items: center; gap: 8px; padding: 12px 22px; border-radius: 999px; border: 1.5px solid var(--mlp-line); background: var(--mlp-surface); font: inherit; font-weight: 700; color: var(--mlp-ink); cursor: pointer; }
  .mlp-wall__photos.is-open .mlp-wall__more { display: none; }
}

/* Thẻ SP: nút "Xem chi tiết" luôn ở chân thẻ (thẳng hàng giữa các thẻ dù số dòng tính năng khác nhau); hover không đổ bóng */
.mlp-pc__cta { margin-top: auto !important; }
.mlp-pc__price, .mlp-pc__gift { margin-bottom: 0; }
.mlp-pc__body > :nth-last-child(2) { margin-bottom: 18px; }
.mlp-pc__link:hover { box-shadow: none; border-color: #d5dbe3; }
.mlp-line:nth-child(even) .mlp-pc__link:hover { border-color: #d5dbe3; }

/* Chữ nhấn trong tiêu đề section: đỏ đô thương hiệu Gia Bảo (khách chốt 06/10) */
.mlp .mlp-h2 em, .mlp .mlp-gift__title em, .mlp .mlp-line__title em, .mlp-story .mlp-h2 em { color: var(--mlp-gb); }

/* Nút "Xem chi tiết" trên thẻ SP: hover sang đỏ đô Gia Bảo */
.mlp-pc__link:hover .mlp-pc__cta { background: var(--mlp-gb); border-color: var(--mlp-gb); color: #fdfdfd; }
/* Tiêu đề section "Không chỉ là két sắt": canh giữa */
.mlp-story__head { text-align: center; }
.mlp-story__head .mlp-kicker { justify-content: center; }
.mlp-story .mlp-h2 { margin-left: auto; margin-right: auto; }

/* Thẻ SP: bỏ nhấc theo trục Y khi hover (khách chốt 06/10), chỉ giữ ảnh phóng nhẹ */
.mlp-pc__link:hover { transform: none; }
.mlp-pc__link:hover .mlp-pc__stage img { transform: scale(1.04); }
/* Tag đồng thương hiệu Gia Bảo | Philips ở góc trên phải ảnh */
.mlp-pc__co { position: absolute; z-index: 1; top: 12px; right: 12px; display: inline-flex; align-items: center; gap: 8px; padding: 6px 10px; border-radius: 999px; background: rgba(255, 255, 255, .94); box-shadow: 0 4px 14px -8px rgba(17, 30, 55, .35); }
.mlp-pc__co img { display: block; width: auto; max-width: none; padding: 0; object-fit: initial; position: static; transform: none !important; }
.mlp-pc__co img:first-child { height: 17px; }
.mlp-pc__co img:last-child { height: 9px; }
.mlp-pc__co i { width: 1px; height: 14px; background: #d5dbe3; }
@media (max-width: 767px) {
  .mlp-pc__co { top: 8px; right: 8px; gap: 5px; padding: 4px 7px; }
  .mlp-pc__co img:first-child { height: 12px; }
  .mlp-pc__co img:last-child { height: 6px; }
  .mlp-pc__co i { height: 10px; }
}

/* Hai tag trên ảnh SP sát viền hơn (12px → 8px; mobile 8px → 6px) */
.mlp-pc__off { top: 8px; left: 8px; }
.mlp-pc__co { top: 8px; right: 8px; }
@media (max-width: 767px) { .mlp-pc__off { top: 6px; left: 6px; } .mlp-pc__co { top: 6px; right: 6px; } }

/* Header nền đỏ đô Gia Bảo khi đã cuộn qua banner (khách chốt 06/10). Logo + khiên vẫn dùng bản trắng. */
.mlp-head.is-solid { background: var(--mlp-gb); box-shadow: 0 12px 30px -20px rgba(113, 14, 35, .8); }
.mlp-head .mlp-head__cta { color: var(--mlp-gb) !important; }
.mlp-head .mlp-head__cta:hover { background: #f6e9ec; }


/* =====================================================================
   FORM BÁO GIÁ (06/10): tông đỏ đô Gia Bảo, ảnh Valis mờ phủ cả section
   ===================================================================== */
.mlp-cta { --c-red: #710e23; --c-deep: #3e0612; padding: 104px 0; color: #f6e9ec;
  background: radial-gradient(60% 80% at 15% 20%, #8c1530 0%, rgba(140, 21, 48, 0) 60%), linear-gradient(150deg, #5a0b1c 0%, #3e0612 100%); }
.mlp-cta::before { display: none; }
.mlp .mlp-cta__art { top: 0; right: 0; left: auto; bottom: 0; width: 60%; height: 100%; object-fit: cover; opacity: .28; mix-blend-mode: luminosity;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 55%); mask-image: linear-gradient(90deg, transparent, #000 55%); }
.mlp-cta__grid { align-items: center; }
.mlp-kicker--light { color: #f3c9d2; }
.mlp-kicker--light b { color: #fdfdfd; }
.mlp-kicker--light i { color: rgba(255,255,255,.5); }
.mlp-cta__title { color: #fdfdfd; font-size: clamp(2em, 1.2em + 2.6vw, 3.2em); max-width: 15ch; }
.mlp-cta__title em { font-style: normal; color: #ffb4c3; }
.mlp-cta__copy > p { color: #e8c9d0; font-size: 1.05em; }
.mlp-cta__perks { margin: 26px 0 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 8px; }
.mlp-cta__perks li { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 999px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.16); font-size: .88em; font-weight: 600; color: #fdfdfd; }
.mlp-cta__perks .ph { font-size: 17px; color: #ffb4c3; }
.mlp-cta__quick { margin-top: 28px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; max-width: 460px; }
.mlp-cta__chip { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-radius: 16px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.18); color: #fdfdfd !important; text-decoration: none; transition: background-color .3s, border-color .3s; }
.mlp-cta__chip:hover { background: rgba(255,255,255,.14); border-color: rgba(255,255,255,.35); }
.mlp-cta__chip .ph-fill { flex: none; width: 42px; height: 42px; border-radius: 999px; display: grid; place-items: center; font-size: 20px; background: rgba(255,255,255,.12); color: #fdfdfd; }
.mlp-cta__chip span { display: grid; font-weight: 800; font-size: 1.05em; line-height: 1.2; }
.mlp-cta__chip small { font-size: .68em; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #f3c9d2; }
.mlp-cta__chip--pri { background: #fdfdfd; border-color: #fdfdfd; color: var(--c-red) !important; }
.mlp-cta__chip--pri:hover { background: #fbeef1; }
.mlp-cta__chip--pri .ph-fill { background: var(--c-red); }
.mlp-cta__chip--pri small { color: #a0495c; }
.mlp-cta .mlp-contact { margin-top: 26px; gap: 10px; }
.mlp-cta .mlp-contact li { color: #e8c9d0; font-size: .92em; }
.mlp-cta .mlp-contact b { color: #fdfdfd; margin-right: 6px; }
.mlp-cta .mlp-contact .ph { color: #ffb4c3; }

.mlp-cta .mlp-form { border-radius: 24px; padding: 32px; box-shadow: 0 50px 100px -40px rgba(20, 0, 6, .7); border-top: 5px solid var(--c-red); }
.mlp-form__head { display: flex; align-items: center; gap: 14px; padding-bottom: 20px; margin-bottom: 22px; border-bottom: 1px solid var(--mlp-line); }
.mlp-form__ic { flex: none; width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; font-size: 22px; background: #fbeef1; color: var(--c-red); }
.mlp-form__head b { display: block; font-size: 1.15em; color: var(--mlp-title); }
.mlp-form__head small { display: block; font-size: .84em; color: var(--mlp-muted); }
.mlp-cta .mlp-form input:focus, .mlp-cta .mlp-form select:focus, .mlp-cta .mlp-form textarea:focus { border-color: var(--c-red); box-shadow: 0 0 0 3px rgba(113, 14, 35, .15); }
.mlp-cta .mlp-form .mlp-f__submit { background: var(--c-red); box-shadow: 0 14px 30px -14px rgba(113, 14, 35, .8); border-radius: 14px; padding: 16px; font-size: 1.02em; }
.mlp-cta .mlp-form .mlp-f__submit:hover { background: #5a0b1c; }
.mlp-cta .mlp-f__row label span { color: var(--c-red); }
@media (max-width: 767px) {
  .mlp-cta { padding: 72px 0; }
  .mlp .mlp-cta__art { width: 100%; height: 50%; opacity: .2; -webkit-mask-image: linear-gradient(0deg, transparent, #000); mask-image: linear-gradient(0deg, transparent, #000); }
  .mlp-cta .mlp-form { padding: 22px 18px; }
  .mlp-cta__chip { padding: 12px; gap: 10px; }
  .mlp-cta__chip .ph-fill { width: 36px; height: 36px; font-size: 17px; }
  .mlp-cta__chip span { font-size: .92em; }
}

/* =====================================================================
   FORM BÁO GIÁ v3 (06/10): thẻ chia đôi trên nền sáng, nửa ảnh phủ đỏ đô + nửa form trắng
   ===================================================================== */
.mlp-cta2 { padding: 104px 0; background: #f6f7f9; scroll-margin-top: calc(var(--mlp-sticky) + 40px); }
.mlp-cta2__card { display: grid; border-radius: 28px; overflow: hidden; background: var(--mlp-surface); box-shadow: 0 50px 100px -60px rgba(62, 6, 18, .55); }
@media (min-width: 1024px) { .mlp-cta2__card { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }
.mlp-cta2__art { position: relative; isolation: isolate; min-height: 560px; display: flex; align-items: flex-end; color: #fdfdfd; }
.mlp .mlp-cta2__img { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: 55% 50%; }
.mlp-cta2__art::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(10, 10, 12, .15) 0%, rgba(10, 10, 12, .55) 45%, rgba(10, 10, 12, .82) 100%); } /* đen nhẹ (khách chốt 06/10) */
.mlp-cta2__copy { padding: 44px 44px 40px; }
.mlp-cta2__title { margin-top: 12px; font-size: clamp(1.9em, 1.2em + 2.2vw, 2.9em); font-weight: 800; letter-spacing: -.03em; line-height: 1.08; color: #fdfdfd; max-width: 14ch; }
.mlp-cta2__title em { font-style: normal; color: #ffb4c3; }
.mlp-cta2__copy > p { color: #e6e7ea !important; }
.mlp-cta2__perks .ph { color: #fdfdfd !important; background: rgba(255, 255, 255, .16) !important; }
.mlp-cta2__tel small { color: #d6d8dc !important; }
.mlp-cta2__copy > p { margin-top: 14px; color: #f0d6dc; max-width: 42ch; line-height: 1.6; }
.mlp-cta2__perks { margin: 22px 0 0; padding: 0; list-style: none; display: grid; gap: 10px; }
.mlp-cta2__perks li { display: flex; align-items: center; gap: 10px; font-weight: 600; font-size: .95em; }
.mlp-cta2__perks .ph { width: 30px; height: 30px; border-radius: 999px; display: grid; place-items: center; font-size: 16px; background: rgba(255, 255, 255, .14); color: #ffb4c3; }
.mlp-cta2__contact { margin-top: 28px; padding-top: 22px; border-top: 1px solid rgba(255, 255, 255, .2); display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.mlp-cta2__tel { display: inline-flex; align-items: center; gap: 12px; color: #fdfdfd !important; text-decoration: none; }
.mlp-cta2__tel .ph-fill { width: 46px; height: 46px; border-radius: 999px; display: grid; place-items: center; font-size: 20px; background: #fdfdfd; color: var(--mlp-gb); }
.mlp-cta2__tel span { display: grid; font-size: 1.3em; font-weight: 800; letter-spacing: -.01em; line-height: 1.15; }
.mlp-cta2__tel small { font-size: .55em; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: #f3c9d2; }
.mlp-cta2__zalo { margin-left: auto; display: inline-flex; align-items: center; gap: 8px; padding: 11px 18px; border-radius: 999px; border: 1.5px solid rgba(255, 255, 255, .5); color: #fdfdfd !important; font-weight: 700; text-decoration: none; transition: background-color .3s; }
.mlp-cta2__zalo:hover { background: rgba(255, 255, 255, .14); }

.mlp-cta2__form.mlp-form { border-radius: 0; box-shadow: none; padding: 48px 48px 40px; background: var(--mlp-surface); }
.mlp-cta2__ftitle { font-size: 1.6em; font-weight: 800; letter-spacing: -.02em; color: var(--mlp-title); }
.mlp-cta2__fsub { margin: 8px 0 26px; font-size: .86em; color: var(--mlp-muted); line-height: 1.55; }
.mlp-cta2 .mlp-f { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 14px; }
.mlp-cta2 .mlp-f > * { grid-column: 1 / -1; }
.mlp-cta2 .mlp-f > .mlp-f__row:nth-child(1), .mlp-cta2 .mlp-f > .mlp-f__row:nth-child(2) { grid-column: auto; }
.mlp-cta2 .mlp-form input[type="text"], .mlp-cta2 .mlp-form input[type="tel"], .mlp-cta2 .mlp-form select, .mlp-cta2 .mlp-form textarea { background-color: #f6f7f9; border-color: transparent; border-radius: 12px; }
.mlp-cta2 .mlp-form input:focus, .mlp-cta2 .mlp-form select:focus, .mlp-cta2 .mlp-form textarea:focus { background-color: #fdfdfd; border-color: var(--mlp-gb); box-shadow: 0 0 0 3px rgba(113, 14, 35, .14); }
.mlp-cta2 .mlp-form textarea { min-height: 84px; }
.mlp-cta2 .mlp-f__row label span { color: var(--mlp-gb); }
.mlp-cta2 .mlp-form .mlp-f__submit { background: var(--mlp-gb); border-radius: 12px; padding: 16px; box-shadow: 0 14px 30px -16px rgba(113, 14, 35, .9); }
.mlp-cta2 .mlp-form .mlp-f__submit:hover { background: #5a0b1c; }
.mlp-cta2 .mlp-f__note { text-align: left; }
@media (max-width: 1023px) { .mlp-cta2__art { min-height: 440px; } }
@media (max-width: 767px) {
  .mlp-cta2 { padding: 64px 0; }
  .mlp-cta2__card { border-radius: 20px; }
  .mlp-cta2__art { min-height: 0; }
  .mlp-cta2__copy { padding: 120px 20px 26px; }
  .mlp-cta2__form.mlp-form { padding: 26px 18px 24px; }
  .mlp-cta2 .mlp-f { grid-template-columns: minmax(0, 1fr); }
  .mlp-cta2 .mlp-f > .mlp-f__row:nth-child(1), .mlp-cta2 .mlp-f > .mlp-f__row:nth-child(2) { grid-column: 1 / -1; }
  .mlp-cta2__zalo { margin-left: 0; }
}

/* Footer nền đỏ đô Gia Bảo, đồng bộ header (khách chốt 06/10) */
.mlp-foot { background: var(--mlp-gb); color: #f0d6dc; }
.mlp-foot__list .ph { color: #ffc2cf; }
.mlp-foot__legal { border-top-color: rgba(255, 255, 255, .22); color: #ecc7cf; }

/* Section form (06/10): chữ nhấn đỏ, nút chữ lớn hơn + không bóng, bo góc nhỏ lại */
.mlp-cta2 { --c2-red: var(--mlp-gb); } /* đỏ đô brand #710e23 (khách chốt 06/10) */
.mlp-cta2__title em { color: var(--c2-red); }
.mlp-cta2 .mlp-kicker--light { color: var(--c2-red); }
.mlp-cta2__card { border-radius: 12px; }
.mlp-cta2 .mlp-form input[type="text"], .mlp-cta2 .mlp-form input[type="tel"], .mlp-cta2 .mlp-form select, .mlp-cta2 .mlp-form textarea { border-radius: 6px; }
.mlp-cta2 .mlp-form .mlp-f__submit { border-radius: 6px; box-shadow: none; font-size: 1.12em; padding: 17px; }
.mlp-cta2__zalo { border-radius: 6px; font-size: 1.05em; padding: 12px 20px; }
.mlp-cta2__tel .ph-fill { border-radius: 6px; }
.mlp-cta2__perks .ph { border-radius: 6px !important; }
@media (max-width: 767px) { .mlp-cta2__card { border-radius: 10px; } }

/* Section form: tiêu đề trắng toàn bộ; tag đồng thương hiệu (giống thẻ SP) thay nhãn chữ */
.mlp-cta2__title em { color: #fdfdfd; }
.mlp .mlp-cta2__co { position: static; padding: 8px 14px; gap: 10px; box-shadow: none; }
.mlp .mlp-cta2__co img:first-child { height: 22px; }
.mlp .mlp-cta2__co img:last-child { height: 11px; }
.mlp .mlp-cta2__co i { height: 18px; }


/* Popup video: nút chuyển hai bên mép khung video (video cao min(72dvh,620px), rộng = cao × 9/16) */
@media (min-width: 768px) {
  .mlp-vd__arrow { top: calc(min(72dvh, 620px) / 2 - 20px); }
  .mlp-vd__arrow--prev { left: 12px; }
  .mlp-vd__arrow--next { left: calc(min(72dvh, 620px) * 9 / 16 - 52px); }
  .mlp-vd__acts { grid-template-columns: 1fr 1fr; }
}

/* Video lắp đặt: thẻ rộng 300px; tag đồng thương hiệu góc trên trái cho thẻ video + ảnh khách hàng */
.mlp-rl { grid-auto-columns: 300px; }
.mlp .mlp-co--tl { top: 12px; left: 12px; right: auto; z-index: 2; }
.mlp-wall__open .mlp-co--tl { top: 10px; left: 10px; }
@media (max-width: 767px) { .mlp .mlp-co--tl { top: 8px; left: 8px; } }

/* Hero: tag đối tác + hiệu ứng xuất hiện lần lượt (tag → tiêu đề → mô tả → nút) */
.mlp .mlp-hero__co { position: relative; top: auto; right: auto; margin-bottom: 22px; padding: 10px 18px; gap: 12px; overflow: hidden; box-shadow: 0 10px 30px -12px rgba(0, 0, 0, .5); }
.mlp .mlp-hero__co img:first-child { height: 26px; }
.mlp .mlp-hero__co img:last-child { height: 13px; }
.mlp .mlp-hero__co i { height: 20px; }
.mlp-hero__co::after { content: ""; position: absolute; inset: 0; background: linear-gradient(110deg, transparent 30%, rgba(255, 255, 255, .85) 50%, transparent 70%); transform: translateX(-130%); pointer-events: none; }
@media (max-width: 767px) {
  .mlp .mlp-hero__co { margin-bottom: 16px; padding: 8px 14px; }
  .mlp .mlp-hero__co img:first-child { height: 20px; }
  .mlp .mlp-hero__co img:last-child { height: 10px; }
}
@media (prefers-reduced-motion: no-preference) {
  .mlp-hero__co { animation: mlp-hero-pop .9s cubic-bezier(.2, 1.3, .4, 1) .2s both; }
  .mlp-hero__co::after { animation: mlp-hero-shine 1.4s var(--mlp-ease) 1.2s both, mlp-hero-shine 1.4s var(--mlp-ease) 7s infinite; }
  .mlp-hero__title { animation: mlp-hero-rise 1.1s var(--mlp-ease) .45s both; }
  .mlp-hero__sub { animation: mlp-hero-rise 1s var(--mlp-ease) .7s both; }
  .mlp-hero__cta { animation: mlp-hero-rise 1s var(--mlp-ease) .9s both; }
}
@keyframes mlp-hero-pop { from { opacity: 0; transform: translateY(14px) scale(.9); } to { opacity: 1; transform: none; } }
@keyframes mlp-hero-rise { from { opacity: 0; transform: translateY(28px); clip-path: inset(0 0 100% 0); } to { opacity: 1; transform: none; clip-path: inset(-20% -5% -20% -5%); } }
@keyframes mlp-hero-shine { from { transform: translateX(-130%); } to { transform: translateX(130%); } }

/* Cam kết: các ô thẳng nhịp (icon trên, chữ dưới), ô lớn icon trắng */
.mlp-bento__cell { justify-content: flex-start; }
.mlp-bento__cell .ph { margin-bottom: 0; padding-bottom: 0; }
.mlp-bento__cell h3 { margin-top: auto; padding-top: 22px; }
.mlp-bento__cell--lead .ph { color: #fdfdfd; }

/* Nhãn đánh giá mẫu (chỉ admin thấy) */
.mlp-rv__sample { display: inline-block; margin-bottom: 10px; padding: 3px 9px; border-radius: 4px; background: #fff4d6; color: #8a5a00; font-size: .72em; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.mlp-rv__item.is-sample .mlp-rv__q { color: #6b7280; font-style: italic; }

/* Đánh giá: nguồn dưới tên + điểm Google Maps cạnh nút chuyển */
.mlp-rv__by small { display: block; font-size: .8em; color: var(--mlp-muted); }
.mlp-rv__gm { margin-left: auto; order: 9; display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px; border-radius: 6px; background: var(--mlp-surface); border: 1px solid #e3e7ec; font-size: .88em; color: var(--mlp-title) !important; text-decoration: none; }
.mlp-rv__gm b { font-size: 1.05em; }
.mlp-rv__gm .ph-fill { color: #e3a008; }
.mlp-rv__gm:hover { border-color: var(--mlp-title); }

/* H1 banner dài hơn (06/10): nới khung để 2 dòng trên desktop */
@media (min-width: 900px) { .mlp-hero__title { max-width: 30ch; } }

/* Tiêu đề section bento dài hơn (06/10): nới khung, 2 dòng trên desktop */
.mlp-story .mlp-h2 { max-width: 26ch; }

/* =====================================================================
   POPUP VIDEO — sắp lại nội dung (06/10): đầu = nhãn + tên + giá + quà;
   giữa (cuộn được) = mô tả, thông số có icon, tính năng; chân dính = 2 nút
   ===================================================================== */
.mlp-vd__info { display: flex; flex-direction: column; gap: 0; padding: 0 !important; overflow: hidden !important; }
.mlp-vd__head { padding: 30px 30px 20px; border-bottom: 1px solid var(--mlp-line); display: grid; gap: 8px; }
.mlp-vd__kind { color: var(--mlp-gb); padding-right: 48px; }
.mlp-vd__name { font-size: 1.6em; }
.mlp-vd__price { margin-top: 6px; }
.mlp-vd__price strong { font-size: 1.55em; color: var(--mlp-title); }
.mlp-vd__off:not(:empty) { background: var(--mlp-gb); border-radius: 4px; }
.mlp-vd__gift { display: inline-flex; justify-self: start; gap: 8px; padding: 7px 12px; border-radius: 6px; background: #fbeef1; color: var(--mlp-gb); font-weight: 700; }
.mlp-vd__body { flex: 1; min-height: 0; overflow-y: auto; padding: 20px 30px; display: grid; align-content: start; gap: 16px; scrollbar-width: thin; }
.mlp-vd__desc { margin: 0; }
.mlp-vd__specs { border: 0 !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px; }
.mlp-vd__spec { display: grid !important; grid-template-columns: 34px minmax(0, 1fr); grid-template-rows: auto auto; column-gap: 10px; align-items: center; padding: 12px !important; border: 0 !important; border-radius: 8px; background: #f6f7f9; }
.mlp-vd__spec .ph { grid-row: span 2; width: 34px; height: 34px; border-radius: 6px; display: grid; place-items: center; font-size: 18px; background: #fdfdfd; color: var(--mlp-gb); }
.mlp-vd__spec dt { order: 2; }
.mlp-vd__spec dd { order: 1; }
.mlp-vd__feats li { border-radius: 6px; }
.mlp-vd__feats .ph { color: var(--mlp-gb); }
.mlp-vd__acts { margin: 0; padding: 16px 30px 22px; border-top: 1px solid var(--mlp-line); background: var(--mlp-surface); display: grid; grid-template-columns: 1.3fr 1fr; gap: 10px; }
.mlp-vd__acts .mlp-btn { border-radius: 8px; justify-content: center; box-shadow: none; }
.mlp-vd__go { background: var(--mlp-gb) !important; }
.mlp-vd__go:hover { background: #5a0b1c !important; }
@media (min-width: 768px) { .mlp-vd__info { height: min(72dvh, 620px); max-height: none !important; } }
@media (max-width: 767px) {
  .mlp-vd__info { overflow: visible !important; }
  .mlp-vd__head { padding: 18px 16px 14px; }
  .mlp-vd__body { overflow: visible; padding: 16px; }
  .mlp-vd__acts { position: sticky; bottom: 0; padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); }
  .mlp-vd__specs { grid-template-columns: minmax(0, 1fr) !important; }
}

/* Thẻ SP (06/10): nhãn giảm giá đỏ đô; hộp quà liệt kê đủ các món */
.mlp .mlp-pc__off { background: var(--mlp-gb); }
.mlp-pc__giftbox { margin: 12px 0 18px; padding: 12px 14px; border-radius: 8px; background: #fbeef1; display: grid; gap: 8px; }
.mlp .mlp-pc__giftbox .mlp-pc__gift { margin: 0; color: var(--mlp-gb); font-weight: 700; white-space: normal; }
.mlp-pc__gifts { display: grid; gap: 4px; }
.mlp-pc__gifts span { position: relative; padding-left: 14px; font-size: .84em; line-height: 1.4; color: #4a3036; }
.mlp-pc__gifts span::before { content: ""; position: absolute; left: 2px; top: .55em; width: 5px; height: 5px; border-radius: 50%; background: var(--mlp-gb); }
@media (max-width: 767px) { .mlp-pc__giftbox { padding: 10px; margin: 10px 0 14px; } .mlp-pc__gifts span { font-size: .78em; } }

/* =====================================================================
   MUA NGAY (06/10): nút trên thẻ SP + bảng đặt hàng trượt từ cạnh phải
   ===================================================================== */
.mlp-pc__stage, .mlp-pc__name { text-decoration: none; color: inherit; }

.mlp-pc__acts { margin-top: auto; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
.mlp-pc__buy { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 13px 14px; border: 0; border-radius: 8px; cursor: pointer;
  background: var(--mlp-gb); color: #fdfdfd !important; font: inherit; font-weight: 700; font-size: .95em; text-decoration: none; transition: background-color .25s; }
.mlp-pc__buy:hover { background: #5a0b1c; }
.mlp-pc__buy .ph { font-size: 18px; }
.mlp-pc__buy--off { background: #eef0f3; color: var(--mlp-title) !important; font-size: .85em; }
.mlp-pc__more { display: inline-flex; align-items: center; padding: 13px 14px; border-radius: 8px; border: 1.5px solid #e1e5ea; font-weight: 700; font-size: .9em; color: var(--mlp-title) !important; text-decoration: none; transition: border-color .25s; }
.mlp-pc__more:hover { border-color: var(--mlp-title); }
@media (max-width: 767px) { .mlp-pc__acts { grid-template-columns: minmax(0, 1fr); } .mlp-pc__buy, .mlp-pc__more { padding: 10px; font-size: .84em; justify-content: center; } }
.mlp-vd__buy .ph { font-size: 18px; }
.mlp-vd__buy { background: var(--mlp-gb) !important; border: 0; cursor: pointer; font: inherit; font-weight: 700; color: #fdfdfd; }
.mlp-vd__buy:hover { background: #5a0b1c !important; }
.mlp-vd .mlp-vd__go { background: transparent !important; color: var(--mlp-title) !important; }

/* Bảng đặt hàng */
.mlp-ck { position: fixed; inset: 0 0 0 auto; width: min(480px, 100vw); height: 100dvh; max-height: none; max-width: none; margin: 0; padding: 0; border: 0; background: var(--mlp-surface); color: var(--mlp-ink); box-shadow: -30px 0 80px -30px rgba(0, 0, 0, .45); font-size: 16px; }
.mlp-ck[open] { display: flex; flex-direction: column; }
.mlp-ck::backdrop { background: rgba(8, 10, 14, .55); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); }
@media (prefers-reduced-motion: no-preference) { .mlp-ck[open] { animation: mlp-ck-in .45s var(--mlp-ease); } }
@keyframes mlp-ck-in { from { transform: translateX(100%); } to { transform: none; } }
.mlp-ck *, .mlp-ck *::before { box-sizing: border-box; }
.mlp-ck__form { display: flex; flex-direction: column; height: 100%; min-height: 0; }
.mlp-ck__top { display: flex; align-items: center; justify-content: space-between; padding: 18px 22px; border-bottom: 1px solid var(--mlp-line); }
.mlp-ck__title { margin: 0; font-size: 1.25em; font-weight: 800; color: var(--mlp-title); }
.mlp-ck__x { width: 38px; height: 38px; border-radius: 999px; border: 1px solid var(--mlp-line); background: var(--mlp-surface); display: grid; place-items: center; font-size: 18px; cursor: pointer; color: var(--mlp-title); }
.mlp-ck__scroll { flex: 1; min-height: 0; overflow-y: auto; padding: 18px 22px 8px; display: grid; align-content: start; gap: 18px; }
.mlp-ck__item { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 14px; align-items: center; padding: 12px; border-radius: 10px; background: #f6f7f9; }
.mlp-ck__img { width: 96px; height: 96px; object-fit: contain; border-radius: 8px; background: #fdfdfd; }
.mlp-ck__name { display: block; font-size: 1.05em; color: var(--mlp-title); }
.mlp-ck__price { margin: 4px 0 8px; display: flex; gap: 8px; align-items: baseline; flex-wrap: wrap; }
.mlp-ck__price strong { font-size: 1.15em; color: var(--mlp-title); }
.mlp-ck__price del { font-size: .85em; color: #8a929c; }
.mlp-ck__qty { display: inline-flex; align-items: center; border: 1.5px solid #dfe3e8; border-radius: 8px; background: var(--mlp-surface); }
.mlp-ck__qty button { width: 34px; height: 34px; border: 0; background: none; cursor: pointer; display: grid; place-items: center; color: var(--mlp-title); }
.mlp-ck__qty button:disabled { opacity: .3; cursor: default; }
.mlp-ck__q { min-width: 26px; text-align: center; font-weight: 700; }
.mlp-ck fieldset { margin: 0; padding: 0; border: 0; min-width: 0; }
.mlp-ck__gift legend { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; font-weight: 800; color: var(--mlp-gb); }
.mlp-ck__glist { display: grid; gap: 8px; }
.mlp-ck__g { display: flex; align-items: center; gap: 10px; padding: 11px 12px; border: 1.5px solid #e6e9ee; border-radius: 8px; cursor: pointer; font-size: .95em; transition: border-color .2s, background-color .2s; }
.mlp-ck__g input { accent-color: var(--mlp-gb); width: 18px; height: 18px; margin: 0; flex: none; }
.mlp-ck__g:has(input:checked) { border-color: var(--mlp-gb); background: #fbeef1; }
.mlp-ck__g--fixed { cursor: default; background: #fbeef1; border-color: transparent; }
.mlp-ck__h { margin: 0 0 10px; font-size: 1em; font-weight: 800; color: var(--mlp-title); padding: 0; }
.mlp-ck__fields { display: grid; gap: 12px; }
.mlp-ck__fields .mlp-ck__h { margin-bottom: 0; }
.mlp-ck__row2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.mlp-ck__f { display: grid; gap: 5px; }
.mlp-ck__f > span { font-size: .85em; font-weight: 600; color: var(--mlp-title); }
.mlp-ck__f b { color: var(--mlp-gb); }
.mlp-ck__f input, .mlp-ck__f select, .mlp-ck__f textarea { width: 100%; font: inherit; font-size: 16px; padding: 11px 12px; border: 1.5px solid transparent; border-radius: 6px; background: #f3f4f6; color: var(--mlp-ink); }
.mlp-ck__f textarea { resize: vertical; }
.mlp-ck__f input:focus, .mlp-ck__f select:focus, .mlp-ck__f textarea:focus { outline: none; border-color: var(--mlp-gb); background: #fdfdfd; box-shadow: 0 0 0 3px rgba(113, 14, 35, .12); }
.mlp-ck__f.is-bad input, .mlp-ck__f.is-bad select { border-color: #b42318; background: #fdf3f2; }
.mlp-ck__err { display: block; margin: 0; font-size: .8em; font-style: normal; color: #b42318; }
.mlp-ck__hp { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.mlp-ck__pay { display: grid; gap: 8px; }
.mlp-ck__opt { display: grid; grid-template-columns: 20px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 12px; border: 1.5px solid #e6e9ee; border-radius: 8px; cursor: pointer; }
.mlp-ck__opt input { accent-color: var(--mlp-gb); width: 18px; height: 18px; margin: 0; }
.mlp-ck__opt b { display: block; font-size: .95em; color: var(--mlp-title); }
.mlp-ck__opt small { display: block; font-size: .8em; color: var(--mlp-muted); }
.mlp-ck__opt .ph { font-size: 22px; color: #9aa3af; }
.mlp-ck__opt:has(input:checked) { border-color: var(--mlp-gb); }
.mlp-ck__opt:has(input:checked) .ph { color: var(--mlp-gb); }
.mlp-ck__foot { padding: 14px 22px calc(16px + env(safe-area-inset-bottom)); border-top: 1px solid var(--mlp-line); background: var(--mlp-surface); display: grid; gap: 10px; }
.mlp-ck__sum { display: grid; gap: 4px; }
.mlp-ck__sum p { margin: 0; display: flex; justify-content: space-between; font-size: .9em; color: var(--mlp-muted); }
.mlp-ck__sum b { color: var(--mlp-title); }
.mlp-ck__free { color: #1b7f4b !important; }
.mlp-ck__total { padding-top: 6px; border-top: 1px dashed var(--mlp-line); }
.mlp-ck__total span { font-weight: 700; color: var(--mlp-title); }
.mlp-ck__total b { font-size: 1.35em; color: var(--mlp-gb) !important; }
.mlp-ck__submit { width: 100%; padding: 15px; border: 0; border-radius: 8px; background: var(--mlp-gb); color: #fdfdfd; font: inherit; font-size: 1.05em; font-weight: 800; cursor: pointer; transition: background-color .25s; }
.mlp-ck__submit:hover { background: #5a0b1c; }
.mlp-ck__submit[disabled] { opacity: .65; cursor: progress; }
.mlp-ck__note { margin: 0; font-size: .76em; color: var(--mlp-muted); text-align: center; }
.mlp-ck__done { flex: 1; overflow-y: auto; padding: 48px 26px 28px; display: grid; align-content: start; justify-items: center; gap: 12px; text-align: center; }
.mlp-ck__done[hidden] { display: none; }
.mlp-ck__ok { font-size: 64px; color: #1b7f4b; line-height: 1; }
.mlp-ck__done h2 { margin: 0; font-size: 1.5em; font-weight: 800; color: var(--mlp-title); }
.mlp-ck__dmsg { margin: 0; color: var(--mlp-muted); max-width: 36ch; }
.mlp-ck__dl { margin: 8px 0; width: 100%; display: grid; gap: 0; border-radius: 10px; background: #f6f7f9; padding: 6px 16px; text-align: left; }
.mlp-ck__dl div { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px solid #e6e9ee; }
.mlp-ck__dl div:last-child { border-bottom: 0; }
.mlp-ck__dl dt { color: var(--mlp-muted); font-size: .9em; }
.mlp-ck__dl dd { margin: 0; font-weight: 700; color: var(--mlp-title); text-align: right; }
.mlp-ck__dacts { width: 100%; display: grid; gap: 8px; }
.mlp-ck__dacts .mlp-btn { justify-content: center; border-radius: 8px; box-shadow: none; }
.mlp-ck__dacts .mlp-btn--pri { background: var(--mlp-gb); }
@media (max-width: 479px) { .mlp-ck__row2 { grid-template-columns: minmax(0, 1fr); } .mlp-ck__item { grid-template-columns: 80px minmax(0, 1fr); } .mlp-ck__img { width: 80px; height: 80px; } }

/* Bảng đặt hàng: form ẩn hẳn khi hiện màn hình thành công; nút radio tự vẽ (theme ẩn radio gốc) */
.mlp-ck__form[hidden] { display: none !important; }
.mlp-ck input[type="radio"] { -webkit-appearance: none; appearance: none; display: inline-grid !important; place-content: center; flex: none;
  width: 20px !important; height: 20px !important; margin: 0 !important; border: 2px solid #c5ccd5; border-radius: 50%; background: #fdfdfd; cursor: pointer; position: static !important; opacity: 1 !important; visibility: visible !important; }
.mlp-ck input[type="radio"]::before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--mlp-gb); transform: scale(0); transition: transform .15s; }
.mlp-ck input[type="radio"]:checked { border-color: var(--mlp-gb); }
.mlp-ck input[type="radio"]:checked::before { transform: scale(1); }
.mlp-ck input[type="radio"]:focus-visible { outline: 2px solid var(--mlp-gb); outline-offset: 2px; }

/* Bỏ nút chuyển trang (06/10): thẻ SP chỉ còn "Mua ngay" rộng hết thẻ; ảnh SP bấm = mở bảng mua; chip quà = nút mua */
.mlp-pc__acts { grid-template-columns: minmax(0, 1fr) !important; }
button.mlp-pc__stage { display: block; width: 100%; padding: 0; border: 0; cursor: pointer; font: inherit; text-align: inherit; }
button.mlp-pc__stage[data-buy=""] { cursor: default; }
.mlp-pc__name { color: var(--mlp-title); }
.mlp-gift__chips button { padding: 5px 13px; border-radius: 999px; border: 1.5px solid var(--g-line); background: #fdfeff; font: inherit; font-size: .84em; font-weight: 700; color: var(--g-ink); white-space: nowrap; cursor: pointer; transition: border-color .2s; }
.mlp-gift__chips button:hover { border-color: var(--g-blue); }
.mlp-gift__card--top .mlp-gift__chips button { background: transparent; border-color: rgba(255, 255, 255, .7); color: #fdfeff; }
.mlp-gift__card--top .mlp-gift__chips button:hover { background: rgba(255, 255, 255, .14); }
.mlp-vd__acts .mlp-vd__quote { color: var(--mlp-title) !important; background: transparent !important; }

/* Khoá cuộn trang khi mở popup (bảng đặt hàng, video, ảnh) — 07/10 */
html:has(.mlp-ck[open]), html:has(.mlp-vd[open]), html:has(.mlp-lb[open]),
html.mlp-lock, html.mlp-lock body { overflow: hidden !important; }
.mlp-ck__scroll, .mlp-vd__body, .mlp-vd__in, .mlp-ck__done { overscroll-behavior: contain; }
.mlp-ck, .mlp-vd, .mlp-lb { overscroll-behavior: contain; }

/* =====================================================================
   POPUP VIDEO theo mockup khách (07/10): khung trắng bo 22px, video bo góc lồng trong,
   giá đỏ to, thông số + tính năng icon đỏ, dải cam kết, 2 nút lớn đỏ / viền đỏ
   ===================================================================== */
@media (min-width: 768px) {
  .mlp-vd { border-radius: 22px; padding: 16px !important; box-shadow: 0 50px 120px -40px rgba(0, 0, 0, .7); }
  .mlp-vd__in { gap: 8px; }
  .mlp-vd__player { border-radius: 14px; overflow: hidden; }
  .mlp-vd__info { height: min(72dvh, 620px); }
  .mlp-vd__head { padding: 14px 26px 18px 28px; border-bottom: 1px solid var(--mlp-line); }
  .mlp-vd__body { padding: 18px 26px 16px 28px; gap: 16px; }
  .mlp-vd__acts { padding: 14px 26px 6px 28px; border-top: 0; }
  .mlp-vd__close { top: 26px; right: 26px; width: 44px; height: 44px; border: 1.5px solid #dfe3e8; }
  .mlp-vd__arrow { top: calc(16px + min(72dvh, 620px) / 2 - 21px); width: 42px; height: 42px; background: rgba(15, 17, 22, .45); color: #fdfdfd; border: 1.5px solid rgba(255, 255, 255, .6); }
  .mlp-vd__arrow:hover { background: rgba(15, 17, 22, .7); }
  .mlp-vd__arrow--prev { left: 30px; }
  .mlp-vd__arrow--next { left: calc(16px + min(72dvh, 620px) * 9 / 16 - 56px); }
}
.mlp-vd__kind { letter-spacing: .14em; }
.mlp-vd__name { font-size: clamp(1.5em, 1.2em + .8vw, 1.95em); letter-spacing: -.02em; }
.mlp-vd__price { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 14px; margin-top: 2px; }
.mlp-vd__price strong { font-size: clamp(1.7em, 1.3em + 1vw, 2.2em) !important; font-weight: 800; letter-spacing: -.03em; color: var(--mlp-gb) !important; }
.mlp-vd__price del { font-size: 1em; }
.mlp-vd__off:not(:empty) { padding: 5px 11px; border-radius: 8px; font-size: .95em; font-weight: 800; background: var(--mlp-gb); }
.mlp-vd__gift { padding: 9px 16px; border-radius: 10px; font-size: 1em; }
.mlp-vd__gift .ph-fill { font-size: 20px; }
.mlp-vd__desc { font-size: 1em; line-height: 1.6; color: #3d434b; }
.mlp-vd__specs { gap: 12px; }
.mlp-vd__spec { grid-template-columns: 44px minmax(0, 1fr) !important; padding: 14px 16px !important; border-radius: 12px; }
.mlp-vd__spec .ph { width: 44px; height: 44px; background: transparent; font-size: 30px; color: var(--mlp-gb); }
.mlp-vd__spec dd { font-size: 1.15em; font-weight: 800; }
.mlp-vd__spec dt { font-size: .72em; letter-spacing: .1em; }
.mlp-vd__feats { gap: 8px; }
.mlp-vd__feats li { padding: 8px 12px 8px 10px; border-radius: 10px; font-size: .86em; background: #f3f4f6; color: var(--mlp-title); }
.mlp-vd__feats .ph { font-size: 18px; }
.mlp-vd__promise { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 12px 6px; border-radius: 12px; background: #f6f7f9; border-top: 1px solid var(--mlp-line); }
.mlp-vd__promise > div { display: flex; align-items: center; gap: 12px; padding: 4px 14px; }
.mlp-vd__promise > div + div { border-left: 1px solid #dfe3e8; }
.mlp-vd__promise .ph { flex: none; font-size: 30px; color: var(--mlp-gb); }
.mlp-vd__promise b { display: block; font-size: .9em; color: var(--mlp-title); }
.mlp-vd__promise small { display: block; font-size: .78em; color: var(--mlp-muted); }
.mlp-vd__acts { grid-template-columns: 1.1fr 1fr !important; gap: 14px; }
.mlp-vd__acts .mlp-btn { padding: 16px 18px; font-size: 1.08em; font-weight: 800; border-radius: 10px; gap: 10px; }
.mlp-vd__acts .ph { font-size: 22px; }
.mlp-vd__acts .mlp-vd__quote { border: 2px solid var(--mlp-gb) !important; color: var(--mlp-gb) !important; }
.mlp-vd__acts .mlp-vd__quote:hover { background: #fbeef1 !important; }
@media (max-width: 767px) {
  .mlp-vd__promise { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .mlp-vd__promise > div + div { border-left: 0; border-top: 1px solid #dfe3e8; padding-top: 10px; }
  .mlp-vd__acts .mlp-btn { padding: 13px 10px; font-size: .95em; }
}
/* sửa sau khi chụp: icon nút nằm ngang chữ; cột thông tin rộng hơn để thông số không tràn */
.mlp-vd__acts .mlp-btn { display: inline-flex !important; flex-direction: row !important; align-items: center; justify-content: center; white-space: nowrap; }
@media (min-width: 768px) { .mlp-vd__in { grid-template-columns: auto 560px !important; } }
.mlp-vd__spec dd { font-size: 1.05em; white-space: nowrap; }
.mlp-vd__spec { min-width: 0; }
.mlp-vd__spec .ph { width: 36px; height: 36px; font-size: 26px; }
.mlp-vd__spec { grid-template-columns: 36px minmax(0, 1fr) !important; }
@media (min-width: 768px) {
  .mlp-vd__head { gap: 6px; padding-bottom: 14px; }
  .mlp-vd__body { gap: 12px; padding-top: 14px; padding-bottom: 10px; }
  .mlp-vd__spec { padding: 10px 14px !important; }
  .mlp-vd__acts { padding-top: 10px; }
}

/* Popup video: thu nhỏ giá, quà, thông số, 2 nút (khách yêu cầu 07/10) */
.mlp-vd__price strong { font-size: 1.55em !important; }
.mlp-vd__price del { font-size: .9em; }
.mlp-vd__off:not(:empty) { padding: 3px 9px; font-size: .82em; border-radius: 6px; }
.mlp-vd__gift { padding: 7px 12px; font-size: .88em; border-radius: 8px; }
.mlp-vd__gift .ph-fill { font-size: 17px; }
.mlp-vd__spec dd { font-size: .95em !important; }
.mlp-vd__spec dt { font-size: .66em !important; }
.mlp-vd__spec .ph { width: 30px; height: 30px; font-size: 22px; }
.mlp-vd__spec { grid-template-columns: 30px minmax(0, 1fr) !important; }
.mlp-vd__acts .mlp-btn { padding: 12px 14px !important; font-size: .95em !important; border-radius: 8px !important; }
.mlp-vd__acts .ph { font-size: 18px !important; }
/* Popup video: chữ 2 nút nhẹ hơn (800 → 600) */
.mlp-vd__acts .mlp-btn, .mlp-vd__acts .mlp-vd__buy { font-weight: 600 !important; }

/* Thẻ SP: hộp quà giãn lấp khoảng trống → các hộp quà cùng hàng cao bằng nhau, nút "Mua ngay" sát ngay dưới (07/10) */
.mlp-pc__giftbox { flex: 1 1 auto; align-content: start; margin-bottom: 16px; }
.mlp-pc__giftbox + .mlp-pc__acts { margin-top: 0 !important; }
/* Dải cam kết trong popup video: bỏ viền trên */
.mlp-vd__promise { border-top: 0 !important; }

/* Chấm phân trang slider sản phẩm (07/10) */
.mlp-pcdots { margin-top: 26px; display: flex; justify-content: center; gap: 8px; }
.mlp-pcdots[hidden] { display: none; }
.mlp-pcdots__dot { width: 9px; height: 9px; padding: 0; border: 0; border-radius: 999px; background: #d3d8df; cursor: pointer; transition: width .35s var(--mlp-ease), background-color .3s; }
.mlp-pcdots__dot:hover { background: #a9b1bc; }
.mlp-pcdots__dot.is-active { width: 28px; background: var(--mlp-gb); }
/* Dải cam kết popup: bỏ viền trên (07/10) */
.mlp-vd__promise { border-top: 0 !important; }

/* =====================================================================
   DÒNG ÍT MẪU (<4, 07/10): thẻ SP + ô video/ảnh lấp đủ 4 cột, không hụt
   ===================================================================== */
.mlp-lmedia { position: relative; overflow: hidden; border-radius: 22px; background: var(--mlp-surface); border: 1px solid #e7eaee; display: flex; flex-direction: column; }
.mlp-line:nth-child(even) .mlp-lmedia { border-color: transparent; }
.mlp-lmedia__play { position: relative; display: block; width: 100%; padding: 0; border: 0; cursor: pointer; background: #111; overflow: hidden; }
.mlp-lmedia__play img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; transition: transform 1s var(--mlp-ease); }
.mlp-lmedia__play:hover img { transform: scale(1.04); }
.mlp-lmedia__play iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; z-index: 3; }
.mlp-lmedia__btn { position: absolute; z-index: 2; left: 50%; top: 50%; width: 72px; height: 72px; margin: -36px 0 0 -36px; border-radius: 999px; display: grid; place-items: center; font-size: 28px; background: rgba(255, 255, 255, .95); color: var(--mlp-gb); box-shadow: 0 0 0 10px rgba(255, 255, 255, .2); transition: transform .35s var(--mlp-ease); }
.mlp-lmedia__play:hover .mlp-lmedia__btn { transform: scale(1.08); }
.mlp-lmedia__cap { position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; padding: 60px 20px 20px; display: grid; gap: 4px; text-align: left; color: #fdfdfd; background: linear-gradient(0deg, rgba(8, 10, 14, .85), rgba(8, 10, 14, 0)); }
.mlp-lmedia__cap small { font-size: .72em; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #f3c9d2; }
.mlp-lmedia__cap b { font-size: 1.1em; }
/* ô video phim: video 16:9 trên, thông tin dưới */
.mlp-lmedia--film .mlp-lmedia__play { aspect-ratio: 16 / 9; flex: none; }
.mlp-lmedia__info { flex: 1; display: grid; align-content: center; gap: 10px; padding: 22px 26px; }
.mlp-lmedia__tag { display: inline-flex; align-items: center; gap: 6px; font-size: .74em; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--mlp-gb); }
.mlp-lmedia__title { margin: 0; font-size: 1.25em; font-weight: 800; letter-spacing: -.015em; line-height: 1.25; color: var(--mlp-title); }
.mlp-lmedia__pts { margin: 2px 0 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 8px; }
.mlp-lmedia__pts li { display: inline-flex; align-items: center; gap: 7px; padding: 7px 12px; border-radius: 8px; background: #f3f4f6; font-size: .86em; font-weight: 600; color: var(--mlp-title); }
.mlp-line:nth-child(even) .mlp-lmedia__pts li { background: #f6f7f9; }
.mlp-lmedia__pts .ph { font-size: 18px; color: var(--mlp-gb); }
/* ô dọc (Shorts / ảnh): phủ kín chiều cao thẻ */
.mlp-lmedia--short .mlp-lmedia__play, .mlp-lmedia--photo { background: #111; }
.mlp-lmedia--short .mlp-lmedia__play { flex: 1; }
.mlp-lmedia--photo img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; flex: 1; }

@media (min-width: 1100px) {
  .mlp-lgrid[class*="mlp-lgrid--n"] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; align-items: stretch; }
  .mlp-lgrid--n1 .mlp-pcs { grid-column: span 1; } .mlp-lgrid--n2 .mlp-pcs { grid-column: span 2; } .mlp-lgrid--n3 .mlp-pcs { grid-column: span 3; }
  .mlp .mlp-lgrid[class*="mlp-lgrid--n"] .mlp-pcs--slider { display: grid; grid-auto-flow: row; grid-auto-columns: auto; overflow: visible; margin: 0; padding: 0; gap: 22px; scroll-snap-type: none; }
  .mlp .mlp-lgrid--n1 .mlp-pcs--slider { grid-template-columns: minmax(0, 1fr); }
  .mlp .mlp-lgrid--n2 .mlp-pcs--slider { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mlp .mlp-lgrid--n3 .mlp-pcs--slider { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .mlp-lmedia--s1 { min-height: 0; }
  .mlp-lmedia--film.mlp-lmedia--s3 .mlp-lmedia__info { grid-template-columns: minmax(0, 1fr); padding: 24px 30px; }
}
@media (max-width: 1099px) {
  .mlp-lmedia { margin-top: 20px; }
  .mlp-lmedia--short, .mlp-lmedia--photo { aspect-ratio: 4 / 3; }
  .mlp-lmedia--short .mlp-lmedia__play img { object-position: 50% 30%; }
}
@media (max-width: 767px) {
  .mlp-lmedia { border-radius: 16px; }
  .mlp-lmedia__info { padding: 16px; }
  .mlp-lmedia__btn { width: 56px; height: 56px; margin: -28px 0 0 -28px; font-size: 22px; }
  .mlp-lmedia--short, .mlp-lmedia--photo { aspect-ratio: 4 / 5; }
}
@media (min-width: 1100px) {
  .mlp-lmedia--s1 { grid-column: span 1; } .mlp-lmedia--s2 { grid-column: span 2; } .mlp-lmedia--s3 { grid-column: span 3; }
  /* ô 3 cột: video trái + thông tin phải cho cân chiều cao thẻ */
  .mlp-lmedia--film.mlp-lmedia--s3 { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); }
  .mlp-lmedia--film.mlp-lmedia--s3 .mlp-lmedia__play { aspect-ratio: auto; height: 100%; }
  .mlp-lmedia--film.mlp-lmedia--s3 .mlp-lmedia__pts { flex-direction: column; align-items: flex-start; }
  .mlp-lmedia--film.mlp-lmedia--s3 .mlp-lmedia__title { font-size: 1.45em; }
}

/* Ô video chính hãng mở đầu mỗi dòng két (07/10): chiếm 2 cột (3 cột khi dòng 1 mẫu), thẻ SP xếp sau */
.mlp-pv { list-style: none; min-width: 0; scroll-snap-align: start; display: flex; }
.mlp-pv .mlp-lmedia { flex: 1; width: 100%; }
.mlp-pv .mlp-lmedia__play { aspect-ratio: 16 / 9; flex: none; }
@media (min-width: 768px) {
  .mlp-pv--s2 { grid-column: span 2; }
  .mlp-pv--s3 { grid-column: span 3; }
}
@media (min-width: 1100px) {
  .mlp-pv--s3 .mlp-lmedia { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); }
  .mlp-pv--s3 .mlp-lmedia__play { aspect-ratio: auto; height: 100%; }
  .mlp-pv--s3 .mlp-lmedia__pts { flex-direction: column; align-items: flex-start; }
  .mlp-pv--s3 .mlp-lmedia__title { font-size: 1.45em; }
  .mlp-pv--s2 .mlp-lmedia__info { padding: 22px 26px 24px; }
}
@media (min-width: 768px) and (max-width: 1099px) { .mlp-pv--s3 { grid-column: span 2; } }
@media (max-width: 767px) { .mlp-pv .mlp-lmedia__title { font-size: 1.05em; } .mlp-pv .mlp-lmedia__pts li { font-size: .78em; padding: 5px 9px; } }
/* ô video 2 cột: video giãn lấp chiều cao thẻ, thông tin nằm dưới (không còn khoảng trống giữa) */
@media (min-width: 1100px) {
  .mlp-pv--s2 .mlp-lmedia__play { aspect-ratio: auto; flex: 1 1 auto; min-height: 260px; }
  .mlp-pv--s2 .mlp-lmedia__info { flex: none; align-content: start; }
}

/* Ô video đầu dòng (07/10): video giữ 16:9 (không giãn), phần thông tin giãn lấp chiều cao + mô tả + số liệu chân ô */
@media (min-width: 1100px) {
  .mlp-pv--s2 .mlp-lmedia__play { aspect-ratio: 16 / 9; flex: none; min-height: 0; }
  .mlp-pv--s2 .mlp-lmedia__info { flex: 1 1 auto; display: flex; flex-direction: column; gap: 10px; }
}
.mlp-lmedia__info { display: flex; flex-direction: column; gap: 10px; }
.mlp-lmedia__desc { margin: 0; font-size: .95em; line-height: 1.65; color: var(--mlp-muted); }
.mlp-lmedia__facts { margin: auto 0 0; padding-top: 16px; border-top: 1px solid var(--mlp-line); display: flex; flex-wrap: wrap; }
.mlp-lmedia__facts > div { margin: 0; padding: 0 22px; border-left: 1px solid var(--mlp-line); display: flex; flex-direction: column-reverse; gap: 2px; }
.mlp-lmedia__facts > div:first-child { padding-left: 0; border-left: 0; }
.mlp-lmedia__facts dt { font-size: .7em; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--mlp-muted); }
.mlp-lmedia__facts dd { margin: 0; font-size: 1.1em; font-weight: 800; color: var(--mlp-gb); white-space: nowrap; }
@media (max-width: 767px) { .mlp-lmedia__desc { font-size: .85em; } .mlp-lmedia__facts > div { padding: 0 12px; } .mlp-lmedia__facts dd { font-size: .95em; } }

/* =====================================================================
   DÒNG KÉT CHIA ĐÔI (07/10): trái = video chính hãng, phải = slider sản phẩm (2 thẻ/khung)
   ===================================================================== */
.mlp-lsplit__video { display: flex; min-width: 0; }
.mlp-lsplit__video .mlp-lmedia { flex: 1; width: 100%; }
.mlp-lsplit__video .mlp-lmedia__play { aspect-ratio: 16 / 9; flex: none; }
.mlp-lsplit__video .mlp-lmedia__info { flex: 1 1 auto; }
.mlp-lsplit__list { min-width: 0; }
@media (min-width: 1100px) {
  .mlp-lsplit { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 22px; align-items: stretch; }
  .mlp-lsplit--novideo { grid-template-columns: minmax(0, 1fr); }
  .mlp .mlp-lsplit .mlp-pcs--slider { grid-auto-columns: calc((100% - 22px) / 2); margin: -4px 0 -30px; padding: 4px 0 30px; scroll-padding-inline: 0; }
  .mlp .mlp-lsplit--novideo .mlp-pcs--slider { grid-auto-columns: calc((100% - 3 * 22px) / 4); }
}
@media (max-width: 1099px) {
  .mlp-lsplit__video { margin-bottom: 20px; }
}
.mlp-pcnav[hidden] { display: none !important; }
/* chấm phân trang nằm ngoài lưới chia đôi để ô video cao đúng bằng thẻ SP */
@media (min-width: 1100px) {
  .mlp-lsplit__list { position: relative; }
  .mlp-lsplit .mlp-pcdots { position: absolute; left: 0; right: 0; top: calc(100% + 18px); margin: 0; }
  .mlp-line:has(.mlp-lsplit .mlp-pcdots:not([hidden])) { padding-bottom: 130px; }
}

@media (min-width: 1100px) {
  .mlp-lsplit__list { display: flex; flex-direction: column; }
  .mlp .mlp-lsplit .mlp-pcs--slider { flex: 1 1 auto; }
}
/* Cột video chiếm 45% (khách chốt 07/10) */
@media (min-width: 1100px) {
  .mlp-lsplit { grid-template-columns: minmax(0, 45fr) minmax(0, 55fr); }
  .mlp-lsplit--novideo { grid-template-columns: minmax(0, 1fr); }
}
/* 07/10: nút play ô video nhỏ lại; tên SP trên thẻ 1.4em */
.mlp-lmedia__btn { width: 52px !important; height: 52px !important; margin: -26px 0 0 -26px !important; font-size: 20px !important; box-shadow: 0 0 0 7px rgba(255, 255, 255, .2) !important; }
.mlp .mlp-pc__name { font-size: 1.4em; }
@media (max-width: 767px) { .mlp-lmedia__btn { width: 44px !important; height: 44px !important; margin: -22px 0 0 -22px !important; font-size: 17px !important; } .mlp .mlp-pc__name { font-size: 1.15em; } }

/* Ô video đầu dòng: nhãn xanh brand + thông số dòng + dải cam kết ở chân cho đầy đặn (07/10) */
.mlp .mlp-lmedia__tag { color: var(--mlp-brand); }
.mlp-lmedia__spec { margin: 4px 0 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.mlp-lmedia__spec > div { margin: 0; display: grid; grid-template-columns: 34px minmax(0, 1fr); grid-template-rows: auto auto; column-gap: 10px; align-items: center; padding: 10px 12px; border-radius: 10px; background: #f6f7f9; }
.mlp-lmedia__spec .ph { grid-row: span 2; width: 34px; height: 34px; border-radius: 8px; display: grid; place-items: center; font-size: 19px; background: #fdfdfd; color: var(--mlp-gb); }
.mlp-lmedia__spec dt { order: 2; font-size: .7em; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--mlp-muted); }
.mlp-lmedia__spec dd { order: 1; margin: 0; font-size: .95em; font-weight: 800; color: var(--mlp-title); }
.mlp-lmedia__spec-wide { grid-column: 1 / -1; }
.mlp-lmedia__promise { margin-top: auto; padding-top: 14px; border-top: 1px solid var(--mlp-line); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mlp-lmedia__promise > div { display: flex; align-items: center; gap: 10px; padding: 0 12px; }
.mlp-lmedia__promise > div:first-child { padding-left: 0; }
.mlp-lmedia__promise > div + div { border-left: 1px solid var(--mlp-line); }
.mlp-lmedia__promise .ph { flex: none; font-size: 26px; color: var(--mlp-gb); }
.mlp-lmedia__promise b { display: block; font-size: .88em; color: var(--mlp-title); }
.mlp-lmedia__promise small { display: block; font-size: .76em; color: var(--mlp-muted); }
.mlp-lsplit__video .mlp-lmedia__info { padding-bottom: 20px; }
@media (max-width: 767px) { .mlp-lmedia__spec dd { font-size: .85em; } .mlp-lmedia__promise > div { padding: 0 8px; } }
.mlp .mlp-lmedia__spec dd { font-weight: 600; color: var(--mlp-gb); }

/* SBX102 chỉ có 1 mẫu (07/10): thẻ SP giữ đúng kiểu thẻ dọc như các dòng khác, ô thứ hai là ảnh thực tế từ gallery SP */
.mlp-real { padding: 10px; }
.mlp-real__grid { flex: 1; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: minmax(0, 1.35fr) minmax(0, 1fr); gap: 6px; min-height: 0; }
.mlp-real__grid > span { position: relative; display: block; min-height: 0; overflow: hidden; border-radius: 12px; background: #eef0f3; }
.mlp-real__grid > span:first-child { grid-column: 1 / -1; border-radius: 16px 16px 12px 12px; }
.mlp .mlp-real__grid img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; display: block; }
.mlp-real__cap { display: grid; gap: 4px; padding: 16px 10px 8px; }
.mlp-real__tag { display: inline-flex; align-items: center; gap: 6px; font-size: .78em; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--mlp-brand); }
.mlp-real__cap b { font-size: 1.15em; font-weight: 700; color: var(--mlp-title); }
.mlp-real__cap small { font-size: .9em; color: var(--mlp-muted); }
@media (max-width: 1099px) { .mlp-real__grid { min-height: 320px; } }
.mlp-real:hover { transform: none; box-shadow: none; }

/* Danh sách quà trên thẻ SP: cỡ chữ 1em (khách yêu cầu 07/10) */
.mlp .mlp-pc__gifts span { font-size: 1em; }

/* Nút "Nhận báo giá" trên header (07/10): vòng sáng lan + vệt bóng quét định kỳ để hút mắt; hover đổ màu đỏ
   từ chấm mũi tên lan ra cả nút, chữ cuộn lên, mũi tên xoay về phải. */
.mlp-head .mlp-head__cta {
  position: relative; isolation: isolate; overflow: hidden; gap: 10px; padding: 6px 6px 6px 20px;
  transition: color .45s cubic-bezier(.16, 1, .3, 1), box-shadow .3s ease, transform .25s ease;
}
.mlp-head .mlp-head__cta:hover { background: #fdfdfd; color: #fdfdfd !important; }
.mlp-head .mlp-head__cta:active { transform: scale(.97); }
/* lớp đỏ lan từ chấm mũi tên */
.mlp-head__cta::before {
  content: ""; position: absolute; z-index: -1; right: 6px; top: 50%; width: 30px; height: 30px; margin-top: -15px; border-radius: 50%;
  background: var(--mlp-gb); transform: scale(0); transition: transform .55s cubic-bezier(.16, 1, .3, 1);
}
.mlp-head__cta:hover::before { transform: scale(15); }
/* vệt bóng quét */
.mlp-head__cta::after {
  content: ""; position: absolute; z-index: 2; top: 0; bottom: 0; left: 0; width: 45%; pointer-events: none;
  background: linear-gradient(105deg, transparent 10%, rgba(113, 14, 35, .12) 35%, rgba(113, 14, 35, .3) 50%, rgba(113, 14, 35, .12) 65%, transparent 90%);
  transform: translateX(-120%) skewX(-12deg);
}
/* hover: một vệt sáng trắng chạy qua nền đỏ (đè luật .mlp-btn--pri:hover::after cũ) */
.mlp-head .mlp-head__cta:hover::after {
  background: linear-gradient(105deg, transparent 20%, rgba(255, 255, 255, .28) 50%, transparent 80%);
  transform: translateX(260%) skewX(-12deg); transition: transform .9s cubic-bezier(.16, 1, .3, 1) .1s;
}
/* chữ cuộn: bản thứ hai nằm sẵn bên dưới, hover thì cả cụm trượt lên */
.mlp-head__cta-t { position: relative; display: block; overflow: hidden; line-height: 1.3; }
.mlp-head__cta-t > span { display: block; transition: transform .5s cubic-bezier(.16, 1, .3, 1); }
.mlp-head__cta-t::after { content: attr(data-t); position: absolute; left: 0; top: 100%; transition: transform .5s cubic-bezier(.16, 1, .3, 1); }
.mlp-head__cta:hover .mlp-head__cta-t > span, .mlp-head__cta:hover .mlp-head__cta-t::after { transform: translateY(-100%); }
.mlp-head__cta-ic {
  flex: none; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%;
  background: var(--mlp-gb); color: #fdfdfd; font-size: 15px; transition: background-color .45s ease, color .45s ease;
}
.mlp-head__cta-ic .ph { transition: transform .5s cubic-bezier(.16, 1, .3, 1); }
.mlp-head__cta:hover .mlp-head__cta-ic { background: #fdfdfd; color: var(--mlp-gb); }
.mlp-head__cta:hover .mlp-head__cta-ic .ph { transform: rotate(45deg); }
@media (prefers-reduced-motion: no-preference) {
  .mlp-head__cta { animation: mlp-cta-ring 3.6s ease-out 1.5s infinite; }
  .mlp-head__cta::after { animation: mlp-cta-shine 3.6s cubic-bezier(.45, 0, .2, 1) 1.5s infinite; }
  .mlp-head__cta-ic .ph { animation: mlp-cta-nudge 3.6s ease 1.5s infinite; }
  .mlp-head__cta:hover, .mlp-head__cta:hover::after, .mlp-head__cta:hover .mlp-head__cta-ic .ph { animation: none; }
}
@keyframes mlp-cta-ring {
  0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, .55); }
  45%, 100% { box-shadow: 0 0 0 14px rgba(255, 255, 255, 0); }
}
@keyframes mlp-cta-shine { 0%, 8% { transform: translateX(-120%) skewX(-12deg); } 40%, 100% { transform: translateX(260%) skewX(-12deg); } }
@keyframes mlp-cta-nudge { 0%, 52%, 100% { transform: none; } 60% { transform: translate(2px, -2px); } 68% { transform: none; } 76% { transform: translate(2px, -2px); } 84% { transform: none; } }
/* header đã đặc nền đỏ: lớp lan khi hover dùng đỏ sẫm + viền trắng mảnh để nút không chìm vào nền */
.mlp-head.is-solid .mlp-head__cta::before { background: #3d0612; }
.mlp-head.is-solid .mlp-head__cta:hover { box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .55); }

/* Mọi nút bấm viết hoa (khách yêu cầu 07/10). Chip tên model ở phần quà giữ nguyên vì là mã sản phẩm. */
.mlp .mlp-btn, .mlp-head .mlp-btn, .mlp-dialog .mlp-btn, .mlp-vd .mlp-btn,
.mlp-pc__buy, .mlp-ck__submit, .mlp-dock__btn, .mlp-rl__more, .mlp-wall__more, .mlp-wall__go, .mlp-cta2__zalo {
  text-transform: uppercase; letter-spacing: .04em;
}

/* =====================================================================
   KỂ CHUYỆN KHI CUỘN (07/10): video toàn khung dính (sticky), 5 chương chữ cuộn đè lên, đổi cảnh theo chương
   ===================================================================== */
.mlp-tale { position: relative; background: #07090c; color: #f4f6f9; }
.mlp-tale__stick { position: sticky; top: 0; height: 100vh; height: 100svh; overflow: hidden; }
.mlp-tale__media { position: absolute; inset: 0; }
.mlp .mlp-tale__vid {
  position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; pointer-events: none;
  opacity: 0; transform: scale(1.08); transition: opacity 1s ease, transform 1.8s cubic-bezier(.16, 1, .3, 1);
}
.mlp .mlp-tale__vid.is-on { opacity: 1; transform: none; }
.mlp-tale__vid::-webkit-media-controls, .mlp-tale__vid::-webkit-media-controls-start-playback-button { display: none !important; -webkit-appearance: none; }
.mlp-tale__shade {
  position: absolute; inset: 0;
  background: linear-gradient(90deg, rgba(5, 7, 10, .88) 0%, rgba(5, 7, 10, .6) 34%, rgba(5, 7, 10, .12) 66%, rgba(5, 7, 10, 0) 100%),
              linear-gradient(0deg, rgba(5, 7, 10, .7) 0%, rgba(5, 7, 10, 0) 32%),
              linear-gradient(180deg, rgba(5, 7, 10, .55) 0%, rgba(5, 7, 10, 0) 22%);
}
.mlp-tale__hud {
  position: absolute; inset: 0; z-index: 3; pointer-events: none;
  display: flex; flex-direction: column; justify-content: flex-end; padding-top: 112px; padding-bottom: 34px;
}
.mlp-tale__nav { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(var(--n), minmax(0, 1fr)); gap: 18px; }
.mlp-tale__nav li { display: grid; grid-template-columns: auto 1fr; align-items: baseline; column-gap: 10px; row-gap: 12px; color: rgba(244, 246, 249, .45); transition: color .4s ease; }
.mlp-tale__nav li.is-on { color: #fdfdfd; }
.mlp-tale__nav span { font-size: .8em; font-weight: 700; font-variant-numeric: tabular-nums; }
.mlp-tale__nav em { font-style: normal; font-size: .92em; font-weight: 600; letter-spacing: .02em; }
.mlp-tale__nav i { grid-column: 1 / -1; position: relative; height: 2px; background: rgba(244, 246, 249, .2); overflow: hidden; border-radius: 2px; }
.mlp-tale__nav b { position: absolute; inset: 0; background: #fdfdfd; transform-origin: left; transform: scaleX(var(--p, 0)); }

.mlp-tale__steps { position: relative; z-index: 2; margin-top: -100vh; margin-top: -100svh; }
.mlp-tale__step { min-height: 100vh; min-height: 100svh; display: flex; align-items: center; }
.mlp-tale__step > .mlp-container { width: 100%; }
.mlp-tale__card { padding: 40px 0; opacity: .18; transform: translateY(40px); transition: opacity .7s ease, transform .9s cubic-bezier(.16, 1, .3, 1); }
.mlp-tale__step.is-on .mlp-tale__card { opacity: 1; transform: none; }
.mlp-tale__num { display: inline-flex; align-items: center; gap: 12px; font-size: .82em; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: #8fb8ff; }
.mlp-tale__h { margin-top: 18px; font-size: clamp(2em, 1.2em + 2.6vw, 3.6em); font-weight: 800; line-height: 1.06; letter-spacing: -.03em; color: #fdfdfd; text-wrap: balance; }
.mlp-tale__p { margin-top: 18px; font-size: 1.1em; line-height: 1.65; color: #d3d9e1; max-width: 46ch; }
.mlp-tale__go { margin-top: 26px; display: inline-flex; align-items: center; gap: 10px; padding-bottom: 6px; border-bottom: 2px solid rgba(253, 253, 253, .6); font-weight: 700; color: #fdfdfd !important; text-decoration: none; text-transform: uppercase; letter-spacing: .04em; font-size: .9em; transition: gap .3s ease, border-color .3s ease; }
.mlp-tale__go:hover { gap: 14px; border-color: #fdfdfd; }

@media (max-width: 767px) {
  .mlp-tale__shade {
    background: linear-gradient(0deg, rgba(5, 7, 10, .92) 0%, rgba(5, 7, 10, .7) 38%, rgba(5, 7, 10, .1) 68%),
                linear-gradient(180deg, rgba(5, 7, 10, .55) 0%, rgba(5, 7, 10, 0) 25%);
  }
  /* thanh tiến trình lên trên (đáy màn đã có thanh liên hệ dính) */
  .mlp-tale__hud { padding-top: 88px; padding-bottom: 0; justify-content: flex-start; gap: 14px; }
  .mlp-tale__nav { gap: 8px; }
  .mlp-tale__nav em { display: none; }
  .mlp-tale__step { align-items: flex-end; }
  .mlp-tale__card { padding: 0 0 104px; }
  .mlp-tale__h { font-size: 1.75em; }
  .mlp-tale__p { font-size: 1em; }
}
@media (prefers-reduced-motion: reduce) { .mlp .mlp-tale__vid, .mlp-tale__card { transition: none; transform: none; } }
/* Nhãn Gia Bảo × Philips trên số chương (07/10), cùng cỡ nhãn ở form CTA */
.mlp .mlp-tale__co { position: static; display: flex; width: fit-content; margin-bottom: 18px; padding: 8px 14px; gap: 10px; box-shadow: none; }
.mlp .mlp-tale__co img:first-child { height: 22px; }
.mlp .mlp-tale__co img:last-child { height: 11px; }
.mlp .mlp-tale__co i { height: 18px; }
@media (max-width: 767px) {
  .mlp .mlp-tale__co { margin-bottom: 14px; padding: 6px 11px; gap: 8px; }
  .mlp .mlp-tale__co img:first-child { height: 17px; }
  .mlp .mlp-tale__co img:last-child { height: 8px; }
  .mlp .mlp-tale__co i { height: 13px; }
}

/* =====================================================================
   KÉT SẮT PHILIPS LÀ GÌ (khách chốt layout B 07/10): cột trái dính (giới thiệu + con số lớn),
   cột phải cuộn qua từng ý; ý nào giữa màn thì con số bên trái trượt sang số của ý đó.
   ===================================================================== */
.mlp-what { position: relative; padding: 110px 0; background: var(--mlp-surface); }
.mlp .mlp-what__co { position: static; display: flex; width: fit-content; margin-bottom: 20px; padding: 8px 14px; gap: 10px; box-shadow: 0 6px 20px -12px rgba(17, 30, 55, .35); }
.mlp .mlp-what__co img:first-child { height: 22px; }
.mlp .mlp-what__co img:last-child { height: 11px; }
.mlp .mlp-what__co i { height: 18px; }
.mlp-what__title { text-align: left; }
.mlp-what__lead { margin-top: 22px; font-size: clamp(1.15em, 1em + .6vw, 1.55em); font-weight: 600; line-height: 1.5; letter-spacing: -.01em; }
.mlp-what__lead span { color: #c9ced6; transition: color .35s ease; transition-delay: calc(var(--i, 0) * 22ms); }
.mlp-what__lead span.is-lit { color: var(--mlp-title); }
.mlp-what__big { display: flex; align-items: baseline; gap: 8px; margin: 0; font-size: clamp(2.8em, 2em + 2.6vw, 4.6em); font-weight: 800; line-height: 1; letter-spacing: -.04em; color: var(--mlp-gb); font-variant-numeric: tabular-nums; }
.mlp-what__big small { font-size: .32em; font-weight: 700; letter-spacing: 0; color: var(--mlp-title); }
.mlp-what__h { margin-top: 12px; font-size: 1.35em; font-weight: 700; line-height: 1.3; color: var(--mlp-title); }
.mlp-what__p { margin-top: 8px; font-size: 1em; line-height: 1.65; color: var(--mlp-muted); max-width: 52ch; }

.mlp-wb { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 80px; }
.mlp-wb__pinin { position: sticky; top: 0; min-height: 100vh; min-height: 100svh; display: flex; flex-direction: column; justify-content: center; padding: 90px 0 40px; }
.mlp-wb__nums { position: relative; height: 1.05em; margin-top: 34px; overflow: hidden; font-size: clamp(5em, 3em + 5vw, 9.5em); }
.mlp-wb__num { position: absolute; inset: 0; transform: translateY(105%); transition: transform .8s cubic-bezier(.16, 1, .3, 1); }
.mlp-wb__num.is-on { transform: none; }
.mlp-wb__num.is-past { transform: translateY(-105%); }
.mlp-wb__nums .mlp-what__big { font-size: 1em; line-height: 1; }
.mlp-wb__rows { padding: 22vh 0 12vh; }
.mlp-wb__row { min-height: 76vh; display: flex; flex-direction: column; justify-content: center; gap: 12px; opacity: .22; transition: opacity .6s ease; }
.mlp-wb__row.is-on { opacity: 1; }
.mlp-wb__media { position: relative; overflow: hidden; aspect-ratio: 4 / 3; border-radius: 22px; margin-bottom: 10px; background: #e9edf2; }
.mlp .mlp-wb__media img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.mlp-wb__media.is-brand { background: radial-gradient(120% 90% at 30% 20%, #2f7bea 0%, #0b5ed7 45%, #083f93 100%); }
.mlp .mlp-wb__media.is-brand img.mlp-what__shield { inset: auto; left: 50%; top: 50%; width: auto; height: 58%; transform: translate(-50%, -50%); object-fit: contain; filter: drop-shadow(0 20px 40px rgba(0, 0, 0, .25)); }
.mlp-wb__m { display: none; }
@media (max-width: 1023px) {
  .mlp-what { padding: 70px 0 40px; }
  .mlp-wb { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .mlp-wb__pinin { position: static; min-height: 0; padding: 0; }
  .mlp-wb__nums { display: none; }
  .mlp-wb__rows { padding: 20px 0 0; }
  .mlp-wb__row { min-height: 0; opacity: 1; padding: 22px 0; }
  .mlp-wb__m { display: block; }
}
@media (prefers-reduced-motion: reduce) { .mlp-what__lead span { color: var(--mlp-title); transition: none; } .mlp-wb__num { transition: none; } }

/* Tiêu đề ô video đầu dòng 1.5em (khách yêu cầu 07/10) */
.mlp .mlp-lmedia__title { font-size: 1.5em; }

/* =====================================================================
   HEADER (khách chốt 07/10): cấu trúc tối giản + nút MENU mở menu toàn màn, giao diện "đảo kính nổi"
   ===================================================================== */
.mlp-head .mlp-head__lg--r { display: none !important; }
.mlp-head__word--b { display: none; }
/* Đảo kính nổi */
.mlp-head--island { background: none !important; box-shadow: none !important; padding: 14px 15px 0; pointer-events: none; }
.mlp-head--island .mlp-head__in {
  pointer-events: auto; max-width: 1290px; margin: 0 auto; height: 66px; padding: 0 8px 0 24px; border-radius: 999px;
  background: rgba(14, 16, 20, .38); border: 1px solid rgba(255, 255, 255, .16);
  -webkit-backdrop-filter: blur(16px) saturate(140%); backdrop-filter: blur(16px) saturate(140%);
  transition: background-color .4s ease, height .4s ease, box-shadow .4s ease, border-color .4s ease;
}
.mlp-head--island.is-solid .mlp-head__in { height: 58px; background: rgba(253, 253, 253, .88); border-color: rgba(17, 17, 17, .06); box-shadow: 0 18px 40px -24px rgba(17, 30, 55, .45); }
.mlp-head--island .mlp-head__logo img { height: 38px; }
.mlp-head--island.is-solid .mlp-head__lg--w { display: none !important; }
.mlp-head--island.is-solid .mlp-head__lg--r { display: block !important; }
.mlp-head--island.is-solid .mlp-head__shield { display: block; }
.mlp-head--island.is-solid .mlp-head__shield--w { display: none; }
.mlp-head--island.is-solid .mlp-head__word { display: none; }
.mlp-head--island.is-solid .mlp-head__word--b { display: block; height: 15px; }
.mlp-head--island.is-solid .mlp-head__sep { background: rgba(17, 17, 17, .15); }
.mlp-head--island.is-solid .mlp-head__tel { color: #1b1f24 !important; }
.mlp-head--island.is-solid .mlp-head__cta { background: var(--mlp-gb); color: #fdfdfd !important; }
.mlp-head--island.is-solid .mlp-head__cta-ic { background: #fdfdfd; color: var(--mlp-gb); }
@media (max-width: 767px) {
  .mlp-head--island { padding: 10px 10px 0; }
  .mlp-head--island .mlp-head__in, .mlp-head--island.is-solid .mlp-head__in { height: 56px; padding: 0 7px 0 16px; }
  .mlp-head--island .mlp-head__logo img { height: 30px; }
  .mlp-head--island.is-solid .mlp-head__tel { border-color: rgba(17, 17, 17, .2); }
}

/* Ẩn khi cuộn xuống, nút MENU, menu toàn màn */
/* (0,2,0) để thắng luật transition của intro.css, nạp sau style.css */
.mlp-head.mlp-head--island { transition: transform .5s cubic-bezier(.16, 1, .3, 1), opacity .8s ease; }
.mlp-head--island.is-hide { transform: translateY(-110%); }
.mlp-head--island .mlp-head__act { margin-left: auto; }
.mlp-head--island .mlp-head__burger {
  display: inline-flex; align-items: center; gap: 12px; height: 44px; padding: 0 6px 0 18px; border-radius: 999px;
  border: 1.5px solid rgba(255, 255, 255, .5); background: transparent; color: #fdfdfd; cursor: pointer;
  font: inherit; font-size: .82em; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; transition: background-color .3s, border-color .3s;
}
.mlp-head--island .mlp-head__burger:hover { background: rgba(255, 255, 255, .12); border-color: #fdfdfd; }
.mlp-head__burger i { position: relative; width: 32px; height: 32px; border-radius: 50%; background: #fdfdfd; }
.mlp-head__burger i::before, .mlp-head__burger i::after { content: ""; position: absolute; left: 9px; right: 9px; height: 1.5px; background: var(--mlp-gb); transition: transform .35s cubic-bezier(.16, 1, .3, 1); }
.mlp-head__burger i::before { top: 12px; }
.mlp-head__burger i::after { top: 18px; }
.mlp-head__burger:hover i::before { transform: translateY(-1px) scaleX(.7); }
.mlp-head__burger:hover i::after { transform: translateY(1px); }
@media (max-width: 767px) { .mlp-head--island .mlp-head__burger { padding: 0 5px; height: 42px; border: 0; } .mlp-head--island .mlp-head__burger span { display: none; } }

.mlp-menu {
  --mlp-gb: #710e23; position: fixed; inset: 0; z-index: 100003; overflow-y: auto; background: var(--mlp-gb); color: #fdfdfd; font-size: 16px;
  clip-path: circle(0 at var(--mx, 95%) var(--my, 40px)); visibility: hidden;
  transition: clip-path .8s cubic-bezier(.76, 0, .24, 1), visibility 0s linear .8s;
}
.mlp-menu.is-open { clip-path: circle(150% at var(--mx, 95%) var(--my, 40px)); visibility: visible; transition: clip-path .8s cubic-bezier(.76, 0, .24, 1), visibility 0s; }
.mlp-menu *, .mlp-menu *::before, .mlp-menu *::after { box-sizing: border-box; }
.mlp-menu__x {
  position: fixed; top: 22px; right: 22px; z-index: 2; display: inline-flex; align-items: center; gap: 10px; height: 44px; padding: 0 8px 0 18px; border-radius: 999px;
  border: 1.5px solid rgba(255, 255, 255, .5); background: transparent; color: #fdfdfd; font: inherit; font-size: .82em; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; cursor: pointer;
}
.mlp-menu__x .ph { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: #fdfdfd; color: var(--mlp-gb); font-size: 15px; }
.admin-bar .mlp-menu__x { top: 54px; }
.mlp-menu__in { min-height: 100%; display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 60px; align-items: center; padding-top: 110px; padding-bottom: 60px; }
.mlp-menu__big { display: flex; flex-direction: column; }
.mlp-menu__big a {
  display: flex; align-items: baseline; gap: 20px; padding: 4px 0; text-decoration: none; color: #fdfdfd !important;
  font-family: "Neue Montreal", system-ui, sans-serif; font-weight: 600; font-size: clamp(2.2em, 1em + 4vw, 4.6em); line-height: 1.1; letter-spacing: -.01em;
  opacity: 0; transform: translateY(46px); transition: opacity .5s ease, transform .8s cubic-bezier(.16, 1, .3, 1);
}
.mlp-menu.is-open .mlp-menu__big a { opacity: 1; transform: none; transition-delay: calc(.3s + var(--i) * .06s); }
.mlp-menu__big small { font-family: inherit; font-size: .2em; font-weight: 600; letter-spacing: .1em; opacity: .55; }
/* Số thứ tự mục menu đếm bằng CSS (19/10): mục bị ẩn theo màn hình (vd Bộ sưu tập trên mobile) không làm nhảy số */
.mlp-menu__big { counter-reset: mlp-nav; }
.mlp-menu__big a { counter-increment: mlp-nav; }
.mlp-menu__big small::before { content: counter(mlp-nav, decimal-leading-zero); }
.mlp-menu__big span { background: linear-gradient(currentColor, currentColor) 0 92% / 0 3px no-repeat; transition: background-size .5s cubic-bezier(.16, 1, .3, 1); }
.mlp-menu__big a:hover span { background-size: 100% 3px; }
.mlp-menu__side { opacity: 0; transition: opacity .6s ease; }
.mlp-menu.is-open .mlp-menu__side { opacity: 1; transition-delay: .65s; }
.mlp-menu__h { margin: 0 0 14px; font-size: .78em; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: rgba(253, 253, 253, .6); }
.mlp-menu__lines { list-style: none; margin: 0 0 40px; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px 18px; }
.mlp-menu__lines a { color: #fdfdfd !important; text-decoration: none; font-weight: 600; opacity: .85; }
.mlp-menu__lines a:hover { opacity: 1; text-decoration: underline; }
.mlp-menu__tel { display: block; font-family: "Neue Montreal", system-ui, sans-serif; font-size: 2em; font-weight: 600; color: #fdfdfd !important; text-decoration: none; }
.mlp-menu__zalo { display: inline-flex; align-items: center; gap: 8px; margin-top: 10px; padding-bottom: 4px; border-bottom: 1.5px solid rgba(253, 253, 253, .6); color: #fdfdfd !important; text-decoration: none; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; font-size: .9em; }
@media (max-width: 900px) {
  .mlp-menu__in { grid-template-columns: minmax(0, 1fr); gap: 40px; align-items: start; padding-top: 96px; }
  .mlp-menu__x { top: 14px; right: 14px; }
}

/* Nút MENU trên nền trắng (đã cuộn qua banner) */
.mlp-head--island.is-solid .mlp-head__burger { border-color: rgba(17, 17, 17, .18); color: #1b1f24; }
.mlp-head--island.is-solid .mlp-head__burger:hover { background: rgba(113, 14, 35, .06); border-color: var(--mlp-gb); }
.mlp-head--island.is-solid .mlp-head__burger i { background: var(--mlp-gb); }
.mlp-head--island.is-solid .mlp-head__burger i::before, .mlp-head--island.is-solid .mlp-head__burger i::after { background: #fdfdfd; }
.mlp-head--island .mlp-head__burger { height: 46px; }
@media (max-width: 767px) { .mlp-head--island .mlp-head__burger { height: 42px; } }
/* Nút MENU (07/10): bỏ chữ, viền và bo góc — chỉ còn chấm tròn có 2 gạch */
.mlp-head--island .mlp-head__burger, .mlp-head--island.is-solid .mlp-head__burger,
.mlp-head--island .mlp-head__burger:hover, .mlp-head--island.is-solid .mlp-head__burger:hover {
  height: auto; padding: 0; gap: 0; border: 0; border-radius: 0; background: none;
}
.mlp-head--island .mlp-head__burger i { width: 40px; height: 40px; }
.mlp-head--island .mlp-head__burger i::before { top: 16px; left: 12px; right: 12px; }
.mlp-head--island .mlp-head__burger i::after { top: 22px; left: 12px; right: 12px; }
@media (max-width: 767px) { .mlp-head--island .mlp-head__burger i { width: 38px; height: 38px; } .mlp-head--island .mlp-head__burger i::before { top: 15px; } .mlp-head--island .mlp-head__burger i::after { top: 21px; } }
/* Banner không còn lớp phủ tối (07/10): video sáng nên thanh kính đậm hơn và dùng logo trắng thay logo bạc */
.mlp-head--island:not(.is-solid) .mlp-head__in { background: rgba(14, 16, 20, .2); } /* khách chỉnh 08/10, trước .5 */
.mlp-head--island:not(.is-solid) .mlp-head__lg:not(.mlp-head__lg--w) { display: none !important; }
.mlp-head--island:not(.is-solid) .mlp-head__lg--w { display: block !important; }
.mlp-head--island:not(.is-solid) .mlp-head__shield:not(.mlp-head__shield--w) { display: none; }
.mlp-head--island:not(.is-solid) .mlp-head__shield--w { display: block; }
/* Nút "Nhận báo giá" trên header kiểu tráng gương (07/10): kính trắng mờ trên banner, kính đỏ bóng khi thanh đã trắng.
   Viền sáng phía trên vẽ bằng gradient (không dùng inset box-shadow vì animation vòng sáng ghi đè box-shadow). */
.mlp-head--island:not(.is-solid) .mlp-head__cta {
  border: 1px solid rgba(255, 255, 255, .3); color: #fdfdfd !important;
  background:
    linear-gradient(rgba(255, 255, 255, .35), rgba(255, 255, 255, .35)) top / 100% 1px no-repeat,
    linear-gradient(180deg, rgba(255, 255, 255, .16) 0%, rgba(255, 255, 255, .06) 58%, rgba(255, 255, 255, .1) 100%);
  -webkit-backdrop-filter: blur(12px) saturate(160%); backdrop-filter: blur(12px) saturate(160%);
}
.mlp-head--island:not(.is-solid) .mlp-head__cta::after { background: linear-gradient(105deg, transparent 15%, rgba(255, 255, 255, .25) 50%, transparent 85%); }
.mlp-head--island.is-solid .mlp-head__cta {
  border: 1px solid rgba(90, 10, 28, .3); color: #fdfdfd !important;
  background:
    linear-gradient(rgba(255, 255, 255, .22), rgba(255, 255, 255, .22)) top / 100% 1px no-repeat,
    linear-gradient(180deg, rgba(132, 22, 46, .97) 0%, rgba(113, 14, 35, .97) 55%, rgba(102, 12, 31, .98) 100%);
}
.mlp-head--island.is-solid .mlp-head__cta::after { background: linear-gradient(105deg, transparent 15%, rgba(255, 255, 255, .18) 50%, transparent 85%); }
/* Ô "Chính hãng Philips" dưới video dòng két: dùng khiên Philips thay icon khiên chung (07/10) */
.mlp .mlp-lmedia__ph { flex: none; display: block; width: auto; height: 28px; max-width: none; }
/* Nút Mua ngay (07/10): mũi tên sau chữ thay icon túi, trượt sang phải khi rê chuột */
.mlp-pc__buy .ph { transition: transform .35s cubic-bezier(.16, 1, .3, 1); }
.mlp-pc__buy:hover .ph { transform: translateX(4px); }
/* Đoạn mô tả section tường ảnh khách hàng: bỏ giới hạn bề ngang (07/10) */
.mlp .mlp-wall .mlp-lead { max-width: none; }

/* Popup video lắp đặt — cột thông tin gọn (07/10): giá + quà ở đầu, 1 bảng thông số 2 cột, 1 dòng cam kết */
.mlp-vd .mlp-vd__gift { padding: 0; background: none; border-radius: 0; font-size: .9em; font-weight: 600; }
.mlp-vd .mlp-vd__body { gap: 14px; }
.mlp-vd .mlp-vd__desc { font-size: .92em; line-height: 1.6; }
.mlp-vd__tbl { margin: 0; display: grid; border-top: 1px solid var(--mlp-line); }
.mlp-vd__tbl > div { margin: 0; display: grid; grid-template-columns: 128px minmax(0, 1fr); gap: 14px; padding: 11px 0; border-bottom: 1px solid var(--mlp-line); }
.mlp-vd__tbl > div[hidden] { display: none; }
.mlp-vd__tbl dt { font-size: .85em; color: var(--mlp-muted); }
.mlp-vd__tbl dt small { display: block; font-size: .85em; opacity: .75; }
.mlp-vd__tbl dd { margin: 0; font-size: .92em; font-weight: 600; line-height: 1.45; color: var(--mlp-title); }
.mlp-vd__assure { margin: 2px 0 0; display: flex; align-items: flex-start; gap: 8px; font-size: .84em; line-height: 1.5; color: var(--mlp-muted); }
.mlp-vd__assure .ph { flex: none; margin-top: 1px; font-size: 17px; color: var(--mlp-gb); }
@media (max-width: 767px) { .mlp-vd__tbl > div { grid-template-columns: 104px minmax(0, 1fr); gap: 10px; } }
/* "Là gì" (07/10): bỏ khoảng trống đầu section. Cột trái không canh giữa khung 100vh nữa mà dính ngay dưới header;
   ý đầu tiên ở cột phải bắt đầu sát đầu section, các ý canh trên thay vì canh giữa. */
@media (min-width: 1024px) {
  .mlp-what { padding: 90px 0 70px; }
  .mlp-wb { align-items: stretch; } /* cột trái phải cao bằng cột phải thì phần dính bên trong mới có chỗ chạy */
  .mlp-wb__pinin { top: 110px; min-height: 0; padding: 0; justify-content: flex-start; }
  .mlp-wb__rows { padding: 0 0 8vh; }
  .mlp-wb__row { min-height: 72vh; justify-content: flex-start; padding-bottom: 40px; }
  .mlp-wb__row:last-child { min-height: 0; }
}
/* Spinner CF7 trong nút gửi form (07/10): nằm tuyệt đối, canh giữa nút; lúc đang gửi ẩn chữ để spinner không đè chữ */
.mlp-form .mlp-f__submit { position: relative; }
.mlp-form .mlp-f__submit .wpcf7-spinner { position: absolute; left: 50%; top: 50%; margin: 0; transform: translate(-50%, -50%); background-color: rgba(255, 255, 255, .28); }
.mlp-form .mlp-f__submit .wpcf7-spinner::before { background-color: #fdfdfd; }
.mlp-form .wpcf7-form.submitting .mlp-f__submit { color: transparent !important; }
.mlp-form .wpcf7-form.submitting .mlp-f__submit .ph { opacity: 0; }
/* Mobile: chừa chỗ dưới footer cho thanh liên hệ dính (07/10). Luật 96px cũ bị luật `.mlp-foot { padding: 64px 0 32px }` viết sau ghi đè. */
@media (max-width: 767px) { .mlp-foot { padding-bottom: calc(112px + env(safe-area-inset-bottom)); } }

/* =====================================================================
   POPUP CẢM ƠN sau khi gửi form báo giá (07/10)
   ===================================================================== */
.mlp-ty {
  width: min(520px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); padding: 0; border: 0; border-radius: 24px; overflow: auto;
  background: var(--mlp-surface); color: var(--mlp-ink); font-size: 16px; box-shadow: 0 40px 100px -30px rgba(17, 20, 28, .55);
}
.mlp-ty::backdrop { background: rgba(10, 12, 16, .55); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
@media (prefers-reduced-motion: no-preference) {
  .mlp-ty[open] { animation: mlp-ty-in .55s cubic-bezier(.16, 1, .3, 1); }
  .mlp-ty[open] .mlp-ty__check { animation: mlp-ty-pop .7s cubic-bezier(.2, 1.4, .4, 1) .15s both; }
  .mlp-ty[open] .mlp-ty__check::after { animation: mlp-ty-ring 1.6s ease-out .5s 2; }
  .mlp-ty[open] .mlp-ty__steps li { animation: mlp-ty-rise .5s ease both; }
  .mlp-ty[open] .mlp-ty__steps li:nth-child(2) { animation-delay: .08s; }
  .mlp-ty[open] .mlp-ty__steps li:nth-child(3) { animation-delay: .16s; }
}
@keyframes mlp-ty-in { from { opacity: 0; transform: translateY(24px) scale(.96); } to { opacity: 1; transform: none; } }
@keyframes mlp-ty-pop { from { opacity: 0; transform: scale(.4); } to { opacity: 1; transform: none; } }
@keyframes mlp-ty-ring { from { opacity: .6; transform: scale(1); } to { opacity: 0; transform: scale(1.7); } }
@keyframes mlp-ty-rise { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.mlp-ty__x {
  position: absolute; top: 14px; right: 14px; z-index: 2; width: 40px; height: 40px; display: grid; place-items: center; padding: 0;
  border: 1px solid var(--mlp-line); border-radius: 50%; background: var(--mlp-surface); color: var(--mlp-title); font-size: 18px; cursor: pointer;
}
.mlp-ty__top {
  padding: 40px 34px 26px; text-align: center; display: flex; flex-direction: column; align-items: center;
  background: radial-gradient(120% 90% at 50% 0%, #fbeef1 0%, rgba(251, 238, 241, 0) 70%);
}
.mlp-ty__check { position: relative; display: grid; place-items: center; width: 76px; height: 76px; border-radius: 50%; background: var(--mlp-gb); color: #fdfdfd; font-size: 40px; box-shadow: 0 16px 36px -14px rgba(113, 14, 35, .7); }
.mlp-ty__check::after { content: ""; position: absolute; inset: 0; border-radius: 50%; border: 2px solid var(--mlp-gb); opacity: 0; }
.mlp .mlp-ty__co { position: static; margin-top: 20px; padding: 6px 12px; gap: 8px; box-shadow: none; border: 1px solid var(--mlp-line); }
.mlp .mlp-ty__co img:first-child { height: 18px; }
.mlp .mlp-ty__co img:last-child { height: 9px; }
.mlp .mlp-ty__co i { height: 14px; }
.mlp-ty__title { margin: 14px 0 0; font-family: "Neue Montreal", system-ui, sans-serif; font-size: 1.85em; font-weight: 600; line-height: 1.2; letter-spacing: -.01em; color: var(--mlp-title); text-wrap: balance; }
.mlp-ty__title span { color: var(--mlp-gb); }
.mlp-ty__lead { margin: 10px 0 0; max-width: 40ch; font-size: .98em; line-height: 1.6; color: var(--mlp-muted); }
.mlp-ty__lead b { color: var(--mlp-title); white-space: nowrap; }
.mlp-ty__steps { list-style: none; margin: 0 34px; padding: 6px 0; border-top: 1px solid var(--mlp-line); border-bottom: 1px solid var(--mlp-line); }
.mlp-ty__steps li { display: flex; align-items: baseline; gap: 14px; padding: 9px 0; font-size: .92em; line-height: 1.5; color: var(--mlp-title); }
.mlp-ty__steps b { flex: none; font-family: "Neue Montreal", system-ui, sans-serif; font-weight: 600; font-size: .95em; color: var(--mlp-gb); font-variant-numeric: tabular-nums; }
.mlp-ty__acts { display: grid; grid-template-columns: 1.35fr 1fr; gap: 10px; padding: 22px 34px 0; }
.mlp-ty__acts .mlp-btn { justify-content: center; padding: 14px 12px; border-radius: 10px; font-size: .9em; box-shadow: none; }
.mlp-ty .mlp-ty__call { background: var(--mlp-gb); }
.mlp-ty .mlp-ty__call:hover { background: #5a0b1c; }
.mlp-ty .mlp-ty__zalo { border-color: var(--mlp-line); color: var(--mlp-title) !important; }
.mlp-ty .mlp-ty__zalo:hover { background: #f4f5f7; color: var(--mlp-title) !important; }
.mlp-ty__back {
  display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; margin: 0; padding: 16px 0 22px; border: 0; background: none;
  font: inherit; font-size: .88em; font-weight: 600; color: var(--mlp-muted); cursor: pointer;
}
.mlp-ty__back:hover { color: var(--mlp-gb); }
.mlp-ty__back .ph { transition: transform .3s ease; }
.mlp-ty__back:hover .ph { transform: translateX(4px); }
@media (max-width: 480px) {
  .mlp-ty__top { padding: 34px 20px 22px; }
  .mlp-ty__title { font-size: 1.6em; }
  .mlp-ty__steps { margin: 0 20px; }
  .mlp-ty__acts { grid-template-columns: minmax(0, 1fr); padding: 18px 20px 0; }
}
.mlp-ty__lead { text-wrap: balance; }
/* Popup "Đặt hàng thành công" (07/10): dùng chung khung .mlp-ty, thêm ô tóm tắt đơn */
.mlp-to__sum { margin: 0 34px 18px; padding: 4px 18px; border-radius: 14px; background: #f6f7f9; }
.mlp-to__sum > div { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; padding: 9px 0; margin: 0; }
.mlp-to__sum > div + div { border-top: 1px solid #e7eaee; }
.mlp-to__sum dt { flex: none; font-size: .86em; color: var(--mlp-muted); }
.mlp-to__sum dd { margin: 0; text-align: right; font-size: .92em; font-weight: 600; color: var(--mlp-title); }
.mlp-to__sum > div:last-child dd { font-family: "Neue Montreal", system-ui, sans-serif; font-size: 1.25em; color: var(--mlp-gb); }
.mlp-ty--order .mlp-ty__top { padding-bottom: 20px; }
@media (max-width: 480px) { .mlp-to__sum { margin: 0 20px 16px; padding: 4px 14px; } }

/* =====================================================================
   XEM BỘ ẢNH SẢN PHẨM (07/10): bấm ảnh thẻ SP
   ===================================================================== */
.mlp .mlp-pc__stage[data-gal] { cursor: zoom-in; }
.mlp-pc__zoom {
  position: absolute; right: 10px; bottom: 10px; z-index: 1; display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px;
  border-radius: 999px; background: rgba(17, 20, 26, .62); color: #fdfdfd; font-size: .72em; font-weight: 600;
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); opacity: .9; transition: opacity .3s, transform .3s;
}
.mlp-pc__zoom .ph { font-size: 13px; }
.mlp-pc__link:hover .mlp-pc__zoom { opacity: 1; transform: translateY(-2px); }
@media (max-width: 767px) { .mlp-pc__zoom { right: 6px; bottom: 6px; padding: 3px 8px; font-size: .66em; } }

.mlp-pg {
  /* 19/10: to hơn để ảnh SP vẽ to hơn (trước cố định 1120×720; lần 2 nới trần 1480×940 → 1680×1100, chừa 12px trên dưới) */
  width: min(1680px, calc(100vw - 48px)); max-width: none; max-height: none; height: min(1100px, calc(100dvh - 24px)); padding: 0; border: 0; border-radius: 22px; overflow: hidden;
  background: var(--mlp-surface); color: var(--mlp-ink); font-size: 16px; box-shadow: 0 40px 100px -30px rgba(10, 12, 16, .6);
}
.mlp-pg::backdrop { background: rgba(10, 12, 16, .62); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
@media (prefers-reduced-motion: no-preference) { .mlp-pg[open] { animation: mlp-ty-in .5s cubic-bezier(.16, 1, .3, 1); } }
.mlp-pg__x { position: absolute; top: 14px; right: 14px; z-index: 3; width: 42px; height: 42px; display: grid; place-items: center; padding: 0; border: 1px solid var(--mlp-line); border-radius: 50%; background: var(--mlp-surface); color: var(--mlp-title); font-size: 18px; cursor: pointer; }
.mlp-pg__in { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); height: 100%; }
.mlp-pg__view { display: flex; flex-direction: column; min-height: 0; min-width: 0; background: radial-gradient(80% 70% at 50% 42%, #ffffff 0%, #f0f2f5 70%, #e7eaee 100%); }
.mlp-pg__stage { position: relative; flex: 1; min-height: 0; display: grid; place-items: center; padding: 30px 70px; touch-action: pan-y; user-select: none; }
.mlp .mlp-pg__img { display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; }
@media (prefers-reduced-motion: no-preference) { .mlp-pg__img.is-in { animation: mlp-pg-in .45s cubic-bezier(.16, 1, .3, 1); } }
@keyframes mlp-pg-in { from { opacity: 0; transform: scale(.97); } to { opacity: 1; transform: none; } }
.mlp-pg__count { position: absolute; top: 18px; left: 18px; padding: 5px 11px; border-radius: 999px; background: rgba(17, 20, 26, .62); color: #fdfdfd; font-size: .76em; font-weight: 600; font-variant-numeric: tabular-nums; }
.mlp-pg__nav { position: absolute; top: 50%; z-index: 2; width: 46px; height: 46px; margin-top: -23px; display: grid; place-items: center; padding: 0; border: 1px solid var(--mlp-line); border-radius: 50%; background: rgba(253, 253, 253, .92); color: var(--mlp-title); font-size: 20px; cursor: pointer; box-shadow: 0 10px 24px -14px rgba(17, 30, 55, .5); transition: background-color .2s, color .2s; }
.mlp-pg__nav:hover { background: var(--mlp-gb); border-color: var(--mlp-gb); color: #fdfdfd; }
.mlp-pg__nav--prev { left: 16px; }
.mlp-pg__nav--next { right: 16px; }
.mlp-pg.is-single .mlp-pg__nav, .mlp-pg.is-single .mlp-pg__count { display: none; }
.mlp-pg__thumbs { flex: none; display: flex; gap: 10px; overflow-x: auto; padding: 8px 16px 12px; scrollbar-width: thin; } /* 19/10: lề 12/16 → 8/12 nhường chỗ cho ảnh chính */
.mlp-pg__thumbs[hidden] { display: none; }
.mlp-pg__thumb { flex: none; width: 92px; height: 92px; padding: 0; border: 2px solid transparent; border-radius: 10px; overflow: hidden; background: #fdfdfd; cursor: pointer; opacity: .65; transition: opacity .2s, border-color .2s; }
.mlp-pg__thumb:hover { opacity: 1; }
.mlp-pg__thumb.is-on { opacity: 1; border-color: var(--mlp-gb); }
.mlp .mlp-pg__thumb img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.mlp-pg__side { display: flex; flex-direction: column; gap: 14px; min-height: 0; overflow-y: auto; padding: 72px 30px 28px; border-left: 1px solid var(--mlp-line); }
.mlp .mlp-pg__co { position: static; align-self: flex-start; padding: 6px 12px; gap: 8px; box-shadow: none; border: 1px solid var(--mlp-line); }
.mlp .mlp-pg__co img:first-child { height: 18px; }
.mlp .mlp-pg__co img:last-child { height: 9px; }
.mlp .mlp-pg__co i { height: 14px; }
.mlp-pg__name { margin: 0; font-family: "Neue Montreal", system-ui, sans-serif; font-size: 1.75em; font-weight: 600; line-height: 1.2; color: var(--mlp-title); }
.mlp-pg__price { margin: 0; display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 10px; }
.mlp-pg__price strong { font-size: 1.5em; font-weight: 800; letter-spacing: -.02em; color: var(--mlp-gb); }
.mlp-pg__price del { font-size: .88em; color: #8a929c; }
.mlp-pg__off:not(:empty) { padding: 2px 8px; border-radius: 4px; background: var(--mlp-gb); color: #fdfdfd; font-size: .74em; font-weight: 700; }
.mlp-pg__gift { margin: 0; display: flex; align-items: center; gap: 8px; color: var(--mlp-gb); font-size: .92em; font-weight: 600; }
.mlp-pg__gift[hidden] { display: none; }
.mlp-pg__assure { margin: 0; padding-top: 14px; border-top: 1px solid var(--mlp-line); display: flex; align-items: flex-start; gap: 8px; font-size: .84em; line-height: 1.5; color: var(--mlp-muted); }
.mlp-pg__assure .ph { flex: none; margin-top: 1px; font-size: 17px; color: var(--mlp-gb); }
.mlp-pg__acts { margin-top: auto; display: grid; gap: 10px; }
.mlp-pg__acts .mlp-btn { justify-content: center; padding: 15px; border-radius: 10px; box-shadow: none; }
.mlp-pg .mlp-pg__buy { background: var(--mlp-gb); }
.mlp-pg .mlp-pg__buy:hover { background: #5a0b1c; }
.mlp-pg .mlp-pg__quote { border-color: var(--mlp-line); color: var(--mlp-title) !important; }
.mlp-pg .mlp-pg__quote:hover { background: #f4f5f7; color: var(--mlp-title) !important; }
@media (max-width: 860px) {
  .mlp-pg { width: 100vw; height: 100dvh; max-height: 100dvh; border-radius: 0; }
  .mlp-pg__in { grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) auto; }
  .mlp-pg__stage { padding: 56px 12px 12px; }
  .mlp-pg__nav { width: 34px; height: 34px; margin-top: -17px; font-size: 16px; background: rgba(253, 253, 253, .72); } /* 19/10: ảnh to hơn nên nút nhỏ + mờ để đè ảnh ít (vuốt vẫn đổi ảnh được) */
  .mlp-pg__nav--prev { left: 6px; } .mlp-pg__nav--next { right: 6px; }
  .mlp-pg__count { top: 14px; left: 14px; }
  .mlp-pg__thumb { width: 72px; height: 72px; } /* 12/10: trước 54px (desktop 66px → 92px) */
  .mlp-pg__side { border-left: 0; border-top: 1px solid var(--mlp-line); padding: 16px 16px calc(14px + env(safe-area-inset-bottom)); gap: 8px; overflow: visible; }
  .mlp-pg__co, .mlp-pg__assure { display: none !important; }
  .mlp-pg__name { font-size: 1.3em; }
  .mlp-pg__price strong { font-size: 1.25em; }
  .mlp-pg__acts { grid-template-columns: 1.3fr 1fr; margin-top: 6px; }
  .mlp-pg__acts .mlp-btn { padding: 13px 10px; font-size: .88em; }
}
/* ảnh lớn trong bộ ảnh: định vị tuyệt đối trong khung để luôn co vừa, không tràn xuống dải ảnh nhỏ */
.mlp-pg__stage { display: block; overflow: hidden; }
/* 19/10: lề ảnh 72/24 → 64/8 (hai bên vừa chừa nút trước/sau); mobile bỏ khoảng 54px trên đầu, ảnh vẽ tới sát nút đóng */
.mlp .mlp-pg__img { position: absolute; top: 8px; left: 64px; width: calc(100% - 128px); height: calc(100% - 16px); max-width: none; max-height: none; object-fit: contain; }
@media (max-width: 860px) { .mlp .mlp-pg__img { top: 10px; left: 10px; width: calc(100% - 20px); height: calc(100% - 20px); } }
/* Bộ ảnh SP: 2 nút nằm ngang, rộng và cao bằng nhau (08/10) */
.mlp-pg__acts, .mlp-pg__acts { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; align-items: stretch; }
.mlp-pg__acts .mlp-btn { height: 52px; padding: 0 12px; border: 1.5px solid transparent; white-space: nowrap; }
.mlp-pg .mlp-pg__buy { border-color: var(--mlp-gb); }
.mlp-pg .mlp-pg__quote { border-color: var(--mlp-line); }
@media (max-width: 860px) { .mlp-pg__acts .mlp-btn { height: 48px; } }
.mlp-pg__acts .mlp-btn { gap: 8px; }
.mlp-pg__acts .mlp-pg__quote .ph { font-size: 18px; }
@media (max-width: 860px) { .mlp-pg__acts .mlp-btn { font-size: .8em; letter-spacing: .02em; gap: 6px; } .mlp-pg__acts .mlp-pg__quote .ph { font-size: 16px; } }
/* Bộ ảnh SP: cột ảnh lấy phần còn lại, cột thông tin 510–540px (19/10, trước 1.2 : 1 = 45% bề ngang). Chỉ desktop — mobile vẫn 1 cột.
   Dưới 510px hai nút Mua ngay / Chat Zalo (nowrap) và dòng cam kết bắt đầu rớt chữ. */
@media (min-width: 861px) { .mlp-pg__in { grid-template-columns: minmax(0, 1fr) clamp(510px, 36vw, 540px); } }
/* Bộ ảnh SP: mô tả + bảng thông số giống popup lắp đặt (08/10) */
.mlp-pg__desc { margin: 0; font-size: .92em; line-height: 1.6; color: var(--mlp-muted); }
.mlp-pg__desc:empty { display: none; }
.mlp-pg__tbl[hidden] { display: none; }
.mlp-pg__side .mlp-pg__assure { border-top: 0; padding-top: 0; }
@media (max-width: 860px) {
  /* mobile: cả cửa sổ cuộn được; khung ảnh vuông theo bề ngang màn (19/10, trước 56svh: iPhone nhỏ ảnh chỉ còn 254px),
     tối đa 70% chiều cao màn cho máy xoay ngang; thông tin bên dưới, 2 nút dính đáy */
  .mlp-pg { overflow-y: auto; }
  .mlp-pg__in { height: auto; min-height: 100%; grid-template-rows: auto auto; }
  .mlp-pg__view { height: auto; }
  .mlp-pg__stage { flex: none; height: min(100vw, 70vh); height: min(100vw, 70svh); }
  .mlp-pg__side { overflow: visible; padding-bottom: 0; }
  .mlp-pg__acts { position: sticky; bottom: 0; margin: 4px -16px 0; padding: 10px 16px calc(12px + env(safe-area-inset-bottom)); background: var(--mlp-surface); border-top: 1px solid var(--mlp-line); }
}
/* Popup video lắp đặt: nút thứ hai là Chat Zalo tư vấn, 2 nút bằng nhau (08/10) */
.mlp-vd__acts { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; }
.mlp-vd__acts .mlp-btn { white-space: nowrap; gap: 8px; }
.mlp-vd__acts .mlp-vd__zalo .ph { font-size: 18px; }
@media (max-width: 767px) { .mlp-vd__acts .mlp-btn { font-size: .8em; letter-spacing: .02em; gap: 6px; } }

/* Nút Chat Zalo trong các popup (08/10): xanh Zalo, vệt sáng quét định kỳ, icon chat rung nhẹ, hover sẫm + nhấc nhẹ */
.mlp .mlp-btn.mlp-zalo, .mlp-vd__acts .mlp-btn.mlp-zalo, .mlp-pg__acts .mlp-btn.mlp-zalo, .mlp-ty__acts .mlp-btn.mlp-zalo {
  position: relative; overflow: hidden; isolation: isolate;
  background: linear-gradient(180deg, #2a86ff 0%, #0068ff 100%) !important; border: 1.5px solid #0068ff !important; color: #fdfdfd !important;
  box-shadow: 0 10px 22px -12px rgba(0, 104, 255, .75) !important;
  transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
}
.mlp .mlp-btn.mlp-zalo:hover { filter: brightness(.92); transform: translateY(-2px); box-shadow: 0 14px 26px -12px rgba(0, 104, 255, .85) !important; color: #fdfdfd !important; }
.mlp .mlp-btn.mlp-zalo:active { transform: scale(.98); }
.mlp .mlp-btn.mlp-zalo .ph { color: #fdfdfd; }
.mlp .mlp-btn.mlp-zalo::after {
  content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; width: 45%; pointer-events: none;
  background: linear-gradient(105deg, transparent 15%, rgba(255, 255, 255, .45) 50%, transparent 85%);
  transform: translateX(-130%) skewX(-12deg);
}
@media (prefers-reduced-motion: no-preference) {
  .mlp .mlp-btn.mlp-zalo::after { animation: mlp-zalo-shine 3.4s cubic-bezier(.45, 0, .2, 1) 1s infinite; }
  .mlp .mlp-btn.mlp-zalo .ph { animation: mlp-zalo-wiggle 3.4s ease 1s infinite; transform-origin: 50% 80%; }
  .mlp .mlp-btn.mlp-zalo:hover .ph { animation: mlp-zalo-wiggle .6s ease; }
}
@keyframes mlp-zalo-shine { 0%, 10% { transform: translateX(-130%) skewX(-12deg); } 45%, 100% { transform: translateX(260%) skewX(-12deg); } }
@keyframes mlp-zalo-wiggle { 0%, 55%, 100% { transform: none; } 62% { transform: rotate(-14deg) scale(1.1); } 70% { transform: rotate(12deg) scale(1.1); } 78% { transform: rotate(-8deg); } 86% { transform: rotate(4deg); } }

/* Footer: bỏ cột Showroom (trụ sở chuyển sang cột Liên hệ), thêm hàng "Hệ thống showroom trưng bày" chia 3 thành phố (08/10). */
@media (min-width: 1100px) { .mlp-foot__grid { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1.2fr) minmax(0, .9fr); } }
.mlp-cta2__fsub a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }

/* Landing không có menu chính sách: footer còn 2 cột. Icon footer đặt trong chip tròn sáng để không chìm vào nền đỏ (08/10). */
@media (min-width: 768px) { .mlp-foot__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; } }
@media (min-width: 1100px) { .mlp-foot__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }
.mlp-foot__list li { align-items: center; gap: 12px; }
.mlp-foot__list .ph { margin-top: 0; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 999px; font-size: 17px; color: #fdfdfd; background: rgba(255, 255, 255, .14); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .22); transition: background-color .2s ease, color .2s ease; }
.mlp-foot__list li:hover .ph { background: #fdfdfd; color: var(--mlp-gb, #710e23); }
.mlp-foot__social { color: #fdfdfd !important; background: rgba(255, 255, 255, .14); border-color: rgba(255, 255, 255, .35); }
.mlp-foot__social:hover { background: #fdfdfd; color: var(--mlp-gb, #710e23) !important; }
/* Chip trắng đặc + icon đỏ: bản nền trắng 14% vẫn chìm trên nền đỏ đô (08/10). */
.mlp-foot__list .ph { background: #fdfdfd; color: var(--mlp-gb, #710e23); box-shadow: 0 4px 12px rgba(40, 0, 10, .25); font-size: 18px; }
.mlp-foot__list li:hover .ph { background: #ffd9e1; color: var(--mlp-gb, #710e23); }
.mlp-foot__social { background: #fdfdfd; color: var(--mlp-gb, #710e23) !important; border-color: #fdfdfd; font-size: 22px; }
.mlp-foot__social:hover { background: #ffd9e1; color: var(--mlp-gb, #710e23) !important; }
.mlp-foot a.mlp-foot__social, .mlp-foot a.mlp-foot__social:hover { color: var(--mlp-gb, #710e23) !important; text-decoration: none; }

/* Footer 4 cột theo mẫu khách (08/10): thương hiệu | Hà Nội & Đà Nẵng | TP. HCM | Liên hệ + thanh pháp lý tối màu tràn ngang. */
.mlp-foot { padding: 56px 0 0; }
@media (max-width: 767px) { .mlp-foot { padding-bottom: 0; } .mlp-foot__bar { padding-bottom: calc(92px + env(safe-area-inset-bottom)); } }
.mlp-foot__grid { gap: 36px 32px; scroll-margin-top: 90px; }
@media (min-width: 768px) { .mlp-foot__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .mlp-foot__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) minmax(0, 1.15fr) minmax(0, 1fr); gap: 40px; } }
.mlp-foot__brand img { height: 46px; }
.mlp-foot__brand p { margin-top: 16px; font-size: .9em; max-width: 30ch; }
.mlp-foot__social { width: 36px; height: 36px; font-size: 19px; }
.mlp-foot__h { margin-bottom: 18px; font-size: .9em; letter-spacing: .06em; }
.mlp-foot__list { gap: 12px; font-size: .9em; line-height: 1.45; }
.mlp-foot__list li { align-items: flex-start; gap: 10px; }
.mlp-foot__list .ph { width: 28px; height: 28px; font-size: 15px; margin-top: -3px; box-shadow: 0 3px 8px rgba(40, 0, 10, .22); }
.mlp-foot__list li > span { display: flex; flex-direction: column; }
.mlp-foot__list small { font-size: .92em; color: #f0d6dc; }
.mlp-foot a.mlp-foot__hot { font-size: 1.3em; font-weight: 700; letter-spacing: .01em; line-height: 1.3; }
.mlp-foot__list .mlp-foot__sub { display: block; margin-top: 6px; font-weight: 700; color: #fdfdfd; font-size: 1.02em; }
.mlp-foot__bar { margin-top: 44px; background: rgba(0, 0, 0, .28); }
.mlp-foot__bar .mlp-foot__legal { margin: 0; padding: 14px 0; border: 0; justify-content: space-between; font-size: .8em; color: #e6c3cb; }
.mlp-foot__legal i { font-style: normal; margin: 0 10px; opacity: .45; }
@media (max-width: 767px) { .mlp-foot__bar { margin-top: 36px; } .mlp-foot__legal i { display: none; } .mlp-foot__legal span:first-child b { display: block; } }

/* Màu theo footer site chính (08/10): nền #181818, chữ trắng, nhãn đậm + giá trị mảnh, vạch kẻ trắng 10%. Đỏ đô chỉ còn ở chip icon. */
.mlp-foot { background: #181818; color: #fff; }
.mlp-foot a { color: #fff !important; font-weight: 300; }
.mlp-foot__brand p { color: #fff; font-weight: 300; }
.mlp-foot__h { color: #fff; font-size: 1em; font-weight: 700; letter-spacing: 0; text-transform: none; }
.mlp-foot__list .mlp-foot__sub { color: #fff; }
.mlp-foot__list small { color: #fff; font-weight: 700; font-size: 1em; }
.mlp-foot a.mlp-foot__hot { font-weight: 700; }
.mlp-foot__list .ph { background: var(--mlp-gb, #710e23); color: #fff; box-shadow: none; }
.mlp-foot__list li:hover .ph { background: #fff; color: var(--mlp-gb, #710e23); }
.mlp-foot a.mlp-foot__social { background: var(--mlp-gb, #710e23); border-color: var(--mlp-gb, #710e23); color: #fff !important; }
.mlp-foot a.mlp-foot__social:hover { background: #fff; border-color: #fff; color: var(--mlp-gb, #710e23) !important; }
.mlp-foot__bar { background: transparent; }
.mlp-foot__bar > .mlp-container { border-top: 1px solid rgba(255, 255, 255, .1); }
.mlp-foot__bar .mlp-foot__legal { padding: 20px 0; color: rgba(255, 255, 255, .7); }
.mlp-foot__legal b { color: #fff; }
@media (min-width: 768px) and (max-width: 1099px) { .mlp-foot__brand { grid-column: 1 / -1; } }
.mlp-foot__bar > .mlp-container { border-top: 0; }
.mlp-foot__bar .mlp-foot__legal { border-top: 1px solid rgba(255, 255, 255, .1); }

/* Icon footer kiểu A khách chốt 08/10: bỏ nền tròn, icon nét mảnh trắng mờ như tông footer site chính. */
.mlp-foot__list .ph { width: 22px; height: 22px; margin-top: -1px; font-size: 20px; background: none; box-shadow: none; border-radius: 0; color: rgba(255, 255, 255, .75); }
.mlp-foot__list li:hover .ph { background: none; color: #fff; }
.mlp-foot a.mlp-foot__social { background: none; border: 1px solid rgba(255, 255, 255, .35); color: #fff !important; }
.mlp-foot a.mlp-foot__social:hover { background: rgba(255, 255, 255, .1); border-color: rgba(255, 255, 255, .6); color: #fff !important; }

/* Logo Gia Bảo + Philips cạnh nhau ở footer, ngăn bằng vạch mảnh như header (08/10). */
.mlp-foot__logos { display: flex; align-items: center; gap: 18px; }
.mlp-foot__brand .mlp-foot__logos > img { height: 46px; }
.mlp-foot__ph { display: flex; align-items: center; gap: 9px; padding-left: 18px; border-left: 1px solid rgba(255, 255, 255, .25); }
.mlp-foot__brand .mlp-foot__ph img { display: block; width: auto; max-width: none; }
.mlp-foot__brand .mlp-foot__shield { height: 36px; }
.mlp-foot__brand .mlp-foot__word { height: 17px; }
@media (min-width: 1100px) {
  .mlp-foot__logos { gap: 14px; }
  .mlp-foot__brand .mlp-foot__logos > img { height: 40px; }
  .mlp-foot__ph { gap: 8px; padding-left: 14px; }
  .mlp-foot__brand .mlp-foot__shield { height: 31px; }
  .mlp-foot__brand .mlp-foot__word { height: 14px; }
}

/* Đoạn mô tả "Két sắt Philips là gì": nhỏ lại (08/10), trước clamp(1.15em, 1em + .6vw, 1.55em) ~24.8px ở 1440 */
.mlp-what__lead { font-size: clamp(1.02em, .92em + .4vw, 1.25em); }

/* Nút "Nhận báo giá" header: màu đỏ đặc, bỏ kiểu tráng gương gradient (khách chốt 08/10). Giữ hover chữ trượt + vòng sáng. */
.mlp-head--island .mlp-head__cta, .mlp-head--island:not(.is-solid) .mlp-head__cta, .mlp-head--island.is-solid .mlp-head__cta {
  background: var(--mlp-gb); border: 1px solid var(--mlp-gb); color: #fdfdfd !important;
  -webkit-backdrop-filter: none; backdrop-filter: none;
}
.mlp-head--island .mlp-head__cta::after { display: none; }
.mlp-head--island .mlp-head__cta .mlp-head__cta-ic, .mlp-head--island:not(.is-solid) .mlp-head__cta .mlp-head__cta-ic { background: #fdfdfd; color: var(--mlp-gb); }

/* Mobile: tiêu đề + mô tả section căn giữa, tiêu đề to hơn (khách chốt 08/10). Trước clamp(1.9em…) ~30px ở 390px. */
@media (max-width: 767px) {
  .mlp :is(.mlp-h2, .mlp-gift__title, .mlp-line__title) { font-size: 1.8em; text-align: center; text-wrap: wrap; } /* 19/10: 2.2em → 1.8em, bỏ text-wrap: balance (khách yêu cầu) */
  .mlp .mlp-kicker { justify-content: center; }
  .mlp :is(.mlp-lead, .mlp-line__desc, .mlp-gift__sub, .mlp-what__lead) { text-align: center; margin-left: auto; margin-right: auto; }
  .mlp .mlp-line__mark { left: 50%; transform: translateX(-50%); }
  .mlp .mlp-video__head { justify-content: center; }
  .mlp .mlp-what__co { display: flex; width: fit-content; margin-left: auto; margin-right: auto; } /* nhãn logo GIA BẢO | PHILIPS trên tiêu đề "Là gì" */
}

/* ===== Nút liên hệ nổi + lên đầu trang (09/10) =====
   Desktop: cụm Zalo / Gọi góc phải dưới, vòng sóng lan, icon gọi rung (khách bỏ nút báo giá + nhãn chữ khi hover).
   Mobile: đã có .mlp-dock nên ẩn cụm liên hệ, chỉ còn nút lên đầu trang nằm trên thanh dock. */
.mlp-fab { position: fixed; right: 24px; bottom: 96px; z-index: 89; display: flex; flex-direction: column; align-items: flex-end; gap: 14px; }
.mlp-fab__btn { position: relative; display: flex; align-items: center; text-decoration: none !important; animation: mlp-fab-in .7s cubic-bezier(.16, 1, .3, 1) both; }
.mlp-fab__btn:nth-child(1) { animation-delay: .5s; }
.mlp-fab__btn:nth-child(2) { animation-delay: .6s; }
.mlp-fab__ic {
  position: relative; width: 56px; height: 56px; border-radius: 50%; display: grid; place-items: center;
  font-size: 26px; color: #fff; box-shadow: 0 14px 28px -12px rgba(10, 20, 40, .55);
  transition: transform .35s cubic-bezier(.16, 1, .3, 1), box-shadow .35s;
}
.mlp-fab__ic::before, .mlp-fab__ic::after { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: 50%; background: inherit; opacity: 0; }
.mlp-fab__btn--zalo .mlp-fab__ic { background: #0068ff; font-size: 15px; font-weight: 800; letter-spacing: -.02em; }
.mlp-fab__btn--tel .mlp-fab__ic { background: var(--mlp-gb, #710e23); }
.mlp-fab__btn--zalo .mlp-fab__ic::before, .mlp-fab__btn--tel .mlp-fab__ic::before { animation: mlp-fab-ring 2.6s ease-out infinite; }
.mlp-fab__btn--zalo .mlp-fab__ic::after, .mlp-fab__btn--tel .mlp-fab__ic::after { animation: mlp-fab-ring 2.6s ease-out 1.3s infinite; }
.mlp-fab__btn--tel .mlp-fab__ic::before { animation-delay: .5s; }
.mlp-fab__btn--tel .mlp-fab__ic::after { animation-delay: 1.8s; }
.mlp-fab__btn--tel .ph-phone-call { animation: mlp-fab-shake 3.2s ease-in-out 1.2s infinite; transform-origin: 50% 60%; }
.mlp-fab__btn:hover .mlp-fab__ic, .mlp-fab__btn:focus-visible .mlp-fab__ic { transform: translateY(-3px) scale(1.06); box-shadow: 0 18px 32px -12px rgba(10, 20, 40, .6); }
.mlp-fab__btn:active .mlp-fab__ic { transform: scale(.94); }

.mlp-top {
  position: fixed; right: 26px; bottom: 26px; z-index: 89; width: 52px; height: 52px; padding: 0; border: 0; border-radius: 50%;
  display: grid; place-items: center; cursor: pointer; color: #111; font-size: 20px;
  background: rgba(255, 255, 255, .9); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  box-shadow: 0 12px 26px -12px rgba(10, 20, 40, .45);
  opacity: 0; transform: translateY(18px) scale(.85); pointer-events: none;
  transition: opacity .4s, transform .5s cubic-bezier(.16, 1, .3, 1), background-color .3s, color .3s;
}
.mlp-top.is-on { opacity: 1; transform: none; pointer-events: auto; }
.mlp-top svg { position: absolute; inset: 0; width: 100%; height: 100%; transform: rotate(-90deg); }
.mlp-top__track, .mlp-top__bar { fill: none; stroke-width: 2.5; }
.mlp-top__track { stroke: rgba(17, 17, 17, .1); }
.mlp-top__bar { stroke: var(--mlp-gb, #710e23); stroke-linecap: round; stroke-dasharray: 100; stroke-dashoffset: 100; }
.mlp-top .ph { position: relative; transition: transform .35s cubic-bezier(.16, 1, .3, 1); }
.mlp-top:hover { background: var(--mlp-gb, #710e23); color: #fff; }
.mlp-top:hover .mlp-top__track { stroke: rgba(255, 255, 255, .25); }
.mlp-top:hover .mlp-top__bar { stroke: #fff; }
.mlp-top:hover .ph { animation: mlp-top-bounce .8s ease-in-out infinite; }

html.mlp-intro-on :is(.mlp-fab, .mlp-top) { opacity: 0 !important; pointer-events: none; }

@keyframes mlp-fab-in { from { opacity: 0; transform: translateY(18px) scale(.8); } to { opacity: 1; transform: none; } }
@keyframes mlp-fab-ring { 0% { opacity: .28; transform: scale(1); } 100% { opacity: 0; transform: scale(1.4); } } /* 09/10: nhỏ + mờ hơn (trước .5 → 1.85) */
@keyframes mlp-fab-shake {
  0%, 46%, 100% { transform: rotate(0); }
  4%, 12%, 20%, 28% { transform: rotate(-16deg); }
  8%, 16%, 24%, 32% { transform: rotate(16deg); }
  38% { transform: rotate(0); }
}
@keyframes mlp-top-bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }

@media (max-width: 767px) {
  .mlp-fab { display: none; }
  .mlp-top { right: 14px; bottom: calc(86px + env(safe-area-inset-bottom)); width: 46px; height: 46px; font-size: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .mlp-fab__btn, .mlp-fab__ic::before, .mlp-fab__ic::after, .mlp-fab__btn--tel .ph-phone-call, .mlp-top:hover .ph { animation: none !important; }
}

/* Mobile: banner khung 16:9 nằm dưới header nổi (khách chê bản phủ kín màn bị zoom, 09/10). Dải tối 76px trên cùng cho
   header (logo trắng). Khi intro chữ PHILIPS đang chạy, banner vẫn cao toàn màn để chữ nhìn xuyên xuống video, intro xong
   thì thu mượt về 16:9. */
@media (max-width: 767px) {
  .mlp-hero { min-height: 0; height: calc(76px + 56.25vw); transition: height .9s cubic-bezier(.16, 1, .3, 1); }
  .mlp-hero__media { top: 76px; transition: top .9s cubic-bezier(.16, 1, .3, 1); }
  html.mlp-intro-on .mlp-hero { height: 100svh; }
  html.mlp-intro-on .mlp-hero__media { top: 0; }
}

/* Nội dung sheet 15/10: tagline dưới tên dòng két + chữ "Chống cháy" trước số 1010°C ở phần giới thiệu. */
.mlp-line__tagline { margin-top: 12px; font-size: clamp(1.1em, 1em + .45vw, 1.35em); font-weight: 600; line-height: 1.35; letter-spacing: -.01em; color: var(--mlp-title); }
.mlp-what__big .mlp-what__pre { margin-right: 2px; }
@media (max-width: 767px) { .mlp .mlp-line__tagline { text-align: center; } }

/* 19/10: mobile ẩn cả section "Bộ sưu tập phim" (#phim-philips) theo yêu cầu khách, kèm mục menu trỏ tới nó. Desktop giữ nguyên.
   Ảnh thumbnail trong section là loading=lazy nên khi ẩn không tải. bg-ref.js tự bỏ qua section đang ẩn khi đổi màu nền. */
@media (max-width: 767px) {
  .mlp .mlp-film, .mlp-menu__big a[href="#phim-philips"] { display: none; }
}

/* 19/10: <br class="mb"> trong tiêu đề nhập ở ACF = chỉ xuống dòng trên mobile (tránh rớt 1 chữ cuối dòng), PC ẩn. */
@media (min-width: 768px) { .mlp br.mb { display: none; } }