/* Văn Thế Web - CSS giao diện mobile đã hợp nhất từ v226.
   Tệp chỉ được nạp khi màn hình <= 991.98px. */

/* ===== Nguồn hợp nhất: mobile.css ===== */
/* =====================================================
   MOBILE-ONLY STYLES
   Load via: <link media="(max-width: 991.98px)">
   ===================================================== */

/* Navbar mobile */
.main-navbar .navbar-brand { font-size: 1.05rem; }
.main-navbar .navbar-collapse {
  margin-top: 12px;
  padding-top: 8px;
  border-top: 1px solid #eef0f4;
}
.main-navbar .main-menu .nav-link {
  font-size: .92rem !important;
  padding: 10px 0 !important;
  text-transform: uppercase;
  font-weight: 700;
  color: #1a1a1a !important;
  border-bottom: 1px solid #f3f4f6;
}
.main-navbar .main-menu .nav-link:last-child {
  border-bottom: none;
}
.nav-search {
  max-width: 100% !important;
  margin-top: 10px;
  margin-bottom: 10px;
}
.nav-cta {
  display: block !important;
  text-align: center;
  margin-bottom: 10px !important;
}

/* Container padding nho hon mobile */
.container, .container-fluid {
  padding-left: 12px;
  padding-right: 12px;
}

/* Hero section mobile */
.hero-section h1, .hero-section h2 { font-size: 1.5rem !important; }
.hero-section p { font-size: .92rem !important; }

/* Card su dung 1 cot */
.course-card-v2 .course-title-v2 { font-size: .92rem; min-height: auto; }
.course-card-v2 .course-body-v2 { padding: 12px; }

/* About stats - 2 cot mobile */
.about-stats-band .about-stat-number { font-size: 2.25rem; }
.about-stats-band .about-stat-label  { font-size: .82rem; }

/* Contact - 1 cot, form padding nho */
.contact-form-card { padding: 20px 16px; }

/* Profile sidebar - hien thi nhu menu doc dau trang */
.profile-sidebar {
  margin-bottom: 16px;
}

/* My courses - card stack vertical */
.mc-card {
  flex-direction: column !important;
  gap: 12px !important;
  padding: 12px !important;
}
.mc-thumb { flex: 0 0 auto !important; width: 100% !important; }
.mc-content { width: 100%; }
.mc-actions {
  flex-direction: row !important;
  min-width: 0 !important;
  width: 100%;
}
.mc-btn { flex: 1; }
.mc-meta { font-size: .75rem; gap: 8px; }

/* Form input lon hon mobile */
.form-control, .form-select { font-size: 16px; } /* prevent iOS zoom */

/* Buttons full-width mobile */
.btn-block-mobile { width: 100%; }

/* Footer - stack columns */
.footer-mobile-stack > * { margin-bottom: 16px; }

/* Tables - scroll horizontal */
.table-responsive-mobile {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* ============================================================================
   v207 — Khách chưa đăng nhập: tìm kiếm + Đăng nhập/Đăng ký luôn hiện trên mobile
   - Luôn nằm ngay dưới hàng logo/giỏ/menu và phía trên nội dung trang (Coaching).
   - Ẩn bản sao nằm trong menu xổ xuống để không hiển thị trùng.
   ============================================================================ */
@media (max-width: 991.98px){
  .main-navbar .container{
    align-items:center;
  }
  .mobile-guest-tools{
    order:3;
    width:100%;
    flex:0 0 100%;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:10px;
    padding:10px 0 2px;
    border-top:1px solid #edf2f7;
  }
  .mobile-guest-search{
    min-width:0;
    height:42px;
    display:grid;
    grid-template-columns:minmax(0,1fr) 48px;
    border:1px solid #bdd4fb;
    border-radius:13px;
    overflow:hidden;
    background:linear-gradient(135deg,#f4f9ff 0%,#fff8f2 100%);
    box-shadow:0 5px 16px rgba(37,99,235,.08);
  }
  .mobile-guest-search input{
    width:100%;
    min-width:0;
    height:40px;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:transparent!important;
    padding:0 13px;
    font-size:16px;
    color:#183b68;
  }
  .mobile-guest-search button{
    width:48px;
    height:42px;
    border:0;
    border-left:1px solid rgba(37,99,235,.14);
    background:linear-gradient(135deg,#eaf4ff 0%,#fff0e5 100%);
    color:#1455aa;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:1.15rem;
  }
  .mobile-guest-auth{
    display:flex;
    align-items:center;
    gap:8px;
    white-space:nowrap;
  }
  .mobile-guest-login,
  .mobile-guest-register{
    height:42px;
    padding:0 14px;
    border-radius:12px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    font-weight:800;
    font-size:.9rem;
  }
  .mobile-guest-login{
    color:#1455aa;
    border:1px solid #9dc0f7;
    background:linear-gradient(135deg,#f5f9ff 0%,#fff 100%);
  }
  .mobile-guest-register{
    color:#a6480d;
    border:1px solid #ffc18f;
    background:linear-gradient(135deg,#fff7ef 0%,#ffe9d8 100%);
  }
  .guest-collapse-search,
  .guest-collapse-auth{
    display:none!important;
  }
  .main-navbar .navbar-collapse{
    order:4;
    flex-basis:100%;
  }
}

@media (max-width: 575.98px){
  .mobile-guest-tools{
    grid-template-columns:1fr;
    gap:8px;
    padding-top:9px;
  }
  .mobile-guest-auth{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:9px;
  }
  .mobile-guest-login,
  .mobile-guest-register{
    width:100%;
  }
}

/* v209 — chặn tuyệt đối bản đăng nhập/đăng ký trùng trong menu mobile */
@media (max-width:991.98px){
  #mainNav .guest-collapse-search,
  #mainNav .guest-collapse-auth,
  #mainNav .nav-login-btn,
  #mainNav .nav-register-btn{
    display:none!important;
  }
}


/* ============================================================================
   v221 — Mobile khách chưa đăng nhập
   - Không hiện sẵn thanh tìm kiếm.
   - Icon tìm kiếm nằm cạnh icon giỏ hàng; bấm mới mở ô tìm kiếm.
   - Giữ cụm Đăng nhập / Đăng ký phía trên nội dung.
   ============================================================================ */
@media (max-width: 991.98px){
  .nav-mobile-search-btn{
    width:42px;
    height:42px;
    padding:0;
    border:1px solid #bfd5f5;
    border-radius:50%;
    color:#174ea6;
    background:linear-gradient(135deg,#e9f2ff 0%,#dbeafe 58%,#ffe9d8 100%);
    box-shadow:0 5px 14px rgba(37,99,235,.10),0 4px 12px rgba(255,122,26,.07);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:1.1rem;
    flex:0 0 42px;
  }
  .nav-mobile-search-btn:hover,
  .nav-mobile-search-btn:focus{
    color:#0f4ea5;
    filter:brightness(1.02);
    box-shadow:0 0 0 3px rgba(37,99,235,.10),0 5px 14px rgba(37,99,235,.10);
  }
  .mobile-guest-search-panel{
    order:3;
    width:100%;
    flex:0 0 100%;
    padding:9px 0 0;
  }
  .mobile-guest-search-panel .mobile-guest-search{
    width:100%;
    margin:0;
  }
  .mobile-guest-tools{
    order:4;
    width:100%;
    flex:0 0 100%;
    display:block!important;
    padding:9px 0 2px;
    border-top:0;
  }
  .mobile-guest-auth{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:9px;
    width:100%;
  }
  .mobile-guest-login,
  .mobile-guest-register{
    width:100%;
  }
  .main-navbar .navbar-collapse{
    order:5;
  }
}

/* ===== Nguồn hợp nhất: mobile-v43.css ===== */
/* =====================================================
   Themes Văn Thế Web V43 — rà soát và ổn định toàn bộ giao diện mobile
   Chỉ áp dụng cho màn hình dưới 992px.
   ===================================================== */

@media (max-width: 991.98px){
  html,body{width:100%;max-width:100%;overflow-x:hidden!important;}
  body{min-width:0!important;}
  *,*::before,*::after{box-sizing:border-box;}
  img,svg,video,canvas,iframe{max-width:100%;}
  img,video{height:auto;}
  iframe{width:100%;}
  pre,code,.text-break{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;}
  .container,.container-fluid{width:100%!important;max-width:100%!important;padding-left:12px!important;padding-right:12px!important;}
  .row{--bs-gutter-x:1rem;}
  .dropdown-menu{max-width:calc(100vw - 24px);}
  .modal{padding-left:8px!important;padding-right:8px!important;}
  .modal-dialog{width:auto!important;max-width:calc(100vw - 16px)!important;margin:12px auto!important;}
  .modal-content{max-width:100%;overflow:hidden;}
  .form-control,.form-select,.input-group-text,.btn{max-width:100%;}
  .form-control,.form-select{font-size:16px!important;}
  .table-responsive{max-width:100%;}
  .alert{max-width:100%;overflow-wrap:anywhere;}

  /* Header công khai: luôn vừa chiều ngang 320–991px. */
  .main-navbar .container{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:8px!important;
    padding-top:9px!important;
    padding-bottom:9px!important;
  }
  .main-navbar .navbar-brand{
    flex:0 1 auto!important;
    min-width:0!important;
    max-width:calc(100% - 150px)!important;
    margin:0 auto 0 0!important;
    padding:0!important;
  }
  .main-navbar .navbar-brand img{
    display:block!important;
    width:auto!important;
    max-width:142px!important;
    height:32px!important;
    object-fit:contain!important;
  }
  .main-navbar .d-flex.align-items-center.gap-2.ms-auto.d-lg-none{
    flex:0 0 auto!important;
    min-width:0!important;
    gap:6px!important;
    margin-left:auto!important;
  }
  .main-navbar .nav-mobile-search-btn,
  .main-navbar .nav-cart-mobile,
  .main-navbar .public-notification-btn,
  .main-navbar .public-avatar-btn,
  .main-navbar .nav-mobile-menu-btn{
    flex:0 0 40px!important;
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    padding:0!important;
    border-radius:50%!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .main-navbar .public-avatar-ring{width:40px!important;height:40px!important;}
  .main-navbar .public-avatar-circle{width:34px!important;height:34px!important;}
  .main-navbar .navbar-collapse{
    order:6!important;
    width:100%!important;
    flex:0 0 100%!important;
    margin-top:2px!important;
  }
  .main-navbar .main-menu{width:100%;}
  .main-navbar .main-menu .nav-link{white-space:normal!important;overflow-wrap:anywhere;}
  .main-navbar .dropdown-menu,
  .public-user-dropdown .dropdown-menu,
  .public-notification-dropdown .dropdown-menu{
    width:min(330px,calc(100vw - 24px))!important;
    max-width:calc(100vw - 24px)!important;
  }
  .mobile-guest-search-panel,.mobile-guest-tools{width:100%!important;max-width:100%!important;}
  .mobile-guest-search{width:100%!important;max-width:100%!important;}

  /* Trang danh sách sản phẩm. */
  .product-catalog-v6{padding:14px 0 34px!important;}
  .product-catalog-v6 .mb-3.small.text-muted{
    margin:0 0 12px!important;
    gap:6px!important;
    font-size:.88rem!important;
    line-height:1.35!important;
  }
  .catalog-toolbar-compact-v42{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    width:100%!important;
    gap:10px!important;
    margin:0 0 18px!important;
  }
  .catalog-toolbar-compact-v42 .catalog-search-v18,
  .catalog-toolbar-compact-v42 .catalog-sort-v18{width:100%!important;min-width:0!important;}
  .catalog-toolbar-compact-v42 .product-catalog-search{
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr) 104px!important;
    width:100%!important;
    min-width:0!important;
    min-height:50px!important;
    margin:0!important;
    overflow:hidden!important;
    border:1px solid #d6e2ef!important;
    border-radius:12px!important;
    background:#fff!important;
    box-shadow:0 6px 18px rgba(22,72,126,.05)!important;
  }
  .catalog-toolbar-compact-v42 .product-catalog-search>.input-group-text{
    grid-column:1!important;
    grid-row:1!important;
    width:42px!important;
    min-width:42px!important;
    height:50px!important;
    padding:0!important;
    border:0!important;
    border-right:1px solid #e3ebf4!important;
    border-radius:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:#fff!important;
  }
  .catalog-toolbar-compact-v42 .product-catalog-search>.form-control{
    grid-column:2!important;
    grid-row:1!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:50px!important;
    margin:0!important;
    padding:0 12px!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:#fff!important;
  }
  .catalog-toolbar-compact-v42 .product-catalog-search>.btn{
    grid-column:3!important;
    grid-row:1!important;
    width:104px!important;
    min-width:104px!important;
    height:50px!important;
    min-height:50px!important;
    margin:0!important;
    padding:0 10px!important;
    border:0!important;
    border-radius:0!important;
    white-space:nowrap!important;
    font-size:.92rem!important;
  }
  .catalog-toolbar-compact-v42 .catalog-sort-v18>button{
    width:100%!important;
    height:50px!important;
    min-height:50px!important;
    justify-content:space-between!important;
    padding:0 14px!important;
    border-radius:12px!important;
  }
  .catalog-toolbar-compact-v42 .catalog-sort-v18 .dropdown-menu{width:100%!important;max-width:100%!important;}
  .product-catalog-v6 .alert{flex-direction:column!important;align-items:flex-start!important;gap:6px!important;}
  .product-grid-v7{--bs-gutter-y:16px;}
  .product-grid-v7>[class*="col-"]{width:100%;min-width:0;}
  .product-grid-v7 .course-card-v2{width:100%!important;min-width:0!important;border-radius:16px!important;overflow:hidden!important;}
  .product-catalog-v6 .course-thumb-v2{padding:7px!important;}
  .product-catalog-v6 .course-body-clean-v16{
    min-height:112px!important;
    padding:12px 13px 13px!important;
  }
  .product-catalog-v6 .course-body-clean-v16 .course-title-v2{
    min-height:0!important;
    margin:0 0 12px!important;
    font-size:1rem!important;
    line-height:1.35!important;
  }
  .product-catalog-v6 .course-price-actions-v9{gap:8px!important;padding-top:0!important;}
  .product-catalog-v6 .course-price-row{gap:4px 7px!important;}
  .product-catalog-v6 .course-price-row>strong{font-size:1.05rem!important;}
  .product-catalog-v6 .course-card-cart-yellow{width:44px!important;height:44px!important;flex-basis:44px!important;border-radius:13px!important;}
  .courses-cart-link-wrap{margin-top:20px!important;}

  /* Trang chi tiết sản phẩm. */
  .vtw-product-detail-v20{padding:14px 0 36px!important;}
  .vtw-product-detail-v20 .vtw-breadcrumb{
    gap:5px!important;
    margin-bottom:12px!important;
    font-size:.84rem!important;
    line-height:1.4!important;
  }
  .vtw-product-detail-v20 .vtw-breadcrumb span{min-width:0;overflow-wrap:anywhere;}
  .vtw-product-top-v40 .vtw-detail-layout-v20{
    display:flex!important;
    flex-direction:column!important;
    flex-wrap:nowrap!important;
    gap:14px!important;
    margin:0!important;
  }
  .vtw-product-top-v40 .vtw-detail-media-column-v26,
  .vtw-product-top-v40 .vtw-detail-info-column-v26{
    flex:0 0 auto!important;
    width:100%!important;
    max-width:100%!important;
    padding:0!important;
    display:block!important;
  }
  .vtw-detail-media-shell-v7,.vtw-detail-info-v20{width:100%!important;max-width:100%!important;}
  .vtw-detail-image{max-width:100%!important;overflow:hidden!important;}
  .vtw-detail-image img{display:block!important;width:100%!important;height:auto!important;object-fit:contain!important;}
  .vtw-gallery{max-width:100%;overflow-x:auto;padding-bottom:2px;}
  .vtw-media-actions-v36,
  .vtw-media-actions-v36.has-two,
  .vtw-media-actions-v36.has-one{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
  .vtw-media-actions-v36 a{min-width:0!important;padding:10px 8px!important;font-size:.86rem!important;white-space:normal!important;text-align:center!important;}
  .vtw-detail-info-v20{padding:17px 15px!important;border-radius:16px!important;}
  .vtw-detail-info-v20 h1{
    margin:0 0 9px!important;
    font-size:clamp(1.24rem,6vw,1.55rem)!important;
    line-height:1.3!important;
    overflow-wrap:anywhere!important;
  }
  .vtw-detail-rating-v20{display:flex!important;flex-wrap:wrap!important;gap:6px 10px!important;font-size:.78rem!important;}
  .vtw-detail-price{gap:7px!important;padding:12px 0!important;}
  .vtw-detail-price strong{font-size:1.48rem!important;}
  .vtw-summary-list-v20{padding-left:1.15rem!important;font-size:.86rem!important;line-height:1.55!important;}
  .vtw-detail-info-column-v26 .vtw-source-meta-v20{
    grid-auto-flow:row!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .vtw-detail-info-column-v26 .vtw-source-meta-v20 a,
  .vtw-detail-info-column-v26 .vtw-source-meta-v20 span{
    min-width:0!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    line-height:1.25!important;
    font-size:.72rem!important;
  }
  .vtw-purchase-actions-v36{grid-template-columns:1fr!important;gap:9px!important;}
  .vtw-purchase-actions-v36 .btn{min-height:46px!important;}
  .vtw-purchase-benefits-v36{grid-template-columns:1fr 1fr!important;gap:10px!important;font-size:.76rem!important;}
  .vtw-product-content-grid-v40{margin-top:16px!important;--bs-gutter-y:16px;}
  .vtw-product-description-column-v40,.vtw-product-sidebar-column-v40{width:100%!important;max-width:100%!important;min-width:0!important;}
  .vtw-product-tabs-v20,.vtw-sidebar-panel-v29{border-radius:16px!important;max-width:100%!important;overflow:hidden!important;}
  .vtw-product-tabs-v20 .nav-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;}
  .vtw-product-tabs-v20 .nav-item{min-width:0!important;}
  .vtw-product-tabs-v20 .nav-link{width:100%!important;padding:11px 8px!important;font-size:.88rem!important;white-space:normal!important;}
  .vtw-tab-content-v20{padding:16px!important;}
  .vtw-rich-content,.vtw-short-description-v16{max-width:100%!important;overflow-wrap:anywhere!important;word-break:normal!important;}
  .vtw-rich-content table,.vtw-short-description-v16 table{display:block!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;}
  .vtw-rich-content img,.vtw-short-description-v16 img{max-width:100%!important;height:auto!important;}
  .vtw-review-heading-v20{flex-direction:column!important;align-items:flex-start!important;gap:10px!important;}
  .vtw-review{grid-template-columns:38px minmax(0,1fr)!important;gap:10px!important;}
  .vtw-sidebar-panel-v29{padding:15px!important;}
  .vtw-sidebar-related-card-v29{grid-template-columns:68px minmax(0,1fr)!important;gap:10px!important;padding:9px!important;}
  .vtw-sidebar-related-card-v29 .thumb{width:68px!important;height:68px!important;}

  /* Trang chủ và trang nội dung công khai. */
  .vtw-home-intro,.vt-courses-section,.contact-page-v6,.purchase-policy-page-v24{max-width:100%;overflow:hidden;}
  .vtw-home-intro{padding-top:22px!important;padding-bottom:28px!important;}
  .vtw-home-heading h1{font-size:clamp(1.7rem,8vw,2.25rem)!important;line-height:1.18!important;}
  .vtw-home-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
  .vtw-home-actions a{width:100%!important;justify-content:center!important;}
  .vtw-product-mosaic{max-width:100%!important;}
  .vt-course-card{width:100%!important;min-width:0!important;}
  .contact-form-card,.contact-form-card-v6,.contact-info-card-v6,.purchase-policy-card-v24{padding:18px 15px!important;border-radius:16px!important;}
  .contact-method-v6,.contact-item{min-width:0!important;overflow-wrap:anywhere!important;}
  .purchase-policy-cross-list-v24{grid-template-columns:1fr!important;}

  /* Giỏ hàng, thanh toán và trạng thái thanh toán. */
  .cart-page,.checkout-entry-page,.checkout-pay-page-v748,.payment-status-page-v804{max-width:100%;overflow:hidden;}
  .checkout-flow-v750{max-width:100%!important;overflow:hidden!important;}
  .checkout-flow-bars-v750{gap:4px!important;}
  .cart-items-card,.cart-summary-card,.checkout-entry-card,.checkout-pay-card-v748,.payment-status-shell-v804{max-width:100%!important;border-radius:16px!important;}
  .cart-items-card,.cart-summary-card,.checkout-entry-card{padding:16px!important;}
  .cart-items-head-v760{align-items:flex-start!important;gap:10px!important;}
  .cart-course-row{
    display:grid!important;
    grid-template-columns:78px minmax(0,1fr)!important;
    gap:11px!important;
    align-items:start!important;
  }
  .cart-course-thumb{width:78px!important;height:78px!important;}
  .cart-course-info{min-width:0!important;}
  .cart-course-title{white-space:normal!important;overflow-wrap:anywhere!important;}
  .cart-course-price,.cart-remove-btn{grid-column:2!important;justify-self:start!important;}
  .cart-summary-line,.cart-summary-total{gap:12px!important;}
  .cart-coupon-form{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;}
  .checkout-login-shortcut-v24,.checkout-account-alert-v21{flex-direction:column!important;align-items:stretch!important;}
  .checkout-login-shortcut-v24 .btn,.checkout-account-alert-v21 .btn{width:100%!important;}
  .checkout-pay-wrap-v751{width:100%!important;max-width:100%!important;padding:12px!important;}
  .checkout-pay-grid-v748{grid-template-columns:1fr!important;gap:14px!important;}
  .checkout-pay-qr-card-v748,.checkout-pay-info-v748{width:100%!important;max-width:100%!important;}
  .checkout-pay-box-v748,.checkout-pay-account-v748,.checkout-pay-content-v748{min-width:0!important;overflow-wrap:anywhere!important;}
  .payment-status-content-v804,.payment-status-template-wrap-v804{max-width:100%!important;overflow-wrap:anywhere!important;}

  /* Tài khoản khách hàng. */
  .account-portal-page-v19,.profile-layout-fixed-v820{padding:18px 0 36px!important;}
  .account-portal-layout-v19,.profile-layout-fixed-v820>.container>.row{gap:14px!important;}
  .account-portal-side-v19,.account-portal-main-v19,.account-portal-card-v19,.profile-layout-fixed-v820 .card{width:100%!important;max-width:100%!important;min-width:0!important;}
  .account-portal-nav-v19{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;}
  .account-portal-nav-item-v19{min-width:0!important;padding:10px 6px!important;font-size:.78rem!important;line-height:1.25!important;white-space:normal!important;}
  .account-portal-heading-v19{gap:10px!important;}
  .account-portal-heading-v19 h1{font-size:1.55rem!important;}
  .account-welcome-card-v19,.account-portal-card-v19{padding:16px!important;}
  .account-stat-grid-v19{grid-template-columns:1fr 1fr!important;gap:9px!important;}
  .account-recent-orders-v19 article,.account-recent-products-v19 article{min-width:0!important;}
  .account-orders-toolbar-v19{gap:10px!important;}
  .account-order-search-v19{width:100%!important;min-width:0!important;}
  .account-order-row-v19{grid-template-columns:1fr!important;gap:9px!important;}
  .account-order-products-cell-v19{grid-column:auto!important;}
  .account-order-time-cell-v19{display:flex!important;}
  .account-order-status-cell-v19{align-items:flex-start!important;}
  .account-product-row-v19{grid-template-columns:1fr!important;}
  .account-product-access-v19,.account-product-actions-v19{padding-left:0!important;}
  .account-product-actions-v19{justify-content:flex-start!important;}
  .account-product-actions-v19 a{flex:1 1 130px!important;justify-content:center!important;}
  .profile-layout-fixed-v820 .card-body{padding:17px!important;}
  .profile-devices-header-v467{align-items:stretch!important;flex-direction:column!important;gap:10px!important;}
  .profile-devices-revoke-all-v467{width:100%!important;}
  .profile-layout-fixed-v820 .table-responsive{overflow-x:auto!important;}

  /* Đăng nhập / đăng ký. */
  .auth-card,.auth-card-modern{width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;padding:20px 16px!important;border-radius:16px!important;}
  .auth-card .d-flex.justify-content-between{gap:10px!important;flex-wrap:wrap!important;}
  .auth-code-input{letter-spacing:.18em!important;}

  /* Footer và widget nổi. */
  footer .row>*{margin-bottom:16px;}
  .vt-contact-widget{right:12px!important;bottom:14px!important;max-width:calc(100vw - 24px)!important;}
  .vt-scroll-top-btn{right:12px!important;}
}

@media (max-width: 575.98px){
  .container,.container-fluid{padding-left:10px!important;padding-right:10px!important;}
  .main-navbar .container{gap:6px!important;padding-left:10px!important;padding-right:10px!important;}
  .main-navbar .navbar-brand{max-width:calc(100% - 176px)!important;}
  .main-navbar .navbar-brand img{max-width:112px!important;height:29px!important;}
  .main-navbar .d-flex.align-items-center.gap-2.ms-auto.d-lg-none{gap:5px!important;}
  .main-navbar .nav-mobile-search-btn,
  .main-navbar .nav-cart-mobile,
  .main-navbar .public-notification-btn,
  .main-navbar .public-avatar-btn,
  .main-navbar .nav-mobile-menu-btn{
    flex-basis:38px!important;width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important;min-height:38px!important;
  }
  .main-navbar .public-avatar-ring{width:38px!important;height:38px!important;}
  .main-navbar .public-avatar-circle{width:32px!important;height:32px!important;}

  .catalog-toolbar-compact-v42 .product-catalog-search{
    grid-template-columns:40px minmax(0,1fr) 92px!important;
    min-height:48px!important;
  }
  .catalog-toolbar-compact-v42 .product-catalog-search>.input-group-text{width:40px!important;min-width:40px!important;height:48px!important;}
  .catalog-toolbar-compact-v42 .product-catalog-search>.form-control{height:48px!important;padding:0 9px!important;font-size:15px!important;}
  .catalog-toolbar-compact-v42 .product-catalog-search>.btn{width:92px!important;min-width:92px!important;height:48px!important;min-height:48px!important;padding:0 7px!important;font-size:.84rem!important;}
  .catalog-toolbar-compact-v42 .catalog-sort-v18>button{height:48px!important;min-height:48px!important;}
  .product-catalog-v6 .course-thumb-v2 .course-badge-v2{top:12px!important;left:12px!important;}

  .vtw-media-actions-v36,.vtw-media-actions-v36.has-two{grid-template-columns:1fr!important;}
  .vtw-detail-info-column-v26 .vtw-source-meta-v20{grid-template-columns:1fr 1fr!important;}
  .vtw-purchase-benefits-v36{grid-template-columns:1fr!important;}
  .vtw-tab-content-v20{padding:14px!important;}
  .vtw-sidebar-related-card-v29{grid-template-columns:62px minmax(0,1fr)!important;}
  .vtw-sidebar-related-card-v29 .thumb{width:62px!important;height:62px!important;}

  .cart-course-row{grid-template-columns:68px minmax(0,1fr)!important;}
  .cart-course-thumb{width:68px!important;height:68px!important;}
  .cart-coupon-form{grid-template-columns:1fr!important;gap:8px!important;}
  .cart-coupon-form .btn{width:100%!important;}

  .account-portal-nav-v19{grid-template-columns:1fr 1fr!important;}
  .account-stat-grid-v19{grid-template-columns:1fr 1fr!important;}
  .account-welcome-actions-v19{grid-template-columns:1fr!important;}
  .account-welcome-actions-v19 a{width:100%!important;}
  .profile-phone-combo-v299,.profile-phone-combo-v301{grid-template-columns:1fr!important;}
  .profile-avatar-controls-v301,.profile-avatar-actions-v301{align-items:stretch!important;flex-direction:column!important;}
  .profile-avatar-actions-v301>*{width:100%!important;}
}

@media (max-width: 359.98px){
  .main-navbar .navbar-brand{max-width:96px!important;}
  .main-navbar .navbar-brand img{max-width:96px!important;}
  .main-navbar .d-flex.align-items-center.gap-2.ms-auto.d-lg-none{gap:4px!important;}
  .main-navbar .nav-mobile-search-btn,
  .main-navbar .nav-cart-mobile,
  .main-navbar .public-notification-btn,
  .main-navbar .public-avatar-btn,
  .main-navbar .nav-mobile-menu-btn{
    flex-basis:36px!important;width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;min-height:36px!important;
  }
  .catalog-toolbar-compact-v42 .product-catalog-search{grid-template-columns:38px minmax(0,1fr) 82px!important;}
  .catalog-toolbar-compact-v42 .product-catalog-search>.input-group-text{width:38px!important;min-width:38px!important;}
  .catalog-toolbar-compact-v42 .product-catalog-search>.btn{width:82px!important;min-width:82px!important;font-size:.8rem!important;}
}

/* ===== Themes Văn Thế Web V228 =====
   Mobile/tablet: thu gọn nhãn danh mục để vừa chữ, giữ hình học đồng bộ. */
@media (max-width:991.98px){
  body:not(.admin-body) .vtw-home-category-header-v160{
    height:52px!important;
    margin:22px 0 14px!important;
  }

  body:not(.admin-body) .vtw-home-category-header-v160::before{
    top:14px!important;
  }

  body:not(.admin-body) .vtw-home-category-box-v160{
    top:20px!important;
    line-height:42px!important;
  }

  body:not(.admin-body) .vtw-home-category-box-v160::before,
  body:not(.admin-body) .vtw-home-category-box-v160::after{
    border-width:0 18px 15px 18px!important;
  }

  body:not(.admin-body) .vtw-home-category-box-v160::before{
    left:-25px!important;
  }

  body:not(.admin-body) .vtw-home-category-box-v160::after{
    right:-25px!important;
  }

  body:not(.admin-body) .vtw-home-category-title-v160{
    height:42px!important;
    min-height:42px!important;
    padding:0 12px!important;
    border-bottom-left-radius:18px!important;
    border-bottom-right-radius:18px!important;
    line-height:42px!important;
  }

  body:not(.admin-body) .vtw-home-category-title-v160::before{
    left:-10px!important;
    border-width:0 12px 31px 0!important;
  }

  body:not(.admin-body) .vtw-home-category-title-v160::after{
    right:-10px!important;
    border-width:31px 12px 0 0!important;
  }
}

/* ===== Themes Văn Thế Web V229 =====
   Mobile/tablet: đường ngang xuyên đúng cánh nhãn và hai góc dưới
   bo đều như bản desktop. */
@media (max-width:991.98px){
  body:not(.admin-body) .vtw-home-category-header-v160::before{
    top:14px!important;
  }

  /* Bù margin-top:-25px và translateY(-50%) từ hình học gốc để
     nhãn nằm trọn vẹn, đường ngang đi qua phần trên thay vì sát đáy. */
  body:not(.admin-body) .vtw-home-category-box-v160{
    top:44px!important;
  }

  body:not(.admin-body) .vtw-home-category-title-v160{
    border-bottom-left-radius:19px!important;
    border-bottom-right-radius:19px!important;
  }
}

@media (max-width:575.98px){
  body:not(.admin-body) .vtw-home-product-zones-v69 .vtw-home-category-header-v160::before{
    top:14px!important;
  }

  body:not(.admin-body) .vtw-home-product-zones-v69 .vtw-home-category-box-v160{
    top:44px!important;
  }
}

/* ===== Themes Văn Thế Web V235 =====
   Thu nhỏ riêng nhãn danh mục mobile để ôm sát nội dung chữ.
   Tam giác xám chạm đúng đường kẻ ngang toàn màn hình. */
@media (max-width:575.98px){
  body:not(.admin-body) .vtw-home-product-zones-v69 .vtw-home-category-header-v160{
    position:relative!important;
    left:auto!important;
    width:100%!important;
    max-width:none!important;
    height:50px!important;
    margin:18px 0 14px!important;
    border-top:0!important;
    overflow:visible!important;
    transform:none!important;
  }

  /* Đường ngang luôn kéo hết chiều rộng màn hình. */
  body:not(.admin-body) .vtw-home-product-zones-v69 .vtw-home-category-header-v160::before{
    content:""!important;
    position:absolute!important;
    top:14px!important;
    left:50%!important;
    right:auto!important;
    width:100vw!important;
    max-width:none!important;
    height:1px!important;
    background:#dfe5e1!important;
    transform:translateX(-50%)!important;
    z-index:0!important;
    pointer-events:none!important;
  }

  body:not(.admin-body) .vtw-home-product-zones-v69 .vtw-home-category-box-v160,
  body:not(.admin-body) .vtw-home-product-zones-v69 .vtw-home-category-box-v160.vtw-home-category-link-v160,
  body:not(.admin-body) .vtw-home-product-zones-v69 .vtw-home-category-box-v160.vtw-home-category-link-v160:hover,
  body:not(.admin-body) .vtw-home-product-zones-v69 .vtw-home-category-box-v160.vtw-home-category-link-v160:focus,
  body:not(.admin-body) .vtw-home-product-zones-v69 .vtw-home-category-box-v160.vtw-home-category-link-v160:focus-visible{
    position:absolute!important;
    top:20px!important;
    left:50%!important;
    display:inline-block!important;
    width:max-content!important;
    max-width:calc(100vw - 92px)!important;
    margin:0!important;
    line-height:44px!important;
    white-space:nowrap!important;
    transform:translate(-50%,-50%)!important;
    filter:none!important;
    z-index:4!important;
  }

  /* Đáy tam giác cao 16px chạm đúng đường ngang ở top:14px. */
  body:not(.admin-body) .vtw-home-product-zones-v69 .vtw-home-category-box-v160::before,
  body:not(.admin-body) .vtw-home-product-zones-v69 .vtw-home-category-box-v160::after{
    top:0!important;
    border-style:solid!important;
    border-width:0 17px 16px 17px!important;
    border-color:transparent transparent #d7d7d7 transparent!important;
    transform:none!important;
    filter:none!important;
    z-index:0!important;
  }

  body:not(.admin-body) .vtw-home-product-zones-v69 .vtw-home-category-box-v160::before{
    left:-27px!important;
  }

  body:not(.admin-body) .vtw-home-product-zones-v69 .vtw-home-category-box-v160::after{
    right:-27px!important;
  }

  body:not(.admin-body) .vtw-home-product-zones-v69 .vtw-home-category-title-v160{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:max-content!important;
    max-width:calc(100vw - 92px)!important;
    min-width:0!important;
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
    padding:0 18px!important;
    overflow:visible!important;
    white-space:nowrap!important;
    border-bottom-left-radius:18px!important;
    border-bottom-right-radius:18px!important;
    background:#418f09!important;
    color:#fff!important;
    font-size:clamp(13px,3.8vw,15px)!important;
    font-weight:700!important;
    line-height:44px!important;
    text-align:center!important;
    text-overflow:clip!important;
    text-transform:none!important;
    transform:none!important;
    filter:none!important;
    z-index:2!important;
  }

  body:not(.admin-body) .vtw-home-product-zones-v69 .vtw-home-category-title-v160::before{
    left:-10px!important;
    top:0!important;
    border-style:solid!important;
    border-width:0 11px 33px 0!important;
    border-color:transparent #418f09 transparent transparent!important;
    transform:none!important;
  }

  body:not(.admin-body) .vtw-home-product-zones-v69 .vtw-home-category-title-v160::after{
    right:-10px!important;
    top:0!important;
    border-style:solid!important;
    border-width:33px 11px 0 0!important;
    border-color:#418f09 transparent transparent transparent!important;
    transform:none!important;
  }

  body:not(.admin-body) .vtw-home-product-zones-v69 .vtw-home-zone-more-v82{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:16px 0 14px!important;
  }

  body:not(.admin-body) .vtw-home-product-zones-v69 .vtw-home-zone-more-v82 a.vtw-home-more-button-v159{
    margin:0 auto!important;
  }
}

@media (max-width:359.98px){
  body:not(.admin-body) .vtw-home-product-zones-v69 .vtw-home-category-box-v160,
  body:not(.admin-body) .vtw-home-product-zones-v69 .vtw-home-category-box-v160.vtw-home-category-link-v160,
  body:not(.admin-body) .vtw-home-product-zones-v69 .vtw-home-category-title-v160{
    max-width:calc(100vw - 78px)!important;
  }

  body:not(.admin-body) .vtw-home-product-zones-v69 .vtw-home-category-title-v160{
    padding:0 14px!important;
    font-size:12.5px!important;
  }
}


/* ===== Themes Văn Thế Web V237 =====
   Thu hẹp riêng khoảng cách phía trên nhãn Tool AI đầu tiên trên mobile.
   Giữ nguyên hình học nhãn, đường ngang và các khu còn lại. */
@media (max-width:575.98px){
  body:not(.admin-body) .vtw-home-product-zones-v69 > .vtw-home-product-zone-v69:first-child{
    padding-top:4px!important;
  }

  body:not(.admin-body) .vtw-home-product-zones-v69 > .vtw-home-product-zone-v69:first-child > .container > .vtw-home-category-header-v160{
    margin-top:4px!important;
  }
}


/* ===== Themes Văn Thế Web V239 =====
   Mobile: cân đều nút “Xem tất cả” trong khoảng trống giữa hai khu.
   Từ khu Giao Diện Web trở xuống, nhãn kế tiếp không cộng thêm khoảng
   trống phía trên nên nút không còn bị lệch lên trên. */
@media (max-width:575.98px){
  body:not(.admin-body) .vtw-home-product-zones-v69 .vtw-home-zone-more-v82{
    margin:0!important;
    padding:16px 0!important;
  }

  body:not(.admin-body) .vtw-home-product-zones-v69 > .vtw-home-product-zone-v69:nth-child(n+2) > .container > .vtw-home-category-header-v160{
    margin-top:0!important;
  }
}


/* ===== Themes Văn Thế Web V241 =====
   Mobile: bộ đếm danh mục nằm gọn bên phải, không làm rớt tên xuống dòng. */
@media (max-width:991.98px){
  body:not(.admin-body) .main-navbar .public-category-dropdown-v11 .public-category-count-v241{
    min-width:30px!important;
    font-size:11px!important;
  }
}


/* ===== Themes Văn Thế Web V243 =====
   Mobile/tablet: select sắp xếp luôn nhận thao tác và chiếm đúng chiều rộng. */
@media (max-width:991.98px){
  body:not(.admin-body) .product-catalog-v6 .catalog-sort-form-v243{
    position:relative!important;
    z-index:20!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    flex:1 1 100%!important;
  }
  body:not(.admin-body) .product-catalog-v6 .catalog-sort-control-v243{
    height:50px!important;
    min-height:50px!important;
    padding-left:14px!important;
    border-radius:12px!important;
  }
  body:not(.admin-body) .product-catalog-v6 .catalog-sort-label-v243{
    font-size:.92rem!important;
  }
  body:not(.admin-body) .product-catalog-v6 .catalog-sort-select-v243{
    font-size:.95rem!important;
    line-height:50px!important;
  }
}


/* ===== Themes Văn Thế Web V244 =====
   Mobile: tên danh mục và số lượng luôn nằm chung một hàng. */
@media (max-width:991.98px){
  body:not(.admin-body) .main-navbar .public-category-dropdown-v11 .dropdown-item{
    display:grid!important;
    grid-template-columns:28px minmax(0,1fr) auto!important;
    align-items:center!important;
    column-gap:10px!important;
    white-space:nowrap!important;
  }
  body:not(.admin-body) .main-navbar .public-category-dropdown-v11 .dropdown-item > span{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body:not(.admin-body) .main-navbar .public-category-dropdown-v11 .dropdown-item > .public-category-count-v241{
    grid-column:3!important;
    grid-row:1!important;
    min-width:auto!important;
    margin-left:4px!important;
    white-space:nowrap!important;
  }
}

/* ===== Themes Văn Thế Web V245 =====
   Một ô thông tin dùng nửa chiều ngang trên tablet; điện thoại nhỏ dùng đủ hàng. */
@media (max-width:991.98px){
  body:not(.admin-body) .vtw-detail-info-column-v26 .vtw-source-meta-v20.has-one-v245{
    width:50%!important;
    grid-template-columns:minmax(0,1fr)!important;
  }
}
@media (max-width:575.98px){
  body:not(.admin-body) .vtw-detail-info-column-v26 .vtw-source-meta-v20.has-one-v245{
    width:100%!important;
  }
}


/* ===== Themes Văn Thế Web V247 =====
   Mobile/tablet giữ cùng màu hover xanh nhạt, tuyệt đối không dùng nền đen. */
@media (max-width:991.98px){
  body:not(.admin-body) .main-navbar .nav-cart-btn,
  body:not(.admin-body) .main-navbar .public-notification-btn{
    background:#fff!important;
    border-color:#418f09!important;
    color:#418f09!important;
    filter:none!important;
  }
  body:not(.admin-body) .main-navbar .nav-cart-btn:hover,
  body:not(.admin-body) .main-navbar .nav-cart-btn:focus,
  body:not(.admin-body) .main-navbar .nav-cart-btn:active,
  body:not(.admin-body) .main-navbar .public-notification-btn:hover,
  body:not(.admin-body) .main-navbar .public-notification-btn:focus,
  body:not(.admin-body) .main-navbar .public-notification-btn:active,
  body:not(.admin-body) .main-navbar .public-notification-btn[aria-expanded="true"]{
    background:#eff9e9!important;
    border-color:#418f09!important;
    color:#347507!important;
    filter:none!important;
  }
}

/* ===== Themes Văn Thế Web V261 =====
   Mobile chi tiết sản phẩm:
   - Thu gọn chiều cao nút Mua ngay / Thêm vào giỏ theo nội dung chữ.
   - Tiêu đề nội dung mô tả dùng cỡ chữ 20px. */
@media (max-width:767.98px){
  body:not(.admin-body) .vtw-purchase-actions-v36 > *,
  body:not(.admin-body) .vtw-purchase-actions-v36 .btn{
    height:auto!important;
    min-height:42px!important;
  }

  body:not(.admin-body) .vtw-purchase-actions-v36 .btn{
    padding:9px 8px!important;
    line-height:1.2!important;
  }

  body:not(.admin-body) .vtw-tab-content-v20 .vtw-rich-content-exact-v45 h1,
  body:not(.admin-body) .vtw-tab-content-v20 .vtw-rich-content-exact-v45 h1 *,
  body:not(.admin-body) .vtw-tab-content-v20 .vtw-rich-content-exact-v45 h2,
  body:not(.admin-body) .vtw-tab-content-v20 .vtw-rich-content-exact-v45 h2 *,
  body:not(.admin-body) .vtw-tab-content-v20 .vtw-tab-subsection-v20 > h2,
  body:not(.admin-body) .vtw-tab-content-v20 .vtw-tab-subsection-v20 > h2 *{
    font-size:20px!important;
    line-height:1.35!important;
  }
}

/* V270 — Mobile Tool của tôi: đúng 4 nút luôn xếp 2 cột × 2 hàng. */
.account-product-actions-v19.has-four-actions-v270{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
  width:100%!important;
  max-width:100%!important;
  padding-left:0!important;
}
.account-product-actions-v19.has-four-actions-v270>a{
  width:100%!important;
  min-width:0!important;
  flex:none!important;
  justify-content:center!important;
  white-space:nowrap!important;
}

/* V272 — Mobile/tablet: giữ nút Thao tác nhỏ gọn, không kéo giãn hết cột. */
.account-product-actions-v19.has-three-actions-v272,
.account-product-actions-v19.has-four-actions-v272{
  display:grid!important;
  grid-template-columns:repeat(2,112px)!important;
  gap:7px!important;
  width:auto!important;
  max-width:100%!important;
  padding-left:0!important;
  align-items:stretch!important;
  justify-content:start!important;
}
.account-product-actions-v19.has-three-actions-v272>a,
.account-product-actions-v19.has-four-actions-v272>a{
  width:112px!important;
  min-width:0!important;
  min-height:34px!important;
  margin:0!important;
  padding:7px 9px!important;
  flex:none!important;
  justify-content:center!important;
  white-space:nowrap!important;
  font-size:11px!important;
}


/* ===== Themes Văn Thế Web V278 =====
   Mobile: cân đều khoảng trống phía trên và dưới nút “Xem tất cả”. */
@media (max-width:575.98px){
  body:not(.admin-body) .vtw-home-product-zones-v69 > .vtw-home-product-zone-v69{
    padding-top:0!important;
    padding-bottom:0!important;
  }

  body:not(.admin-body) .vtw-home-product-zones-v69 > .vtw-home-product-zone-v69:first-child{
    padding-top:4px!important;
  }

  body:not(.admin-body) .vtw-home-product-zones-v69 .vtw-home-zone-more-v82{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:18px 0!important;
  }

  body:not(.admin-body) .vtw-home-product-zones-v69 > .vtw-home-product-zone-v69 + .vtw-home-product-zone-v69 > .container > .vtw-home-category-header-v160{
    margin-top:0!important;
  }
}

/* ===== Themes Văn Thế Web V285 =====
   Mobile/tablet: bảng sắp xếp chiếm đúng khung và không tràn màn hình. */
@media (max-width:991.98px){
  body:not(.admin-body) .product-catalog-v6 .catalog-sort-summary-v285{
    height:50px!important;
    min-height:50px!important;
    padding:0 42px 0 14px!important;
    border-radius:12px!important;
  }
  body:not(.admin-body) .product-catalog-v6 .catalog-sort-label-v285{
    font-size:.92rem!important;
  }
  body:not(.admin-body) .product-catalog-v6 .catalog-sort-value-v285{
    font-size:.95rem!important;
  }
  body:not(.admin-body) .product-catalog-v6 .catalog-sort-options-v285{
    top:calc(100% + 6px)!important;
    max-height:280px!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
  }
  body:not(.admin-body) .product-catalog-v6 .catalog-sort-option-v285{
    min-height:42px!important;
    padding:9px 12px!important;
    font-size:.94rem!important;
  }
}

/* ===== Themes Văn Thế Web V291 =====
   Tablet/mobile: giữ đồng nhất kích thước nút cột Thao tác, 2 cột gọn. */
body:not(.admin-body) .account-products-card-v19 .account-product-actions-v19{
  display:grid!important;
  grid-template-columns:repeat(2,112px)!important;
  gap:7px!important;
  width:auto!important;
  max-width:100%!important;
  padding-left:0!important;
  align-items:stretch!important;
  justify-content:start!important;
}
body:not(.admin-body) .account-products-card-v19 .account-product-actions-v19>a{
  width:112px!important;
  min-width:0!important;
  min-height:34px!important;
  margin:0!important;
  padding:7px 9px!important;
  flex:none!important;
  justify-content:center!important;
  white-space:nowrap!important;
  font-size:11px!important;
}

/* V304: ổn định trang công khai sau đăng nhập trên Safari/iOS. */
@media (max-width: 991.98px){
  html.public-mobile-ready-v304,
  body.public-mobile-ready-v304:not(.admin-body){
    width:100%!important;
    max-width:100%!important;
    min-height:100%!important;
    visibility:visible!important;
    opacity:1!important;
  }
  body.public-mobile-ready-v304:not(.admin-body){
    display:block!important;
    min-height:100dvh!important;
    overflow-x:hidden!important;
  }
  body.public-mobile-ready-v304:not(.admin-body)>.main-navbar,
  body.public-mobile-ready-v304:not(.admin-body)>main.main-content{
    visibility:visible!important;
    opacity:1!important;
    transform:none!important;
  }
  body.public-mobile-ready-v304:not(.admin-body)>main.main-content{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:1px!important;
  }
  body.public-mobile-ready-v304:not(.admin-body):not(.modal-open)>.modal-backdrop,
  body.public-mobile-ready-v304:not(.admin-body):not(.offcanvas-open)>.offcanvas-backdrop{
    display:none!important;
    pointer-events:none!important;
  }
}

/* ===== Themes Văn Thế Web V380 =====
   Mobile Sản phẩm của tôi: nút gọn đồng đều và tiêu đề không để một từ lẻ ở dòng cuối. */
body:not(.admin-body) .account-products-card-v19 .account-product-actions-v19{
  grid-template-columns:repeat(2,104px)!important;
  gap:7px!important;
  width:auto!important;
  max-width:100%!important;
  padding-left:0!important;
}
body:not(.admin-body) .account-products-card-v19 .account-product-actions-v19>a,
body:not(.admin-body) .account-products-card-v19 .account-product-actions-v19>.account-license-toggle-v369{
  width:104px!important;
  min-width:104px!important;
  max-width:104px!important;
  min-height:34px!important;
  padding:7px 7px!important;
  margin:0!important;
  flex:none!important;
  justify-content:center!important;
  white-space:nowrap!important;
  font-size:11px!important;
  line-height:1.1!important;
}
@media (max-width:767.98px){
  body:not(.admin-body) .account-products-card-v19 .account-product-main-v19 h3{
    font-size:13px!important;
    line-height:1.32!important;
    text-wrap:pretty;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
  }
  body:not(.admin-body) .account-products-card-v19 .account-product-main-v19 h3 a{
    display:block!important;
    max-width:100%!important;
    text-wrap:inherit;
    overflow-wrap:inherit!important;
    word-break:inherit!important;
  }
}