/* ═══════════════════════════════════════════════
   TIÊU ĐỀ SẢN PHẨM — WibuGem
   Chữ gradient xanh #017fff
   Selector độ ưu tiên cao để ghi đè product2.css
   ═══════════════════════════════════════════════ */

/* Bọc nhiều lớp selector để tăng độ ưu tiên */
body .trang-sp .container .container-title.title-detail-product,
body .container-title.title-detail-product,
body .title-detail-product{
  margin: 8px 0 20px !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}

body .trang-sp .container .title-detail-product .fontSize-titleA,
body .container-title .fontSize-titleA,
body .title-detail-product .fontSize-titleA,
body div.fontSize-titleA,
body .fontSize-titleA{
  /* Xoá sạch hiệu ứng cũ */
  text-shadow: none !important;
  -webkit-text-stroke: 0 !important;
  -webkit-text-stroke-width: 0 !important;
  text-stroke: 0 !important;
  filter: none !important;
  -webkit-filter: none !important;
  animation: none !important;
  text-transform: none !important;

  /* Chữ gradient xanh */
  background-image: linear-gradient(115deg, #0159b3 5%, #017fff 45%, #4aa3ff 100%) !important;
  background-color: transparent !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;

  font-size: 27px !important;
  font-weight: 800 !important;
  line-height: 1.28 !important;
  letter-spacing: -0.02em !important;

  margin: 0 !important;
  padding: 0 !important;
  display: inline-block !important;

  word-break: break-word !important;
  overflow-wrap: break-word !important;
}

/* Xoá hiệu ứng ở lớp giả nếu CSS cũ dùng ::before / ::after */
body .fontSize-titleA::before,
body .fontSize-titleA::after{
  display: none !important;
  content: none !important;
}

/* Dự phòng cho trình duyệt cũ không hỗ trợ background-clip:text */
@supports not ((-webkit-background-clip: text) or (background-clip: text)){
  body .fontSize-titleA{
    background-image: none !important;
    color: #017fff !important;
    -webkit-text-fill-color: #017fff !important;
  }
}

/* ===== Tablet ===== */
@media (max-width: 900px){
  body .fontSize-titleA{
    font-size: 23px !important;
    line-height: 1.3 !important;
  }
}

/* ===== Mobile ===== */
@media (max-width: 600px){
  body .title-detail-product{
    margin: 6px 0 15px !important;
  }
  body .fontSize-titleA{
    font-size: 19.5px !important;
    line-height: 1.35 !important;
    letter-spacing: -0.015em !important;
  }
}