@charset "UTF-8";
/* ============================================================
   Landing page 1 & 2 — scope theo trang:
   - body: .is-lp1-landing | .is-lp2-landing (theme.landing + template)
   - gốc nội dung: .lp1-landing | .lp2-landing
   - block: chỉ .lp1-* trong .lp1-landing, .lp2-* trong .lp2-landing (không gộp selector chéo)
   ============================================================ */
/* --- Loại bỏ margin/padding thừa phía trên (layout theme.landing) --- */
body.layout-landing main.main-landing,
body.is-lp-landing main.main-landing,
body.theme-landingpage main.main-landing,
body.layout-landing #wd-shoes-scofiled > main,
body.is-lp-landing #wd-shoes-scofiled > main {
  margin-top: 0 !important;
  margin-block-start: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: none !important;
  width: 100% !important;
  box-sizing: border-box; }

.lp1-landing,
.lp2-landing {
  margin-top: 0 !important;
  padding-top: 0 !important; }

/* Block đầu nội dung: không kéo hụt xuống (fullwidth / filter / grid) */
body.layout-landing .lp1-landing > *:first-child,
body.layout-landing .lp2-landing > *:first-child,
body.is-lp-landing .lp1-landing > *:first-child,
body.is-lp-landing .lp2-landing > *:first-child {
  margin-top: 0 !important; }

/* --- Trang landing: không breadcrumb, không H1 hiển thị, dính sát header --- */
.lp1-landing__h1-sr,
.lp2-landing__h1-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0; }

.lp1-landing,
.lp2-landing {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  background: #0a0a0c;
  box-sizing: border-box;
  /* .container: chỉ thu hẹp lưới sản phẩm, không dùng cho full-bleed campaign / banner */ }
  @media (min-width: 1200px) {
    .lp1-landing .container,
    .lp2-landing .container {
      max-width: 1200px; } }

/* Bỏ khoảng trắng dưới header + nền đồng bộ (tránh vệt trắng) — layout theme.landing */
body.is-lp-landing main,
body.layout-landing main.main-landing,
body.is-lp1-landing main,
body.is-lp2-landing main {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  margin: 0;
  max-width: none;
  width: 100%;
  box-sizing: border-box;
  background: #0a0a0c;
  overflow-x: hidden; }

.lp1-landing__intro,
.lp2-landing__intro {
  max-width: 900px;
  margin: 0 auto;
  padding: 8px 12px 10px;
  font-size: 0.95rem;
  line-height: 1.5;
  color: #ccc;
  text-align: center; }

/* Section đầu tiên bớt margin-top mặc định (pd-top-30) */
.lp1-landing section:first-of-type.pd-top-30,
.lp2-landing section:first-of-type.pd-top-30 {
  padding-top: 8px !important; }

/* Banner full width đầu trang: bỏ khe trên nếu theme thêm margin */
body.layout-landing .lp1-landing .lp1-lpfw:first-of-type,
body.layout-landing .lp2-landing .lp2-lpfw:first-of-type,
body.is-lp-landing .lp1-landing .lp1-lpfw:first-of-type,
body.is-lp-landing .lp2-landing .lp2-lpfw:first-of-type {
  margin-top: 0 !important;
  padding-top: 0 !important; }

/* --- Section nền tối (grid sản phẩm) — scope: .lp1-landing .lp1-lpc / .lp2-landing .lp2-lpc --- */
/* --- Ảnh full width (tràn main / viewport) — scope: .lp1-landing .lp1-lpfw / .lp2-landing .lp2-lpfw --- */
/* Section list menu — scope: .lp1-landing .lp1-lpfilt / .lp2-landing .lp2-lpfilt --- */
/* Biến dùng bởi lp-landing-header-sticky-offset (fallback trước khi script chạy) */
html {
  --lp-lpfilt-sticky-top: 64px; }

.lp1-landing .lp1-lpc {
  background-color: #0c1018;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  /* Ảnh tiêu đề: cùng link với “Xem thêm” → trang collection đã chọn */
  /* Badge %: viền đỏ + nền hồng nhạt + chữ đỏ (đồng bộ màu giá) */
  /* Nút "Xem thêm" (ảnh): mặc định nhỏ, hover phóng to mượt */
  /* Lưới sản phẩm (không dùng slick) */ }
  .lp1-landing .lp1-lpc[data-lp1-lpc-default-bg="1"] {
    background-image: radial-gradient(ellipse 120% 80% at 50% 0%, rgba(0, 200, 220, 0.12) 0%, transparent 55%), linear-gradient(180deg, #0a1218 0%, #050608 100%); }
  .lp1-landing .lp1-lpc .hps-sc__box {
    background: transparent;
    box-shadow: none; }
  .lp1-landing .lp1-lpc .lp1-lpc__box {
    background: transparent; }
  .lp1-landing .lp1-lpc .lp1-lpc__head {
    position: relative;
    padding: 16px 12px 10px;
    text-align: center; }
  .lp1-landing .lp1-lpc .lp1-lpc__h2-sr {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0; }
  .lp1-landing .lp1-lpc .lp1-lpc__titleimg-link {
    display: block;
    max-width: 450px;
    width: 100%;
    margin: 0 auto;
    line-height: 0;
    text-decoration: none;
    color: inherit; }
    .lp1-landing .lp1-lpc .lp1-lpc__titleimg-link:focus-visible {
      outline: 2px solid rgba(255, 255, 255, 0.5);
      outline-offset: 4px; }
  .lp1-landing .lp1-lpc .lp1-lpc__titleimg-wrap {
    display: block;
    width: 100%;
    line-height: 0; }
  .lp1-landing .lp1-lpc .lp1-lpc__titleimg {
    display: block;
    width: 100%;
    max-width: 992px;
    height: auto;
    margin: 0 auto;
    object-fit: contain; }
  .lp1-landing .lp1-lpc .lp1-lpc__body {
    padding: 4px 4px 12px; }
  .lp1-landing .lp1-lpc .lp1-lpc__pbcard {
    background: #fff;
    border-radius: 6px;
    padding: 8px 8px 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
    height: 100%; }
    @media (max-width: 991px) {
      .lp1-landing .lp1-lpc .lp1-lpc__pbcard {
        padding: 0; } }
  .lp1-landing .lp1-lpc .lp1-lpc__gift-ico {
    position: absolute;
    top: 6px;
    right: 6px;
    z-index: 2;
    line-height: 0; }
  .lp1-landing .lp1-lpc .hps-sc__title {
    color: inherit; }
  .lp1-landing .lp1-lpc .hps-sc__prices,
  .lp1-landing .lp1-lpc .hps-sc__current {
    color: #111; }
  .lp1-landing .lp1-lpc .lp1-lpc__pbcard .hps-sc__price-row:has(.hps-sc__discount) .hps-sc__current {
    color: #e30019;
    font-weight: 700; }
  .lp1-landing .lp1-lpc .hps-sc__compare {
    color: #888; }
  .lp1-landing .lp1-lpc .hps-sc__discount,
  .lp1-landing .lp1-lpc .lp1-lpc__pbcard .hps-sc__discount {
    display: inline-block;
    box-sizing: border-box;
    border: 1px solid #e30019;
    background: rgba(227, 0, 25, 0.08) !important;
    color: #e30019 !important;
    font-size: 12px;
    font-weight: 700;
    padding: 1px 6px 2px;
    border-radius: 2px;
    line-height: 1.25;
    vertical-align: middle; }
  .lp1-landing .lp1-lpc .lp1-lpc__actions {
    text-align: center;
    padding: 8px 0 24px; }
  .lp1-landing .lp1-lpc .lp1-lpc__see-more {
    display: inline-block;
    line-height: 0;
    text-decoration: none;
    transform: scale(0.82);
    transform-origin: center center;
    transition: transform 0.4s ease;
    will-change: transform; }
    .lp1-landing .lp1-lpc .lp1-lpc__see-more:hover, .lp1-landing .lp1-lpc .lp1-lpc__see-more:focus-visible {
      transform: scale(1); }
    .lp1-landing .lp1-lpc .lp1-lpc__see-more:active {
      transform: scale(0.94); }
  .lp1-landing .lp1-lpc .lp1-lpc__seemore-img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto; }
  .lp1-landing .lp1-lpc .lp1-lpc__grid {
    width: 100%;
    gap: 8px;
    box-sizing: border-box; }
  .lp1-landing .lp1-lpc .lp1-lpc__grid--r1 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    padding-bottom: 6px; }
    .lp1-landing .lp1-lpc .lp1-lpc__grid--r1 .hps-sc__item {
      flex: 0 0 calc((100% - 40px) / 6);
      max-width: 280px;
      min-width: 140px;
      box-sizing: border-box; }
    @media (max-width: 1200px) {
      .lp1-landing .lp1-lpc .lp1-lpc__grid--r1 .hps-sc__item {
        flex: 0 0 calc((100% - 24px) / 4); } }
    @media (max-width: 767px) {
      .lp1-landing .lp1-lpc .lp1-lpc__grid--r1 .hps-sc__item {
        flex: 0 0 calc((100% - 8px) / 2.2);
        min-width: 130px; } }
  .lp1-landing .lp1-lpc .lp1-lpc__grid--r2 {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    /* Mobile: 2 hàng cố định, cuộn ngang cả khối (cột 1 = SP 1+2, cột 2 = SP 3+4, …) */ }
    @media (max-width: 1200px) {
      .lp1-landing .lp1-lpc .lp1-lpc__grid--r2 {
        grid-template-columns: repeat(4, minmax(0, 1fr)); } }
    @media (max-width: 991px) {
      .lp1-landing .lp1-lpc .lp1-lpc__grid--r2 {
        grid-template-columns: repeat(3, minmax(0, 1fr)); } }
    @media (max-width: 767px) {
      .lp1-landing .lp1-lpc .lp1-lpc__grid--r2 {
        grid-template-columns: none;
        grid-template-rows: repeat(2, auto);
        grid-auto-flow: column;
        grid-auto-columns: minmax(130px, calc((100% - 10.67px) / 2.333));
        align-items: stretch;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
        padding-bottom: 6px; }
        .lp1-landing .lp1-lpc .lp1-lpc__grid--r2::-webkit-scrollbar {
          display: none;
          width: 0;
          height: 0; }
        .lp1-landing .lp1-lpc .lp1-lpc__grid--r2 .hps-sc__item {
          min-width: 0;
          width: 100%;
          box-sizing: border-box; } }
    .lp1-landing .lp1-lpc .lp1-lpc__grid--r2 .hps-sc__item {
      min-width: 0; }
  .lp1-landing .lp1-lpc .product-detail {
    padding: 0 4px !important; }

.lp1-landing .lp1-lpfw {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  line-height: 0;
  box-sizing: border-box; }
  .lp1-landing .lp1-lpfw__inner {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0; }
  .lp1-landing .lp1-lpfw__img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 80px;
    object-fit: cover;
    vertical-align: top; }
  .lp1-landing .lp1-lpfw__link, .lp1-landing .lp1-lpfw__nolink {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    line-height: 0; }
  .lp1-landing .lp1-lpfw__link:hover {
    opacity: 0.96; }

.lp1-landing .lp1-lpfilt {
  position: sticky;
  top: var(--lp-lpfilt-sticky-top, 64px);
  z-index: 1030;
  padding: 16px 0 20px;
  background: #000;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }
  @media (max-width: 767px) {
    .lp1-landing .lp1-lpfilt {
      position: static;
      top: auto;
      z-index: auto;
      -webkit-backface-visibility: visible;
      backface-visibility: visible; } }
  .lp1-landing .lp1-lpfilt--rowimg {
    background-repeat: no-repeat; }
  .lp1-landing .lp1-lpfilt__row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 12px 16px;
    max-width: 992px;
    margin: 0 auto; }
  .lp1-landing .lp1-lpfilt__nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%; }
    @media (min-width: 1025px) {
      .lp1-landing .lp1-lpfilt__nav {
        flex-direction: row;
        flex-wrap: nowrap; } }
    @media (max-width: 1024px) {
      .lp1-landing .lp1-lpfilt__nav {
        flex-direction: column; } }
  .lp1-landing .lp1-lpfilt__nav-group--lead, .lp1-landing .lp1-lpfilt__nav-group--rest {
    display: flex;
    align-items: center;
    justify-content: center; }
  .lp1-landing .lp1-lpfilt__nav-group--rest {
    flex-wrap: nowrap;
    gap: 10px;
    min-width: 0;
    max-width: 100%; }
    @media (min-width: 1025px) {
      .lp1-landing .lp1-lpfilt__nav-group--rest {
        flex: 1 1 0; } }
    @media (max-width: 1024px) {
      .lp1-landing .lp1-lpfilt__nav-group--rest {
        width: 100%; } }
    .lp1-landing .lp1-lpfilt__nav-group--rest .lp1-lpfilt__btn {
      flex: 1 1 0;
      min-width: 0; }
    .lp1-landing .lp1-lpfilt__nav-group--rest .lp1-lpfilt__btn-img {
      width: 100%;
      max-width: 100%;
      height: auto;
      object-fit: contain; }
  @media (min-width: 1025px) {
    .lp1-landing .lp1-lpfilt__nav-group--lead {
      flex: 0 0 auto; } }
  .lp1-landing .lp1-lpfilt__btn {
    display: block;
    flex: 0 0 auto;
    line-height: 0;
    text-decoration: none;
    border: 0;
    border-radius: 8px;
    overflow: hidden;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.45);
    transition: transform 0.2s, opacity 0.2s, box-shadow 0.2s; }
    .lp1-landing .lp1-lpfilt__btn, .lp1-landing .lp1-lpfilt__btn:hover, .lp1-landing .lp1-lpfilt__btn:focus, .lp1-landing .lp1-lpfilt__btn:focus-visible, .lp1-landing .lp1-lpfilt__btn:active {
      outline: none;
      box-shadow: 0 2px 12px rgba(0, 0, 0, 0.45); }
    .lp1-landing .lp1-lpfilt__btn:hover {
      transform: scale(1.03);
      opacity: 0.95; }
    .lp1-landing .lp1-lpfilt__btn:active {
      transform: scale(1);
      opacity: 0.9; }
  .lp1-landing .lp1-lpfilt__btn-img {
    display: block;
    width: 100%;
    max-width: 180px;
    height: auto; }

/* --- LP2: component chung (lp2-lpc / lpfw / lpfilt) + campaign lp2-lpcb (Ladi) --- */
.lp2-landing {
  /* Vỏ nội dung: full width (không dùng .container) */
  /* LP2 — Campaign 4: block BEM .lp2-c4* (chỉnh layout/animation ở đây, không cần [data-lp-sec]) */
  /* LP2 — Campaign 5: chỉ nền (ảnh gốc mẫu 1440×1147) */
  /* LP2 — Campaign 6: HOT DEAL — nền + 2 ảnh nút (pulse / nhấp nháy) */
  /* LP2 — Campaign 7: nền Build PC + 4 SP (1 cột), hover zoom ảnh — namespace .lp2-c7__ */
  /* LP2 — Campaign 8: giống 7, 6 SP — namespace .lp2-c8__ */
  /* LP2 — Campaign A1 (layered hero, class namespace .lp2-campaign-a1__ — tách LP1) */
  /* Hàng giữa __head và __stage — chỉnh layout/đệm ở đây; nội dung ảnh ở __promo-main */
  /* LP2 — Campaign 2: nền + 0 ĐỒNG (lắc) + 2 cột (SP+chân) + Xem thêm */
  /* LP2 — Campaign 3: nền 1440×1063 + lưới 4×2 trong khung + nút Xem thêm */
  /* Khung nền cố định 4×2: luôn 4 cột, 2 hàng (không đổi lưới trên mobile) */
  /* Các section lưới sản phẩm .lp2-lpc: xuất hiện theo cuộn (chỉ khi có class .lp2-lpc-anim) */
  /* Hero LP2: cột trái + banner phải = fixed (chỉ ≥768px); ảnh full width 1 dùng section-lp2-fullwidth-1 (khối 1–16), không nằm hero. */ }
  .lp2-landing .lp2-lpc {
    background-color: #0c1018;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    /* Ảnh tiêu đề: cùng link với “Xem thêm” → trang collection đã chọn */
    /* Badge %: viền đỏ + nền hồng nhạt + chữ đỏ (đồng bộ màu giá) */
    /* Nút "Xem thêm" (ảnh): mặc định nhỏ, hover phóng to mượt */
    /* Lưới sản phẩm (không dùng slick) */ }
    .lp2-landing .lp2-lpc[data-lp2-lpc-default-bg="1"] {
      background-image: radial-gradient(ellipse 120% 80% at 50% 0%, rgba(0, 200, 220, 0.12) 0%, transparent 55%), linear-gradient(180deg, #0a1218 0%, #050608 100%); }
    .lp2-landing .lp2-lpc .hps-sc__box {
      background: transparent;
      box-shadow: none; }
    .lp2-landing .lp2-lpc .lp2-lpc__box {
      background: transparent; }
    .lp2-landing .lp2-lpc .lp2-lpc__head {
      position: relative;
      padding: 16px 12px 10px;
      text-align: center; }
    .lp2-landing .lp2-lpc .lp2-lpc__h2-sr {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0; }
    .lp2-landing .lp2-lpc .lp2-lpc__titleimg-link {
      display: block;
      max-width: 450px;
      width: 100%;
      margin: 0 auto;
      line-height: 0;
      text-decoration: none;
      color: inherit; }
      .lp2-landing .lp2-lpc .lp2-lpc__titleimg-link:focus-visible {
        outline: 2px solid rgba(255, 255, 255, 0.5);
        outline-offset: 4px; }
    .lp2-landing .lp2-lpc .lp2-lpc__titleimg-wrap {
      display: block;
      width: 100%;
      line-height: 0; }
    .lp2-landing .lp2-lpc .lp2-lpc__titleimg {
      display: block;
      width: 100%;
      max-width: 992px;
      height: auto;
      margin: 0 auto;
      object-fit: contain; }
    .lp2-landing .lp2-lpc .lp2-lpc__body {
      padding: 4px 4px 12px; }
    .lp2-landing .lp2-lpc .lp2-lpc__pbcard {
      background: #fff;
      border-radius: 6px;
      padding: 8px 8px 10px;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
      height: 100%; }
      @media (max-width: 991px) {
        .lp2-landing .lp2-lpc .lp2-lpc__pbcard {
          padding: 0; } }
    .lp2-landing .lp2-lpc .lp2-lpc__gift-ico {
      position: absolute;
      top: 6px;
      right: 6px;
      z-index: 2;
      line-height: 0; }
    .lp2-landing .lp2-lpc .hps-sc__title {
      color: inherit; }
    .lp2-landing .lp2-lpc .hps-sc__prices,
    .lp2-landing .lp2-lpc .hps-sc__current {
      color: #111; }
    .lp2-landing .lp2-lpc .lp2-lpc__pbcard .hps-sc__price-row:has(.hps-sc__discount) .hps-sc__current {
      color: #e30019;
      font-weight: 700; }
    .lp2-landing .lp2-lpc .hps-sc__compare {
      color: #888; }
    .lp2-landing .lp2-lpc .hps-sc__discount,
    .lp2-landing .lp2-lpc .lp2-lpc__pbcard .hps-sc__discount {
      display: inline-block;
      box-sizing: border-box;
      border: 1px solid #e30019;
      background: rgba(227, 0, 25, 0.08) !important;
      color: #e30019 !important;
      font-size: 12px;
      font-weight: 700;
      padding: 1px 6px 2px;
      border-radius: 2px;
      line-height: 1.25;
      vertical-align: middle; }
    .lp2-landing .lp2-lpc .lp2-lpc__actions {
      text-align: center;
      padding: 8px 0 24px; }
    .lp2-landing .lp2-lpc .lp2-lpc__see-more {
      display: inline-block;
      line-height: 0;
      text-decoration: none;
      transform: scale(0.82);
      transform-origin: center center;
      transition: transform 0.4s ease;
      will-change: transform; }
      .lp2-landing .lp2-lpc .lp2-lpc__see-more:hover, .lp2-landing .lp2-lpc .lp2-lpc__see-more:focus-visible {
        transform: scale(1); }
      .lp2-landing .lp2-lpc .lp2-lpc__see-more:active {
        transform: scale(0.94); }
    .lp2-landing .lp2-lpc .lp2-lpc__seemore-img {
      display: block;
      max-width: 100%;
      height: auto;
      margin: 0 auto; }
    .lp2-landing .lp2-lpc .lp2-lpc__grid {
      width: 100%;
      gap: 8px;
      box-sizing: border-box; }
    .lp2-landing .lp2-lpc .lp2-lpc__grid--r1 {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      overflow-x: auto;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: thin;
      padding-bottom: 6px; }
      .lp2-landing .lp2-lpc .lp2-lpc__grid--r1 .hps-sc__item {
        flex: 0 0 calc((100% - 40px) / 6);
        max-width: 280px;
        min-width: 140px;
        box-sizing: border-box; }
      @media (max-width: 1200px) {
        .lp2-landing .lp2-lpc .lp2-lpc__grid--r1 .hps-sc__item {
          flex: 0 0 calc((100% - 24px) / 4); } }
      @media (max-width: 767px) {
        .lp2-landing .lp2-lpc .lp2-lpc__grid--r1 .hps-sc__item {
          flex: 0 0 calc((100% - 8px) / 2.2);
          min-width: 130px; } }
    .lp2-landing .lp2-lpc .lp2-lpc__grid--r2 {
      display: grid;
      grid-template-columns: repeat(6, minmax(0, 1fr));
      /* Mobile: 2 hàng cố định, cuộn ngang cả khối (cột 1 = SP 1+2, cột 2 = SP 3+4, …) */ }
      @media (max-width: 1200px) {
        .lp2-landing .lp2-lpc .lp2-lpc__grid--r2 {
          grid-template-columns: repeat(4, minmax(0, 1fr)); } }
      @media (max-width: 991px) {
        .lp2-landing .lp2-lpc .lp2-lpc__grid--r2 {
          grid-template-columns: repeat(3, minmax(0, 1fr)); } }
      @media (max-width: 767px) {
        .lp2-landing .lp2-lpc .lp2-lpc__grid--r2 {
          grid-template-columns: none;
          grid-template-rows: repeat(2, auto);
          grid-auto-flow: column;
          grid-auto-columns: minmax(130px, calc((100% - 10.67px) / 2.333));
          align-items: stretch;
          overflow-x: auto;
          overflow-y: hidden;
          -webkit-overflow-scrolling: touch;
          scrollbar-width: none;
          -ms-overflow-style: none;
          padding-bottom: 6px; }
          .lp2-landing .lp2-lpc .lp2-lpc__grid--r2::-webkit-scrollbar {
            display: none;
            width: 0;
            height: 0; }
          .lp2-landing .lp2-lpc .lp2-lpc__grid--r2 .hps-sc__item {
            min-width: 0;
            width: 100%;
            box-sizing: border-box; } }
      .lp2-landing .lp2-lpc .lp2-lpc__grid--r2 .hps-sc__item {
        min-width: 0; }
    .lp2-landing .lp2-lpc .product-detail {
      padding: 0 4px !important; }
  .lp2-landing .lp2-lpfw {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    line-height: 0;
    box-sizing: border-box; }
    .lp2-landing .lp2-lpfw__inner {
      width: 100%;
      max-width: none;
      margin: 0;
      padding: 0; }
    .lp2-landing .lp2-lpfw__img {
      display: block;
      width: 100%;
      max-width: 100%;
      height: auto;
      min-height: 80px;
      object-fit: cover;
      vertical-align: top; }
    .lp2-landing .lp2-lpfw__link, .lp2-landing .lp2-lpfw__nolink {
      display: block;
      width: 100%;
      margin: 0;
      padding: 0;
      line-height: 0; }
    .lp2-landing .lp2-lpfw__link:hover {
      opacity: 0.96; }
  .lp2-landing .lp2-lpfilt {
    position: sticky;
    top: var(--lp-lpfilt-sticky-top, 64px);
    z-index: 1030;
    padding: 16px 0 20px;
    background: #000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
    @media (max-width: 767px) {
      .lp2-landing .lp2-lpfilt {
        position: static;
        top: auto;
        z-index: auto;
        -webkit-backface-visibility: visible;
        backface-visibility: visible; } }
    .lp2-landing .lp2-lpfilt--rowimg {
      background-repeat: no-repeat; }
    .lp2-landing .lp2-lpfilt__row {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      gap: 12px 16px;
      max-width: 992px;
      margin: 0 auto; }
    .lp2-landing .lp2-lpfilt__nav {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      width: 100%; }
      @media (min-width: 1025px) {
        .lp2-landing .lp2-lpfilt__nav {
          flex-direction: row;
          flex-wrap: nowrap; } }
      @media (max-width: 1024px) {
        .lp2-landing .lp2-lpfilt__nav {
          flex-direction: column; } }
    .lp2-landing .lp2-lpfilt__nav-group--lead, .lp2-landing .lp2-lpfilt__nav-group--rest {
      display: flex;
      align-items: center;
      justify-content: center; }
    .lp2-landing .lp2-lpfilt__nav-group--rest {
      flex-wrap: nowrap;
      gap: 10px;
      min-width: 0;
      max-width: 100%; }
      @media (min-width: 1025px) {
        .lp2-landing .lp2-lpfilt__nav-group--rest {
          flex: 1 1 0; } }
      @media (max-width: 1024px) {
        .lp2-landing .lp2-lpfilt__nav-group--rest {
          width: 100%; } }
      .lp2-landing .lp2-lpfilt__nav-group--rest .lp2-lpfilt__btn {
        flex: 1 1 0;
        min-width: 0; }
      .lp2-landing .lp2-lpfilt__nav-group--rest .lp2-lpfilt__btn-img {
        width: 100%;
        max-width: 100%;
        height: auto;
        object-fit: contain; }
    @media (min-width: 1025px) {
      .lp2-landing .lp2-lpfilt__nav-group--lead {
        flex: 0 0 auto; } }
    .lp2-landing .lp2-lpfilt__btn {
      display: block;
      flex: 0 0 auto;
      line-height: 0;
      text-decoration: none;
      border: 0;
      border-radius: 8px;
      overflow: hidden;
      outline: none;
      -webkit-tap-highlight-color: transparent;
      box-shadow: 0 2px 12px rgba(0, 0, 0, 0.45);
      transition: transform 0.2s, opacity 0.2s, box-shadow 0.2s; }
      .lp2-landing .lp2-lpfilt__btn, .lp2-landing .lp2-lpfilt__btn:hover, .lp2-landing .lp2-lpfilt__btn:focus, .lp2-landing .lp2-lpfilt__btn:focus-visible, .lp2-landing .lp2-lpfilt__btn:active {
        outline: none;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.45); }
      .lp2-landing .lp2-lpfilt__btn:hover {
        transform: scale(1.03);
        opacity: 0.95; }
      .lp2-landing .lp2-lpfilt__btn:active {
        transform: scale(1);
        opacity: 0.9; }
    .lp2-landing .lp2-lpfilt__btn-img {
      display: block;
      width: 100%;
      max-width: 180px;
      height: auto; }
  .lp2-landing .lp2-lpcb {
    position: relative;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
    background: transparent;
    box-sizing: border-box;
    overflow: hidden; }
    .lp2-landing .lp2-lpcb--hasbg {
      /* 100% chiều ngang — nền trải hết section (kiểu Ladi, không cắt sườn) */
      background-size: 100% auto;
      background-position: center top;
      background-repeat: no-repeat;
      min-height: 0; }
  .lp2-landing .lp2-lpcb__shell {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box; }
  .lp2-landing .lp2-lpcb__inner {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box; }
    .lp2-landing .lp2-lpcb__inner--stack, .lp2-landing .lp2-lpcb__inner--top2stack, .lp2-landing .lp2-lpcb__inner--row2, .lp2-landing .lp2-lpcb__inner--row4 {
      display: block; }
  .lp2-landing .lp2-lpcb__stack {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%;
    max-width: 100%; }
  .lp2-landing .lp2-lpcb__row2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    width: 100%;
    max-width: 100%;
    margin: 0; }
    @media (max-width: 767px) {
      .lp2-landing .lp2-lpcb__row2 {
        grid-template-columns: 1fr; } }
    .lp2-landing .lp2-lpcb__row2--single {
      grid-template-columns: 1fr;
      max-width: 100%; }
    .lp2-landing .lp2-lpcb__row2 > .lp2-lpcb__piece:only-child {
      grid-column: 1 / -1; }
  .lp2-landing .lp2-lpcb__grid {
    width: 100%;
    max-width: 100%; }
    .lp2-landing .lp2-lpcb__grid--row2 {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 0;
      /* Ô cố định theo slot: 1–2 dòng 1, 3–4 dòng 2, … (tránh 1 ảnh dôi lên góc trên trái) */ }
      .lp2-landing .lp2-lpcb__grid--row2 .lp2-lpcb__piece--slot1 {
        grid-row: 1;
        grid-column: 1; }
      .lp2-landing .lp2-lpcb__grid--row2 .lp2-lpcb__piece--slot2 {
        grid-row: 1;
        grid-column: 2; }
      .lp2-landing .lp2-lpcb__grid--row2 .lp2-lpcb__piece--slot3 {
        grid-row: 2;
        grid-column: 1; }
      .lp2-landing .lp2-lpcb__grid--row2 .lp2-lpcb__piece--slot4 {
        grid-row: 2;
        grid-column: 2; }
      .lp2-landing .lp2-lpcb__grid--row2 .lp2-lpcb__piece--slot5 {
        grid-row: 3;
        grid-column: 1; }
      .lp2-landing .lp2-lpcb__grid--row2 .lp2-lpcb__piece--slot6 {
        grid-row: 3;
        grid-column: 2; }
      .lp2-landing .lp2-lpcb__grid--row2 .lp2-lpcb__piece--slot7 {
        grid-row: 4;
        grid-column: 1; }
      .lp2-landing .lp2-lpcb__grid--row2 .lp2-lpcb__piece--slot8 {
        grid-row: 4;
        grid-column: 2; }
      @media (max-width: 767px) {
        .lp2-landing .lp2-lpcb__grid--row2 {
          grid-template-columns: 1fr; }
          .lp2-landing .lp2-lpcb__grid--row2 .lp2-lpcb__piece--slot1,
          .lp2-landing .lp2-lpcb__grid--row2 .lp2-lpcb__piece--slot2,
          .lp2-landing .lp2-lpcb__grid--row2 .lp2-lpcb__piece--slot3,
          .lp2-landing .lp2-lpcb__grid--row2 .lp2-lpcb__piece--slot4,
          .lp2-landing .lp2-lpcb__grid--row2 .lp2-lpcb__piece--slot5,
          .lp2-landing .lp2-lpcb__grid--row2 .lp2-lpcb__piece--slot6,
          .lp2-landing .lp2-lpcb__grid--row2 .lp2-lpcb__piece--slot7,
          .lp2-landing .lp2-lpcb__grid--row2 .lp2-lpcb__piece--slot8 {
            grid-column: 1;
            grid-row: auto; } }
    .lp2-landing .lp2-lpcb__grid--row4 {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 0; }
      @media (max-width: 991px) {
        .lp2-landing .lp2-lpcb__grid--row4 {
          grid-template-columns: repeat(2, minmax(0, 1fr)); } }
      @media (max-width: 480px) {
        .lp2-landing .lp2-lpcb__grid--row4 {
          grid-template-columns: 1fr; } }
  .lp2-landing .lp2-lpcb__piece {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    opacity: 0;
    transform: translate3d(0, 32px, 0) scale(0.99);
    transition: opacity 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-delay: calc(var(--lp2-i, 0) * 0.08s);
    will-change: opacity, transform; }
    @media (prefers-reduced-motion: reduce) {
      .lp2-landing .lp2-lpcb__piece {
        opacity: 1;
        transform: none;
        transition: none; } }
    .lp2-landing .lp2-lpcb__piece--in {
      opacity: 1;
      transform: translate3d(0, 0, 0) scale(1); }
  @media (prefers-reduced-motion: reduce) {
    .lp2-landing .lp2-lpcb__piece--in,
    .lp2-landing .lp2-lpcb__piece {
      opacity: 1;
      transform: none; } }
  .lp2-landing .lp2-lpcb__img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 40px;
    object-fit: cover;
    vertical-align: top; }
  .lp2-landing .lp2-lpcb__hit {
    display: block;
    width: 100%;
    max-width: 100%;
    line-height: 0;
    text-decoration: none;
    color: inherit;
    border-radius: 0;
    overflow: hidden;
    -webkit-tap-highlight-color: transparent;
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 0.35s ease, opacity 0.35s ease; }
    .lp2-landing .lp2-lpcb__hit:hover, .lp2-landing .lp2-lpcb__hit:focus-visible {
      transform: scale(1.02);
      filter: brightness(1.05); }
    .lp2-landing .lp2-lpcb__hit:active {
      transform: scale(0.99);
      opacity: 0.96; }
    .lp2-landing .lp2-lpcb__hit--nolink {
      pointer-events: none; }
    .lp2-landing .lp2-lpcb__hit--nolink:hover, .lp2-landing .lp2-lpcb__hit--nolink:focus-visible, .lp2-landing .lp2-lpcb__hit--nolink:active {
      transform: none;
      filter: none;
      opacity: 1; }

@keyframes lp2-c4-prize-pulse {
  0%,
  100% {
    transform: scale(1) rotate(0deg); }
  14% {
    transform: scale(1.08) rotate(0deg); }
  24% {
    transform: scale(1.08) rotate(-1.4deg); }
  36% {
    transform: scale(1.08) rotate(1.1deg); }
  48% {
    transform: scale(1.08) rotate(-0.7deg); }
  58% {
    transform: scale(1.08) rotate(0.5deg); }
  70% {
    transform: scale(1.03) rotate(0deg); }
  82% {
    transform: scale(1) rotate(0deg); } }
  .lp2-landing .lp2-c4 {
    overflow: visible;
    display: flex;
    flex-direction: column; }
    .lp2-landing .lp2-c4.lp2-lpcb--hasbg {
      width: 100%;
      aspect-ratio: 768 / 320;
      background-color: transparent;
      background-size: 100% auto;
      background-position: center top;
      background-repeat: no-repeat; }
    .lp2-landing .lp2-c4 .lp2-c4__shell {
      flex: 1 1 auto;
      display: flex;
      flex-direction: column;
      min-height: 0;
      width: 100%; }
    .lp2-landing .lp2-c4 .lp2-c4__inner {
      position: relative;
      flex: 1 1 auto;
      display: flex;
      flex-direction: column;
      width: 100%;
      min-height: 0; }
    .lp2-landing .lp2-c4 .lp2-c4__stage {
      flex: 1 1 auto;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      align-items: flex-start;
      width: 100%;
      min-height: 0;
      box-sizing: border-box;
      padding: 4% 2% 2% 2%;
      overflow: visible;
      margin-left: 15vw; }
    .lp2-landing .lp2-c4 .lp2-c4__prize {
      flex-shrink: 0;
      width: 25%;
      max-width: 25%;
      min-width: 0;
      box-sizing: border-box;
      overflow: visible; }
    .lp2-landing .lp2-c4 .lp2-c4__prize-hit {
      overflow: visible;
      -webkit-tap-highlight-color: transparent; }
    .lp2-landing .lp2-c4 .lp2-c4__prize-img {
      display: block;
      width: 100%;
      max-width: 100%;
      height: auto;
      object-fit: contain;
      transform-origin: 0% 100%;
      animation: lp2-c4-prize-pulse 2.6s ease-in-out infinite; }
    .lp2-landing .lp2-c4 .lp2-c4__prize-hit:hover,
    .lp2-landing .lp2-c4 .lp2-c4__prize-hit:focus-visible,
    .lp2-landing .lp2-c4 .lp2-c4__prize-hit:active {
      transform: none;
      filter: brightness(1.04); }
    @media (prefers-reduced-motion: reduce) {
      .lp2-landing .lp2-c4 .lp2-c4__prize-img {
        animation: none; } }
    @media (max-width: 767px) {
      .lp2-landing .lp2-c4 .lp2-c4__inner {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        min-height: 0; }
      .lp2-landing .lp2-c4 .lp2-c4__stage {
        margin-top: 0;
        width: 100%;
        flex: 1 1 auto;
        min-height: 0; }
      .lp2-landing .lp2-c4 .lp2-c4__prize {
        width: 28%;
        max-width: 28%; } }
  .lp2-landing .lp2-lpcb--campaign-5.lp2-lpcb--hasbg {
    background-size: 100% auto;
    background-position: center top;
    background-repeat: no-repeat; }
    @media (max-width: 768px) {
      .lp2-landing .lp2-lpcb--campaign-5.lp2-lpcb--hasbg {
        background-size: auto 100%; } }
  .lp2-landing .lp2-lpcb--campaign-5 .lp2-c5__spacer {
    width: 100%;
    aspect-ratio: 1440 / 855;
    pointer-events: none; }

@keyframes lp2-c6-btn-pulse {
  0%,
  100% {
    transform: scale(1);
    opacity: 1; }
  40% {
    transform: scale(1.07);
    opacity: 0.9; }
  70% {
    transform: scale(0.97);
    opacity: 1; } }
  .lp2-landing .lp2-lpcb--campaign-6.lp2-lpcb--hasbg {
    background-size: 100% auto;
    background-position: center top;
    background-repeat: no-repeat; }
    @media (min-width: 769px) {
      .lp2-landing .lp2-lpcb--campaign-6.lp2-lpcb--hasbg {
        aspect-ratio: 1440/890; } }
    @media (max-width: 768px) {
      .lp2-landing .lp2-lpcb--campaign-6.lp2-lpcb--hasbg {
        background-size: auto 100%;
        aspect-ratio: 1440/1150; } }
  .lp2-landing .lp2-lpcb--campaign-6 .lp2-c6__inner {
    box-sizing: border-box;
    width: 100%;
    max-width: 25vw;
    margin: 0 auto;
    padding-top: clamp(1rem, 20vw, 25rem);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: clamp(1rem, 10vw, 15rem); }
    @media (max-width: 768px) {
      .lp2-landing .lp2-lpcb--campaign-6 .lp2-c6__inner {
        padding-top: clamp(1rem, 27vw, 30rem);
        gap: clamp(1rem, 15vw, 20rem); } }
  .lp2-landing .lp2-lpcb--campaign-6 .lp2-c6__row {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-left: 20vw; }
  .lp2-landing .lp2-lpcb--campaign-6 .lp2-c6__pulse {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    transform-origin: center center;
    will-change: transform, opacity;
    animation: lp2-c6-btn-pulse 1.35s ease-in-out infinite;
    animation-delay: var(--lp2-c6-pulse-delay, 0s); }
    @media (prefers-reduced-motion: reduce) {
      .lp2-landing .lp2-lpcb--campaign-6 .lp2-c6__pulse {
        animation: none; } }
  .lp2-landing .lp2-lpcb--campaign-6 .lp2-c6__btn-hit {
    display: block;
    line-height: 0;
    max-width: 100%; }
  .lp2-landing .lp2-lpcb--campaign-6 .lp2-c6__btn-img {
    display: block;
    width: 100%;
    max-width: 700px;
    height: auto;
    margin: 0 auto;
    object-fit: contain;
    vertical-align: top; }
  .lp2-landing .lp2-lpcb--campaign-6 .lp2-lpcb__hit.lp2-c6__btn-hit:hover,
  .lp2-landing .lp2-lpcb--campaign-6 .lp2-lpcb__hit.lp2-c6__btn-hit:focus-visible {
    transform: none;
    filter: brightness(1.08); }
  .lp2-landing .lp2-lpcb--campaign-6 .lp2-lpcb__hit.lp2-c6__btn-hit:active {
    transform: none;
    opacity: 0.96; }
  .lp2-landing .lp2-lpcb--campaign-6 .lp2-lpcb__hit--nolink.lp2-c6__btn-hit:hover,
  .lp2-landing .lp2-lpcb--campaign-6 .lp2-lpcb__hit--nolink.lp2-c6__btn-hit:focus-visible,
  .lp2-landing .lp2-lpcb--campaign-6 .lp2-lpcb__hit--nolink.lp2-c6__btn-hit:active {
    filter: none;
    opacity: 1; }
  .lp2-landing .lp2-lpcb--campaign-7.lp2-lpcb--hasbg {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
    @media (max-width: 768px) {
      .lp2-landing .lp2-lpcb--campaign-7.lp2-lpcb--hasbg {
        background-size: auto 100%; } }
  .lp2-landing .lp2-lpcb--campaign-7 .lp2-c7__inner {
    box-sizing: border-box;
    width: 100%;
    max-width: 100vw;
    margin: 0 auto;
    padding: clamp(2.5rem, 35vw, 35rem) clamp(0.75rem, 4vw, 3.25rem) clamp(2rem, 18vw, 20rem) clamp(0.75rem, 6vw, 3.25rem);
    display: flex;
    flex-direction: column;
    align-items: stretch; }
    @media (max-width: 768px) {
      .lp2-landing .lp2-lpcb--campaign-7 .lp2-c7__inner {
        max-width: 75vw; } }
  .lp2-landing .lp2-lpcb--campaign-7 .lp2-c7__row {
    width: 100%;
    display: flex;
    justify-content: center; }
  .lp2-landing .lp2-lpcb--campaign-7 .lp2-c7__product-hit {
    display: block;
    line-height: 0;
    width: 100%;
    max-width: 45vw; }
  .lp2-landing .lp2-lpcb--campaign-7 .lp2-c7__img-wrap {
    display: block;
    border-radius: 2px; }
  .lp2-landing .lp2-lpcb--campaign-7 .lp2-c7__product-img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    object-fit: contain;
    vertical-align: top;
    transform: scale(1);
    transform-origin: center center;
    transition: transform 0.3s ease;
    will-change: transform; }
  .lp2-landing .lp2-lpcb--campaign-7 a.lp2-c7__product-hit:hover .lp2-c7__product-img,
  .lp2-landing .lp2-lpcb--campaign-7 a.lp2-c7__product-hit:focus-visible .lp2-c7__product-img,
  .lp2-landing .lp2-lpcb--campaign-7 .lp2-c7__product-hit--nolink:hover .lp2-c7__product-img {
    transform: scale(1.05); }
  @media (prefers-reduced-motion: reduce) {
    .lp2-landing .lp2-lpcb--campaign-7 .lp2-c7__product-img {
      transition: none; }
    .lp2-landing .lp2-lpcb--campaign-7 a.lp2-c7__product-hit:hover .lp2-c7__product-img,
    .lp2-landing .lp2-lpcb--campaign-7 a.lp2-c7__product-hit:focus-visible .lp2-c7__product-img,
    .lp2-landing .lp2-lpcb--campaign-7 .lp2-c7__product-hit--nolink:hover .lp2-c7__product-img {
      transform: none; } }
  .lp2-landing .lp2-lpcb--campaign-7 .lp2-c7__product-hit--nolink {
    cursor: default; }
  .lp2-landing .lp2-lpcb--campaign-8.lp2-lpcb--hasbg {
    background-size: 100% auto;
    background-position: center top;
    background-repeat: no-repeat; }
    @media (max-width: 768px) {
      .lp2-landing .lp2-lpcb--campaign-8.lp2-lpcb--hasbg {
        background-size: auto 100%; } }
  .lp2-landing .lp2-lpcb--campaign-8 .lp2-c8__inner {
    box-sizing: border-box;
    width: 100%;
    max-width: 100vw;
    margin: 0 auto;
    padding: clamp(2.5rem, 15vw, 25rem) clamp(0.75rem, 4vw, 3.25rem) clamp(2rem, 18vw, 20rem) clamp(0.75rem, 6vw, 3.25rem);
    display: flex;
    flex-direction: column;
    align-items: stretch; }
  .lp2-landing .lp2-lpcb--campaign-8 .lp2-c8__row {
    width: 100%;
    display: flex;
    justify-content: center; }
  .lp2-landing .lp2-lpcb--campaign-8 .lp2-c8__product-hit {
    display: block;
    line-height: 0;
    width: 100%;
    max-width: 45vw; }
  .lp2-landing .lp2-lpcb--campaign-8 .lp2-c8__img-wrap {
    display: block;
    border-radius: 2px; }
  .lp2-landing .lp2-lpcb--campaign-8 .lp2-c8__product-img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    object-fit: contain;
    vertical-align: top;
    transform: scale(1);
    transform-origin: center center;
    transition: transform 0.3s ease;
    will-change: transform; }
  .lp2-landing .lp2-lpcb--campaign-8 a.lp2-c8__product-hit:hover .lp2-c8__product-img,
  .lp2-landing .lp2-lpcb--campaign-8 a.lp2-c8__product-hit:focus-visible .lp2-c8__product-img,
  .lp2-landing .lp2-lpcb--campaign-8 .lp2-c8__product-hit--nolink:hover .lp2-c8__product-img {
    transform: scale(1.05); }
  @media (prefers-reduced-motion: reduce) {
    .lp2-landing .lp2-lpcb--campaign-8 .lp2-c8__product-img {
      transition: none; }
    .lp2-landing .lp2-lpcb--campaign-8 a.lp2-c8__product-hit:hover .lp2-c8__product-img,
    .lp2-landing .lp2-lpcb--campaign-8 a.lp2-c8__product-hit:focus-visible .lp2-c8__product-img,
    .lp2-landing .lp2-lpcb--campaign-8 .lp2-c8__product-hit--nolink:hover .lp2-c8__product-img {
      transform: none; } }
  .lp2-landing .lp2-lpcb--campaign-8 .lp2-c8__product-hit--nolink {
    cursor: default; }
  .lp2-landing .lp2-campaign-a1 {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    box-sizing: border-box; }
    .lp2-landing .lp2-campaign-a1--hasbg {
      /* chuỗi CSS: Sass không xử lý min/clamp hỗn hợp px|vw|% */
      min-height: clamp(160px, 26vw, 380px); }
  .lp2-landing .lp2-campaign-a1__shell {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: clamp(8px, 1.5vw, 20px) clamp(6px, 2vw, 24px) clamp(12px, 2.5vw, 36px);
    box-sizing: border-box; }
  .lp2-landing .lp2-campaign-a1__head {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: clamp(4px, 1vw, 12px);
    margin-bottom: clamp(4px, 1.2vw, 16px); }
  .lp2-landing .lp2-campaign-a1__title {
    width: 100%;
    max-width: min(70vw, 1150px);
    text-align: center;
    line-height: 0; }
    @media (max-width: 1920px) {
      .lp2-landing .lp2-campaign-a1__title {
        max-width: min(70vw, 850px); } }
    @media (max-width: 1440px) {
      .lp2-landing .lp2-campaign-a1__title {
        max-width: min(70vw, 750px); } }
    @media (max-width: 1024px) {
      .lp2-landing .lp2-campaign-a1__title {
        max-width: min(70vw, 650px); } }
    @media (max-width: 991px) {
      .lp2-landing .lp2-campaign-a1__title {
        max-width: min(70vw, 550px); } }
  .lp2-landing .lp2-campaign-a1__addr {
    width: 100%;
    max-width: min(80vw, 700px);
    text-align: center;
    line-height: 0; }
    @media (max-width: 1920px) {
      .lp2-landing .lp2-campaign-a1__addr {
        max-width: min(70vw, 700px); } }
    @media (max-width: 1440px) {
      .lp2-landing .lp2-campaign-a1__addr {
        max-width: min(70vw, 700px); } }
    @media (max-width: 1024px) {
      .lp2-landing .lp2-campaign-a1__addr {
        max-width: min(70vw, 650px); } }
    @media (max-width: 991px) {
      .lp2-landing .lp2-campaign-a1__addr {
        max-width: min(70vw, 450px); } }
  .lp2-landing .lp2-campaign-a1__promo {
    position: relative;
    z-index: 4;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    margin: clamp(0px, 0.5vw, 10px) 0 clamp(4px, 1vw, 16px); }
  .lp2-landing .lp2-campaign-a1__promo-main {
    position: relative;
    width: 100%;
    /* Chỉ thu vùng giá/% (~86% bề ngang tối đa so với trước); img giữ tỷ lệ, không ảnh hưởng block khác */
    max-width: min(86vw, 820px);
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    line-height: 0;
    padding-left: 50px; }
    @media (max-width: 1920px) {
      .lp2-landing .lp2-campaign-a1__promo-main {
        padding-left: 150px;
        padding-right: 100px; } }
    @media (max-width: 1024px) {
      .lp2-landing .lp2-campaign-a1__promo-main {
        padding-left: 20vw;
        padding-right: 10vw; } }
    @media (max-width: 767px) {
      .lp2-landing .lp2-campaign-a1__promo-main {
        padding-left: 20vw;
        padding-right: 10vw; } }
  .lp2-landing .lp2-campaign-a1__stage {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 0.22fr) minmax(0, 1fr) minmax(0, 0.22fr);
    align-items: start;
    justify-items: center;
    gap: clamp(2px, 0.5vw, 8px);
    width: 100%; }
    .lp2-landing .lp2-campaign-a1__stage--solo {
      grid-template-columns: 1fr; }
      .lp2-landing .lp2-campaign-a1__stage--solo .lp2-campaign-a1__col {
        grid-column: 1; }
    @media (max-width: 767px) {
      .lp2-landing .lp2-campaign-a1__stage {
        grid-template-columns: 1fr; }
        .lp2-landing .lp2-campaign-a1__stage .lp2-campaign-a1__side--l,
        .lp2-landing .lp2-campaign-a1__stage .lp2-campaign-a1__side--r {
          display: none; }
        .lp2-landing .lp2-campaign-a1__stage .lp2-campaign-a1__col {
          grid-column: 1; } }
  .lp2-landing .lp2-campaign-a1__col {
    width: 100%;
    max-width: min(100%, 1200px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    grid-column: 2; }
  .lp2-landing .lp2-campaign-a1__side {
    width: 100%;
    max-width: min(22vw, 200px);
    pointer-events: auto;
    line-height: 0;
    animation: lp2-campaign-a1-floaty 2.4s ease-in-out infinite; }
    .lp2-landing .lp2-campaign-a1__side--l {
      grid-column: 1;
      justify-self: end; }
    .lp2-landing .lp2-campaign-a1__side--r {
      grid-column: 3;
      justify-self: start; }
    @media (prefers-reduced-motion: reduce) {
      .lp2-landing .lp2-campaign-a1__side {
        animation: none; } }
  .lp2-landing .lp2-campaign-a1__side-hit {
    display: block;
    width: 100%;
    line-height: 0; }

@keyframes lp2-campaign-a1-floaty {
  0%,
  100% {
    transform: translateY(0); }
  50% {
    transform: translateY(-8px); } }
  .lp2-landing .lp2-campaign-a1__promo-pulse {
    display: inline-block;
    line-height: 0;
    will-change: transform;
    animation: lp2-campaign-a1-pulse 1.35s ease-in-out infinite; }
    @media (prefers-reduced-motion: reduce) {
      .lp2-landing .lp2-campaign-a1__promo-pulse {
        animation: none; } }

@keyframes lp2-campaign-a1-pulse {
  0%,
  100% {
    transform: scale(1); }
  50% {
    transform: scale(1.06); } }
  .lp2-landing .lp2-campaign-a1__vision {
    position: relative;
    width: 100%;
    max-width: 1350px;
    line-height: 0; }
  .lp2-landing .lp2-campaign-a1__date {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 4%;
    width: min(88%, 650px);
    transform: translateX(-50%);
    text-align: center;
    line-height: 0; }
    @media (max-width: 767px) {
      .lp2-landing .lp2-campaign-a1__date {
        top: 2%; } }
  .lp2-landing .lp2-campaign-a1__gear {
    position: relative;
    z-index: 1;
    width: 100%;
    line-height: 0; }
  .lp2-landing .lp2-campaign-a1__img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    vertical-align: top; }
  .lp2-landing .lp2-campaign-a1__hit {
    display: block;
    text-decoration: none;
    color: inherit;
    line-height: 0;
    -webkit-tap-highlight-color: transparent; }
  .lp2-landing .lp2-campaign-a1__nohit {
    display: block;
    line-height: 0;
    pointer-events: none; }
  .lp2-landing .lp2-campaign-2 {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    box-sizing: border-box;
    background-size: 100% auto; }
    @media (max-width: 767px) {
      .lp2-landing .lp2-campaign-2 {
        background-size: auto 100%; } }
    .lp2-landing .lp2-campaign-2--hasbg {
      min-height: clamp(200px, 32vw, 480px); }
  .lp2-landing .lp2-campaign-2__shell {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center; }
  .lp2-landing .lp2-campaign-2__zero {
    width: 100%;
    padding-top: 5vw;
    padding-left: 10vw;
    max-width: 30vw;
    text-align: center;
    line-height: 0; }
    .lp2-landing .lp2-campaign-2__zero .lp2-campaign-2__img {
      animation: lp2-campaign-2-shake 2.1s ease-in-out infinite;
      transform-origin: 50% 55%; }
    @media (max-width: 767px) {
      .lp2-landing .lp2-campaign-2__zero {
        padding-top: 10vw;
        max-width: 40vw; } }
    @media (prefers-reduced-motion: reduce) {
      .lp2-landing .lp2-campaign-2__zero .lp2-campaign-2__img {
        animation: none; } }

@keyframes lp2-campaign-2-shake {
  0%,
  100% {
    transform: translateX(0); }
  20% {
    transform: translateX(-6px) rotate(-0.5deg); }
  40% {
    transform: translateX(6px) rotate(0.5deg); }
  60% {
    transform: translateX(-4px) rotate(-0.35deg); }
  80% {
    transform: translateX(4px) rotate(0.35deg); } }
  .lp2-landing .lp2-campaign-2__board {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center; }
    .lp2-landing .lp2-campaign-2__board--split {
      padding-top: 13vw;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap; }
      @media (max-width: 767px) {
        .lp2-landing .lp2-campaign-2__board--split {
          padding-top: 30vw; } }
      .lp2-landing .lp2-campaign-2__board--split .lp2-campaign-2__col {
        max-width: 45vw; }
        @media (max-width: 767px) {
          .lp2-landing .lp2-campaign-2__board--split .lp2-campaign-2__col {
            max-width: 80vw; } }
  .lp2-landing .lp2-campaign-2__product--image-price {
    margin-top: -5vw; }
    @media (max-width: 767px) {
      .lp2-landing .lp2-campaign-2__product--image-price {
        max-width: -3vw; } }
  .lp2-landing .lp2-campaign-2__col {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center; }
  .lp2-landing .lp2-campaign-2__piece--zoom {
    width: 100%;
    max-width: 100%;
    line-height: 0;
    transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .lp2-landing .lp2-campaign-2__piece--zoom:hover {
      transform: scale(1.045); }
    @media (prefers-reduced-motion: reduce) {
      .lp2-landing .lp2-campaign-2__piece--zoom {
        transition: none; }
        .lp2-landing .lp2-campaign-2__piece--zoom:hover {
          transform: none; } }
  .lp2-landing .lp2-campaign-2__more {
    width: 40%;
    text-align: center;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5vw; }
    @media (max-width: 1439px) {
      .lp2-landing .lp2-campaign-2__more {
        margin-top: 5vw;
        width: 20%; } }
    @media (max-width: 1024px) {
      .lp2-landing .lp2-campaign-2__more {
        margin-top: 5vw;
        width: 15%; } }
    @media (max-width: 991px) {
      .lp2-landing .lp2-campaign-2__more {
        margin-top: 5vw;
        width: 20%; } }
    @media (max-width: 767px) {
      .lp2-landing .lp2-campaign-2__more {
        margin-top: 5vw;
        width: 30%; } }
  .lp2-landing .lp2-campaign-2__more-link {
    display: inline-block;
    max-width: min(90vw, 500px);
    line-height: 0;
    transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-tap-highlight-color: transparent; }
    .lp2-landing .lp2-campaign-2__more-link:hover, .lp2-landing .lp2-campaign-2__more-link:focus-visible {
      transform: scale(1.06); }
    @media (prefers-reduced-motion: reduce) {
      .lp2-landing .lp2-campaign-2__more-link {
        transition: none; }
        .lp2-landing .lp2-campaign-2__more-link:hover, .lp2-landing .lp2-campaign-2__more-link:focus-visible {
          transform: none; } }
  .lp2-landing .lp2-campaign-2__more-nohit {
    display: inline-block;
    max-width: min(90vw, 500px);
    line-height: 0;
    pointer-events: none; }
  .lp2-landing .lp2-campaign-2__img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    vertical-align: top; }
  .lp2-landing .lp2-campaign-2__hit {
    display: block;
    text-decoration: none;
    color: inherit;
    line-height: 0;
    -webkit-tap-highlight-color: transparent; }
  .lp2-landing .lp2-campaign-2__nohit {
    display: block;
    line-height: 0;
    pointer-events: none; }
  .lp2-landing .lp2-campaign-3 {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    box-sizing: border-box;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center top; }
    @media (max-width: 767px) {
      .lp2-landing .lp2-campaign-3 {
        background-size: auto 100%;
        min-height: 420px; } }
  .lp2-landing .lp2-campaign-3__shell {
    inset: 0;
    box-sizing: border-box;
    /* Vùng an toàn trong khung rạp (trên/Trái-phải/dưới) — tinh trên design */
    padding: clamp(16%, 27vw, 40.5%) clamp(4.5%, 30vw, 30.5%) clamp(1%, 4vw, 5%);
    pointer-events: none;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start; }
    @media (max-width: 767px) {
      .lp2-landing .lp2-campaign-3__shell {
        padding: 200px clamp(1%, 12vw, 25%) clamp(1%, 2vw, 5%); } }
  .lp2-landing .lp2-campaign-3__inner {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    align-items: center;
    justify-content: flex-end;
    gap: clamp(4px, 0.5vw, 10px);
    pointer-events: none; }
  .lp2-landing .lp2-campaign-3--hasgrid .lp2-campaign-3__inner {
    justify-content: flex-start; }
  .lp2-landing .lp2-campaign-3__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-rows: repeat(2, auto);
    grid-auto-flow: row;
    gap: clamp(2px, 0.45vw, 8px);
    width: 100%;
    max-width: 100%;
    pointer-events: auto;
    flex: 0 1 auto;
    align-content: start; }
  .lp2-landing .lp2-campaign-3__cell {
    position: relative;
    min-width: 0;
    line-height: 0; }
  .lp2-landing .lp2-campaign-3__card {
    display: block;
    border-radius: clamp(6px, 0.5vw, 10px);
    overflow: hidden;
    line-height: 0;
    transition: transform 0.3s ease; }
    .lp2-landing .lp2-campaign-3__card--static {
      pointer-events: none; }
    .lp2-landing .lp2-campaign-3__card:not(.lp2-campaign-3__card--static):hover, .lp2-landing .lp2-campaign-3__card:not(.lp2-campaign-3__card--static):focus-visible {
      transform: scale(1.02); }
    @media (prefers-reduced-motion: reduce) {
      .lp2-landing .lp2-campaign-3__card {
        transition: none; }
        .lp2-landing .lp2-campaign-3__card:not(.lp2-campaign-3__card--static):hover, .lp2-landing .lp2-campaign-3__card:not(.lp2-campaign-3__card--static):focus-visible {
          transform: none; } }
  .lp2-landing .lp2-campaign-3__cell-img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    object-fit: contain;
    vertical-align: top; }
  .lp2-landing .lp2-campaign-3__more {
    pointer-events: auto;
    width: min(38%, 280px);
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    line-height: 0; }
    @media (max-width: 767px) {
      .lp2-landing .lp2-campaign-3__more {
        width: min(55%, 100px); } }
  .lp2-landing .lp2-campaign-3__more-link {
    display: inline-block;
    width: 100%;
    max-width: 100%;
    line-height: 0;
    transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-tap-highlight-color: transparent; }
    .lp2-landing .lp2-campaign-3__more-link:hover, .lp2-landing .lp2-campaign-3__more-link:focus-visible {
      transform: scale(1.05); }
    @media (prefers-reduced-motion: reduce) {
      .lp2-landing .lp2-campaign-3__more-link {
        transition: none; }
        .lp2-landing .lp2-campaign-3__more-link:hover, .lp2-landing .lp2-campaign-3__more-link:focus-visible {
          transform: none; } }
  .lp2-landing .lp2-campaign-3__img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    vertical-align: top; }
  .lp2-landing .lp2-campaign-3__hit {
    display: block;
    text-decoration: none;
    color: inherit;
    line-height: 0;
    -webkit-tap-highlight-color: transparent; }
  .lp2-landing .lp2-lpc.lp2-lpc-anim {
    opacity: 0;
    transform: translate3d(0, 28px, 0);
    transition: opacity 0.55s ease, transform 0.55s ease; }
    @media (prefers-reduced-motion: reduce) {
      .lp2-landing .lp2-lpc.lp2-lpc-anim {
        opacity: 1;
        transform: none; } }
    .lp2-landing .lp2-lpc.lp2-lpc-anim.lp2-lpc-anim--in {
      opacity: 1;
      transform: none; }
  .lp2-landing .lp2-lphero {
    --lp2-hero-fixed-top: var(--lp-lpfilt-sticky-top, 64px);
    --lp2-hero-fixed-bottom: 50px;
    --lp2-hero-side-w-left: 200px;
    --lp2-hero-side-w-right: 200px;
    --lp2-hero-pad-left: 0px;
    --lp2-hero-pad-right: 0px;
    margin: 0;
    padding: 0;
    width: 100%;
    box-sizing: border-box; }
    @media (min-width: 768px) {
      .lp2-landing .lp2-lphero:not(.lp2-lphero--no-left) {
        --lp2-hero-pad-left: calc(var(--lp2-hero-side-w-left) + 10px); }
      .lp2-landing .lp2-lphero:not(.lp2-lphero--no-right) {
        --lp2-hero-pad-right: calc(var(--lp2-hero-side-w-right) + 10px + 20px); } }
    .lp2-landing .lp2-lphero__inner {
      display: grid;
      /* 2 cột: nút trái + banner phải (không còn cột ảnh full width) */
      grid-template-columns: minmax(72px, 120px) minmax(96px, 200px);
      gap: 8px 10px;
      align-items: stretch;
      width: 100%;
      max-width: 100%;
      margin: 0;
      padding: 0 4px;
      box-sizing: border-box; }
      @media (min-width: 768px) {
        .lp2-landing .lp2-lphero__inner {
          display: block;
          position: relative;
          padding: 0; } }
      @media (max-width: 767px) {
        .lp2-landing .lp2-lphero__inner {
          grid-template-columns: 1fr;
          gap: 0; } }
    .lp2-landing .lp2-lphero--no-left .lp2-lphero__inner {
      grid-template-columns: minmax(96px, 200px); }
      @media (max-width: 767px) {
        .lp2-landing .lp2-lphero--no-left .lp2-lphero__inner {
          grid-template-columns: 1fr; } }
    .lp2-landing .lp2-lphero--no-right .lp2-lphero__inner {
      grid-template-columns: minmax(72px, 120px); }
      @media (max-width: 767px) {
        .lp2-landing .lp2-lphero--no-right .lp2-lphero__inner {
          grid-template-columns: 1fr; } }
    .lp2-landing .lp2-lphero--no-left.lp2-lphero--no-right .lp2-lphero__inner {
      grid-template-columns: 1fr; }
    .lp2-landing .lp2-lphero__col--left {
      display: flex;
      align-items: flex-start;
      justify-content: center;
      padding: 8px 0; }
      @media (min-width: 768px) {
        .lp2-landing .lp2-lphero__col--left {
          position: fixed;
          left: 20px;
          bottom: var(--lp2-hero-fixed-bottom);
          width: var(--lp2-hero-side-w-left);
          z-index: 1020;
          padding: 8px 4px;
          max-height: calc(100vh - var(--lp2-hero-fixed-top) - 12px);
          overflow-y: auto;
          -webkit-overflow-scrolling: touch; } }
      @media (max-width: 767px) {
        .lp2-landing .lp2-lphero__col--left {
          display: none !important; } }
    .lp2-landing .lp2-lphero__col--right {
      display: flex;
      align-items: center;
      justify-content: center;
      min-width: 0; }
      @media (min-width: 768px) {
        .lp2-landing .lp2-lphero__col--right {
          position: fixed;
          right: 60px;
          top: 50%;
          transform: translateY(-50%);
          width: var(--lp2-hero-side-w-right);
          z-index: 1020;
          padding: 8px 0;
          max-height: calc(100vh - 24px);
          max-width: 120px;
          overflow-y: auto;
          -webkit-overflow-scrolling: touch;
          transition: all 0.2s ease; } }
      @media (max-width: 767px) {
        .lp2-landing .lp2-lphero__col--right {
          display: none !important; } }
      .lp2-landing .lp2-lphero__col--right:hover {
        transform: translateY(-50%) scale(1.02); }
  .lp2-landing .lp2-lpbtns {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0px;
    width: 100%;
    max-width: 150px; }
    .lp2-landing .lp2-lpbtns__btn {
      display: block;
      width: 100%;
      line-height: 0;
      border-radius: 8px;
      overflow: hidden;
      text-decoration: none;
      transition: transform 0.2s, opacity 0.2s;
      -webkit-tap-highlight-color: transparent; }
      .lp2-landing .lp2-lpbtns__btn:hover {
        transform: scale(1.04);
        opacity: 0.95; }
    .lp2-landing .lp2-lpbtns__img {
      display: block;
      width: 100%;
      height: auto; }
  .lp2-landing .lp2-vban {
    width: 100%;
    max-width: 120px;
    height: 100%;
    min-height: 120px;
    margin: 0 auto; }
    .lp2-landing .lp2-vban__link, .lp2-landing .lp2-vban__nolink {
      display: block;
      height: 100%; }
    .lp2-landing .lp2-vban__img {
      width: 100%;
      height: auto;
      display: block;
      object-fit: cover;
      border-radius: 6px; }
    .lp2-landing .lp2-vban__link--text, .lp2-landing .lp2-vban__nolink--text {
      font-size: 14px;
      font-weight: 700;
      line-height: 1.35;
      text-align: center;
      text-decoration: none;
      color: var(--lp2-vban-text, #c00); }
    .lp2-landing .lp2-vban__link--text {
      padding: 10px 8px; }
    .lp2-landing .lp2-vban__nolink--text {
      padding: 10px 8px; }
    .lp2-landing .lp2-vban__text {
      display: block; }
    .lp2-landing .lp2-vban__card {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      min-height: 220px;
      padding: 12px 10px 16px;
      border-radius: 8px;
      text-decoration: none;
      color: #fff;
      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
      box-sizing: border-box; }
    .lp2-landing .lp2-vban__kicker {
      margin: 0 0 6px;
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.04em;
      text-align: center;
      text-transform: uppercase; }
    .lp2-landing .lp2-vban__title {
      margin: 0 0 8px;
      font-size: 18px;
      font-weight: 800;
      line-height: 1.15;
      text-align: center;
      text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); }
    .lp2-landing .lp2-vban__fig {
      flex: 1 1 auto;
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 0;
      margin: 4px 0 8px; }
    .lp2-landing .lp2-vban__product {
      max-width: 100%;
      height: auto;
      display: block; }
    .lp2-landing .lp2-vban__badge {
      margin: 0;
      text-align: center; }
    .lp2-landing .lp2-vban__badge-inner {
      display: inline-block;
      padding: 6px 12px;
      background: #ffd200;
      color: #8b0000;
      font-size: 13px;
      font-weight: 800;
      border-radius: 50px;
      box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2); }