:root{
    --bg:#060712; --panel:#14141e; --muted:#a0a7b7;
    --o:#ff7a00; --p:#a06aff; --pk:#ff4b91;
    --radius:22px;
  }
ol.breadcrumb.breadcrumb-arrows {
    display: none;
}
  *{box-sizing:border-box;font-family:"Montserrat",sans-serif !important;}
  html,body{width:100%;overflow-x:hidden;background:#0a0b10;color:#fff}
  .content-container{max-width:1220px;margin:0 auto;padding:0 10px}
  .wrap{max-width:1200px;margin:0 auto;padding:32px 0}

  /* Banner */
  .background{position:relative;background:#1c1c21;z-index:10}
  .background img{width:50%;border-radius:0 0 10px 10px}
  @media (max-width:767px){.background img{width:100%;padding:5px}}

  /* Badge (1 bản) */
  .badge{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;font-weight:700;font-size:14px;background:rgba(160,106,255,.12);border:1px solid rgba(160,106,255,.45);color:#eadfff;margin-bottom:16px;box-shadow:inset 0 8px 22px rgba(160,106,255,.25)}
  .badge .dot{width:8px;height:8px;border-radius:50%;background:#ffd480;box-shadow:0 0 8px #ffd480}
  .badge .clock{font-size:14px;opacity:.9}

  /* Title chung */
  .title-wrapper{display:inline-flex;align-items:center;gap:10px}
  .title-text{font-size:64px;font-weight:800;background:linear-gradient(90deg,#ff7a00,#ff2b9d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1}
  .title-icon{font-size:66px;color:#ff4b91;transform:translateY(4px);filter:drop-shadow(0 0 6px rgba(255,75,145,.5));animation:floaty 4.5s ease-in-out infinite}
  .title{line-height:1.12;font-weight:800}
  .title .grad{background:linear-gradient(90deg,#ff7a00 0%,#ff6a4e 30%,#ff3ca6 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
  .subtitle{color:#c8cfdb;font-size:18px;margin:6px 0 30px}
  @keyframes floaty{0%,100%{transform:translateY(4px)}50%{transform:translateY(-4px)}}

  /* COUNTDOWN */
  .timer{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:28px;justify-items:center}
  @media (max-width:900px){.timer{grid-template-columns:repeat(4,1fr)}}
  .box{width:100%;max-width:260px;padding:32px 18px 28px;background:radial-gradient(120% 120% at 50% 0%,rgba(160,106,255,.25),rgba(18,18,28,1) 60%);border-radius:20px;border:1px solid rgba(255,255,255,.08);position:relative;box-shadow:0 0 40px rgba(160,106,255,.30),inset 0 0 0 1px rgba(255,255,255,.03)}
  .box:after{content:"";position:absolute;inset:-14px;border-radius:28px;background:radial-gradient(60% 60% at 50% 100%,rgba(255,75,145,.18),transparent 60%);z-index:-1;filter:blur(20px)}
  .num{font-size:68px;font-weight:700;line-height:1;background:linear-gradient(180deg,#ffa047,#ff6a00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 18px rgba(255,122,0,.25)}
  .label{margin-top:8px;color:#9aa2b3;font-weight:600;letter-spacing:2px;font-size:13px}
  .cta{display:inline-block;margin-top: 15px;padding:16px 28px;border-radius:14px;background:linear-gradient(90deg,#ff7a00,#ff8c2f);color:#1a0d00;font-weight:800;text-decoration:none;box-shadow:0 18px 40px rgba(255,122,0,.35),0 0 0 1px rgba(255,255,255,.06) inset;position:relative}
  .cta:after{content:"";position:absolute;inset:-8px;border-radius:18px;background:radial-gradient(50% 60% at 50% 40%,rgba(255,122,0,.35),rgba(255,75,145,.25));filter:blur(18px);z-index:-1;opacity:.9}
  .note{color:#cbd3e0;margin-top:10px}.note .hl{color:#ffb46b;font-weight:700}.note small{display:block;color:#9aa2b3;margin-top:6px}

  /* OFFER CARDS (3 thẻ) */
  .offer-cards{display:flex;gap:32px;justify-content:center;flex-wrap:wrap;margin-top:15px;padding-bottom:15px}
  .card{width:360px;background:rgba(20,20,30,.86);border:1.5px solid;border-radius:20px;padding:28px;text-align:left;position:relative;overflow:hidden;transition:.25s ease;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
  .card:hover{transform:translateY(-4px);box-shadow:0 0 22px rgba(180,120,255,.15)}
  .card.orange{border-color:var(--o)}.card.purple{border-color:var(--p)}.card.pink{border-color:var(--pk)}
  .card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
  .lead-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:30px;background:rgba(255,255,255,.04)}
  .orange .lead-icon{color:var(--o);background:rgba(255,122,0,.12)} .purple .lead-icon{color:var(--p);background:rgba(160,106,255,.12)} .pink .lead-icon{color:var(--pk);background:rgba(255,75,145,.12)}
  .corner-ghost{font-size:28px;opacity:.18;line-height:1;animation:floaty2 5s ease-in-out infinite}
  @keyframes floaty2{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
  .orange .corner-ghost{color:var(--o)} .purple .corner-ghost{color:var(--p)} .pink .corner-ghost{color:var(--pk)}
  h2{font-size:24px;margin:8px 0 8px;font-weight:700;color:wheat}
  .desc{color:#9aa2b3;font-size:16px;margin:0 0 18px;line-height:1.5}
  .link{font-weight:600;text-decoration:none;font-size:16px}.orange .link{color:var(--o)}.purple .link{color:var(--p)}.pink .link{color:var(--pk)}.link:hover{text-decoration:underline}

  /* TABS SẢN PHẨM (1 bản) */
  .tab-nav{margin:20px 0;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
  .tablinks{padding:8px 16px;border:0;border-radius:8px;font-weight:700;cursor:pointer;transition:.3s}
  .tablinks.active-tab,.tablinks:hover{background:linear-gradient(90deg,#ff7a00,#ff2b9d);color:#fff}
  .products-wrapper{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:auto;gap:10px;border-radius:10px}
  @media (max-width:991px){.products-wrapper{grid-template-columns:repeat(3,1fr)}}
  @media (max-width:767px){.products-wrapper{grid-template-columns:repeat(2,1fr);gap:8px}}
  .product-item{width:100%}
  #section-scroll-1 .product-item:nth-child(n+16){display:none}
  .tab-cta{grid-column:1 / -1;width:100%;text-align:center;margin:12px 0 10px}
  .tab-cta .btn-more{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:8px;background:#6e3be2;color:#fff;font-weight:600;text-decoration:none;min-width:260px}
  .tab-cta .btn-more:hover{opacity:.9}

  /* EVENT (check-in) */
  .grid{display:grid;grid-template-columns:1.05fr 1fr;gap:36px}
  @media (max-width:1024px){.grid{grid-template-columns:1fr}}
  .lead{margin:20px 0 18px;color:var(--muted);font-size:16px;line-height:1.8;text-align:left}
  .hl{color:#ffb46b;font-weight:800}
  .bullets{margin:26px 0 28px;display:grid;gap:14px}
  .bullet{display:flex;align-items:flex-start;gap:12px}
  .bullet .ico{width:28px;height:28px;display:grid;place-items:center;border-radius:10px}
  .ico.cam{background:rgba(255,122,0,.12);color:#ff8a2f}
  .ico.gift{background:rgba(160,106,255,.12);color:#bf99ff}
  .bullet .txt{margin-top:2px;color:#fff;text-align:left}
  .media{position:relative;display:grid;grid-template-rows:auto 1fr;gap:18px}
  .frame{position:relative;overflow:hidden;border-radius:var(--radius);border:1px solid rgba(255,255,255,.08);background:#0f0f18;box-shadow:0 0 0 1px rgba(255,255,255,.03) inset,0 0 40px rgba(160,106,255,.25)}
  .frame img{width:100%;height:100%;object-fit:cover;display:block}
  .thumbs{display:grid;gap:18px}

  /* VÒNG QUAY (cards riêng) */
  .gift-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;justify-items:center;margin-top:18px}
  @media (max-width:1024px){.gift-cards{grid-template-columns:repeat(2,1fr)}}
  @media (max-width:620px){.gift-cards{grid-template-columns:1fr}}
  .gift-cards .card{max-width:250px;padding:22px 18px 20px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(18,18,28,1));border:1px solid rgba(255,255,255,.08);box-shadow:0 0 42px rgba(160,106,255,.35),inset 0 0 0 1px rgba(255,255,255,.03)}
  .gift-cards .card::after{content:"";position:absolute;inset:-16px;border-radius:28px;z-index:-1;background:radial-gradient(60% 60% at 50% 50%,rgba(160,106,255,.35),transparent 65%);filter:blur(18px)}
  .top-ico{width:44px;height:44px;border-radius:12px;margin:0 auto 14px;display:grid;place-items:center;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);font-size:22px}
  .shot{width:100%;height:130px;border-radius:14px;overflow:hidden;margin:0 auto 12px;background:#0e0f18;border:1px solid rgba(255,255,255,.06)}
  .shot img{width:100%;height:100%;object-fit:cover}
  .name{margin:4px 0 0;font-weight:700;text-align:center}
  .note{max-width:820px;margin:36px auto 0;text-align:left;padding:22px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(18,18,28,.95));border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),0 26px 50px rgba(160,106,255,.18)}
  .note .head{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-weight:800}
  .note .gift-ico{font-size:20px;color:#ffb45a}
  .deco{margin-top:20px;opacity:.6;display:flex;gap:18px;justify-content:center;align-items:center}

  /* Misc */
  .product-block .product-detail .pro-name a{text-align:left}
/* =========================
   RESPONSIVE (Tablet/Mobile)
   ========================= */
/* Badge mặc định vẫn giữ nguyên */
/* Bản nhỏ */
.badge{
  padding: 6px 10px;
  gap: 6px;
  font-size: 12.5px;     /* nhỏ hơn */
  border-radius: 999px;
  white-space: nowrap;   /* không xuống dòng */
  box-shadow: inset 0 6px 16px rgba(160,106,255,.22);
}
.badge svg{ width:14px; height:14px; }
.badge.dot{ width:6px; height:6px; }

/* Mobile càng gọn hơn */
@media (max-width: 767px){
  .badge.badge svg{
    padding: 5px 8px;
    font-size: 11.5px;
    gap: 5px;
  }

/* Tablet ≤ 991px */
@media (max-width: 991px) {
  .content-container { padding: 0 12px; }
  .wrap { padding: 24px 0; }

  /* Tiêu đề */
  .title-text { font-size: 44px; }
  .title { font-size: 40px; }

  /* Countdown: 2 cột */
  .timer { grid-template-columns: repeat(2, 1fr); gap: 16px; }
  .box { max-width: none; padding: 24px 14px; }
  .num { font-size: 52px; }

  /* Tabs: cho phép trượt ngang nếu tràn */
  .tab-nav {
    justify-content: center;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    gap: 8px;
    padding-bottom: 6px;
  }
  .tablinks { flex: 0 0 auto; }
  
  /* Grid sản phẩm: 3 cột */
  .products-wrapper { grid-template-columns: repeat(3, minmax(0,1fr)); gap: 8px; }

  /* Section Check-in: 1 cột */
  .grid { grid-template-columns: 1fr; gap: 20px; }
}

/* Mobile ≤ 767px */
@media (max-width: 767px) {
  /* Banner đầu trang */
  .background img { width: 100%; padding: 5px; border-radius: 0 0 10px 10px; }

  .title-wrapper { gap: 8px; }
  .title-text { font-size: 34px; }
  .title { font-size: 32px; text-align: center; }
  .subtitle { font-size: 16px; text-align: center; margin: 6px 0 20px; }
  .title-icon { font-size: 40px; transform: translateY(2px); }

  /* Countdown: vẫn 2 cột, thu nhỏ box */
  .timer { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .box { padding: 18px 12px; border-radius: 14px; }
  .num { font-size: 44px; }
  .label { font-size: 12px; letter-spacing: 1.5px; }

  .cta { width: 50%; max-width: 320px; padding: 14px 18px; }

  /* 3 thẻ ưu đãi */
  .offer-cards { gap: 12px; margin-top: 10px; }
  .offer-cards .card {
    width: 100%;
    max-width: none;
    padding: 18px;
    border-radius: 16px;
  }
  .lead-icon { width: 56px; height: 56px; font-size: 26px; }
  h2 { font-size: 20px; }
  .desc, .link { font-size: 14px; }

  /* Tabs sản phẩm: 2 cột */
  .products-wrapper { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; }
  .tab-cta .btn-more { min-width: 0; width: 100%; }

  /* Check-in section */
  .lead { font-size: 14px; text-align: left; }
  .bullets { gap: 10px; }
  .bullet .txt { font-size: 14px; }
  .frame { border-radius: 12px; }
  .thumbs { grid-template-columns: 1fr; }

  /* Vòng quay may mắn: 1 cột */
  .gift-cards { grid-template-columns: 1fr; gap: 14px; }
  .gift-cards .card { max-width: none; padding: 18px; }

  /* Khoảng cách chung */
  .wrap { padding: 18px 0; }
}

/* Mini (≤ 360px) — tinh chỉnh chữ/spacing */
@media (max-width: 360px) {
  .title-text { font-size: 30px; }
  .title { font-size: 28px; }
  .num { font-size: 38px; }
  .badge { padding: 8px 12px; font-size: 12px; }
}