/* Overlay trong suốt + full-screen + nhận click */


/* Lớp click full màn, hoàn toàn trong suốt */
.wppopups-whole .spu-box{
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  cursor: pointer !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  touch-action: manipulation;
  z-index: 100001 !important;
}

/* Ẩn toàn bộ nội dung bên trong hộp (ảnh, countdown, nút…) */
.wppopups-whole .spu-box > *{
  display: none !important;
}

/* Tắt animation */
.wppopups-whole .spu-box.spu-animation{
  animation: none !important;
}

/* Khoá cuộn nền nhưng KHÔNG ẩn nội dung (để nhìn xuyên được) */
html.cpd-popup-open body{
  overflow: hidden !important;
}

/* (QUAN TRỌNG) Gỡ mọi override “ẩn sibling” cũ nếu còn ở nơi khác */
html.cpd-popup-open body > *{
  visibility: visible !important;
  /* không cần pointer-events:none vì overlay ở trên đã chặn click */
}

.wppopups-whole{
  position: fixed !important;
  inset: 0 !important;
  z-index: 100000 !important;
  background: transparent !important;
}

/* Mặc định: overlay KHÔNG nhận click */
.wppopups-whole{ pointer-events: none !important; }
/* Chỉ khi đang mở mới nhận click */
html.cpd-popup-open .wppopups-whole{ pointer-events: auto !important; }

/* ==== [PATCH_LNQ_CARD_SKIN_V1] 2026-10-12 — Ve lai the popup Pool 1 (#cpd-veil .cpd-card)
   theo mau anh popup-tiktok-shop.jpg, CHI bang CSS (khong dung anh, khong sua runtime JS).
   Chu goc cua runtime ("Mo uu dai cuc nhanh...") bi an bang font-size:0 va thay bang ::before/::after.
   Thu tu hien thi doi bang flex `order`: .cpd-sub (div rong) dua len dau lam nhan TikTok Shop + dong phu.
   Go bo = xoa tu dong marker nay toi het file. ==== */
html body #cpd-veil .cpd-card{
  --lnq-gold:#e3bf6e; --lnq-gold-2:#c9974a; --lnq-cream:#f6ead2;
  position:relative!important; overflow:hidden!important;
  display:flex!important; flex-direction:column!important; align-items:center!important;
  width:min(calc(100vw - 32px), 420px)!important;
  padding:30px 24px 38px!important;
  border-radius:20px!important;
  background:
    radial-gradient(120% 70% at 85% 0%, rgba(120,88,40,.55) 0%, rgba(120,88,40,0) 60%),
    linear-gradient(180deg,#1a1210 0%,#1d1110 45%,#4a1210 82%,#7a1a12 100%)!important;
  color:var(--lnq-cream)!important;
  box-shadow:0 22px 60px rgba(0,0,0,.55)!important;
  text-align:center!important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important;
}
/* khung vien vang manh ben trong */
html body #cpd-veil .cpd-card::before{
  content:""; position:absolute; inset:10px; border:1px solid rgba(227,191,110,.55);
  border-radius:12px; pointer-events:none;
}
/* nhan QUANG CAO goc duoi phai */
html body #cpd-veil .cpd-card::after{
  content:"QUẢNG CÁO"; position:absolute; right:22px; bottom:18px;
  font-size:10px; font-weight:700; letter-spacing:1.5px; color:rgba(246,234,210,.55);
}

/* Nhan "TikTok Shop" + dong "DANH CHO BAN HOM NAY" — mượn .cpd-sub (rong) dua len dau */
html body #cpd-veil .cpd-card .cpd-sub{
  order:-1; margin:0!important; display:flex!important; flex-direction:column; align-items:center;
  font-size:0!important; color:transparent!important;
}
html body #cpd-veil .cpd-card .cpd-sub::before{
  content:"TikTok Shop"; display:inline-flex; align-items:center; gap:8px;
  padding:8px 16px 8px 40px; border-radius:999px;
  background:#0d0b0a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ff2d55' transform='translate(-.9 .6)' d='M12.53.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z'/%3E%3Cpath fill='%2325f4ee' transform='translate(.9 -.6)' d='M12.53.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z'/%3E%3Cpath fill='%23ffffff' d='M12.53.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z'/%3E%3C/svg%3E") no-repeat 16px 50%/18px 18px;
  border:1px solid rgba(227,191,110,.45);
  color:#fff; font-size:16px; font-weight:800; letter-spacing:.2px;
}
html body #cpd-veil .cpd-card .cpd-sub::after{
  content:"DÀNH CHO BẠN HÔM NAY"; display:block; margin-top:20px;
  color:var(--lnq-gold); font-size:13px; font-weight:800; letter-spacing:2.6px;
}

/* Tieu de 2 dong, chu co chan: "Uu dai" (kem) / "dang mo" (vang) */
html body #cpd-veil .cpd-card .cpd-title{
  margin:6px 0 0!important; font-size:0!important; line-height:0!important; color:transparent!important;
}
html body #cpd-veil .cpd-card .cpd-title::before,
html body #cpd-veil .cpd-card .cpd-title::after{
  display:block; font-family:"Noto Serif","Times New Roman",Georgia,serif;
  font-size:clamp(44px,13vw,62px); line-height:1.08; font-weight:600; letter-spacing:-.5px;
}
html body #cpd-veil .cpd-card .cpd-title::before{ content:"Ưu đãi"; color:var(--lnq-cream); }
html body #cpd-veil .cpd-card .cpd-title::after{
  content:"đang mở";
  background:linear-gradient(180deg,#f0d38c 0%,#d8a956 60%,#b8843a 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}

/* Mo ta */
html body #cpd-veil .cpd-card .cpd-desc{
  margin:14px 0 0!important; font-size:0!important; color:transparent!important; max-width:340px;
}
html body #cpd-veil .cpd-card .cpd-desc::before{
  content:"Sản phẩm đang được giảm giá trên TikTok Shop. Bấm để xem chi tiết và giá hôm nay.";
  display:block; font-size:16px; line-height:1.5; font-weight:600; color:var(--lnq-cream);
}

/* Nut CTA vang "Xem uu dai ›" */
html body #cpd-veil .cpd-card .cpd-cta-wrap{ margin-top:22px!important; }
html body #cpd-veil .cpd-card .cpd-cta{
  gap:8px!important; padding:15px 34px!important; border-radius:999px!important;
  background:linear-gradient(180deg,#f2d58e 0%,#ddb062 55%,#c8954a 100%)!important;
  color:#2a1a0c!important; font-size:0!important;
  box-shadow:0 10px 26px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.45)!important;
}
html body #cpd-veil .cpd-card .cpd-cta .ic{ display:none!important; }
html body #cpd-veil .cpd-card .cpd-cta::before{ content:"Xem ưu đãi"; font-size:19px; font-weight:800; }
html body #cpd-veil .cpd-card .cpd-cta::after{ content:"›"; font-size:24px; font-weight:800; line-height:1; margin-top:-2px; }

/* Nut "Bo qua": goc tren phai, gon, khong de len nhan TikTok Shop */
html body #cpd-veil .cpd-card .cpd-skip{
  left:auto!important; right:18px!important; top:18px!important; transform:none!important;
  padding:6px 12px!important; font-size:12px!important; font-weight:700!important;
  background:rgba(0,0,0,.35)!important; color:rgba(246,234,210,.8)!important;
  border:1px solid rgba(227,191,110,.35)!important; box-shadow:none!important; z-index:2;
}
html body #cpd-veil .cpd-card .cpd-skip:active{ transform:scale(.97)!important; }

/* Thanh dem nguoc mau vang */
html body #cpd-veil .cpd-card .cpd-progress{ background:rgba(255,255,255,.08)!important; z-index:1; }
html body #cpd-veil .cpd-card .cpd-progress__fill{ background:linear-gradient(90deg,#c8954a,#f2d58e)!important; }

/* Che do "dock" (the truot xuong day khi cuon): thu gon cho khong che bai */
html body #cpd-veil.cpd-docked .cpd-card{ padding:20px 18px 32px!important; }
html body #cpd-veil.cpd-docked .cpd-card::after{ bottom:13px; }
html body #cpd-veil.cpd-docked .cpd-card .cpd-sub::after,
html body #cpd-veil.cpd-docked .cpd-card .cpd-desc{ display:none!important; }
html body #cpd-veil.cpd-docked .cpd-card .cpd-title::before,
html body #cpd-veil.cpd-docked .cpd-card .cpd-title::after{ font-size:34px; }
html body #cpd-veil.cpd-docked .cpd-card .cpd-cta-wrap{ margin-top:14px!important; }
/* ==== [/PATCH_LNQ_CARD_SKIN_V1] ==== */