*,
*::before,
*::after {
    box-sizing: border-box;
}
body {
    margin: 0;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: #111827;
    background: #f3f4f6;
}
a {
    color: inherit;
    text-decoration: none;
}
img {
    max-width: 100%;
    height: auto;
    display: block;
}

.fuzy-main {
    padding-bottom: 40px;
}

/* Header */
.fuzy-header {
    position: sticky;
    top: 0;
    z-index: 50;
    background: #ffffff;
    border-bottom: 1px solid rgba(15,23,42,0.06);
}
.fuzy-header-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}
.fuzy-logo a {
    font-weight: 700;
    letter-spacing: 0.06em;
    font-size: 18px;
}
.fuzy-nav .fuzy-menu {
    list-style: none;
    display: flex;
    gap: 18px;
    font-size: 14px;
}
.fuzy-nav .fuzy-menu li {
    position: relative;
}
.fuzy-nav .fuzy-menu a {
    padding: 4px 0;
}
.fuzy-nav .fuzy-menu a:hover {
    color: #2563eb;
}
.fuzy-header-right {
    display: flex;
    align-items: center;
    gap: 16px;
}
.fuzy-search input {
    border-radius: 999px;
    border: 1px solid #e5e7eb;
    padding: 6px 12px;
    font-size: 13px;
    min-width: 180px;
    background: #f9fafb;
}
.fuzy-search input:focus {
    outline: none;
    border-color: #111827;
    background: #ffffff;
}
.fuzy-lang-switch {
    position: relative;
}
.fuzy-lang-switch button {
    border-radius: 999px;
    border: 1px solid #e5e7eb;
    padding: 6px 12px;
    font-size: 13px;
    background: #ffffff;
    cursor: pointer;
}
.fuzy-lang-dropdown {
    position: absolute;
    top: calc(100% + 4px); /* <-- chỉ sửa dòng này */
    right: 0;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(15,23,42,0.15);
    padding: 6px 0;
    min-width: 140px;
    display: none;
}
.fuzy-lang-dropdown a {
    padding: 6px 12px;
    display: block;
    font-size: 13px;
}
.fuzy-lang-dropdown a:hover {
    background: #f3f4f6;
}

/* Hero */
.fuzy-hero {
    background: #ffffff;
    border-bottom: 1px solid rgba(15,23,42,0.04);
}
.fuzy-hero-inner {
    max-width: 900px;
    margin: 0 auto;
    padding: 32px 20px 28px;
    text-align: center;
}
.fuzy-hero-inner h1 {
    font-size: 30px;
    font-weight: 800;
    margin-bottom: 10px;
}
.fuzy-hero-inner p {
    font-size: 14px;
    color: #6b7280;
}

/* Section */
.fuzy-section {
    max-width: 1200px;
    margin: 24px auto 0;
    padding: 0 20px;
}
.fuzy-section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4px;
}
.fuzy-section-title-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
}
.fuzy-section-icon {
    font-size: 18px;
}
.fuzy-section-header h2 {
    font-size: 18px;
    font-weight: 700;
}
.fuzy-section-link {
    font-size: 13px;
    color: #2563eb;
}

/* Grid app */
.fuzy-app-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}
@media (max-width: 900px) {
    .fuzy-app-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 640px) {
    .fuzy-header-inner {
        flex-wrap: wrap;
    }
    .fuzy-nav {
        display: none;
    }
    .fuzy-app-grid {
        grid-template-columns: 1fr;
    }
}

/* ==========================================
   FUZY APK - APP CARD COMPONENT
   ========================================== */

.fuzy-app-card {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.fuzy-app-card-inner {
  display: flex !important;
  gap: 12px !important;
  padding: 10px 14px !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  border: 1px solid #f1f5f9 !important;
  box-shadow: 0 10px 30px rgba(15,23,42,0.04) !important;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

.fuzy-app-card-inner:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 18px 40px rgba(15,23,42,0.08) !important;
  border-color: #e2e8f0 !important;
}

/* THUMBNAIL / ICON APP */
.fuzy-app-thumb {
  flex-shrink: 0 !important; /* Giữ icon cố định không bị xẹp móp */
  width: 72px !important;
  height: 72px !important;
  max-width: 100% !important;
}

.fuzy-app-thumb-img,
.fuzy-app-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 16px !important;
}

/* NỘI DUNG CHỮ (CONTENT) */
.fuzy-app-content {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

/* TIÊU ĐỀ: 1 dòng + cắt dấu ... */
.fuzy-app-card .fuzy-app-title {
  font-size: 14px !important;
  font-weight: 600 !important;
  margin: 0 0 4px !important;
  color: #111827 !important;
  width: 100% !important;
  min-width: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: block !important;
}

/* META: Version & Mod */
.fuzy-app-card .fuzy-app-meta {
  font-size: 12px !important;
  color: #6b7280 !important;
  margin-bottom: 6px !important;
  width: 100% !important;
  min-width: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: block !important;
}

.fuzy-app-card .fuzy-meta-version,
.fuzy-app-card .fuzy-meta-dev {
  display: inline !important;
  white-space: nowrap !important;
}

/* TAGS (APK, MOD, IPA) */
.fuzy-app-tags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

.fuzy-tag {
  font-size: 11px !important;
  padding: 2px 8px !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.fuzy-tag-apk,
.fuzy-tag-ipa {
  background: #e5e7eb !important;
  color: #374151 !important;
}

.fuzy-tag-mod {
  background: #F8DDDD !important;
  color: #CC0000 !important;
}

.fuzy-tag-modinfo {
  background: #fee2e2 !important;
  color: #b91c1c !important;
}

/* Breadcrumb */
.fuzy-single-wrapper {
    max-width: 1050px;
    margin: 24px auto 40px;
    padding: 0 20px;
}
.fuzy-breadcrumb {
    font-size: 13px;
    color: #9ca3af;
    margin-bottom: 12px;
}
.fuzy-breadcrumb a {
    color: #6b7280;
}
.fuzy-breadcrumb span {
    margin: 0 4px;
}

/* Single app layout FuzyAPK */
.fuzy-single-app {
    background: transparent;
}
.fuzy-single-header {
    display: flex;
    gap: 18px;
    align-items: center;
    margin-bottom: 18px;
}
.fuzy-single-thumb img {
    width: 96px;
    height: 96px;
    border-radius: 22px;
    object-fit: cover;
}
.fuzy-single-info {
    flex: 1;
}
.fuzy-single-title {
    margin: 0 0 6px;
    font-size: 22px;
    font-weight: 700;
}
.fuzy-single-version {
    font-size: 16px;
    font-weight: 600;
    color: #f97316;
}
.fuzy-single-sub {
    font-size: 13px;
    color: #6b7280;
    display: flex;
    gap: 6px;
    align-items: center;
}
.fuzy-single-sub .dot {
    color: #d1d5db;
}

/* Spec table */
.fuzy-single-spec {
    margin-top: 16px;
    border-radius: 18px;
    background: #ffffff;
    border: 1px solid #f1f5f9;
    box-shadow: 0 16px 40px rgba(15,23,42,0.06);
    padding: 20px 14px;
}
.fuzy-spec-row {
    display: grid;
    grid-template-columns: 1.2fr 2fr;
    padding: 6px 0;
    font-size: 14px;
}
.fuzy-spec-row-mod .fuzy-spec-value {
    white-space: pre-line;
}
.fuzy-spec-label {
    color: #6b7280;
}
.fuzy-spec-value {
    color: #111827;
    text-align: right;
}
@media (max-width: 640px) {
    .fuzy-spec-row {
        grid-template-columns: 1fr;
        row-gap: 2px;
    }
    .fuzy-spec-value {
        text-align: left;
    }
}


.fuzy-spec-value a {
    color: #ef4444;
}
.fuzy-spec-value a:hover {
    text-decoration: underline;
}

/* Chỉ áp dụng margin-top cho trang chính (single app) */
.fuzy-single-wrapper .fuzy-download-btn-large {
    margin-top: 18px !important;
}

/* Download button lớn đỏ */
.fuzy-download-btn-large {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 12px 16px;
    border-radius: 999px;
    background: #ef4444;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
}
.fuzy-download-btn-large:hover {
    background: #dc2626;
}
.fuzy-download-icon {
    font-size: 16px;
}

/* Author block */
.fuzy-single-author {
    margin-top: 20px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-radius: 999px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
}
.fuzy-author-avatar img {
    border-radius: 999px;
}
.fuzy-author-label {
    font-size: 11px;
    color: #9ca3af;
}
.fuzy-author-name {
    font-size: 13px;
    font-weight: 600;
}

/* Content box */
.fuzy-single-body {
    margin-top: 22px;
    padding: 18px 0 0;
    font-size: 14px;
}

/* Versions section */
.fuzy-versions-section {
    margin-top: 5px;
}
.fuzy-versions-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.fuzy-version-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    padding: 10px 14px;
    border-radius: 14px;
    background: #ffffff;
    border: 1px solid #fee2e2;
}
.fuzy-version-left {
    display: flex;
    gap: 10px;
    align-items: center;
}
.fuzy-version-thumb img {
    width: 56px;
    height: 56px;
    border-radius: 16px;
    object-fit: cover;
}
.fuzy-version-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.fuzy-version-title {
    font-size: 14px;
    font-weight: 600;
}
.fuzy-version-number {
    margin-left: 6px;
    font-weight: 600;
}
.fuzy-version-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.fuzy-version-size {
    font-size: 11px;
    color: #6b7280;
}
.fuzy-version-right {
}
.fuzy-version-download {
    display: inline-flex;
    padding: 6px 12px;
    border-radius: 999px;
    background: #ef4444;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
}

/* Comments */
.fuzy-comments-section {
    margin-top: 30px;
}

/* Pages & blog */
.fuzy-page {
    max-width: 900px;
    margin: 26px auto 0;
    padding: 0 20px 40px;
}
.fuzy-page h1 {
    font-size: 24px;
    margin-bottom: 10px;
}
.fuzy-page-content {
    padding: 16px;
    border-radius: 18px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
}
.fuzy-post-list {
    max-width: 900px;
    margin: 26px auto 0;
    padding: 0 20px 40px;
}
.fuzy-post-item {
    padding: 16px;
    margin-bottom: 12px;
    border-radius: 14px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
}
.fuzy-post-item h2 {
    margin-top: 0;
}

/* Giảm khoảng cách giữa Xu Hướng Hàng Tháng và Trò Chơi */
.fuzy-trending {
    padding-bottom: 10px !important; /* trước là 24px */
    margin-bottom: 6px !important;   /* thêm khoảng nhỏ */
}

.fuzy-section {
    margin-top: 10px !important; /* giảm từ 24px xuống */
}

/* === Tiêu đề tự to nhỏ theo màn hình === */
.fuzy-single-title {
    font-size: clamp(16px, 4vw, 26px) !important;
    line-height: 1.25 !important;
}
/* Giữ layout 2 cột trên điện thoại */
.fuzy-spec-row {
    grid-template-columns: 1.2fr 2fr !important;
}

@media (max-width: 640px) {
    .fuzy-spec-value {
        text-align: right !important;
    }
}
/* Bỏ nền đỏ + bỏ màu đỏ của tag MODINFO */
.fuzy-tag-modinfo {
    background: transparent !important;
    color: #6b7280 !important;    /* màu xám nhẹ giống 578MB */
    padding: 0 !important;
    font-weight: 400 !important;  /* bỏ chữ đậm */
}
/* ===== FIX TÊN & VERSION TRONG DANH SÁCH PHIÊN BẢN ===== */

.fuzy-version-left {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0; /* QUAN TRỌNG */
}

.fuzy-version-thumb {
    flex-shrink: 0; /* KHÔNG cho icon bị ép */
}

.fuzy-version-info {
    display: flex;
    flex-direction: column;
    min-width: 0; /* CHO PHÉP TEXT CO LẠI */
}

.fuzy-version-title {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

/* Tên app — bị cắt ... khi dài */
.fuzy-app-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

    display: inline-block;
    max-width: 100%;
    min-width: 0;
}

/* Version — KHÔNG bị cắt, KHÔNG xuống hàng */
.fuzy-version-number {
    flex-shrink: 0;
    white-space: nowrap;
}
/* Tiêu đề nhỏ hơn trên màn hình máy tính */
@media (min-width: 1024px) {
    .fuzy-single-title {
        font-size: 20px !important;   /* bạn có thể đổi: 18px / 19px / 21px */
        line-height: 1.3 !important;
    }
}
.fuzy-download-btn-large .fuzy-download-icon {
    display: inline-flex;
    align-items: center;
    margin-right: 6px;
}
/* Ép chiều cao nút */
.fuzy-download-btn-large {
    height: 36px !important;
    padding: 0 16px !important;
    border-radius: 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
}

/* Icon */
.fuzy-download-btn-large svg {
    width: 18px !important;
    height: 18px !important;
    flex-shrink: 0 !important;
}

/* Chữ không làm tăng chiều cao */
.fuzy-download-btn-large span {
    line-height: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
}
.fuzy-version-download {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

.fuzy-version-download svg {
    stroke: #e53935 !important;
    fill: none !important;
    width: 26px !important;
    height: 26px !important;
}

.fuzy-version-download svg *,
.fuzy-version-download svg path,
.fuzy-version-download svg polyline {
    stroke: #e53935 !important;
    fill: none !important;
}
/* AUTHOR BOX */
.fuzy-author-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 25px 0;
    padding: 10px 0;
}

.fuzy-author-left {
    display: flex;
    align-items: center;
    gap: 10px;
}

.fuzy-author-avatar-img {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    object-fit: cover;
}

.fuzy-author-text .fuzy-author-by {
    font-size: 12px;
    color: #777;
    margin: 0;
}

.fuzy-author-text .fuzy-author-name {
    font-size: 14px;
    font-weight: 600;
    color: #111;
}

/* HEADER -------------------------------------------------- */

.fuzy-header {
    width: 100%;
    background: #ffffff;
    border-bottom: 1px solid #f0f0f0;
}

.fuzy-header-inner {
    max-width: 1300px;
    margin: auto;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* LOGO */
.fuzy-logo a {
    font-size: 22px;
    font-weight: 700;
    color: #111;
    text-decoration: none;
}

/* MENU */
.fuzy-nav .fuzy-menu {
    display: flex;
    gap: 28px;
}

.fuzy-nav .fuzy-menu > li > a {
    font-size: 15px;
    font-weight: 500;
    color: #222;
}

.fuzy-nav .fuzy-menu > li.menu-item-has-children > a::after {
    content: "▾";
    margin-left: 5px;
    font-size: 11px;
}

/* RIGHT AREA */
.fuzy-right {
    display: flex;
    align-items: center;
    gap: 16px;
}

/* LANG SWITCH */
.fuzy-lang {
    position: relative;
}

.fuzy-lang-btn {
    display: flex;
    align-items: center;
    gap: 6px;
    background: #fff;
    border: 1px solid #ddd;
    padding: 6px 12px;
    border-radius: 10px;
    cursor: pointer;
}

.fuzy-lang-btn img {
    width: 20px;
    height: 14px;
    border-radius: 2px;
}

.fuzy-lang-dropdown {
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    width: 150px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    display: none; /* Mặc định đóng */
    flex-direction: column;
    padding: 6px 0;
}

/* XÓA HOVER — KHÔNG ĐỂ DÒNG NÀY TỒN TẠI */
/*
.fuzy-lang:hover .fuzy-lang-dropdown {
    display: flex;
}
*/

.fuzy-lang-dropdown a {
    padding: 8px 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #222;
}

.fuzy-lang-dropdown a img {
    width: 20px;
}

.fuzy-lang-dropdown a:hover {
    background: #f5f5f5;
}

/* SEARCH */
.fuzy-search {
    position: relative;
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px solid #ddd;
    padding: 6px 12px 6px 36px;
    border-radius: 12px;
    height: 40px;
}

.fuzy-search-icon {
    position: absolute;
    left: 12px;
    opacity: 0.6;
}

.fuzy-search input {
    border: none;
    outline: none;
    font-size: 14px;
    width: 180px;
}
/* ẨN tìm kiếm + nút đổi ngôn ngữ trên điện thoại */
@media (max-width: 900px) {

    .fuzy-search,
    .fuzy-lang {
        display: none !important;
    }
}
/* Ẩn desktop trên mobile */
@media (max-width: 900px) {
    .fuzy-nav,
    .fuzy-right {
        display: none !important;
    }

    .fuzy-mobile-icons {
        display: flex;
        align-items: center;
        gap: 14px;
        font-size: 22px;
    }

    .fuzy-mobile-menu-btn {
        background: none;
        border: none;
        padding: 4px;
        font-size: 24px;
        cursor: pointer;
    }
}

/* =====================================
   LIGHT MODE – MOBILE MENU ITEMS
===================================== */
@media (max-width: 1024px) {

    :root[data-theme="light"] .fuzy-mobile-menu-list a:hover,
    :root[data-theme="light"] .fuzy-mobile-menu-list a:active,
    :root[data-theme="light"] .fuzy-mobile-menu-list .current-menu-item > a {
        color: #ff0303 !important;
    }

    /* ĐỊNH DẠNG RIÊNG CHO CÁC THẺ THEO LINK TRONG SUBMENU */
    #fuzy-mobile-menu .fuzy-mobile-menu-list ul.sub-menu a,
    .fuzy-mobile-menu-list .sub-menu a {
        color: #424242 !important;  
        font-weight: normal !important;  
        font-size: 14px !important; 
    }
}	


/* Sidebar mobile */
.fuzy-mobile-menu {
    position: fixed;
    top: 0;
    left: -260px;
    width: 260px;
    height: 100vh;
    background: #fff;
    z-index: 9999;
    padding: 20px 16px;
    overflow-y: auto;
    transition: left .25s ease;
}
.fuzy-mobile-menu.open {
    left: 0;
}

.fuzy-mobile-close {
    background: none;
    border: none;
    font-size: 26px;
    margin-left: auto;
    cursor: pointer;
}

.fuzy-mobile-menu-list li {
    list-style: none;
}
.fuzy-mobile-menu-list li a {
    display: block;
    padding: 12px 0;
    border-bottom: 1px solid #f1f1f1;
    font-size: 17px;
    color: #111;
}

/* Overlay */
.fuzy-mobile-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.35);
    z-index: 9998;
    opacity: 0;
    pointer-events: none;
    transition: opacity .25s ease;
}
.fuzy-mobile-overlay.show {
    opacity: 1;
    pointer-events: auto;
}
/* ẨN ICON MOBILE TRÊN PC */
@media (min-width: 901px) {
    .fuzy-mobile-icons,
    #fuzy-mobile-menu,
    #fuzy-mobile-overlay {
        display: none !important;
    }
}
.fuzy-mobile-icons svg {
    width: 26px;
    height: 26px;
    stroke: #111;
}

/* Tăng vùng bấm */
.fuzy-mobile-icons button {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}
.fuzy-faq-question,
.fuzy-faq-question *,
.fuzy-mobile-icons button,
.fuzy-mobile-icons button svg,
.fuzy-mobile-menu-btn {
    -webkit-text-fill-color: #111 !important;
    color: #111 !important;
    stroke: #111 !important;
    fill: #111 !important;
}
/* FIX iPhone Safari đổi màu xanh cho nút MỤC LỤC */
.fuzy-toc-btn,
.fuzy-toc-btn * {
    -webkit-text-fill-color: inherit !important;
    color: inherit !important;
}
/* FIX iPhone Safari đổi nút X thành màu xanh */
.fuzy-mobile-close,
.fuzy-mobile-close * {
    -webkit-text-fill-color: #111 !important;
    color: #111 !important;
    fill: #111 !important;
    stroke: #111 !important;
}
/* ================================
   DESKTOP SUBMENU – SLIDE DOWN
================================ */
.fuzy-menu li ul {
    position: absolute;
    left: 0;
    top: 100%;
    min-width: 200px;
    padding: 10px 0;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    opacity: 0;
    visibility: hidden;
    transform: translateY(5px);
    transition: all 0.25s ease;
    z-index: 999;
}

.fuzy-menu li:hover > ul {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.fuzy-menu li ul li {
    list-style: none;
    padding: 6px 16px;
    white-space: nowrap;
}

.fuzy-menu li ul li a {
    display: block;
    color: #111;
    font-size: 14px;
}

.fuzy-menu li ul li a:hover {
    background: #f2f3f5;
}


/* ================================
   MOBILE SUBMENU – CLICK SLIDE
   (≤ 900px)
================================ */
@media (max-width: 900px) {

    /* Ẩn hover PC trên mobile */
    .fuzy-menu li:hover > ul {
        visibility: hidden !important;
        opacity: 0 !important;
        transform: translateY(5px) !important;
    }

    /* Submenu mặc định */
    #fuzy-mobile-menu .sub-menu {
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        transform: translateY(-5px);
        transition: 
            max-height 0.35s ease,
            opacity 0.25s ease,
            transform 0.25s ease;
    }

/* Khi mở submenu */
#fuzy-mobile-menu li.open > ul.sub-menu {
    max-height: 800px; /* đủ lớn cho mọi menu */
    opacity: 1;
    transform: translateY(0);
}

    /* Dấu mũi tên */
    #fuzy-mobile-menu .menu-item-has-children > a::after {
        content: "▾";
        float: right;
        font-size: 15px;
        opacity: 0.5;
        transition: transform 0.25s ease;
    }

    #fuzy-mobile-menu li.open > a::after {
        transform: rotate(180deg);
    }
}
@media (max-width: 900px) {
    #fuzy-mobile-menu ul.sub-menu {
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        transform: translateY(-5px);
        transition: 
            max-height 0.35s ease,
            opacity 0.25s ease,
            transform 0.25s ease;
    }

    #fuzy-mobile-menu li.open > ul.sub-menu {
        max-height: 1000px;
        opacity: 1;
        transform: translateY(0);
    }
}
/* MOBILE SUBMENU (bắt buộc) */
@media (max-width: 900px) {

    /* Ẩn submenu */
    #fuzy-mobile-menu ul.sub-menu {
        display: block !important; /* WP cần cái này */
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        transform: scaleY(0.9);
        transform-origin: top;
        transition:
            max-height 0.35s ease,
            opacity 0.25s ease,
            transform 0.25s ease;
    }

    /* Khi .open → xổ submenu */
    #fuzy-mobile-menu li.open > ul.sub-menu {
        max-height: 1000px; /* đủ lớn cho mọi menu */
        opacity: 1;
        transform: scaleY(1);
    }
}
@media (max-width: 1024px) {

    /* Thụt nhẹ submenu vào bên trái */
    #fuzy-mobile-menu .sub-menu li {
        padding-left: 15px !important; /* thụt nhẹ vào */
        margin-left: 0 !important;     /* đảm bảo không thụt quá */
        border: none !important;       /* bỏ thanh dọc nếu còn */
    }

    #fuzy-mobile-menu .sub-menu {
        padding-left: 0 !important;
    }

    #fuzy-mobile-menu .sub-menu li a {
        padding-left: 0 !important;
    }
}
@media (max-width: 1024px) {

    /* XÓA PADDING CỦA UL CHA */
    #fuzy-mobile-menu .fuzy-mobile-menu-list {
        padding-left: 0 !important;
        margin-left: 0 !important;
    }

    /* MỤC CHA (Trò chơi, Ứng dụng...) */
    #fuzy-mobile-menu .fuzy-mobile-menu-list > li > a {
        padding-left: 10px !important;
        margin-left: 0 !important;
        display: block !important;
    }
}
@media (max-width: 1024px) {

    /* Thụt nhẹ mục con để phân cấp rõ */
    #fuzy-mobile-menu .sub-menu li a {
        padding-left: 22px !important;  /* giá trị đẹp nhất */
    }

}
/* ===========================
   DESKTOP SUBMENU FIX
=========================== */

/* Submenu tự giãn theo nội dung */
.fuzy-menu li ul {
    display: none;
    position: absolute;
    left: 0;                /* Canh thẳng dưới chữ mục cha */
    top: 100%;
    background: #fff;
    padding: 6px 0;
    min-width: auto !important;  /* Bỏ width cố định */
    width: auto !important;      /* Giãn theo chữ */
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    white-space: nowrap;         /* Không xuống dòng → giãn theo chữ */
}

/* Hover mở submenu */
.fuzy-menu li:hover > ul {
    display: block;
}

/* Item submenu */
.fuzy-menu li ul li {
    list-style: none;
    padding: 4px 16px;     /* Ít padding cho gọn */
}

/* Chữ submenu thẳng hàng với mục cha */
.fuzy-menu > li > a {
    padding-left: 0 !important;  /* bảo đảm chữ cha sát trái */
}

.fuzy-menu li ul li a {
    color: #111;
    font-size: 14px;
    display: block;
    padding-left: 0 !important;   /* thẳng hàng */
}
/* ==========================================
   DESKTOP SUBMENU – FINAL (ALIGN + EFFECT)
========================================== */
.fuzy-nav .fuzy-menu li ul {
    position: absolute;
    left: -14px;                 /* đã thẳng hàng rồi thì giữ số này */
    top: 100%;
    background: #fff;
    padding: 8px 0;
    min-width: auto;
    width: auto;
    white-space: nowrap;
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.12);

    /* QUAN TRỌNG: luôn display:block để transition chạy */
    display: block;

    /* trạng thái ẨN */
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px) scale(0.97);
    transform-origin: top;
    transition:
        opacity 0.28s ease,
        transform 0.28s cubic-bezier(0.16, 0.8, 0.32, 1),
        visibility 0.28s ease;
}

.fuzy-nav .fuzy-menu li:hover > ul {
    /* trạng thái HIỆN */
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
}
/* --- SEARCH PAGE TITLE – GIỐNG TRANG "TẤT CẢ TRÒ CHƠI" --- */
.fuzy-page-title-wrap {
    max-width: 1200px;
    margin: 30px auto 10px;
    padding: 0 20px;
}

.fuzy-page-title {
    font-size: 22px;         /* nhỏ lại cho đẹp */
    font-weight: 700;
    color: #111827;
    margin: 0;
}

.fuzy-search-key {
    color: #2563eb;
}
/* Container chuẩn cho trang tìm kiếm */
.fuzy-page {
    max-width: 1200px;    /* giống layout chính */
    margin: 20px auto 40px;
    padding: 0 20px;      /* QUAN TRỌNG: canh lề trái phải */
}

/* Tiêu đề tìm kiếm canh lề chuẩn */
.fuzy-page-title-wrap {
    margin-bottom: 20px;
}

.fuzy-page-title {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
}

/* RESET NỀN MỜ CHO Ô TÌM KIẾM PC */
@media (min-width: 901px) {
    .fuzy-search {
        background: #fff !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        border-radius: 8px !important; /* chỉnh bo góc nhẹ cho đẹp */
    }

    .fuzy-search input {
        background: transparent !important;
    }
}
/* Đẩy chữ "Kết quả tìm kiếm của" sang trái (nhích nhẹ) */
.fuzy-page-title-wrap {
    margin-left: -16px;  /* đẩy xa hơn nữa sang trái */
    margin-bottom: 28px;
}

/* Nếu muốn app card xuống thấp hơn nữa */
.fuzy-search-results {
    margin-top: 10px;
}
.fuzy-category-scroll {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    padding: 10px 0 6px;
    margin-bottom: 18px;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.fuzy-category-scroll::-webkit-scrollbar {
    display: none;
}

.fuzy-cat-btn {
    padding: 8px 16px;
    background: #e5e7eb !important;
    border-radius: 20px;
    font-size: 14px;
    white-space: nowrap;
    color: #111;
    text-decoration: none;
    transition: 0.2s;
}

.fuzy-cat-btn:hover {
    background: #d1d5db;
}

.fuzy-cat-btn-all {
    background: #e5e7eb !important;
    color: #111 !important;
}
/* ========== CUSTOM SCROLLBAR (PC) – TRANSPARENT TRACK ========== */
@media (min-width: 900px) {

    .fuzy-category-scroll {
        scrollbar-width: thin;                 /* Firefox */
        scrollbar-color: #d1d5db transparent;  /* thumb + transparent track */
    }

    /* Chrome, Edge, Safari */
    .fuzy-category-scroll::-webkit-scrollbar {
        height: 6px;   /* độ dày thanh cuộn */
    }

    .fuzy-category-scroll::-webkit-scrollbar-track {
        background: transparent !important;  /* track trong suốt */
    }
}

/* ==========================================================================
   BẢN FULL HOÀN CHỈNH: ĐIỀU CHỈNH KÍCH THƯỚC PC VỪA VẶN (HẠ XUỐNG 340PX)
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. CẤU HÌNH CHUNG & MOBILE (Chạy mặc định cho mọi màn hình)
   -------------------------------------------------------------------------- */
body .fuzy-single-wrapper .fuzy-screens-section .fuzy-screens-row.fuzy-screens-row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  align-items: stretch !important; /* Ép các khung item cao bằng nhau */
  gap: 15px !important;
  width: 100% !important;
  padding-top: 10px !important;	
	
  padding-bottom: 10px !important;  /* Đẩy thanh cuộn cách xa ảnh 10px trên mọi thiết bị */
  box-sizing: border-box !important; /* Giữ nguyên tỉ lệ khung hình không bị lỗi */
	
  height: 48vw !important; /* Tỷ lệ 16:9 chuẩn chỉnh trên mobile */
}

/* Bo góc cho khung bọc ảnh */
body .fuzy-screens-row .fuzy-screen-item.fuzy-screen-item {
  height: 100% !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 8px !important;
  overflow: hidden !important; /* Giúp ảnh không bị tràn ra ngoài góc bo */
}

/* Bo góc cho chính thẻ ảnh */
body .fuzy-screen-item img.fuzy-screen-img.fuzy-screen-img,
.fuzy-screen-item img {
  display: block !important;
  height: 100% !important; /* Luôn luôn cao 100% bằng khung chứa */
  width: auto !important;   /* Chiều rộng tự co giãn theo chiều cao */
  max-height: 100% !important;
  max-width: none !important; 
  min-width: 0 !important;
  object-fit: contain !important; /* Mặc định dùng contain để không mất góc ảnh */
}

/* --------------------------------------------------------------------------
   2. REPSONSIVE FIX: CHO ĐIỆN THOẠI (Dưới 640px)
   -------------------------------------------------------------------------- */
@media (max-width: 480px) {
  /* Ảnh ngang – nhỏ lại, không tràn màn hình */
  body .fuzy-screens-row .fuzy-screen-item.landscape {
    flex: 0 0 220px !important;
    max-width: 220px !important;
  }
  .fuzy-screen-item.landscape img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }

  /* Ảnh dọc – rất nhỏ để thấy được nhiều ảnh (4-5 ảnh) */
  body .fuzy-screens-row .fuzy-screen-item.portrait {
    flex: 0 0 110px !important;
    max-width: 110px !important;
  }
  .fuzy-screen-item.portrait img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important; /* Ảnh dọc mobile dùng cover để lấp đầy khung nhỏ */
  }

  /* ẨN SCROLLBAR HOÀN TOÀN TRÊN MOBILE */
  .fuzy-screens-row {
    -ms-overflow-style: none !important;  /* IE + Edge */
    scrollbar-width: none !important;      /* Firefox */
  }
  .fuzy-screens-row::-webkit-scrollbar {
    display: none !important; /* Chrome + Safari + Android */
  }
}

/* --------------------------------------------------------------------------
   3. RESPONSIVE FIX: CHO MÀN HÌNH LỚN & PC (Từ 641px trở lên)
   -------------------------------------------------------------------------- */
@media (min-width: 641px) {
  /* Tinh chỉnh ảnh dọc trên PC cho vừa vặn với chiều cao 340px */
  body .fuzy-screens-row .fuzy-screen-item.portrait {
    flex: 0 0 190px !important; 
    max-width: 200px !important;
  }
  .fuzy-screen-item.portrait img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }
}

/* --------------------------------------------------------------------------
   3.5 RESPONSIVE FIX: CHO IPAD / TABLET (Từ 768px đến 1023px)
   -------------------------------------------------------------------------- */
@media (min-width: 648px) and (max-width: 1023px) {
  /* Hạ chiều cao tổng thể của hàng trên iPad xuống còn 260px để ảnh tự động nhỏ lại */
  body .fuzy-single-wrapper .fuzy-screens-section .fuzy-screens-row.fuzy-screens-row {
    height: 260px !important;  
    max-height: 260px !important;
    box-sizing: border-box !important;
  }
}

@media (min-width: 1024px) {
  /* CHIỀU CAO MỚI: Hạ từ 420px xuống 340px cho gọn gàng, vừa mắt hơn */
  body .fuzy-single-wrapper .fuzy-screens-section .fuzy-screens-row.fuzy-screens-row {
    height: 340px !important; 
    max-height: 340px !important;
    align-items: center !important; 
    box-sizing: border-box !important;
  }

  /* Khung bọc ảnh trên PC: Thả tự do chiều rộng tối đa dựa theo dung lượng file ảnh */
  body .fuzy-screens-row .fuzy-screen-item.fuzy-screen-item {
    max-width: max-content !important; 
  }

  /* Ép ảnh trên PC: Cao kịch khung 340px, rộng tự giãn chuẩn tỉ lệ */
  body .fuzy-screen-item img.fuzy-screen-img.fuzy-screen-img {
    height: 100% !important;
    width: auto !important;
    max-width: none !important;
    max-height: 100% !important;
    object-fit: contain !important;
  }
}

/* --------------------------------------------------------------------------
   4. CẤU HÌNH SCROLLBAR PC (NỀN TRONG SUỐT) 
   -------------------------------------------------------------------------- */
  /* Track trong suốt hoàn toàn */
  .fuzy-screens-row::-webkit-scrollbar-track {
    background: transparent !important; 
  }

  /* Thanh scrollbar chung */
  .fuzy-screens-row::-webkit-scrollbar {
    height: 8px;
    background: transparent !important;
  }

  /* Thumb – thanh kéo */
  .fuzy-screens-row::-webkit-scrollbar-thumb {
    background: rgba(120, 120, 120, 0.45) !important;
    border-radius: 20px;
  }

  /* Hiệu ứng khi di chuột vào thanh kéo */
  .fuzy-screens-row::-webkit-scrollbar-thumb:hover {
    background: rgba(120, 120, 120, 0.65) !important;
  }

  /* Hỗ trợ hiển thị thanh cuộn màu trong suốt trên Firefox */
  .fuzy-screens-row {
    scrollbar-width: thin;
    scrollbar-color: rgba(120, 120, 120, 0.45) transparent;
  }

/* ===============================
   FOOTER – FUZY APK (UPDATED)
   =============================== */

.fuzy-footer {
    border-top: 1px solid #e5e7eb;
    background: #ffffff;
    margin-top: 40px;
    padding: 28px 0 18px;   /* ↓ giảm chiều cao footer */
}

/* GRID tổng */
.fuzy-footer .footer-container {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr;
    column-gap: 160px;      /* khoảng cách ngang */
    row-gap: 10px;          /* ↓ giảm FUZY APK ↔ Về chúng tôi */
    max-width: 1250px;
    margin: 0 auto;
    padding: 0 20px;
}

/* 1 — FUZY APK */
.fuzy-footer-column:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
}

.fuzy-footer-column:nth-child(1) p {
    max-width: 330px;
    line-height: 1.45;      /* ↓ giảm chiều cao mô tả */
    margin-top: 6px;        /* ↓ giảm khoảng cách */
}

/* 2 — Về chúng tôi (ngay dưới FUZY APK) */
.fuzy-footer-column:nth-child(2) {
    grid-column: 1;
    grid-row: 2;
    margin-top: 0;          /* ↓ kéo sát hơn */
}

/* 3 — Pháp lý */
.fuzy-footer-column:nth-child(3) {
    grid-column: 2;
    grid-row: 1;
}

/* 4 — Sản phẩm & dịch vụ */
.fuzy-footer-column:nth-child(4) {
    grid-column: 3;
    grid-row: 1;
}

/* COPYRIGHT — căn trái, sát hơn */
.footer-bottom {
    grid-column: 1;
    grid-row: 3;
    font-size: 14px;
    color: #6b7280;
    text-align: left;
    margin-top: 4px;         /* ↓ giảm khoảng cách */
    justify-self: start;

    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* --- style chung --- */
.fuzy-footer-column h4 {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 10px;     /* ↓ giảm khoảng cách tiêu đề */
}

.fuzy-footer-column a {
    display: block;
    margin-bottom: 4px;      /* ↓ giảm dòng */
    color: #374151;
    font-size: 14px;
    text-decoration: none;
}

.fuzy-footer-column a:hover {
    color: #111;
}

.fuzy-footer-column p {
    font-size: 14px;
    color: #4b5563;
}


/* ===============================
      MOBILE (FIXED)
   =============================== */
@media (max-width: 768px) {

    .fuzy-footer .footer-container {
        display: block;          /* bỏ grid — mobile không cần grid */
        padding: 0 20px;
    }

    .fuzy-footer-column {
        margin-bottom: 26px;     /* khoảng cách vừa phải */
        text-align: left;        /* căn trái */
    }

    .fuzy-footer-column h4 {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 10px;
        text-align: left;
    }

    .fuzy-footer-column a,
    .fuzy-footer-column p {
        font-size: 14px;
        text-align: left;        /* đảm bảo không căn giữa */
        line-height: 1.5;        /* tránh xuống dòng lộn xộn */
        display: block;          /* đảm bảo không nằm 1 chữ 1 dòng */
        width: 100%;
    }

    .footer-bottom {
        margin-top: 10px;
        text-align: left;
        padding-left: 0;
    }
}

html, body {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
}

.fuzy-main {
    flex: 1 0 auto;
    display: block;
}

.fuzy-footer {
    flex-shrink: 0;
}
.fuzy-builtby {
    font-size: 14px;
    color: #6b7280;
    margin-bottom: 3px;      /* thêm 3px như yêu cầu */
    line-height: 1.4;
}

/* Bỏ margin-top và chỉnh margin-bottom của H4 */
.fuzy-footer-column h4 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 18px;   /* tăng thêm 4px so với 14px */
}

/* đoạn mô tả */
.fuzy-footer-column p {
    font-size: 14px;
    color: #4b5563;
    line-height: 1.55;
}

/* Dịch thanh thể loại trong Games sang phải */
.fuzy-category-scroll {
    padding-left: 4px;   /* chỉnh theo ý bạn: 12–20px */  
}

/* Nếu bạn muốn cả thanh gạch xám bên dưới cũng dịch theo */
.fuzy-category-scroll::after {
    margin-left: 12px;
}

/* Dịch nhẹ tiêu đề section sang phải */
.fuzy-section .fuzy-section-title-wrap {
    padding-left: 2px;   /* Điều chỉnh 10–20px tùy ý */  
}
/* Topbar mobile menu */
.fuzy-mobile-topbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 20px;
    border-bottom: 1px solid #eee;
}

/* Logo */
.fuzy-mobile-brand {
    font-size: 26px;
    font-weight: 700;
    color: #0f172a;
    text-decoration: none;
}

/* nút X */
.fuzy-mobile-close {
    font-size: 32px;
    color: #4b5563;
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
}
/* Mobile menu topbar */
.fuzy-mobile-topbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 16px;       /* giảm padding để sát trái hơn */
    border-bottom: 1px solid #eee;
}

/* Chữ FUZY APK */
.fuzy-mobile-brand {
    font-size: 26px;
    font-weight: 700;
    color: #0f172a;
    text-decoration: none;
    display: flex;
    align-items: center;
    line-height: 1;           /* FIX lệch iPhone */
    padding-left: 0;          /* đảm bảo sát trái */
}

/* Nút X */
.fuzy-mobile-close {
    font-size: 32px;
    color: #4b5563;
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    line-height: 1;           /* FIX lệch iPhone */
}
/* Giảm padding của container menu để FUZY APK sát trái */
.fuzy-mobile-menu-inner {
    padding-left: 10px !important;  /* tuỳ ý: 8–14px */
    padding-right: 10px !important;
}

/* Topbar giữ thẳng hàng */
.fuzy-mobile-topbar {
    padding-left: 0 !important;     /* xoá việc bị đẩy qua phải */
    padding-right: 8px;
}

/* Chữ FUZY APK */
.fuzy-mobile-brand {
    margin-left: 0 !important;
    padding-left: 0 !important;
}
/* Thanh topbar trong mobile menu */
.fuzy-mobile-topbar {
    padding-top: 4px !important;    
    padding-bottom: 4px !important;
    display: flex;
    align-items: center;   /* căn giữa theo chiều dọc */
}

/* Icon X – đẩy lên và căn giữa */
.fuzy-mobile-close {
    top: 0 !important;      /* reset */
    margin-top: -2px !important; /* chỉnh độ cao icon */
}
/* Xóa đường kẻ dưới mục FUZY APK trong menu mobile */
.fuzy-mobile-topbar,
.fuzy-mobile-menu-inner {
    border-bottom: none !important;
}

/* ===== MOBILE ICONS (3 nút: search – language – menu) ===== */
.fuzy-mobile-icons {
    display: flex;
    align-items: center;
    gap: 14px; /* chỉnh khoảng cách giữa các nút */
}

/* ===== WRAP dành riêng cho nút ngôn ngữ trong header mobile ===== */
.fuzy-mobile-lang-wrap {
    position: relative;
    display: flex;
    align-items: center;
}


/* ===== Nút chọn ngôn ngữ: gọn, không khung, không gạch ===== */
.fuzy-mobile-lang-btn {
    display: flex;
    align-items: center;
    gap: 6px;

    padding: 4px 8px;              /* gọn hơn */
    background: transparent;

    border: none !important;       /* bỏ khung */
    outline: none !important;
    box-shadow: none !important;
    border-bottom: none !important;

    cursor: pointer;
    white-space: nowrap;
}

.fuzy-mobile-lang-btn img {
    width: 20px;
    height: 15px;
    border-radius: 3px;
}

.fuzy-mobile-lang-btn svg {
    width: 10px;
    height: 10px;
    opacity: .8;
}


/* ===== DROPDOWN (giữ nguyên style cũ) ===== */
.fuzy-mobile-lang-dropdown {
    display: none;
    position: absolute;
    top: calc(100% + 6px);
    width: 180px;

    background: #fff;
    padding: 8px 0;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 6px 14px rgba(0,0,0,0.12);
    z-index: 20;
}

.fuzy-mobile-lang-dropdown {
    left: -80px !important;
}

.fuzy-mobile-lang-dropdown a {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    font-size: 15px;
    color: #374151;
    white-space: nowrap;
}

.fuzy-mobile-lang-dropdown a img {
    width: 22px;
    height: 16px;
}

.fuzy-mobile-lang-dropdown a:hover {
    background: #f3f4f6;
}

/* Khi mở dropdown */
.fuzy-mobile-lang-dropdown.open {
    display: block;
}


/* ===== GIỮ NGUYÊN CSS CŨ CHO LANG ROW TRONG MENU (KHÔNG DÙNG CHO HEADER) ===== */
.fuzy-mobile-lang-row {
    padding: 16px 20px 10px;
    border-bottom: none !important; /* bỏ thanh xám */
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

@media (max-width: 768px) {
    .fuzy-mobile-lang-row {
        display: flex;
    }
}

/* WRAPPER CĂN GIỮA */
.fuzy-download-container {
    max-width: 750px;      /* Bạn muốn rộng hơn thì tăng số */
    margin: 0 auto;        /* Căn giữa */
    padding: 20px;
}

/* =============================
   KHUNG TRANG DOWNLOAD
============================= */
.fuzy-download-wrapper {
    width: 100%;
    padding: 20px 0 40px;
    background: #f5f6f8;
}

.fuzy-download-inner {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 16px;
}

/* =============================
   BREADCRUMB – chỉ căn vị trí
============================= */
.fuzy-breadcrumb {
    font-size: 14px;
    margin-bottom: 15px;
    line-height: 1.6;
}

/* =============================
   CONTAINER TRUNG TÂM
============================= */
.fuzy-download-container {
    max-width: 700px;
    margin: 30px auto;
    padding: 0 20px;
    text-align: center;
}

/* =============================
   BANNER 16:9 – responsive
============================= */
.fuzy-download-header {
    width: 90%;              /* Desktop: to hơn */
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 12px;
    margin: 0 auto 20px;     /* Căn giữa */
}

/* Ảnh bên trong */
.fuzy-download-header img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* =============================
   MOBILE – full chiều ngang
============================= */
@media (max-width: 768px) {
    .fuzy-download-header {
        width: 100%;         /* Full width trên mobile */
        border-radius: 8px;
    }
}

/* =============================
   TIÊU ĐỀ + INFO
============================= */
.fuzy-download-title {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 15px;
}

.fuzy-download-info {
    font-size: 17px;
    line-height: 1.7;
    margin-bottom: 25px;
}

/* =============================
   BUTTON DOWNLOAD
============================= */
.fuzy-download-btn {
    background: #c40000;
    color: #fff;
    padding: 14px 24px;
    font-size: 18px;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    width: 100%;
    max-width: 350px;
    margin: 0 auto 20px;
    display: block;
}

/* =============================
   GHI CHÚ
============================= */
.fuzy-download-note {
    font-size: 15px;
    margin-bottom: 20px;
    line-height: 1.6;
}

/* =============================
   LINK QUAY LẠI
============================= */
.fuzy-back-btn {
    display: block;
    margin-top: 20px;
    text-align: center;
    font-weight: bold;
    color: #0073ff;
    text-decoration: none;
}
.fuzy-download-info,
.fuzy-download-info * {
    font-weight: 400 !important;
    color: #666;
}
.fuzy-download-info {
    margin-top: -5px;    /* nhích lên gần tiêu đề */
    margin-bottom: 15px; /* giữ khoảng cách dưới nút download */
    font-size: 15px;
    color: #666;
    font-weight: 400 !important;
    line-height: 1.6;
}
.fuzy-social-follow {
    text-align: center;
    margin-top: 25px;
}

.fuzy-social-follow p {
    margin-bottom: 10px;
    font-size: 15px;
    color: #333;
}

.fuzy-social-links {
    display: flex;
    justify-content: center;
    gap: 30px;
}

.fuzy-social {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 15px;
    text-decoration: none;
    color: #333;
    transition: 0.2s ease;
}

.fuzy-social:hover {
    opacity: 0.75;
}

/* =============================
   KHỐI CẢNH BÁO NỀN XANH
============================= */
.fuzy-download-notice {
    background: #FFEBEB;
    padding: 15px 20px;
    margin-top: 25px;
    font-size: 15px;
    border-left: none;

    color: #DB0000;

    border: 1px solid #fab1b1; /* viền thẳng */
}

.fuzy-download-notice ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.fuzy-download-notice li {
    margin-bottom: 10px;
    line-height: 1.6;
}

div.fuzy-download-notice a {
    color: #7a0000 !important;
}

div.fuzy-download-notice a:hover {
    color: #b00000 !important;
}


/* THU TOÀN BỘ TRANG DOWNLOAD – 1020px */
.fuzy-download-wrapper .fuzy-download-inner {
    max-width: 1020px !important;
    margin: 0 auto !important;
    padding: 0 16px !important;
}

/* BANNER – theo 1020px */
.fuzy-download-header {
    width: 100% !important;
    max-width: 1020px !important;
    margin: 0 auto 20px !important;
}

/* CONTAINER CHÍNH – theo 1020px */
.fuzy-download-container {
    max-width: 1020px !important;
    margin: 20px auto !important;
}

/* FAQ + NOTICE – theo 1020px */
.fuzy-faq-block,
.fuzy-download-notice {
    max-width: 1020px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
/* NÚT QUAY LẠI BÀI VIẾT – BẢN MỎNG */
.fuzy-back-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #e60000;
    color: #fff !important;
    padding: 10px 18px;      /* ← CHIỀU CAO MỎNG HƠN */
    border-radius: 40px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: background 0.25s ease, transform 0.2s ease;
    width: 100%;
    justify-content: center;
}


/* Icon */
.fuzy-back-icon {
    font-size: 16px;  /* nhỏ hơn cho phù hợp */
    line-height: 1;
}

/* Hover */
.fuzy-back-btn:hover {
    background: #cc0000;
    transform: translateY(-1px);
}
/* NÚT TẢI XUỐNG – STYLE Y CHANG NÚT QUAY LẠI */
.fuzy-download-btn-large {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    background: #e60000;
    color: #fff !important;
    padding: 6px 18px;       /* MỎNG NHƯ NÚT QUAY LẠI */
    border-radius: 40px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.25s ease, transform 0.2s ease;
    cursor: pointer;
}

/* Icon SVG */
.fuzy-download-btn-large svg {
    width: 18px;
    height: 18px;
    stroke: #fff;
}

/* Hover */
.fuzy-download-btn-large:hover {
    background: #cc0000;
    transform: translateY(-1px);
}
/* Nút đang loading */
.fuzy-download-btn-large.loading {
    position: relative;
    background: #ffcccc !important; /* đỏ nhạt */
    color: white !important;
    overflow: hidden; /* rất quan trọng */
    pointer-events: none;
}

/* Thanh đỏ chạy */
.fuzy-download-btn-large.loading::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0%;
    background: #e60000; /* đỏ đậm */
    
    /* CHỈ BO GÓC BÊN TRÁI */
    border-radius: 40px 0 0 40px;

    animation: fuzy-progress 9s linear forwards; 
    z-index: 1;
}

/* Text nằm trên thanh */
.fuzy-download-btn-large span {
    position: relative;
    z-index: 2;
}

@keyframes fuzy-progress {
    from { width: 0%; }
    to   { width: 100%; }
}
.fuzy-download-text {
    white-space: nowrap;
}
/* Chữ bình thường giữ nguyên */
.fuzy-download-text {
    white-space: nowrap;
}

/* Chỉ khi loading mới thu nhỏ chữ trên mobile */
@media (max-width: 480px) {
    #fuzy-real-download.loading .fuzy-download-text {
        font-size: 12px;
    }
}
/* Giảm khoảng cách khoảng trắng phía trên footer */
.fuzy-footer {
    margin-top: 10px !important;   /* từ 40px → 10px */
    padding-top: 16px !important;  /* từ 28px → 16px */
}

/* Giảm khoảng trống dưới phần download */
.fuzy-download-wrapper {
    padding-bottom: 10px !important;  /* trước là 40px */
}

.fuzy-download-container {
    margin-bottom: 10px !important;   /* thu lại */
}

/* Giảm khoảng trắng phía trên footer trong toàn trang download */
.fuzy-faq-block:last-of-type {
    margin-bottom: 20px !important;
}
html {
    scroll-behavior: smooth;
}
.fuzy-faq2-box {
    margin-top: 25px;
    border-radius: 12px;
}

.fuzy-faq2-item {
    border-bottom: 1px solid #eee;
    padding: 12px 0;
}

.fuzy-faq2-question {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    font-weight: 600;
    font-size: 17px;
}

.fuzy-faq2-answer {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transform: translateY(-4px);
    transition:
        max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1),
        opacity 0.25s ease-out,
        transform 0.25s ease-out;
    font-size: 16px;
    line-height: 1.7;
    padding-right: 5px;
    margin-top: 6px;
}

.fuzy-faq2-item.active .fuzy-faq2-answer {
    opacity: 1;
    transform: translateY(0);
}

.fuzy-faq2-arrow {
    transition: transform .3s ease;
}

.fuzy-faq2-item.active .fuzy-faq2-arrow {
    transform: rotate(90deg);
}


/* Giảm khoảng cách giữa breadcrumb và tiêu đề trong trang thể loại */
.fuzy-single-wrapper {
    margin-bottom: 10px !important;
    padding-bottom: 0 !important;
}

.fuzy-category-wrapper .fuzy-section-header {
    margin-top: 10px !important;
}

.fuzy-breadcrumb {
    margin-bottom: 10px !important;
}

/* Mobile chỉnh nhỏ cho gọn */
@media (max-width: 480px) {
    .fuzy-pagination .page-numbers {
        padding: 6px 10px;
        margin: 0 2px;
        font-size: 14px;
    }
}
.fuzy-breadcrumb-wrapper {
    max-width: 1190px;
    margin: 20px auto 0; /* thêm 20px phía trên */
    padding: 0 16px;
}

/* Mobile */
@media (max-width: 640px) {
    .fuzy-breadcrumb-wrapper {
        max-width: 100%;
        padding: 0 34px 0 18px; /* nhích sang phải thêm chút */
        margin-top: 16px;
    }
}
/* CHỈ FIX RIÊNG SECTION ĐỀ XUẤT */
.fuzy-related-section {
    max-width: 1100px !important; 
    margin: 0 auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Xóa toàn bộ khoảng trắng phía trên section phiên bản */
.fuzy-versions-section {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Tiêu đề sát lên luôn */
.fuzy-versions-section h2 {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Xóa margin dưới của phần Custom HTML nếu có */
.fuzy-custom-html-section {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Xóa margin dưới của FAQ2 */
.fuzy-faq2-box {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
/* Xóa khoảng trắng dưới phần nội dung bài viết */
.fuzy-single-body {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Giảm khoảng trắng chung giữa các section */
.fuzy-single-wrapper section {
    margin-top: 10px !important;
}

/* Ép FAQ sát xuống */
.fuzy-faq2-box {
    margin-bottom: 6px !important;
}

/* Ép tiêu đề phiên bản lên cao nhất */
.fuzy-versions-section {
    margin-top: 6px !important;
    padding-top: 0 !important;
}
/* FORCE – ƯU TIÊN CAO NHẤT */
.fuzy-single-wrapper .fuzy-versions-section {
    margin-top: 30px !important;
    padding-top: 0 !important;
}

/* ============================
   FUZY PAGINATION
============================= */

.fuzy-pagination {
    margin: 30px auto;
    text-align: center;
}

.fuzy-pagination .page-numbers {
    display: inline-block;
    padding: 8px 14px;
    margin: 0 4px;

    font-size: 15px;
    font-weight: 500;
    line-height: 1;

    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;

    text-decoration: none;
    color: #333;

    transition: 0.2s;
}

.fuzy-pagination .page-numbers:not(.current):hover {
    background: #f0f0f0;
    border-color: #ccc;
}

.fuzy-pagination .current {
    background: #e53935; 
    border-color: #e53935;
    color: #fff;
    font-weight: 600;
}

.fuzy-pagination .prev,
.fuzy-pagination .next {
    font-size: 17px;
    padding: 8px 12px;
}
/* FORM COMMENT */
.comment-input {
    margin-bottom: 16px;
}

.comment-input label {
    display: block;
    font-size: 14px;
    margin-bottom: 6px;
    font-weight: 600;
}

.comment-input input,
.comment-input textarea {
    width: 100%;
    padding: 10px 12px;
    border-radius: 10px;
    border: 1px solid #ddd;
    font-size: 14px;
}

.fuzy-comment-submit {
    background: #e60000;
    color: #fff;
    padding: 10px 18px;
    border-radius: 40px;
    font-size: 14px;
    font-weight: 600;
    border: none;
    cursor: pointer;
}

.fuzy-comment-submit:hover {
    background: #cc0000;
}

/* ============================
   BÌNH LUẬN NGƯỜI DÙNG – UI ĐẸP
============================ */

.fuzy-comment-ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.fuzy-comment-ul li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 8px 12px;
    margin-bottom: 16px;

    background: #ffffff;
    border-radius: 12px;
    border: 1px solid #f2f2f2;

    box-shadow: 0 3px 10px rgba(0,0,0,0.06);
}

/* Avatar tròn */
.fuzy-comment-ul li img.avatar {
    width: 42px !important;
    height: 42px !important;
    border-radius: 50%;
    object-fit: cover;
}

/* Khối nội dung */
.fuzy-comment-content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* Header: tên + thời gian */
.fuzy-comment-header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
}

.fuzy-comment-author {
    font-size: 15px;
    font-weight: 600;
    color: #111;
}

.fuzy-comment-date {
    font-size: 13px;
    color: #777;
}

/* Nội dung bình luận */
.fuzy-comment-text {
    font-size: 15px;
    line-height: 1.35;
    color: #222;
}

.fuzy-comment-actions {
    margin-top: 6px;
    display: flex;
    gap: 15px;
    font-size: 14px;
}

.fuzy-comment-actions a {
    color: #007bff;
    cursor: pointer;
}

.fuzy-comment-actions a:hover {
    text-decoration: underline;
}
.fuzy-comment-text strong {
    color: #007bff;
}
.fuzy-mention {
    display: inline-block;
    background: #f0f0f0;
    padding: 2px 6px;
    border-radius: 6px;
    font-weight: 600;
    color: #333;
}
.fuzy-comment-actions {
    margin-top: 3px;
}
.fuzy-comment-text p {
    margin: 0 !important;
}
/* Container sao */
#fuzy-rating-box {
    text-align: center;
    margin: 25px 0;
}

/* =========================
   FUZY STAR RATING 
========================= */

#fuzy-rating-stars {
    display: inline-flex;
    gap: 2px;
}

.fuzy-star-wrap {
    position: relative;
    display: inline-block;
    font-size: 30px; /* 👈 tăng lên giống ban đầu */
    line-height: 1;
    color: #dcdcdc;
}

.fuzy-star-wrap::before {
    content: "★";
    display: block;
}

.fuzy-star-fill {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    overflow: hidden;
    white-space: nowrap;
    color: #f6b01e; /* ⭐ VÀNG */
    pointer-events: none;
}

.fuzy-star-fill::before {
    content: "★";
}

/* Popup */
#fuzy-rating-modal {
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 999999;
}

.fuzy-rating-inner {
    background: #fff;
    padding: 25px;
    border-radius: 12px;
    width: 300px;
    text-align: center;
}

#fuzy-submit-rating {
    background: #ccc;
    border: none;
    padding: 10px 15px;
    border-radius: 8px;
    margin-top: 10px;
    cursor: pointer;
}

#fuzy-submit-rating.enabled {
    background: #ff9800;
    color: #fff;
}
/* Nút gửi đánh giá sáng khi được chọn */
#fuzy-submit-rating.enabled {
    background: #28c840 !important;
    color: #fff !important;
}
#fuzy-close-rating {
    background: #f1f1f1;
    border: none;
    padding: 10px 15px;
    border-radius: 8px;
    margin-left: 8px;
    cursor: pointer;
    color: #333;
    font-weight: 500;
    transition: background 0.2s;
}

#fuzy-close-rating:hover {
    background: #e2e2e2;
}
/* =========================
   STARS IN POPUP (CLICK)
========================= */

#fuzy-modal-stars {
    margin: 15px 0;
}

#fuzy-modal-stars .fuzy-star {
    font-size: 30px;
    cursor: pointer;
    color: #ccc;
    margin: 0 2px;
    transition: color 0.2s;
}

#fuzy-modal-stars .fuzy-star.active {
    color: #ff9800;
}

.fuzy-sharebtn {
    padding: 6px 12px;
    background: #f0f0f0;
    border-radius: 8px;
    border: 1px solid #ddd;
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
}
.fuzy-sharebtn {
    padding: 8px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #ddd;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fuzy-sharebtn svg {
    width: 20px;
    height: 20px;
    stroke: #333;
}

/* =========================
   TABLE OF CONTENTS
========================= */
.toc-container {
    background: #f9f9f9;
    border-radius: 15px;
    padding: 15px 20px;
    margin: 20px 0;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    border-left: 5px solid #e53935;
    transition: background 0.3s, box-shadow 0.3s, border-color 0.3s;
}

.toc-header { 
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
}

.toc-title { 
    font-weight: bold; 
    font-size: 1.1rem; 
    color: #333; 
}

.btn-toc {
    background: #e53935;
    color: #fff; 
    border: none; 
    padding: 5px 15px;
    border-radius: 20px; 
    cursor: pointer; 
    font-size: 0.85rem; 
    font-weight: bold;
    transition: transform 0.1s ease, background 0.2s;
}

.btn-toc:active { 
    transform: scale(0.95); 
}

.toc-list {
    max-height: 0; 
    overflow: hidden; 
    opacity: 0;
    transition: max-height 0.5s ease-out, opacity 0.3s, margin-top 0.3s;
}

.toc-list.open { 
    max-height: 1500px; 
    opacity: 1; 
    margin-top: 15px; 
}

.toc-list ul { 
    list-style: none; 
    padding-left: 10px; 
    margin: 0; 
}

.toc-list li { 
    margin-bottom: 8px; 
    position: relative; 
    padding-left: 15px; 
}

.toc-list li::before { 
    content: "•"; 
    color: #e53935; 
    position: absolute; 
    left: 0; 
    font-weight: bold; 
}

.toc-list a { 
    text-decoration: none; 
    font-size: 0.95rem; 
    display: inline-block; 
    color: #e53935;
    transition: transform 0.2s ease, color 0.2s ease;
}

.toc-list a:hover { 
    transform: translateX(5px); 
    color: #333; 
}

.fuzy-spec-value a {
    display: inline-block;
    max-width: 180px;        /* mobile */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

/* Desktop rộng hơn */
@media (min-width: 768px) {
    .fuzy-spec-value a {
        max-width: 300px;    /* chỉnh theo ý bạn */
    }
}

@media (min-width: 1024px) {
    .fuzy-spec-value a {
        max-width: 380px;    /* PC lớn */
    }
}

.fuzy-author-box {
    margin-top: 10px !important; /* Giảm khoảng cách */
}

.fuzy-version-note {
    background: #f7d7d7;
    border-left: 4px solid #f40000;
    padding: 12px 15px;
    margin: 10px 0 20px;
    border-radius: 6px;
    font-size: 15px;
    line-height: 1.6;
    color: #444;
}

/* GRID rộng hơn + card thấp hơn */
.fuzy-app-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(310px, 1fr)); /* rộng hơn */
    gap: 24px;
}
/* ===============================================
   FORCE LINK COLOR – CHỈ ÁP DỤNG CHO LINK TEXT
   KHÔNG ẢNH HƯỞNG CÁC NÚT, ICON, BUTTON
=============================================== */

.fuzy-single-body a,
.fuzy-page-content a,
.fuzy-faq2-answer a,
.fuzy-custom-html a,
.fuzy-post-item a,
.fuzy-news-content a,
.fuzy-download-notice a {
    color: #004cff !important;
    text-decoration: underline !important;
}

.fuzy-single-body a:hover,
.fuzy-page-content a:hover,
.fuzy-faq2-answer a:hover,
.fuzy-custom-html a:hover,
.fuzy-post-item a:hover,
.fuzy-download-notice a:hover {
    color: #185abc !important;
}

/* FIX màu link trong hộp ghi chú */
.fuzy-note-box a {
    color: #1a73e8 !important;
    text-decoration: underline !important;
}

.fuzy-note-box a:hover {
    color: #185abc !important;
}

/* CHỈ sửa Section Header ở trang Category */
.fuzy-category-wrapper .fuzy-section-header {
    display: block !important;
}

/* Tiêu đề */
.fuzy-category-wrapper .fuzy-section-header .fuzy-section-title-wrap {
    display: block !important;
}

/* Mô tả */
.fuzy-category-wrapper .fuzy-cat-description {
    margin-top: 8px !important;
    display: block !important;
    line-height: 1.55;
}

/* QUAN TRỌNG: Không ảnh hưởng các section khác */
.fuzy-section-header:not(.fuzy-category-wrapper .fuzy-section-header) {
    display: flex;   /* giữ nguyên */
}

.fuzy-sub-count{
    font-size:13px;
    color:#777;
    font-weight:400;
}
/* FIGURE luôn bằng chiều rộng hiển thị thực tế của ảnh */
.fuzy-img {
  display: table;          /* Quan trọng: table tự co theo nội dung đã scale */
  margin: 25px auto;       /* căn giữa figure */
  text-align: center;
  background: transparent;
  border-collapse: separate;
}

/* Ảnh */
.fuzy-img img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0;
}

/* Caption */
.fuzy-img figcaption {
  display: table-caption;  /* Caption bám đúng width ảnh */
  caption-side: bottom;
  background: #e6e6e6;
  padding: 12px 16px;
  font-size: 15px;
  color: #2c2c2c;
  text-align: center;
  box-sizing: border-box;
}

/* Optional: scale ảnh theo loại */
.fuzy-img.landscape { max-width: 80%; }
.fuzy-img.portrait  { max-width: 40%; }
.fuzy-img.square    { max-width: 70%; }

@media (max-width: 600px) {
  .fuzy-img.landscape { max-width: 100%; }
  .fuzy-img.portrait  { max-width: 80%; }
  .fuzy-img.square    { max-width: 100%; }
}


.fuzy-load-more-wrap {
    text-align: center;
    margin: 18px 0 10px;
}

#fuzy-load-more-comments {
    background: linear-gradient(135deg,#ff3b3b,#ff6a6a);
    color: #fff;
    border: none;
    padding: 10px 24px;
    border-radius: 999px;
    font-size: 14px;
    cursor: pointer;
    transition: all .25s ease;
}

#fuzy-load-more-comments:hover {
    transform: translateY(-1px);
}
#cancel-comment-reply-link {
    margin-left: 10px;
    padding: 4px 10px;
    border-radius: 6px;
    background: #f1f1f1;
    color: #444;
    text-decoration: none;
    font-size: 13px;
}

#cancel-comment-reply-link:hover {
    background: #e74c3c;
    color: #fff;
}
/* FIX: Reply title + Cancel cùng hàng (mobile & desktop) */
#reply-title {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    font-size: 18px;
}

#reply-title a#cancel-comment-reply-link {
    font-size: 14px;
    padding: 4px 10px;
    border-radius: 6px;
    background: #f1f1f1;
    color: #555;
    text-decoration: none;
    line-height: 1;
}

#reply-title a#cancel-comment-reply-link:hover {
    background: #e74c3c;
    color: #fff;
}

/* ===== COMMENT USER BOX ===== */
.fuzy-comment-userbox {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
}

/* Avatar */
.fuzy-comment-user-avatar img {
    border-radius: 50%;
}

/* Info */
.fuzy-comment-user-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

/* Name */
.fuzy-comment-user-name {
    font-weight: 600;
    font-size: 15px;
    color: #111;
}

/* Meta text */
.fuzy-comment-user-meta {
    font-size: 13px;
    color: #666;
}

.fuzy-repeater-handle {
    cursor: grab;
    user-select: none;
}

.fuzy-repeater-item {
    background: #fff;
}

.fuzy-sort-placeholder {
    height: 60px;
    border: 2px dashed #ccc;
    background: #f6f7f7;
}
/* ==================================================
   DESKTOP MODE ON MOBILE (PC trên điện thoại)
   WIDTH 769px – 1100px
================================================== */
@media (min-width: 769px) and (max-width: 1100px) {
	
  /* Giãn khoảng cách giữa các mục */
  .fuzy-nav .fuzy-menu {
    gap: 18px !important;   /* trước là 12px → giờ thoáng hơn */
  }

  /* Tăng padding ngang cho từng chữ */
  .fuzy-nav .fuzy-menu > li > a {
    padding: 4px 6px !important;  /* giúp chữ không dính nhau */
    letter-spacing: 0.02em;       /* giãn chữ nhẹ, rất đẹp */
  }
}

/* ==================================================
   DESKTOP MODE ON MOBILE ONLY
   (PC trên điện thoại – KHÔNG ảnh hưởng PC thật)
================================================== */
@media (min-width: 769px) and (max-width: 1100px) {

  .fuzy-logo a {
    font-size: 16px !important;
    letter-spacing: 0.04em;
  }

  .fuzy-nav .fuzy-menu {
    gap: 18px !important;
  }

  .fuzy-nav .fuzy-menu > li > a {
    font-size: 12.5px !important;
    padding: 4px 6px !important;
    white-space: nowrap;
    letter-spacing: 0.02em;
  }

  .fuzy-lang-btn {
    padding: 4px 8px !important;
    font-size: 12px !important;
  }

  .fuzy-lang-btn img {
    width: 14px !important;
  }

  .fuzy-header-inner {
    flex-wrap: nowrap !important;
    gap: 12px !important;
  }
}

/* ============================
   FUZY LIGHTBOX – RESTORE FULL
============================ */

/* Overlay */
.fuzy-lightbox {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.85); /* nền tối vừa */
    z-index: 999999;

    align-items: center;
    justify-content: center;

    padding: 16px;
}

/* Khi active */
.fuzy-lightbox.active {
    display: flex;
}

/* Ảnh trong lightbox */
#fuzy-lightbox-img {
    max-width: 95vw;
    max-height: 90vh;

    width: auto;
    height: auto;

    object-fit: contain;
    display: block;

    border-radius: 6px;
}

/* Nút X */
.fuzy-lightbox-close {
    position: absolute;
    top: 16px;
    right: 16px;

    font-size: 32px;
    line-height: 1;
    color: #ffffff;

    cursor: pointer;
    user-select: none;

    z-index: 1000000;
}

/* Chỉ ẩn X khi lightbox display:none */
.fuzy-lightbox[style*="display: none"] .fuzy-lightbox-close {
    display: none !important;
}


/* ================= FUZY AUTHOR CARD ================= */
.fuzy-author-card {
    display: flex;
    align-items: center; /* 🔥 CANH GIỮA DỌC */
    gap: 20px;
    margin-top: 36px;
    padding: 22px;
    background: #ffffff;
    border-radius: 14px;
    box-shadow: 0 8px 26px rgba(0,0,0,0.08);
}

.fuzy-author-card-avatar img {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.fuzy-author-card-info {
    flex: 1;
}

.fuzy-author-card-name {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}

.fuzy-author-card-quote {
    position: relative;
    padding-left: 22px;
    font-size: 15px;
    line-height: 1.6;
    color: #374151;
}

.fuzy-author-card-quote::before {
    content: none;
}

/* Mobile tối ưu */
@media (max-width: 640px) {
    .fuzy-author-card {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .fuzy-author-card-quote {
        padding-left: 0;
    }

    .fuzy-author-card-quote::before {
        left: 50%;
        transform: translateX(-50%);
    }
}

/* FIX canh thẳng hàng tên + mô tả */
.fuzy-author-card-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start; /* 🔥 đảm bảo cùng trục ngang */
}

/* reset margin mặc định */
.fuzy-author-card-name,
.fuzy-author-card-quote {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* chắc chắn blockquote không tự thụt */
.fuzy-author-card-quote {
    margin-top: 6px;
}

/* ===== AUTHOR CARD – MOBILE CENTER FIX ===== */
@media (max-width: 640px) {

    .fuzy-author-card {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .fuzy-author-card-avatar img {
        margin-bottom: 6px; /* 🔥 avatar sát tên */
    }

    .fuzy-author-card-info {
        align-items: center;
        text-align: center;
    }

    .fuzy-author-card-name {
        margin-top: 2px;
        margin-bottom: 10px; /* 🔥 tên sát nội dung */
    }

    .fuzy-author-card-quote {
        margin: 0;
        padding-left: 0;
        line-height: 1.6;
    }
}
/* Fix anchor scroll cho author card */
#author-card {
    scroll-margin-top: 90px; /* chỉnh theo chiều cao header */
}

/* =====================================
   HOW TO INSTALL – FUZY GUIDE PAGE
===================================== */

.fuzy-guide-page {
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 1.75;
    color: #1f2937;
}

/* ===== TITLE ===== */
.fuzy-guide-title {
    font-size: 30px;
    line-height: 1.3;
    margin: 18px 0 24px;
    font-weight: 700;
    color: #111827;
}

/* ===== HEADINGS ===== */
.fuzy-guide-page h2 {
    font-size: 22px;
    margin: 34px 0 14px;
    font-weight: 700;
    color: #111827;
}

.fuzy-guide-page h3 {
    font-size: 18px;
    margin: 24px 0 10px;
    font-weight: 600;
    color: #111827;
}

/* ===== TEXT ===== */
.fuzy-guide-page p {
    margin: 0 0 14px;
}

.fuzy-guide-page a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: none;
}

.fuzy-guide-page a:hover {
    text-decoration: underline;
}

/* ===== NOTE ===== */
.fuzy-guide-page .note {
    margin: 16px 0 24px;
    padding: 12px 14px;
    background: #fff7ed;
    border-left: 4px solid #fb923c;
    border-radius: 8px;
    font-size: 15px;
}

/* ===== HR ===== */
.fuzy-guide-page .hr {
    height: 1px;
    margin: 34px 0;
    background: #e5e7eb;
}

/* ===== VIDEO ===== */
.fuzy-video-wrap {
    position: relative;
    width: 100%;
    margin: 18px 0 28px;
    padding-bottom: 56.25%;
    overflow: hidden;
    border-radius: 14px;
    background: #000;
}

.fuzy-video-wrap iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* ===== INLINE CODE ===== */
.fuzy-guide-page code {
    padding: 2px 6px;
    background: #f3f4f6;
    border-radius: 6px;
    font-size: 14px;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

/* =====================================
   SOCIAL BUTTONS
===================================== */

.fuzy-social-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 24px 0;
}

.fuzy-social-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px 20px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    color: #0f172a;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    transition: background .18s ease, transform .18s ease, box-shadow .18s ease;
}

.fuzy-social-item:hover {
    background: #f8fafc;
    transform: translateY(-2px);
    box-shadow: 0 8px 22px rgba(0,0,0,.08);
}

.fuzy-social-item .icon {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* =====================================
   MOBILE
===================================== */

@media (max-width: 768px) {

    .fuzy-guide-page {
        font-size: 15.5px;
    }

    .fuzy-guide-title {
        font-size: 24px;
    }

    .fuzy-guide-page h2 {
        font-size: 20px;
    }

    .fuzy-guide-page h3 {
        font-size: 17px;
    }

    .fuzy-social-item {
        padding: 16px 18px;
        font-size: 15.5px;
    }
}

/* =========================
   ICON CARD – STORE BIGGER
========================= */

.fuzy-icon-card {
    width: 96px;          /* ↑ từ 84 → 96 */
    flex: 0 0 auto;
    text-align: center;
}

/* ICON */
.fuzy-icon-thumb {
    display: flex;
    justify-content: center;
}

.fuzy-icon-thumb img {
    width: 76px;          /* ↑ từ 68 → 76 */
    height: 76px;
    border-radius: 18px;  /* bo tròn mềm hơn */
    object-fit: cover;
}

/* TÊN APP */
.fuzy-icon-name {
    margin-top: 8px;      /* ↑ cho thoáng */
    font-size: 13px;      /* ↑ dễ đọc hơn */
    line-height: 1.25;
    font-weight: 500;

    max-width: 96px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* =========================
   FIX RIÊNG SECTION PHỔ BIẾN
   (ĐÚNG TỶ LỆ 1100PX)
========================= */

.fuzy-popular-section {
    max-width: 1100px !important;
    margin: 0 auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* =========================
   HORIZONTAL SCROLL – CORE
========================= */
.fuzy-horizontal-scroll {
    display: flex;
    gap: 22px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 4px 2px 10px;
}

/* =========================
   MOBILE – ẨN SCROLLBAR
========================= */
@media (hover: none) and (pointer: coarse) {
    .fuzy-horizontal-scroll {
        scrollbar-width: none;
    }

    .fuzy-horizontal-scroll::-webkit-scrollbar {
        display: none;
    }
}

/* =========================
   PC / LAPTOP – HIỆN SCROLLBAR
========================= */
@media (hover: hover) and (pointer: fine) {
    .fuzy-horizontal-scroll {
        scrollbar-width: thin;
        scrollbar-color: #d1d5db transparent;
    }

    .fuzy-horizontal-scroll::-webkit-scrollbar {
        height: 8px;
    }

    .fuzy-horizontal-scroll::-webkit-scrollbar-track {
        background: transparent;
        margin: 0 6px;
    }

    .fuzy-horizontal-scroll::-webkit-scrollbar-thumb {
        background: #d1d5db;
        border-radius: 8px;
    }

    .fuzy-horizontal-scroll::-webkit-scrollbar-thumb:hover {
        background: #9ca3af;
    }
}

/* =========================
   APP CARD – MOD TEXT ELLIPSIS
========================= */

.fuzy-app-meta {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0; /* 🔥 BẮT BUỘC cho ellipsis */
}

.fuzy-meta-version,
.fuzy-meta-dev {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Giới hạn riêng cho MOD */
.fuzy-meta-dev {
    max-width: 120px;
}

/* ICON CARD – STORE PERFECT */
.fuzy-icon-card {
    width: 64px;
    flex: 0 0 auto;
    text-align: center;
}

.fuzy-icon-thumb {
    display: flex;
    justify-content: center;
}

.fuzy-icon-thumb img {
    width: 64px;
    height: 64px;
    border-radius: 16px;
    object-fit: cover;
}

.fuzy-icon-name {
    margin-top: 6px;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 500;

    max-width: 64px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ================================
   FUZY APP DOWNLOAD BAR
================================ */
.fuzy-app-download-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;

    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 14px;

    padding: 12px 14px;
    margin: 14px 0 22px;

    gap: 12px;
}

.fuzy-app-download-left {
    display: flex;
    align-items: center;
    gap: 12px;
}

.fuzy-app-download-icon {
    width: 44px;
    height: 44px;
    border-radius: 10px;
}

.fuzy-app-download-text strong {
    display: block;
    font-size: 15px;
    color: #111827;
}

.fuzy-app-download-text span {
    font-size: 13px;
    color: #6b7280;
}

.fuzy-app-download-btn {
    background: #d90000;
    color: #fff;
    font-size: 14px;
    font-weight: 600;

    padding: 8px 14px;
    border-radius: 10px;
    white-space: nowrap;

    text-decoration: none;
}
/* Social links – ép chữ + icon về màu đen */
.fuzy-social-list .fuzy-social-item {
    color: #111 !important;
}

@media (max-width: 768px) {

    /* HEADER KHÔNG BAO GIỜ XUỐNG HÀNG */
    .fuzy-header-inner {
        flex-wrap: nowrap !important;
        min-width: 0;
    }

    .fuzy-logo,
    .fuzy-nav,
    .fuzy-right {
        min-width: 0;
        flex-shrink: 1;
    }

    /* LOGO LUÔN 1 DÒNG – KHÔNG XUỐNG HÀNG */
    .fuzy-logo,
    .fuzy-logo a {
        white-space: nowrap !important;
    }

    /* MENU */
    .fuzy-nav .fuzy-menu > li > a {
        font-size: clamp(12px, 2.2vw, 15px) !important;
        white-space: nowrap;
    }

    /* SEARCH */
    .fuzy-search input {
        width: clamp(120px, 20vw, 180px);
    }

    /* GRID APP */
    .fuzy-app-grid {
        grid-template-columns: 1fr !important;
    }

}



/* ===== DESKTOP: đẩy toàn bộ footer sang phải nhẹ ===== */
@media (min-width: 769px) {
    .fuzy-footer .footer-container {
        padding-left: 45px;   /* chỉnh 20–60px tùy mắt */
    }
}

/* ===============================
   DOWNLOAD INFO – BẢNG 2 CỘT (ALL DEVICES)
================================ */

/* KHUNG */
.fuzy-download-info-box {
    margin: 20px 0;
    width: 100%;
    background: #ffffff;
    border: 1px solid #d1d5db;
    overflow: hidden;
}

/* HÀNG */
.fuzy-info-row {
    display: grid;
    grid-template-columns: 180px 1fr; /* mobile vẫn 2 cột */
    align-items: center;
    border-bottom: 1px solid #e5e7eb;
}

.fuzy-info-row:last-child {
    border-bottom: none;
}

/* CỘT TRÁI */
.fuzy-info-label {
    padding: 12px 14px;
    font-weight: 600;
    font-size: 13px;
    background: #f9fafb;
    color: #374151;
    border-right: 1px solid #e5e7eb;
    white-space: nowrap;
}

/* CỘT PHẢI */
.fuzy-info-value {
    padding: 12px 14px;
    font-weight: 500;
    font-size: 13px;
    color: #111827;
    line-height: 1.45;
    word-break: break-word;
}

/* ===============================
   MOBILE TINH CHỈNH NHẸ
================================ */
@media (max-width: 640px) {

    .fuzy-info-row {
        grid-template-columns: 140px 1fr; /* 👈 thu cột trái lại */
    }

    .fuzy-info-label,
    .fuzy-info-value {
        font-size: 12.5px;
    }
}

/* KHUNG BAO NGOÀI ICON */
.fuzy-download-app-icon {
    position: relative;
    width: 150px;
    height: 150px;
    margin: 18px auto;

    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;   /* 👈 bo góc ít hơn */

    display: flex;
    align-items: center;
    justify-content: center;
}

/* ICON BÊN TRONG – KHÔNG BO GÓC */
.fuzy-download-app-icon img {
    position: relative;
    z-index: 1;

    width: 120px;
    height: 120px;

    margin: 6px;
    display: block;

    border: 1px solid #d1d5db;

    border-radius: 0;          /* 👈 QUAN TRỌNG: bỏ bo góc */
    object-fit: cover;
    background: #ffffff;

    box-shadow: 0 2px 4px rgba(0,0,0,0.06);
}

.fuzy-faq2-title {
    display: block;
    width: 100%;
    padding: 12px 20px;
    margin: 32px 0 20px;

    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.3px;

    color: #111827;
    background: #ffffff;

    border: 1px solid #e5e7eb;
    border-left: 4px solid #ef4444; /* 👈 điểm nhấn đỏ */
    border-radius: 0;

    text-align: center;
}

.fuzy-faq2-question,
.fuzy-faq2-answer {
    padding-left: 1px;
    padding-right:22px;
    box-sizing: border-box;
}


/* FOOTER TITLE – IN HOA */
.footer-title {
    letter-spacing: 0.6px; 
    font-size: 14px;
    font-weight: 600;
    color: #111827;   
}
.footer-title {
    text-transform: uppercase;
    letter-spacing: 0.6px;
    font-size: 14px;
    font-weight: 600;
    color: #111827;

    margin-bottom: 8px; /* 👈 KHOẢNG CÁCH DƯỚI */
}
/* FOOTER LINK – TAP TARGET PASS GOOGLE */
.fuzy-footer-column a {
    display: block;
    padding: 4px 0;        /* 👈 GIẢM */
    line-height: 1.45;     /* 👈 GIẢM */
    color: #374151;
}

.fuzy-footer-column a {
    display: block;   /* 👈 BẮT BUỘC XUỐNG HÀNG */
}

/* =========================
   BREADCRUMB – TÁCH MÀU
   ========================= */

/* MẤY MỤC TRƯỚC */
.fuzy-breadcrumb > *:not(:last-child) {
    color: #3c4557;   /* xám tím rõ vừa */
}

/* MỤC CUỐI (YouCine) */
.fuzy-breadcrumb > *:last-child {
    color: #4d586e;   /* nhạt hơn */
}


.fuzy-sub-count {
    color: #4b5563;
    font-weight: 400;
}
.fuzy-toc3-btn {
    background: #dc2626;     /* đỏ đậm */
    color: #ffffff;          /* trắng */
    font-weight: 600;
}

/* META TEXT: Publisher | Category – giống breadcrumb */
.fuzy-single-meta span,
.fuzy-single-meta a,
.fuzy-single-header span,
.fuzy-single-header a {
    color: #4b5563 !important;   /* giống breadcrumb */
    font-weight: 400 !important;
    opacity: 1 !important;
}

/* AUTHOR – Viết bởi (giống breadcrumb) */
.fuzy-author-by,
.fuzy-author-by span,
.fuzy-author-by a {
    color: #4b5563 !important;   /* giống breadcrumb */
    font-weight: 400 !important;
    opacity: 1 !important;
}
/* ==============================
   SINGLE SPEC – ĐẬM MÀU, CHỮ MỎNG
============================== */

/* CỘT TRÁI – chữ phụ */
.fuzy-single-spec .fuzy-spec-label,
.fuzy-single-spec .fuzy-spec-label *,
.fuzy-single-spec a {
    color: #6b7280 !important;   /* xám trung – đạm */
    font-weight: 400 !important; /* CHỮ MỎNG */
    opacity: 1 !important;
}

/* Link package */
.fuzy-single-spec a {
    text-decoration: underline;
}

/* CỘT PHẢI – GIÁ TRỊ (đậm MÀU hơn, KHÔNG đậm chữ) */
.fuzy-single-spec .fuzy-spec-value,
.fuzy-single-spec .fuzy-spec-value * {
    color: #1f2937 !important;   /* đậm hơn bằng MÀU */
    font-weight: 400 !important; /* vẫn mỏng */
    opacity: 1 !important;
}
/* PACKAGE NAME – cột phải, màu đỏ */
.fuzy-single-spec .fuzy-spec-value a {
    color: #E00000 !important;   /* đỏ */
    font-weight: 400 !important; /* vẫn mỏng */
    text-decoration: underline;
}

/* =============================
   FOOTER BOTTOM – CLEAN LINE
============================= */
.footer-bottom {
    position: relative;

    margin-top: 12px;
    padding: 10px 15px;

    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;

    text-align: center;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 400;

    color: #6b7280;
}

/* THANH KẺ – ĐÚNG CHIỀU FOOTER */
.footer-bottom::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;          /* 👈 CHỈ DÀI BẰNG FOOTER */
    height: 1px;
    background: rgba(15,23,42,0.08);
}

/* COPY + BRAND */
.footer-bottom .footer-copy {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

/* DẤU CHẤM NGĂN CÁCH */
.footer-sep {
    margin: 0 4px;
    color: #4b5563;
    font-weight: 400;
}

/* TEXT BẢN QUYỀN */
.footer-rights {
    font-weight: 400;
}

/* VERIFIED BRAND */
.footer-verified {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.footer-verified strong {
    color: #E00000;      /* đỏ thương hiệu */
    font-weight: 500;    /* 👈 mỏng hơn 600 */
}

/* ICON VERIFIED */
.footer-verified .verified-icon {
    display: inline-flex;
    align-items: center;
}

.footer-verified .verified-icon svg {
    width: 13px;
    height: 13px;
    fill: #E00000;
    vertical-align: middle;
}

/* MOBILE – gọn hơn */
@media (max-width: 480px) {
    .footer-bottom {
        font-size: clamp(12px, 3.5vw, 14px);
        gap: 4px;
    }

    .footer-verified .verified-icon svg {
        width: 12px;
        height: 12px;
    }
}
    .footer-bottom {
        justify-content: flex-start; /* căn trái */
        text-align: left;
        flex-wrap: nowrap;          /* 👈 QUAN TRỌNG: không cho xuống dòng */
        white-space: nowrap;        /* 👈 giữ nguyên 1 dòng */
    }
}

/* CHỈ CỘT FUZY APK */
.fuzy-footer-column:first-child .footer-title {
    margin-bottom: 14px;
}

.fuzy-footer-column:first-child p {
    line-height: 1.7;
}

.fuzy-comment-date {
    color: #374151;        /* xám đậm hơn */
    font-size: 13px;
}
.comment-reply-link {
    color: #2563eb;        /* xanh đậm */
    font-weight: 500;
    text-decoration: underline;
}

/* Reply + Delete – cùng 1 style */
.comment a.comment-reply-link,
.comment-reply-link,
a.comment-reply-link:link,
a.comment-reply-link:visited,
a.comment-reply-link:hover,
a.comment-reply-link:active,
a.comment-reply-link:focus,

.comment a.fuzy-delete-comment,
.fuzy-delete-comment,
a.fuzy-delete-comment:link,
a.fuzy-delete-comment:visited,
a.fuzy-delete-comment:hover,
a.fuzy-delete-comment:active,
a.fuzy-delete-comment:focus {
    background: none !important;
    background-color: transparent !important;
    box-shadow: none !important;

    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;

    color: #1d4ed8 !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    line-height: 1.4 !important;

    text-decoration: underline !important;
    cursor: pointer;
}

.comment-meta,
.comment-meta a {
    color: #111827;        /* gần đen */
}
.comment-content,
.comment-content p {
    color: #1f2937;
    line-height: 1.6;
}
.fuzy-spec-value {
    display: block;              /* hoặc inline-block */
    max-width: 100%;
    white-space: nowrap;         /* KHÔNG xuống hàng */
    overflow: hidden;            /* ẨN phần dư */
    text-overflow: ellipsis;     /* HIỆN ... */
}
/* ===== FIX SEARCH PC: BỎ KHUNG BO GÓC BÊN TRONG ===== */
@media (min-width: 901px) {
  .fuzy-search {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 12px !important;
  }

  .fuzy-search input {
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important; /* bỏ padding dư gây cảm giác khung lồng */
  }

  /* focus cũng KHÔNG tạo khung con */
  .fuzy-search input:focus {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
  }
}
/* =====================================
   CARD TITLE – MAX 2 LINES + ELLIPSIS
===================================== */
.ftm-title,
.fuzy-app-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;   /* 👈 tối đa 2 dòng */
    overflow: hidden;
    text-overflow: ellipsis;
}
/* =====================================
   FAQ – FIX ARROW ALIGN
===================================== */

.fuzy-faq2-question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 0 !important; /* ❗ bỏ chừa chỗ giả */
}

/* ĐẨY MŨI TÊN RA SÁT PHẢI */
.fuzy-faq2-arrow {
    margin-left: auto;
    padding-left: 12px; /* khoảng thở nhẹ */
}

/* ===== MOBILE MENU TOPBAR ===== */
.fuzy-mobile-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 8px;
}

/* Logo */
.fuzy-mobile-brand {
    font-size: 26px;
    font-weight: 700;
    line-height: 1;
    display: flex;
    align-items: center;
}

/* Close button */
.fuzy-mobile-close {
    background: none;
    border: 0;
    padding: 6px;
    cursor: pointer;

    display: flex;
    align-items: center;
    justify-content: center;

    height: 32px;
}

/* SVG icon */
.fuzy-mobile-close svg {
    width: 24px;
    height: 24px;

    stroke: #111827;
    stroke-width: 1.6;
    fill: none;
}

/* Hover */
.fuzy-mobile-close:hover svg {
    stroke: #ef4444;
}
/* ================================
   FORCE FIX – MOBILE CLOSE ICON
   (OVERRIDE ALL GLOBAL SVG RULES)
================================ */

/* SVG wrapper */
.fuzy-mobile-close svg {
    fill: none !important;
    stroke: #111827 !important;
}

/* TẤT CẢ PATH BÊN TRONG */
.fuzy-mobile-close svg path {
    fill: none !important;
    stroke: #111827 !important;
}


/* ===== FINAL FIX – MOBILE CLOSE ICON (100% EFFECTIVE) ===== */
.fuzy-mobile-close {
    margin-left: auto !important;   /* ép sát phải */
    margin-top: 0 !important;     /* chỉnh lệch dọc */
    align-self: center !important;  /* FIX lệch flex */
}

svg.line {
    width: 20px;
    height: 20px;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.3;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.fuzy-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
}

/* tất cả ô vuông bằng nhau */
.fuzy-pagination .page-numbers {
    width: 30px;        /* 🔽 thu nhỏ ở đây */
    height: 30px;       /* 🔽 thu nhỏ ở đây */
    line-height: 30px;
    padding: 0;         /* bỏ padding để giữ vuông */
    font-size: 13px;    /* chữ nhỏ lại */
    border-radius: 8px; /* bo nhẹ */
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

/* prev / next cũng vuông y chang */
.fuzy-pagination .page-numbers.prev,
.fuzy-pagination .page-numbers.next {
    width: 30px;
    height: 30px;
    line-height: 30px;
}

/* dấu ... cũng vuông */
.fuzy-pagination .page-numbers.dots {
    width: 30px;
    height: 30px;
    line-height: 30px;
}

/* ===============================
   Articles CARD – SIMPLE IMAGE STYLE (BOTTOM FADE)
================================ */

.fuzy-articles-simple {
    position: relative;
    border-radius: 0;
    overflow: hidden;
    background: #000;
}

.fuzy-articles-simple-link {
    display: block;
    position: relative;
    width: 100%;
}

/* Thumbnail – 16:9 */
.fuzy-articles-simple-thumb {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
}

.fuzy-articles-simple-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}

/* 🌑 Overlay mờ dần từ dưới lên */
.fuzy-articles-simple-link::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(
        to top,
        rgba(0,0,0,0.7) 0%,
        rgba(0,0,0,0.45) 35%,
        rgba(0,0,0,0.15) 65%,
        rgba(0,0,0,0) 100%
    );
}

/* Title */
.fuzy-articles-simple-title {
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 14px;
    z-index: 2;

    margin: 0;
    font-size: 18px;
    line-height: 1.35;
    font-weight: 700;
    color: #fff;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Hover zoom */
.fuzy-articles-simple:hover img {
    transform: scale(1.05);
}

/* =====================================
   DOWNLOAD NOTICE
===================================== */

.fuzy-download-notice {
    background: linear-gradient(
        135deg,
        rgba(239, 68, 68, 0.06),
        rgba(239, 68, 68, 0.02)
    );
    border: 1px solid rgba(239, 68, 68, 0.25);
    border-left: 4px solid #ef4444; /* 🔴 viền đỏ bên trái */
    border-radius: 8px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.04);
}

.fuzy-social {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.fuzy-social svg {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  display: block;
}

.fuzy-social.facebook svg {
  margin-right: -3px;
}


.fuzy-logo a {
    white-space: nowrap;
    display: inline-block;
}

.fuzy-logo {
    flex-shrink: 0;
}


/* CARD */
.fuzy-update-card {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    padding: 24px;
    border-radius: 22px;

    background: linear-gradient(135deg, #e5e7eb, #9ca3af);

    color: #fff;
    text-decoration: none;

    overflow: hidden;

    transition: transform .6s cubic-bezier(.22, .61, .36, 1), box-shadow .6s;
}

/* hover card */
.fuzy-update-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, .25);
}

/* top */
.fuzy-update-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* icon */
.fuzy-update-icon {
    width: 64px;
    height: 64px;

    border-radius: 16px;
    background: rgba(255, 255, 255, .18);

    display: flex;
    align-items: center;
    justify-content: center;

    backdrop-filter: blur(10px);

    transition: transform .6s ease;
}

.fuzy-update-icon img {
    width: 52px;
    height: 52px;
    border-radius: 14px;
}

/* arrow */
.fuzy-update-arrow {
    width: 42px;
    height: 42px;

    border-radius: 12px;

    background: rgba(255, 255, 255, .18);
    border: 1px solid rgba(255, 255, 255, .35);

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 20px;
    font-weight: 700;
    line-height: 1;

    transition: transform .6s ease, background .4s, border .4s;
}

/* title */
.fuzy-update-title {
    font-size: 20px;
    font-weight: 700;

    margin-top: 24px;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* button */
.fuzy-update-btn {
    margin-top: 6px;
    font-size: 15px;
    opacity: .9;
}

/* PROGRESS BAR */
.fuzy-update-bar {
    height: 4px;
    margin-top: 20px;

    background: rgba(255, 255, 255, .25);
    border-radius: 4px;

    position: relative;
    overflow: hidden;
}

.fuzy-update-bar::after {
    content: "";
    position: absolute;

    left: 0;
    top: 0;

    width: 0%;
    height: 100%;

    background: #fff;
    border-radius: 4px;

    transition: width .9s cubic-bezier(.22, .61, .36, 1);
}

/* hover animation */
.fuzy-update-card:hover .fuzy-update-bar::after {
    width: 100%;
}

/* icon xoay */
.fuzy-update-card:hover .fuzy-update-icon {
    transform: rotate(-15deg) scale(1.05);
}

/* arrow xoay */
.fuzy-update-card:hover .fuzy-update-arrow {
    transform: rotate(90deg);
}

/* shine effect */
.fuzy-update-card::before {
    content: "";
    position: absolute;

    width: 120%;
    height: 120%;

    background: linear-gradient(120deg,
            transparent,
            rgba(255, 255, 255, .25),
            transparent);

    top: -10%;
    left: -120%;

    transition: .9s;
}

.fuzy-update-card:hover::before {
    left: 120%;
}

/* GRID */
.fuzy-update-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 20px;
}

/* SCROLL */
.fuzy-horizontal-scroll {
    display: flex;
    gap: 20px;

    overflow-x: auto;
    overflow-y: hidden;

    padding-bottom: 10px;

    scrollbar-width: thin;
    scrollbar-color: #d1d5db transparent;
}

/* scrollbar chrome */
.fuzy-horizontal-scroll::-webkit-scrollbar {
    height: 8px;
}

.fuzy-horizontal-scroll::-webkit-scrollbar-track {
    background: transparent;
}

.fuzy-horizontal-scroll::-webkit-scrollbar-thumb {
    background: #d1d5db;
    border-radius: 10px;
}

.fuzy-horizontal-scroll::-webkit-scrollbar-thumb:hover {
    background: #9ca3af;
}

/* CHỈ ÁP DỤNG UPDATE CARD */
.fuzy-horizontal-scroll>.fuzy-update-card {
    flex: 0 0 240px;
}

/* mobile */
@media (max-width:768px) {

    .fuzy-horizontal-scroll>.fuzy-update-card {
        flex: 0 0 220px;
    }

    .fuzy-update-title {
        font-size: 17px;
    }

}

/* click effect */
.fuzy-update-card:active {
    transform: scale(.96);
}

.fuzy-section-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.fuzy-view-all {
    font-size: 14px;
    font-weight: 600;
    color: #E00000;
    text-decoration: none;
}

.fuzy-view-all:hover {
    text-decoration: underline;
}

h1.fuzy-logo {
    font-size: inherit;
    margin: 0;
}


.fuzy-faq2-question span:first-child {
    word-break: break-word;
    overflow-wrap: anywhere;
}



.fuzy-lang-dropdown {
    display: none;
}

.fuzy-lang-dropdown.open {
    display: flex;
}

.fuzy-lang-dropdown li,
.fuzy-mobile-lang-dropdown li {
    list-style: none !important;
}


a {
    text-decoration: none !important;
}


/* Ép hiển thị khung cho nút dịch trên mobile của Fuzy APK */
header .fuzy-mobile-icons .fuzy-mobile-lang-wrap .fuzy-mobile-lang-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    
    /* KHUNG VÀ NỀN */
    background-color: #ffffff !important;
    border: 1.5px solid #d1d1d1 !important; 
    border-radius: 6px !important;
    
    /* KÍCH THƯỚC */
    padding: 2px 10px !important;
    height: 30px !important;
    min-width: 65px !important;
    
    /* RESET TRẠNG THÁI */
    box-shadow: none !important;
    outline: none !important;
    text-decoration: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

/* Ép màu cho chữ và mũi tên */
header .fuzy-mobile-icons .fuzy-mobile-lang-wrap .fuzy-mobile-lang-btn span {
    color: #333 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

header .fuzy-mobile-icons .fuzy-mobile-lang-wrap .fuzy-mobile-lang-btn svg {
    fill: #333 !important;
    width: 10px !important;
    height: 10px !important;
    margin-left: 2px !important;
    display: inline-block !important;
}

/* Đảm bảo lá cờ không bị méo */
header .fuzy-mobile-icons .fuzy-mobile-lang-wrap .fuzy-mobile-lang-btn img {
    width: 18px !important;
    height: auto !important;
    border-radius: 2px !important;
}

/* Đảm bảo mũi tên hiện ra và nằm đúng vị trí */
.fuzy-mobile-lang-btn svg {
    display: inline-block !important; /* Buộc hiện ra */
    visibility: visible !important;
    fill: #000000 !important; /* Màu đen chuẩn */
    width: 10px !important;    /* Kích thước nhỏ gọn */
    height: 10px !important;
    margin-left: 1px !important; /* Khoảng cách với chữ VI */
    flex-shrink: 0 !important;   /* Không cho mũi tên bị bóp méo */
}

/* Căn chỉnh lại nội dung bên trong nút để mọi thứ nằm trên một hàng thẳng */
.fuzy-mobile-lang-btn {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
}
	
	
/* Áp dụng phông chữ mới cho toàn bộ các thẻ trên website */
html, body, button, input, select, textarea {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}	

	
/* =========================================================
   MOBILE BOTTOM NAV - FULL CLEAN & FIXED CSS
   ========================================================= */

/* Ẩn hoàn toàn trên Desktop */
.mobile-bottom-nav {
  display: none !important;
}

@media screen and (max-width: 900px) {
  /* 1. RESET BOX-SIZING & TRIỆT TIÊU OUTLINE CHO TOÀN BỘ NAV */
  .mobile-bottom-nav,
  .mobile-bottom-nav * {
    box-sizing: border-box !important;
    outline: none !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  /* 2. KHUNG BỌC NGOÀI CÙNG (WRAPPER) - TRONG SUỐT HOÀN TOÀN */
  .mobile-bottom-nav,
  .mobile-bottom-nav::before,
  .mobile-bottom-nav::after {
    display: block !important;
    position: fixed !important;
    bottom: 16px !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto !important;
    z-index: 999999 !important;
    width: calc(100% - 32px) !important;
    max-width: clamp(420px, 75vw, 680px) !important;
    pointer-events: none !important; /* Tránh cản trở thao tác vùng trống */
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: none !important;
    padding: 0 !important;
  }

  /* 3. KHUNG VIÊN THUỐC CHÍNH (GIAO DIỆN HIỂN THỊ) */
.mobile-bottom-nav .nav-container {
    pointer-events: auto !important;
    position: relative !important;

    background: rgba(255,255,255,.55) !important;
    backdrop-filter: blur(18px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(180%) !important;

    border-radius: 50px !important;
    height: 52px !important;
    overflow: hidden !important;

    border: 1px solid rgba(255,255,255,.35) !important;

    box-shadow:
        0 8px 30px rgba(0,0,0,.12),
        inset 0 1px 0 rgba(255,255,255,.55) !important;

    filter: none !important;

    transition: all .35s cubic-bezier(.4,0,.2,1) !important;
}

  /* --- MODE 1: DEFAULT MENU --- */
  .nav-mode-default {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 14px !important;
    transition: opacity 0.25s ease, transform 0.25s ease !important;
    opacity: 1;
    transform: scale(1);
  }

  .nav-mode-default .nav-group {
    display: flex !important;
    align-items: center !important;
  }

.nav-mode-default .nav-item{
    margin: 0 4px !important;
}	
	
.nav-mode-default .nav-links{
    flex: 1 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
}

/* Dịch cụm gạch + kính lúp sang trái */
.nav-mode-default .nav-group{
    margin-left: 5px !important; 

}
	
  .nav-mode-default .nav-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    color: #5f6368 !important;
    background: transparent !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    border: none !important;
    padding: 0 !important;
  }

  .nav-mode-default .nav-item svg {
    margin-bottom: 2px !important;
  }

  .nav-mode-default .nav-item.active {
    color: #2563eb !important;
  }

  .nav-mode-default .nav-divider {
    width: 1px !important;
    height: 20px !important;
    background-color: #e5e7eb !important;
    margin: 0 6px !important;
  }

	
  /* --- MODE 2: SEARCH INPUT EXPANDED --- */
.nav-mode-search {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;

    display: flex !important;
    align-items: center !important;

    padding: 0 16px !important;

    /* Glass trong hơn */
    background: rgba(255,255,255,.08) !important;

    backdrop-filter: blur(28px) saturate(200%) !important;
    -webkit-backdrop-filter: blur(22px) saturate(180%) !important;

    border-radius: 50px !important;

    border: 1px solid rgba(255,255,255,.18) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.35),
        0 8px 25px rgba(0,0,0,.08) !important;

    opacity: 0;
    pointer-events: none;
    transform: scale(0.95);

    transition:
        opacity .3s ease,
        transform .3s cubic-bezier(.4,0,.2,1) !important;
}

.nav-mode-search input[type="search"] {
    background: transparent !important;
}

  .nav-mode-search .search-input-icon {
    color: #5f6368 !important;
    margin-right: 10px !important;
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
  }

  .nav-mode-search input[type="search"] {
    flex: 1 !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    font-size: 14px !important;
    color: #1f2937 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    height: 100% !important;
  }

  .nav-mode-search input[type="search"]::placeholder {
    color: #8c9196 !important;
  }

  .nav-mode-search .close-search-btn {
    background: rgba(0, 0, 0, 0.08) !important;
    border-radius: 50% !important;
    width: 28px !important;
    height: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #5f6368 !important;
    cursor: pointer !important;
    padding: 0 !important;
    margin-left: 8px !important;
    border: none !important;
    flex-shrink: 0 !important;
  }

  /* --- TRẠNG THÁI KHI MỞ SEARCH (.search-active) --- */
  .mobile-bottom-nav.search-active .nav-mode-default {
    opacity: 0 !important;
    pointer-events: none !important;
    transform: scale(0.92) !important;
  }

  .mobile-bottom-nav.search-active .nav-mode-search {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: scale(1) !important;
  }

.search-suggestions-popup {
    pointer-events: auto !important;
    position: absolute !important;
    bottom: 62px !important;
    left: 0 !important;
    right: 0 !important;

    background: rgba(255,255,255,.68) !important;
    backdrop-filter: blur(22px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(22px) saturate(180%) !important;

    border-radius: 22px !important;

    border: 1px solid rgba(255,255,255,.4) !important;

    box-shadow:
        0 15px 40px rgba(0,0,0,.14),
        inset 0 1px 0 rgba(255,255,255,.6) !important;

    max-height: 320px !important;
    overflow-y: auto !important;
    display: none;
    padding: 10px 0 !important;
    transition: all .2s ease !important;
}

  .search-suggestions-popup.show {
    display: block !important;
  }

  .suggestion-loading {
    padding: 12px 16px !important;
    font-size: 13px !important;
    color: #6b7280 !important;
    text-align: center !important;
  }

  .suggestion-item {
    display: flex !important;
    align-items: center !important;
    padding: 10px 16px !important;
    text-decoration: none !important;
    color: #1f2937 !important;
    border-bottom: 1px solid #f3f4f6 !important;
    transition: background 0.15s ease !important;
    background: transparent !important;
  }

  .suggestion-item:last-child {
    border-bottom: none !important;
  }

  .suggestion-item:active {
    background-color: #f3f4f6 !important;
  }

  .suggestion-thumb {
    width: 40px !important;
    height: 40px !important;
    border-radius: 10px !important;
    object-fit: cover !important;
    margin-right: 12px !important;
    background-color: #e5e7eb !important;
    flex-shrink: 0 !important;
  }

  .suggestion-info {
    flex: 1 !important;
    overflow: hidden !important;
  }

  .suggestion-title {
    font-size: 13px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 2px 0 !important;
    color: #111827 !important;
  }

  .suggestion-sub {
    font-size: 11px !important;
    color: #6b7280 !important;
    margin: 0 !important;
  }

  /* Tạo khoảng trống ở cuối trang tránh che mất footer/nội dung */
  body {
    padding-bottom: 76px !important;
  }
}

#openSearchBtn{
    margin-left: 12px !important;
}	
	
/* Đảm bảo nút không bị dính style lạ */
#openSearchBtn {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Ép màu cho icon */
#openSearchBtn svg {
    display: block;
    /* Đặt màu stroke mong muốn, ví dụ: */
    stroke: #333 !important; 
    fill: none !important;
}

/* Đảm bảo các đường vẽ không bị fill màu đen */
#openSearchBtn path {
    fill: none !important;
    stroke: currentColor !important;
}
	
/* =========================================================
   GLASS ACTIVE TAB (Giọt nước kính)
   ========================================================= */

/* Bỏ màu xanh khi active */
.nav-mode-default .nav-item.active{
    color:#1f2937 !important;
}

/* Chuẩn bị cho hiệu ứng */
.nav-mode-default .nav-item{
    position:relative !important;
    z-index:1;
	flex: 1;
    transition:all .28s ease !important;
}

/* Viên kính */
.nav-mode-default .nav-item.active::before{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);

    width:82px;
    height:42px;

    border-radius:999px;

    /* Không có nền */
    background: transparent;

    backdrop-filter: blur(22px) saturate(180%);
    -webkit-backdrop-filter: blur(22px) saturate(180%);

    /* Chỉ còn viền kính */
    border:1px solid rgba(255,255,255,.28);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.45),
        inset 0 -1px 0 rgba(255,255,255,.08),
        0 6px 18px rgba(0,0,0,.08);

    z-index:-1;

    transition:all .35s cubic-bezier(.2,.8,.2,1);
}

	.nav-mode-default .nav-item.active::before{
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}
	
/* Khi bấm */
.nav-mode-default .nav-item:active{
    transform:scale(.95);
}

/* Icon */
.nav-mode-default .nav-item.active svg{
    transform:translateY(-1px);
}

/* Chữ */
.nav-mode-default .nav-item.active span{
    font-weight:600;
}	
	
/* Ẩn nút X xóa nhanh mặc định của trình duyệt trên các hệ Chrome, Safari, Edge, Webkit */
.nav-mode-search input[type="search"]::-webkit-search-cancel-button,
.nav-mode-search input[type="search"]::-webkit-search-decoration,
.nav-mode-search input[type="search"]::-webkit-search-results-button,
.nav-mode-search input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance: none !important;
  appearance: none !important;
  display: none !important;
}

/* Chỉ áp dụng cho màn hình có độ rộng từ 900px đến 1000px */
@media screen and (min-width: 900px) and (max-width: 1000px) {
  /* Tăng độ ưu tiên bằng cách kết hợp tag + class */
  form.fuzy-search {
    width: 120px !important; /* Thay đổi chiều rộng khung search theo ý bạn */
    max-width: 100% !important;
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
  }

  /* Thu nhỏ ô input bên trong */
  form.fuzy-search input[type="text"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 !important;
  }
}


/* ==========================================
   1. CUỘN NGANG (LAYOUT & ẨN THANH CUỘN MOBILE)
   ========================================== */
.fuzy-trending-new .ftm-scroll {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    box-sizing: border-box !important;
    gap: 14px !important; /* Tăng gap nhẹ giữa các card */
    
    /* Bật cuộn ngang */
    overflow-x: auto !important;
    overflow-y: hidden !important;
    
    /* Trải nghiệm cuộn mượt cho iOS/Android */
    -webkit-overflow-scrolling: touch !important;
    scroll-snap-type: x mandatory !important;
    
    padding-bottom: 12px !important; 
}

/* Kích thước fixed cho từng Card - TĂNG CỠ MOBILE */
.fuzy-trending-new .ftm-item {
    flex: 0 0 160px !important; /* Mobile cũ: 140px -> Mới: 160px */
    width: 160px !important;
    max-width: 160px !important;
    min-width: 160px !important;
    scroll-snap-align: start !important;
}

/* TĂNG CỠ TABLET / PC */
@media (min-width: 640px) {
    .fuzy-trending-new .ftm-scroll { gap: 18px !important; }
    .fuzy-trending-new .ftm-item {
        flex: 0 0 185px !important; /* PC/Tablet cũ: 165px -> Mới: 185px */
        width: 185px !important;
        max-width: 185px !important;
        min-width: 185px !important;
    }
}

/* ------------------------------------------
   MOBILE & TABLET THẬT: Nhận diện bằng màn hình cảm ứng (pointer: coarse)
   Ẩn hoàn toàn thanh cuộn mặc định của trình duyệt
   ------------------------------------------ */
@media (pointer: coarse) {
    .fuzy-trending-new .fuzy-horizontal-scroll::-webkit-scrollbar {
        display: none !important;
    }
    .fuzy-trending-new .fuzy-horizontal-scroll {
        -ms-overflow-style: none !important;
        scrollbar-width: none !important;
    }
}

/* ==========================================
   2. KHÓA CARD & HIỆU ỨNG ZOOM ICON ON HOVER
   ========================================== */
.trnd-card {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    background: #ffffff !important;
    border-radius: 18px !important;
    padding: 12px !important; /* Tăng padding trong card cho thoáng */
    box-sizing: border-box !important;
    text-decoration: none !important;
    border: 1px solid #f0f0f0 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;
}

/* Khung ảnh xám bao quanh icon */
.trnd-media-box {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 1 / 1 !important; /* Cố định chuẩn hình vuông 1:1 */
    background-color: #f0f2f5 !important;
    border-radius: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 10px !important;
    flex-shrink: 0 !important;
    overflow: hidden !important; /* Cắt mép ảnh thừa khi zoom */
}

/* Wrapper Icon khóa size */
.trnd-icon-wrapper {
    width: 58% !important; /* Tăng tỉ lệ Icon bên trong khung xám */
    height: 58% !important;
    max-width: 110px !important;
    max-height: 110px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.trnd-app-icon {
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
    transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* DI CHUỘT VÀO CARD -> CHỈ ZOOM ICON (Card giữ nguyên vị trí) */
.trnd-card:hover .trnd-app-icon {
    transform: scale(1.12) !important;
}


/* ==========================================
   3. BADGES & VĂN BẢN
   ========================================== */
.trnd-badge {
    position: absolute !important;
    top: 8px !important;
    left: 8px !important;
    font-size: 10px !important; /* Tăng nhẹ font Badge */
    font-weight: 800 !important;
    padding: 3px 8px !important;
    border-radius: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
    z-index: 2 !important;
}

/* Badge MOD */
.trnd-badge-mod { 
    background-color: #F8DDDD !important; 
    color: #CC0000 !important; 
}

/* Badge Original */
.trnd-badge-original { 
    background-color: #e5e7eb !important; 
    color: #374151 !important; 
}

.trnd-body {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    min-width: 0 !important;
}

/* Tên App - Ép nằm trên đúng 1 hàng, dài quá tự có dấu ... */
.trnd-title {
    font-family: system-ui, -apple-system, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin: 0 0 12px 0 !important;
    line-height: 1.3 !important;
    
    /* Thuộc tính khóa 1 hàng */
    height: auto !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: block !important;
}

.trnd-meta {
    font-size: 12px !important; /* Tăng nhẹ font chữ */
    color: #94a3b8 !important;
    margin-bottom: 6px !important;
    display: flex !important;
    align-items: center !important;
    gap: 3px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

.trnd-footer {
    margin-top: auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    font-size: 12px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

/* Màu Rating  */
.trnd-rating-score {
    color: #000000 !important; 
    font-weight: 700 !important;
    flex-shrink: 0 !important;
}

/* Dấu chấm phân cách & Text dung lượng */
.trnd-dot, .trnd-size-text {
    color: #6b7280 !important;
}

.trnd-mod-text {
    color: #6b7280 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}


/* ================================
   SEARCH APP ROW
================================ */
.search-app-row {
    background: #fff;
    border-radius: 14px;
}

.search-app-link {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 14px;
}

/* ICON */
.search-app-icon img {
    width: 64px;
    height: 64px;
    border-radius: 14px;
    object-fit: cover;
}

/* CONTENT */
.search-app-main {
    flex: 1;
    min-width: 0;
}

.search-app-title {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ================================
   SEARCH APP – META 1 DÒNG + …
================================ */

/* dòng version / mod feature */
.search-app-meta {
    font-size: 13px;
    color: #6b7280;
    margin-bottom: 4px;

    white-space: nowrap;        /* ❌ không xuống hàng */
    overflow: hidden;           /* ẩn phần dư */
    text-overflow: ellipsis;    /* … */
    max-width: 100%;            /* ăn theo khối content */
}

/* RATING */
.search-app-rating {
    display: flex;
    align-items: center;
    gap: 6px;
}

.search-app-rating .fuzy-rating-stars {
    display: flex;
}

.search-app-rating .fuzy-rating-info {
    font-size: 12px;
    color: #6b7280;
}

/* ACTION */
.search-app-action {
    margin-left: auto;
}

.search-app-btn {
    background: #2563eb;
    color: #fff;
    font-size: 13px;
    padding: 6px 14px;
    border-radius: 999px;
    font-weight: 600;
}
.search-news-row .search-app-icon img {
    object-fit: cover;
    background: #f3f4f6;
}
/* ================================
   SEARCH LIST SPACING
================================ */
.search-grid {
    display: flex;
    flex-direction: column;
    gap: 12px; /* 👈 khoảng cách giữa mỗi card */
}

/* đảm bảo mỗi row là 1 khối riêng */
.search-app-row {
    border-radius: 16px;
}
.search-news-meta {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: #6b7280;
}

.search-news-icon svg {
    width: 16px;
    height: 16px;
    stroke: currentColor;
    fill: none;
}
/* META NEWS – FIX ALIGN */
.search-news-meta {
    display: inline-flex;
    align-items: center;        /* 👈 QUAN TRỌNG */
    gap: 6px;
    font-size: 13px;
    line-height: 1;             /* 👈 FIX lệch baseline */
    color: #6b7280;
}

/* ICON */
.search-news-icon {
    display: inline-flex;       /* 👈 KHÓA SVG theo flex */
    align-items: center;
}

.search-news-icon svg {
    width: 16px;
    height: 16px;
    stroke: currentColor;
    fill: none;
    display: block;             /* 👈 CHỐT HẠ */
}
/* =====================================
   FIX STAR SIZE – SEARCH CARD ONLY
===================================== */

/* container sao trong search */
.fuzy-page .search-app-rating {
    display: flex;
    align-items: center;
    gap: 6px;
}

/* SEARCH CARD – STAR SIZE TUNED (BIGGER) */
.fuzy-page .search-app-rating .fuzy-star-wrap {
    font-size: 15px !important;  /* 👈 TO HƠN CHÚT */
    line-height: 1 !important;
}

/* giữ màu vàng đúng */
.fuzy-page .search-app-rating .fuzy-star-fill {
    color: #f6b01e;
}

/* text 4.8/5 */
.fuzy-page .search-app-rating .fuzy-rating-info {
    font-size: 12px;
    color: #6b7280;
    line-height: 1;
}