/* TBB Academy — Khối mua khóa học */
.tbb-buybox{
  font-family: inherit;
  color:#0f172a;
  line-height:1.5;
}
.tbb-buybox *{ box-sizing:border-box; }

/* Badge ưu đãi */
.tbb-promo{
  display:inline-flex; align-items:center; gap:6px;
  background:#eaf2ff; color:#1c64f2;
  font-weight:600; font-size:14px;
  padding:9px 16px; border-radius:999px;
  margin-bottom:18px;
}
.tbb-promo-dot{ font-size:13px; }

/* Giá */
.tbb-price-row{ display:flex; align-items:baseline; gap:12px; margin-bottom:16px; flex-wrap:wrap; }
.tbb-price{ font-size:38px; font-weight:800; color:#1c64f2; letter-spacing:-.5px; }
.tbb-price-old{ font-size:20px; color:#9aa4b2; text-decoration:line-through; }

/* Box mức độ */
.tbb-level{
  display:flex; gap:12px; align-items:flex-start;
  background:#f0fdf4; border:1px solid #bbf7d0;
  border-radius:14px; padding:14px 16px; margin-bottom:16px;
}
.tbb-level-check{
  flex:0 0 auto; width:26px; height:26px; border-radius:50%;
  background:#fff; border:2px solid #22c55e; color:#22c55e;
  display:flex; align-items:center; justify-content:center;
  font-weight:700; font-size:14px; margin-top:1px;
}
.tbb-level-title{ font-weight:700; color:#166534; font-size:16px; display:flex; align-items:center; gap:8px; }
.tbb-level-desc{ color:#3f6b4e; font-size:14px; margin-top:2px; }
.tbb-level-bars{ display:inline-flex; gap:3px; }
.tbb-level-bars i{ width:5px; height:14px; border-radius:2px; background:#22c55e; display:inline-block; }
.tbb-level-bars i.off{ background:#c9e9d2; height:10px; align-self:center; }

/* Bạn tiết kiệm */
.tbb-saving{ color:#16a34a; font-weight:800; font-size:18px; margin-bottom:16px; }

/* Nút */
.tbb-btns{ display:flex; gap:14px; margin-bottom:20px; flex-wrap:wrap; }
.tbb-btn{
  flex:1 1 0; min-width:150px; text-align:center;
  padding:15px 18px; border-radius:12px;
  font-weight:700; font-size:16px; text-decoration:none;
  cursor:pointer; transition:.15s; display:inline-flex; align-items:center; justify-content:center; gap:8px;
}
.tbb-btn-buy{ background:linear-gradient(90deg,#1c64f2,#3b9bff); color:#fff; box-shadow:0 6px 16px rgba(28,100,242,.28); }
.tbb-btn-buy:hover{ filter:brightness(1.05); color:#fff; }
.tbb-btn-cart{ background:#fff; color:#0f172a; border:1.5px solid #e2e8f0; }
.tbb-btn-cart:hover{ border-color:#1c64f2; color:#1c64f2; }

/* Checklist quyền lợi */
.tbb-benefits{
  list-style:none; margin:0 0 18px; padding:0;
  display:grid; grid-template-columns:1fr 1fr; gap:12px 24px;
}
.tbb-benefits li{ display:flex; align-items:flex-start; gap:10px; font-size:15px; color:#334155; }
.tbb-b-check{ color:#1c64f2; font-weight:800; flex:0 0 auto; }

/* Note */
.tbb-note{
  background:#fff7ed; border:1px solid #fed7aa; color:#9a3412;
  border-radius:12px; padding:14px 16px; font-size:14px;
}
.tbb-note strong{ color:#c2410c; }

/* Responsive: mobile như ảnh 3 */
@media (max-width:600px){
  .tbb-price{ font-size:32px; }
  .tbb-benefits{ grid-template-columns:1fr; }
  .tbb-btns{ gap:12px; }
  .tbb-btn{ min-width:120px; padding:13px; font-size:15px; }
}

/* ===== Fix header: ẩn site-title trùng lặp (logo đã có chữ) + menu 1 hàng ===== */
.site-header .ast-site-title-wrap{ display:none !important; }
#ast-desktop-header .main-header-menu{ flex-wrap:nowrap; white-space:nowrap; }
#ast-desktop-header .site-primary-header-wrap .site-branding{ flex:0 0 auto; }

/* ===== Logo nhỏ lại ===== */
.site-header .custom-logo,
.site-logo-img img{ max-height:46px !important; width:auto !important; height:auto !important; }

/* ===== Ẩn tiêu đề trang "Trang chủ" ở trang chủ ===== */
body.home .entry-title,
body.home header.entry-header,
body.home .ast-single-entry-banner,
body.page-id-17 .entry-header,
body.page-id-17 .entry-title{ display:none !important; }

/* ===== Video giới thiệu khóa học ===== */
.tbb-course-video{ margin:0 0 32px; }
.tbb-course-video-title{ font-size:20px; font-weight:700; color:#0f172a; margin:0 0 16px; }
.tbb-video-embed{ position:relative; width:100%; padding-top:56.25%; border-radius:14px; overflow:hidden; box-shadow:0 6px 20px rgba(0,0,0,.12); background:#000; }
.tbb-video-embed iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }

/* ===== Video full width (tràn viewport, nội dung căn giữa) ===== */
.tbb-course-video{
  position:relative; left:50%; right:50%;
  width:100vw; margin-left:-50vw !important; margin-right:-50vw !important;
  padding:0 24px; box-sizing:border-box;
}
.tbb-course-video-title{ max-width:1240px; margin-left:auto !important; margin-right:auto !important; }
.tbb-video-embed{ max-width:1240px; margin-left:auto; margin-right:auto; }
@media (max-width:921px){ .tbb-course-video{ padding:0 16px; } }

/* ===== Tiêu đề video căn giữa (format Sư phụ) ===== */
.tbb-course-video-title{ text-align:center !important; font-size:24px; font-weight:800; }

/* ===== Video thu nhỏ, căn giữa (~860px) ===== */
.tbb-video-embed{ max-width:860px !important; margin-left:auto !important; margin-right:auto !important; }
.tbb-course-video-title{ max-width:860px !important; }

/* ===== Ép khung video 16:9 chuẩn (fix portrait) ===== */
.tbb-video-embed{ padding-top:0 !important; height:auto !important; aspect-ratio:16/9; position:relative; overflow:hidden; }
.tbb-video-embed iframe{ position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; border:0 !important; }

/* ===== Căn giữa video theo TÂM TRANG (thoát offset cột nội dung) ===== */
@media (min-width:922px){
  .tbb-course-video{ position:relative !important; left:auto !important; right:auto !important;
    width:100vw !important; margin-left:calc(-50vw + 560px) !important; margin-right:0 !important;
    padding:0 24px !important; box-sizing:border-box; }
}
@media (max-width:921px){
  .tbb-course-video{ position:static !important; width:100% !important; left:auto !important; right:auto !important;
    margin:0 0 24px !important; padding:0 !important; }
}
.tbb-video-embed, .tbb-course-video-title{ max-width:860px !important; margin-left:auto !important; margin-right:auto !important; }

/* ===== Section "Bạn sẽ học được gì?" -> card + tick tròn xanh (format ảnh 2) ===== */
.tutor-course-details-widget-col-2 .tutor-course-details-widget-title{
  text-align:center !important; font-size:26px !important; font-weight:800 !important;
  color:#0f172a !important; margin:0 0 24px !important;
}
.tutor-course-details-widget-col-2 .tutor-course-details-widget-list{
  display:grid !important; grid-template-columns:1fr 1fr; gap:16px 20px; margin:0 !important; padding:0 !important; list-style:none !important;
}
.tutor-course-details-widget-col-2 .tutor-course-details-widget-list li{
  background:#fff; border:1px solid #eceff3; border-radius:14px;
  padding:16px 18px; margin:0 !important; align-items:center;
  box-shadow:0 2px 10px rgba(16,24,40,.05); column-gap:0;
}
.tutor-course-details-widget-col-2 .tutor-course-details-widget-list li .tutor-icon-bullet-point{ display:none !important; }
.tutor-course-details-widget-col-2 .tutor-course-details-widget-list li::before{
  content:"\2713"; flex:0 0 auto; width:30px; height:30px; border-radius:50%;
  background:#1c64f2; color:#fff; font-weight:800; font-size:15px;
  display:flex; align-items:center; justify-content:center; margin-right:14px;
}
.tutor-course-details-widget-col-2 .tutor-course-details-widget-list li span{ font-size:15px; color:#334155; }
@media (max-width:600px){
  .tutor-course-details-widget-col-2 .tutor-course-details-widget-list{ grid-template-columns:1fr; }
}

/* ===== Benefits: căn giữa trang + rộng ra (như ảnh 2) ===== */
@media (min-width:922px){
  .tutor-course-details-widget-col-2{
    position:relative !important; left:auto !important; right:auto !important;
    width:100vw !important; margin-left:calc(-50vw + 560px) !important; margin-right:0 !important;
    padding:0 24px !important; box-sizing:border-box;
  }
  .tutor-course-details-widget-col-2 .tutor-course-details-widget-title,
  .tutor-course-details-widget-col-2 .tutor-course-details-widget-list{
    max-width:1040px !important; margin-left:auto !important; margin-right:auto !important;
  }
}
.tutor-course-details-widget-col-2 .tutor-course-details-widget-list li span{ line-height:1.45; }

/* ===== Đảo thứ tự: đưa "Bạn sẽ học được gì?" xuống ngay trên "Nội dung khóa học" ===== */
.tutor-tab-item.is-active{ display:flex; flex-direction:column; }
.tutor-tab-item.is-active .tbb-course-video{ order:2; }
.tutor-tab-item.is-active .tutor-course-details-widget-col-2{ order:3; }

/* ===== Benefits sau khi move: căn giữa gọn trong khung (bỏ breakout) ===== */
.tutor-course-details-widget-col-2{
  position:static !important; left:auto !important; right:auto !important;
  width:100% !important; max-width:1040px !important;
  margin:32px auto 8px !important; padding:0 16px !important; box-sizing:border-box;
}
.tutor-course-details-widget-col-2 .tutor-course-details-widget-title,
.tutor-course-details-widget-col-2 .tutor-course-details-widget-list{
  max-width:100% !important; margin-left:0 !important; margin-right:0 !important;
}
.tutor-course-details-widget-col-2 .tutor-course-details-widget-list{
  display:grid !important; grid-template-columns:1fr 1fr; gap:16px 20px;
}
.tutor-course-details-widget-col-2 .tutor-course-details-widget-list li span{ line-height:1.45; }
@media (max-width:600px){
  .tutor-course-details-widget-col-2 .tutor-course-details-widget-list{ grid-template-columns:1fr; }
}

/* ===== Benefits: khôi phục căn giữa TÂM TRANG (breakout) ===== */
@media (min-width:922px){
  .tutor-course-details-widget-col-2{
    position:relative !important; left:auto !important; right:auto !important;
    width:100vw !important; max-width:none !important;
    margin-left:calc(-50vw + 560px) !important; margin-right:0 !important;
    padding:0 24px !important; box-sizing:border-box;
  }
  .tutor-course-details-widget-col-2 .tutor-course-details-widget-title,
  .tutor-course-details-widget-col-2 .tutor-course-details-widget-list{
    max-width:1040px !important; margin-left:auto !important; margin-right:auto !important;
  }
}

/* ===== FINAL: benefits sau khi move nằm trong container full-width -> căn giữa đơn giản ===== */
@media (min-width:922px){
  .tutor-course-details-widget-col-2{
    position:static !important; left:auto !important; right:auto !important;
    width:100% !important; max-width:1040px !important;
    margin:36px auto 8px !important; padding:0 16px !important; box-sizing:border-box;
  }
  .tutor-course-details-widget-col-2 .tutor-course-details-widget-title,
  .tutor-course-details-widget-col-2 .tutor-course-details-widget-list{
    max-width:100% !important; margin-left:0 !important; margin-right:0 !important;
  }
}

/* ===== Ép card benefits giãn đầy cột (chữ gọn 1-2 dòng) ===== */
.tutor-course-details-widget-col-2 .tutor-course-details-widget-list{
  display:grid !important; grid-template-columns:1fr 1fr !important; gap:16px 20px !important; align-items:stretch !important;
}
.tutor-course-details-widget-col-2 .tutor-course-details-widget-list li{
  width:100% !important; box-sizing:border-box !important; justify-self:stretch !important; display:flex !important; align-items:center !important;
}
.tutor-course-details-widget-col-2 .tutor-course-details-widget-list li span{ flex:1 1 auto; }

/* ===== FINAL: video sau khi move -> căn giữa đơn giản trong container ===== */
@media (min-width:922px){
  .tbb-course-video{
    position:static !important; left:auto !important; right:auto !important;
    width:100% !important; max-width:1040px !important;
    margin:36px auto 8px !important; padding:0 16px !important; box-sizing:border-box;
  }
}
.tbb-course-video-title{ text-align:center !important; max-width:860px !important; margin-left:auto !important; margin-right:auto !important; }
.tbb-video-embed{ max-width:860px !important; margin-left:auto !important; margin-right:auto !important; }

/* ===== HERO đầu trang khóa học (theo mẫu) ===== */
.tutor-course-details-header{ display:none !important; }
.tbb-hero{ margin:0 0 8px; }
.tbb-crumb{ font-size:15px; color:#94a3b8; margin-bottom:18px; display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.tbb-crumb a{ color:#64748b; text-decoration:none; }
.tbb-crumb a:hover{ color:#1c64f2; }
.tbb-crumb span{ color:#cbd5e1; }
.tbb-crumb .tbb-crumb-cur{ color:#334155; }
.tbb-hero-meta{ display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px; margin-bottom:18px; font-size:15px; color:#475569; }
.tbb-pill-cat{ background:#fde7ef; color:#e5397f; font-weight:600; padding:5px 14px; border-radius:999px; font-size:14px; }
.tbb-pill-tag{ background:#eef1f5; color:#475569; font-weight:600; padding:5px 14px; border-radius:999px; font-size:14px; }
.tbb-meta-year{ font-weight:700; color:#334155; }
.tbb-meta-rate{ color:#334155; } .tbb-meta-rate b{ color:#0f172a; } .tbb-meta-rate{ }
.tbb-meta-rate::first-letter{}
.tbb-meta-rate{ color:#334155; }
.tbb-meta-rate{}
.tbb-meta-rate b{ color:#0f172a; }
.tbb-meta-rate{ display:inline-flex; align-items:center; gap:4px; }
.tbb-meta-rate{ color:#334155; }
.tbb-meta-rate{}
.tbb-meta-view b{ color:#0f172a; }
.tbb-hero-title{ font-size:44px; line-height:1.15; font-weight:800; color:#0f172a; margin:0 0 18px; letter-spacing:-.5px; }
.tbb-hero-sub{ font-size:19px; line-height:1.6; color:#475569; margin:0 0 22px; max-width:760px; }
.tbb-hero-checks{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px; }
.tbb-hero-checks li{ display:flex; align-items:center; gap:12px; font-size:17px; color:#334155; }
.tbb-hero-checks .tbb-hc{ flex:0 0 auto; width:26px; height:26px; border-radius:50%; background:#eafbf1; color:#16a34a; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:13px; }
.tbb-meta-rate{ color:#334155; }
@media (max-width:600px){
  .tbb-hero-title{ font-size:30px; }
  .tbb-hero-sub{ font-size:16px; }
}

/* Fix hero title hiển thị + ẩn heading "Giới thiệu về khóa học" trùng hero */
.tbb-hero .tbb-hero-title{ display:block !important; }
.tutor-course-details-content h2:first-child{ display:none !important; }

/* ===== Bỏ section "Bạn sẽ học được gì?" theo yêu cầu ===== */
.tutor-course-details-widget-col-2{ display:none !important; }

/* ===== Bỏ box "Mức độ" + "Chú ý quan trọng" trong khối mua ===== */
.tbb-buybox .tbb-level{ display:none !important; }
.tbb-buybox .tbb-note{ display:none !important; }