/* ==== BRAND SURFACES ==== */
  :root{
    --surface: rgb(1 22 45);       /* nền chính */
    --surface-2: rgb(6 32 62);     /* nền block phụ (nếu cần đổi tinh tế) */
    --border:  rgba(45, 85, 145, .45);  /* viền */
  }
  /* Override các utility đang dùng màu tối cũ */
  .bg-\[\#111\],
  .bg-\[\#0f0f0f\],
  .bg-\[\#121212\],
  .bg-\[\#151515\],
  .bg-\[\#171717\],
  .bg-\[\#1C1C1C\],
  .bg-\[\#1E1E1E\],
  .bg-\[\#202020\] { background-color: var(--surface) !important; }

  /* Nếu muốn block nội dung tối hơn 1 bậc (tùy chọn) */
  .bg-block,
  .card,
  .section-surface-2{ background-color: var(--surface-2) !important; }

  /* Viền & đường phân cách */
  .border-\[\#2D2D2D\],
  .divide-\[\#1f1f1f\],
  .border-gray-700,
  .border-black { border-color: var(--border) !important; }

  /* Swiper slide nền */
  #reviews-swiper .swiper-slide > article{ background-color: var(--surface) !important; }
  #reviews-swiper .swiper-slide .bg-\[\#111\]{ background-color: var(--surface-2) !important; }

  /* Footer bar mobile */
  .fixed.bottom-0.bg-\[\#1E1E1E\]{ background-color: var(--surface) !important; }
:root{ --text-primary:#F3F4F6 }
    body{ background:linear-gradient(135deg,#0b1220 0%,#16213e 100%) }
    .scrollbar-hide::-webkit-scrollbar{ display:none }
    .scrollbar-hide{ -ms-overflow-style:none; scrollbar-width:none }
    .title-line{ position:relative; text-transform:uppercase; letter-spacing:.5px }
    .title-line:before,.title-line:after{ content:''; position:absolute; top:50%; width:80px; height:1px; background:linear-gradient(90deg,transparent,#995400,transparent) }
    .title-line:before{ left:-100px } .title-line:after{ right:-100px }
    @media (max-width:768px){ .title-line:before,.title-line:after{ display:none } }
    .btn-pill{ border-radius:9999px; box-shadow:0 0 0 2px #1f2937 inset }
    .btn-cta{ background:linear-gradient(90deg,#FFB347 0%,#FF9505 50%,#C86B00 100%); color:#111 }
    .diamond{ width:10px; height:10px; transform:rotate(45deg); background:#ff9505; display:inline-block; margin:0 8px }
.reviews-prev,.reviews-next{ transition:.2s }
  .reviews-prev:hover,.reviews-next:hover{ transform:scale(1.05) translateY(-50%) }