/* gaigoi.css — phần BÙ cho theme dark-magenta. style.css giữ nguyên bản gốc, mọi chỉnh riêng của gaigoi để ở đây.
   Nạp SAU style.css. */

/* ---- logo: dùng ảnh /images/logo/logo.png thay chữ .main-lgo-m của bản gốc ---- */
.main-lgo { display: inline-block !important; }
.main-lgo-m { display: none !important; }
.top-brand img { height: 46px; width: auto; }

/* ---- thanh trên: góc phải xếp ngang, cao bằng hàng logo (70px = line-height theme ở màn rộng) ---- */
.top-menu .float-right { display: flex; align-items: center; height: 70px; }
/* T9 (27/09): màn hẹp = MỘT hàng 50px: logo trái, tìm/chuông/tài khoản/☰ phải. Trước: .float-right cao 70px thành dải trống,
   ☰ nằm trong .left-me (63%) nên icon rớt xuống hàng 2 khi chữ to. 50px khớp .toggle-search{top:50px} + jquery.main.js đặt top 50/87 cho .toggle-menu. */
@media (max-width: 767px) {
  .top-nav .container { padding: 0 8px; }
  .top-menu { display: flex; align-items: center; height: 50px; }
  .top-menu .left-me { width: auto; flex: 1 1 auto; min-width: 0; float: none; display: flex; align-items: center; }
  .top-brand { float: none; margin: 0 !important; display: flex; align-items: center; }
  .top-brand img { height: 32px; }
  .top-menu .float-right { height: auto; float: none; margin-left: auto; flex: 0 0 auto; }
  .top-menu-item a { padding: 8px 7px; font-size: 18px; }
  #shSearch { margin: 0 !important; padding: 8px 7px !important; height: auto; font-size: 18px; line-height: 1; }
  .top-nav .navbar-toggler { margin: 0 0 0 2px; padding: 4px 6px; }
  .top-menu .clearfix { display: none; }
}
.top-menu-item { margin-top: 0 !important; line-height: 1; }
.top-menu-item a { display: inline-flex; align-items: center; gap: 6px; position: relative; font-size: 17px; padding: 6px 8px; color: #bbb; }
.top-menu-item a:hover { color: #fff; }
.top-menu-item .fa-key { color: #bbb; transform: rotateY(180deg); }
.gg-badge { font-size: 10px; line-height: 1; padding: 3px 5px; border-radius: 9px; font-weight: 700; margin-left: 4px; vertical-align: 2px; }
.top-menu-item .gg-badge { position: absolute; top: 0; right: -2px; margin: 0; }
#shSearch { margin-right: 4px; }

/* ---- navbar: mục bên phải (đăng nhập/đăng ký hoặc chuông/tài khoản/quản trị/đăng xuất) ---- */
.navbar .navbar-nav .nav-link i { margin-right: 2px; }
.gg-logout { margin: 0; }
.gg-logout .nav-link { background: none; border: 0; cursor: pointer; font: inherit; width: 100%; text-align: left; }
.navbar-dark .navbar-nav .gg-logout .nav-link { color: #bbb; }
.navbar-dark .navbar-nav .gg-logout .nav-link:hover { color: #fff; }

/* ---- footer ---- */
.footer-links { color: #9a9a9a; font-size: 14px; line-height: 1.6; }
.footer .gg-copy { margin-top: 6px; font-size: 12px; color: #8a8a8a; }
/* hằng CSS cũ (trang legacy) cũng có .footer{} — khoá lại giá trị theme cho chân trang thật */
.footer-container .footer { margin-top: 0; border-top: 0; padding: 15px 0; font-size: 14px; color: #989a9c; background-color: #383838; }
.footer-container .footer a { color: #fff; }

/* ---- mục gốc không dùng ---- */
.eac-total { display: none; }                 /* jquery.main.js in item.type cạnh gợi ý — "tinh" vô nghĩa với người xem */
#language-modal, #dialogModal, .ic-signup { display: none; }

/* ---- modal đăng nhập / đăng ký ---- */
.modal-content { color: #ddd; }
.modal-header .modal-title { color: #fff; font-size: 18px; }
.modal-header .close { color: #fff; opacity: .7; text-shadow: none; }
.modal-footer { border-top: 0; }
.modal .alert { white-space: normal; max-width: none; overflow: visible; text-overflow: clip; margin-bottom: 12px; font-size: 14px; }
.gg-modal-row { display: flex; justify-content: space-between; align-items: center; font-size: 13px; color: #bbb; gap: 10px; }
.gg-modal-row a { color: #3ea6ff; }
.gg-modal-row a:hover { color: #fff; }
.login-modal .cf-turnstile { min-height: 65px; }
.btn-bold { font-weight: 600; }

/* ---- badge bài ---- */
.lb-hot, .lb-nghi { display: inline-block; font-size: 11px; font-weight: 700; line-height: 1; padding: 4px 7px; border-radius: 3px; text-transform: uppercase; letter-spacing: .3px; color: #fff; }
.lb-hot { background: #ff0000; box-shadow: 0 0 6px rgba(255, 0, 0, .55); }
.lb-nghi { background: #4a4a4a; color: #ddd; }

/* ---- chip "Chia sẻ lên X" (markup inline ở server dùng biến --text2/--border) ---- */
.share-x { --text2: #bbb; --border: #353535; }
.share-x:hover { color: #fff !important; border-color: #6a6a6a !important; }

/* ---- .legacy: trang cũ (hằng CSS của gaigoi-server.js) hoà màu theme ----
   Biến của bộ CSS cũ được khai lại theo bảng màu style.css; bản thân hằng CSS nạp TRƯỚC bootstrap/style.css
   nên các selector chung (body, a, img, .footer) theme thắng, còn selector riêng của trang cũ vẫn nguyên. */
.legacy {
  --bg: #181818; --bg2: #212121; --bg3: #2b2b2b; --nav: #202020;
  --text: #ddd; --text2: #bbb; --text3: #909090;
  --blue: #3ea6ff; --blue2: #7cc3ff; --red: #ff0000;
  --green: #57a557; --orange: #e68900; --yellow: #e7a400;
  --border: #353535; --border2: #2b2b2b;
  color: var(--text); font-size: 14px; line-height: 1.5;
}
.legacy .page-main { width: 100%; }
/* chữ chìm trắng-trên-trắng: theme đặt h1 #fff cỡ 18 — trang cũ có h1 riêng, giữ màu chữ cũ */
/* :where() = độ ưu tiên 0,0,1: thắng theme h1{} (nạp sau) nhưng thua mọi rule có class của trang cũ */
:where(.legacy) h1, :where(.legacy) h2, :where(.legacy) h3 { color: var(--text); }
:where(.legacy) input, :where(.legacy) textarea, :where(.legacy) select { color: var(--text); }
:where(.legacy) table { color: var(--text); }

/* ======== Plan 3 T3: trang danh sách (khuon.listingGG) + card (khuon.cardGG) ======== */
.gg-list { --border: #353535; --text: #ddd; --text2: #9a9a9a; --text3: #909090; --blue: #3ea6ff; --bg2: #212121; }
.gg-list .tt-info { float: left; padding-top: 8px; margin-left: 10px; color: #909090; font-size: 14px; }
/* breadcrumb Bootstrap về màu theme */
.gg-bc .breadcrumb { background: transparent; padding: 6px 0 0; margin: 0; font-size: 13px; }
.gg-bc .breadcrumb-item + .breadcrumb-item::before { color: #6a6a6a; }
.gg-bc .breadcrumb-item.active { color: #bbb; }
/* hàng tiêu đề: nút nhanh góc phải */
.gg-nut-wrap { display: flex; align-items: center; height: 44px; }
.gg-nut { display: flex; gap: 6px; }
.gg-nut .btn { font-size: 12px; padding: 4px 9px; white-space: nowrap; }
.well-filters .gg-nut .btn-primary { color: #fff !important; }
.well-filters .gg-nut .btn-secondary { color: #ddd !important; }
@media (max-width: 575px) { .gg-nut-wrap { float: none !important; clear: both; height: auto; padding: 4px 0 8px; } }
/* thanh lọc: dropdown Khu vực + các ô select mặc well-action */
.gg-row { margin: 0 !important; }
.gg-filters { margin-bottom: 10px; width: 100%; }
.gg-filters-in { display: flex; flex-wrap: wrap; align-items: center; }
.gg-filters .btn-group { margin-right: 8px; }
.gg-sel { display: inline-block; appearance: none; -webkit-appearance: none; -moz-appearance: none; border: 0; border-radius: 0; outline: 0;
  background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23bbb' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E") no-repeat right 2px center;
  color: #bbb; font: inherit; font-size: 14px; font-weight: 500; padding: 9px 18px 9px 0; cursor: pointer; max-width: 170px; }
.gg-sel:hover, .gg-sel.act { box-shadow: inset 0 -2px 0 #ff0000; }
.gg-sel.act { color: #fff; }
.gg-sel option { background: #2b2b2b; color: #ddd; }
.gg-clear { display: inline-block; color: #ff6b6b !important; font-size: 14px; }
.gg-dd { max-height: 70vh; overflow-y: auto; width: 230px !important; }
.gg-dd li a { display: block; padding: 3px 15px !important; }
.gg-dd li a:hover, .gg-dd li.active a { background: #4a4a4a; color: #fff !important; }
.gg-dd .tag-counter { font-size: 12px; color: #8a8a8a; }
/* hàng tỉnh/quận (.list-city-menu): T9 — chip nhỏ bọc dòng, không tràn. Theme ở màn hẹp ép ul 650px + li 90×45 float cuộn ngang
   (thanh cuộn bị giấu nên trông như bị cắt ở cột 4); ở màn rộng li cách nhau 20px. Số bài = .gg-cnt mờ nhỏ. */
.gg-list .list-city-menu { overflow: visible; }
.gg-list .list-city-menu ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0 8px; width: auto !important; }
.gg-list .list-city-menu ul li { float: none; width: auto; height: auto; margin: 0 !important; overflow: visible; font-size: 13px; line-height: 1.4; }
.gg-list .list-city-menu ul li a { padding: 3px 10px; white-space: nowrap; }
.gg-cnt { color: #8a8a8a; font-size: 11px; }
@media (max-width: 767px) {
  .gg-list .list-city-menu ul { gap: 6px 8px; margin: 8px 0 6px; }
  .gg-list .list-city-menu ul li { font-size: 12px; }
  .gg-list .list-city-menu ul li a { padding: 2px 8px; }
}
/* hàng quận: mục đang xem */
.gg-list .list-city-menu ul li.active-slug { background: #3ea6ff !important; border-color: #3ea6ff !important; }
.gg-list .list-city-menu ul li.active-slug a { color: #fff; }
.gg-list .list-city-menu ul li.active-slug .gg-cnt { color: #e6f2ff; }
/* thẻ dịch vụ */
.gg-tags { display: flex; flex-wrap: wrap; align-items: center; margin: 2px 0 8px; }
.gg-tags-h { color: #909090; font-size: 13px; margin-right: 6px; }
.gg-tags .tag-item { padding: 3px 10px 3px 0; height: auto; }
.gg-tags .tag-item a { color: #3ea6ff; font-size: 13px; }
.gg-tags .tag-item.gg-tag-act a { color: #fff; font-weight: 600; }
.gg-tags .tag-counter { color: #6a6a6a; font-size: 12px; }
/* lưới trống / tiêu đề phụ / đoạn dẫn / FAQ */
.gg-empty { background: #212121; color: #bbb; padding: 28px 16px; text-align: center; border-radius: 3px; margin: 8px 0 12px; font-size: 14px; line-height: 1.7; }
.gg-empty a { color: #3ea6ff; }
.gg-near-h { color: #fff; font-size: 16px; font-weight: 600; margin: 18px 0 6px; }
.gg-lead { color: #9a9a9a; font-size: 14px; line-height: 1.7; margin: 18px 0 6px; max-width: 900px; }
.gg-lead-sm { margin: 8px 0 6px; }
.gg-lead p { margin: 0 0 8px; }
.gg-lead a { color: #3ea6ff; }
.gg-lead strong { color: #ddd; }
.gg-list .ks-faq { color: #bbb; }
.gg-list .ks-faq h2 { color: #fff; }
.gg-list .ks-faq summary { color: #ddd; }
.gg-otim { margin: 10px 0 4px; max-width: 560px; }
.gg-otim .input-group { width: 100%; }
.gg-otim .form-control { flex: 1; }
/* phân trang: dấu … và bọc dòng trên màn hẹp */
.gg-list .pagination { flex-wrap: wrap; justify-content: center; max-width: 100%; }
.gg-gap { display: inline-block; padding: .5rem .3rem; color: #888; }
/* card: ảnh bìa của mình đủ mọi tỷ lệ (gốc dùng thumbnail cùng cỡ) → ép 3:4 để hàng card bằng nhau */
.escort-list .img-escort-res { aspect-ratio: 3 / 4; height: auto; min-height: 0 !important; object-fit: cover; display: block; }
/* card: nhãn + ảnh thiếu + khoảng cách quanh đây */
.lb-vip { display: inline-block; font-size: 11px; font-weight: 700; line-height: 1; padding: 4px 7px; border-radius: 3px; text-transform: uppercase; letter-spacing: .3px; color: #1a1a1a; background: #e7a400; }
.label-content .lb-hot, .label-content .lb-nghi, .label-content .lb-vip { margin-left: 4px; vertical-align: middle; }
.label-content .c-lc { vertical-align: middle; }
.gg-noimg { display: flex; align-items: center; justify-content: center; background: #2b2b2b !important; color: #4a4a4a; font-size: 40px; }
.gg-km { position: absolute; top: 10px; left: 10px; text-transform: none; }
.content-r .content-rating .white { color: #909090; }
/* chat sex: tam giác play trên ảnh + màu quận vàng nhạt (style inline của mẫu chat-sex.html) */
.gg-chat .thumb-overlay::before { content: ""; position: absolute; left: 45%; top: 40%; z-index: 1; opacity: .6; pointer-events: none; box-sizing: border-box;
  width: 25px; height: 25px; border-style: solid; border-width: 23px 0 23px 40px; border-color: transparent transparent transparent #fff; }
.gg-chat .es-city a, .gg-chat .es-city i { color: #fff3cd !important; }

/* ======== Plan 3 T4: trang chủ = feed "Đánh giá gái gọi" (khuon.homeGG / feedItemGG) ======== */
/* .main-nf của theme bỏ padding container → tự thêm gutter cho từng khối, .content-row (margin 0 -6px) phải nằm trong khối có padding ≥ 6px */
.gg-home .main-head-nf { float: none; }   /* theme float:left → khối flex phía sau (BFC) bị ép sát phải, rộng 0 */
.gg-home .main-head-nf .well-filters { margin-bottom: 4px; }
.gg-home .main-head-nf h1 { font-size: 18px; }
.gg-home .gg-kv .well-action { display: inline-block; color: #bbb; font-weight: 500; }
.gg-hot { padding: 0 10px; margin-top: 6px; }
.gg-hot .gg-near-h { margin: 4px 0 6px; }
.gg-hot .list-escorts { padding: 0 6px !important; }   /* .main-nf .p-d-3 của theme ép 0 → trả lại gutter card */
.gg-nf-list { padding: 0 10px; }
.gg-nf { width: 100%; margin: 0 0 6px !important; padding: 12px 0 10px; }
.gg-nf .card-sub { border-top: 0; padding-top: 0; color: #bbb; }
.gg-nf .nf-content-bot { padding: 0 !important; }
/* đầu mục: avatar chữ + tên + ngày + sao + câu dẫn */
.gg-nf-head { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 8px; }
.gg-ava { flex: 0 0 42px; width: 42px; height: 42px; border-radius: 6px; background: #2b2b2b; color: #fff; font-weight: 700; font-size: 18px; display: flex; align-items: center; justify-content: center; text-decoration: none; }
a.gg-ava:hover { background: #4a4a4a; color: #fff; }
.gg-nf-owner { flex: 1; min-width: 0; margin-top: 0; line-height: 1.4; float: none; }
.gg-nf-owner span, .gg-nf-owner a { width: auto; float: none; }   /* KHÔNG dùng .review-rates của theme: nó ép span width 100% + float */
.gg-nf .inf-owner { font-size: 14px !important; color: #bbb; margin-bottom: 2px !important; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; }
.gg-nf-name { color: #fff !important; font-weight: 700; }
.gg-nf-dot { color: #6a6a6a; }
.gg-nf-time { color: #bbb; }
.gg-nf-stars { font-size: 13px !important; color: #bbb; white-space: nowrap; }
.gg-nf-stars .white { color: #4a4a4a; }
.gg-nf-line { color: #909090; font-size: 14px; }
.gg-nf-line a { color: #3ea6ff; }
.gg-nf-line a:hover { color: #fff; }
.gg-nf-kv { color: #6a6a6a; }
/* thân: nhận xét (kẹp 4 dòng + Xem thêm), thẻ, lưới ảnh */
.gg-nf-txt { color: #ddd; font-size: 15px; line-height: 1.55; margin: 0 0 4px; white-space: pre-line; word-break: break-word; }
.gg-nf-txt.clamp { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.gg-nf-more { background: none; border: 0; padding: 0; color: #3ea6ff; font-size: 13px; cursor: pointer; margin: 0 0 6px; }
.gg-nf-more:hover { color: #fff; }
.gg-nf-tags { margin: 0 0 8px; font-size: 14px; display: flex; flex-wrap: wrap; gap: 4px 10px; }
.gg-nf-tags a { color: #3ea6ff !important; }
.gg-nf-imgs { display: flex; flex-wrap: wrap; margin: 0 -1px 8px; position: relative; }
.gg-nf-imgs .img-reviews { float: none; padding: 0 1px; margin: 0 0 2px; position: relative; }
.gg-nf-imgs .img-reviews a { display: block; float: none; position: relative; }
.gg-nf-imgs .img-reviews img { height: auto !important; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; display: block; background: #212121; }
.gg-nf-imgs.n1 .img-reviews img { aspect-ratio: 4 / 3; max-height: 640px; }
.gg-nf-imgs.n2 .img-reviews img { aspect-ratio: 1 / 1; }
.gg-nf-plus { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, .55); color: #fff; font-size: 28px; font-weight: 700; }
/* chân: bình chọn · chia sẻ · bài gốc */
.gg-nf-foot { display: flex; align-items: center; gap: 12px; padding: 6px 0 0; margin: 0; border-top: 1px solid rgba(136, 136, 136, .3); color: #909090 !important; font-size: 14px; }
.gg-nf-foot i { color: #bbb; }
.gg-vote-box { display: inline-flex; align-items: center; gap: 12px; }
.gg-vote { display: inline-flex; align-items: center; gap: 4px; margin: 0; }
.gg-vbtn { background: none; border: 0; padding: 0 2px; color: #bbb; cursor: pointer; font-size: 15px; line-height: 1; }
.gg-vbtn:hover, .gg-vote.on .gg-vbtn, .gg-vote.on .gg-vbtn i { color: #57a557; }
.gg-vote .gg-vn { color: #bbb; font-size: 13px; position: static; top: 0; }
.gg-nf-share { display: inline-flex; }
.gg-nf-share .share-x { padding: 2px 9px; font-size: 12px; }
.gg-nf-goc { margin-left: auto; color: #bbb !important; white-space: nowrap; }
.gg-nf-goc:hover { color: #fff !important; }
/* mục bài mới / bình luận: card theme + cột thông tin */
.gg-nf-row { margin: 0 -6px; }
.gg-nf-row .list-escorts { padding: 0 6px !important; }
.gg-nf-info { padding: 0 6px; color: #bbb; font-size: 14px; }
.gg-nf-ti { display: block; color: #fff; font-weight: 600; font-size: 15px; line-height: 1.35; margin-bottom: 6px; }
.gg-nf-ti:hover { color: #3ea6ff; }
.gg-nf-facts { list-style: none; padding: 0; margin: 0 0 8px; display: flex; flex-wrap: wrap; gap: 4px 14px; }
.gg-nf-facts i { color: #6a6a6a; width: 16px; text-align: center; }
.gg-nf-facts .pink { color: #ff0000 !important; }
.gg-nf-facts a { color: #3ea6ff; }
.gg-nf-mota { color: #9a9a9a; font-size: 13.5px; line-height: 1.55; margin: 0 0 8px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.gg-nf-cmts { margin: 0 0 8px; }
.gg-nf-cmt { display: flex; gap: 8px; align-items: flex-start; margin-bottom: 6px; font-size: 13.5px; }
.gg-nf-cmt .gg-ava { flex-basis: 28px; width: 28px; height: 28px; font-size: 13px; border-radius: 50%; }
.gg-nf-cmt-bd { color: #bbb; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.gg-nf-xem { font-size: 12px; padding: 4px 12px; color: #fff !important; }
@media (max-width: 575px) { .gg-nf-mota { display: none; } .gg-nf-facts { flex-direction: column; gap: 3px; } }
/* Tải thêm · thẻ · đoạn dẫn */
.gg-more { display: block; text-align: center; margin: 6px 0 14px; padding: 10px; background: #212121; color: #bbb; border-radius: 3px; font-size: 14px; }
.gg-more:hover { color: #fff; background: #2b2b2b; text-decoration: none; }
.gg-home-tags { padding: 0 10px; }
.gg-home-tags .tag-item a { font-size: 13px; }
.gg-home-tags .gg-s2 a { font-size: 14px; }
.gg-home-tags .gg-s3 a { font-size: 15px; }
.gg-home-tags .gg-s4 a { font-size: 16px; font-weight: 600; }
.gg-home .gg-lead { padding: 0 10px; }
/* modal #reviewpop: nội dung đầy đủ của một report */
#reviewpop .modal-dialog { max-width: 640px; }
#reviewpop .modal-header { border-bottom: 0; padding: 6px 10px 0; }
#reviewpop .modal-header .close { color: #fff; opacity: .7; text-shadow: none; }
#reviewpop .modal-body { padding: 0 14px 14px !important; color: #ddd; }
.gg-pop-txt { white-space: pre-line; line-height: 1.6; font-size: 15px; word-break: break-word; margin-bottom: 10px; }
.gg-pop-imgs a { display: block; margin-bottom: 4px; }
.gg-pop-imgs img { width: 100%; height: auto; display: block; }
.gg-pop-foot { margin: 8px 0 0; }
.gg-pop-foot a { color: #3ea6ff; }

/* ======== Plan 3 T5: trang chi tiết bài (khuon.detailGG) ======== */
/* khung lightbox cũ mà layout() luôn in ra (JS data-lb của trang legacy): trang mới dùng fancybox — chỉ hiện khi .on */
.lb:not(.on) { display: none; }
.gg-detail { color: #bbb; }
.gg-detail .gg-head { padding: 6px 0 !important; }
.gg-detail .head-title { width: auto; float: left; max-width: calc(100% - 330px); }
.gg-detail .head-title h1 { width: auto; float: none; display: inline; line-height: 1.5; font-size: 18px; }
.gg-bdg { display: inline-flex; gap: 4px; vertical-align: 3px; margin-left: 8px; }
.gg-detail .gg-nut-wrap { height: 42px; }
.gg-notice { background: rgba(255, 193, 7, .08); border: 1px solid rgba(255, 193, 7, .35); color: #e8c974; padding: 8px 12px; border-radius: 4px; margin: 10px 0 0; font-size: 13.5px; line-height: 1.6; }
.gg-notice.red { background: rgba(255, 0, 0, .08); border-color: rgba(255, 0, 0, .4); color: #ff8a8a; }
@media (max-width: 767px) { .gg-detail .head-title { max-width: 100%; float: none; } .gg-detail .gg-nut-wrap { float: none !important; clear: both; height: auto; padding: 6px 0 4px; } }
/* gallery: theme ẩn .desk-photo dưới 768px (bản gốc có gallery mobile riêng) — mình dùng chung một khối, xếp lại cho màn hẹp */
.gg-detail .main-content-escort { margin: 10px 0 0; }
.gg-detail .desk-photo { display: block; }
.gg-detail #ggAnh { display: flow-root; }
.gg-lb { display: flex; margin-bottom: 6px; float: none !important; }
.gg-lb span { padding: 6px 12px; cursor: pointer; color: #bbb; box-shadow: inset 0 -2px 0 #333; font-weight: 500; }
.gg-lb span.on { color: #fff; box-shadow: inset 0 -2px 0 #ff0000; }
.gg-detail .img-preview ul { max-height: 545px; overflow-y: auto; margin: 0; scrollbar-width: thin; }
.gg-detail .img-preview img { cursor: pointer; border: 2px solid transparent; background: #212121; }
.gg-detail .img-preview li.on img { border-color: #ff0000; }
.gg-detail .main-img-prev img { background: #212121; }
.gg-detail .desk-video video { width: 100%; aspect-ratio: 16 / 9; background: #000; display: block; }
.gg-vid-list { display: flex; gap: 6px; flex-wrap: wrap; margin: 6px 0 0; }
.gg-vid-list .btn.on { background: #ff0000; border-color: #ff0000; color: #fff; }
@media (max-width: 767px) {
  .gg-detail .img-preview { width: 100%; float: none; }
  .gg-detail .img-preview ul { display: flex; overflow-x: auto; overflow-y: hidden; max-height: none; gap: 4px; padding-bottom: 4px; }
  .gg-detail .img-preview ul li { flex: 0 0 72px; padding: 0; }
  .gg-detail .img-preview img { height: 96px; }
  .gg-detail .main-img-prev { height: auto; max-height: none; width: 100%; float: none; margin-bottom: 6px; }
  .gg-detail .main-img-prev img { height: auto; min-height: 0; aspect-ratio: 3 / 4; max-height: 75vh; object-fit: contain; }
}
/* bảng thông tin: sọc xen kẽ cho MỌI hàng (theme chỉ tô tới nth-child 23), số điện thoại to xanh như mẫu, chip dịch vụ */
.gg-detail .attributes > div:nth-child(4n+2), .gg-detail .attributes > div:nth-child(4n+3) { background: #212121; }
.gg-detail .attributes p { font-size: 14px; line-height: 1.6; word-break: break-word; }
.gg-detail .attributes .col-md-4 p { color: #bbb; }
.gg-detail .attributes a { color: #3ea6ff; }
.gg-detail .attributes a.ncolor { color: #57a557; font-weight: 700; font-size: 16px; }
.gg-detail .attributes .white { color: #4a4a4a; }
.gg-attr-chips { display: inline-flex; flex-wrap: wrap; gap: 2px 10px; }
.gg-detail .attributes .tag-item { display: inline-block; padding: 0; height: auto; }
.gg-detail .attributes .tag-item i { font-size: 10px; color: #6a6a6a; }
.gg-detail .attributes .tag-item a { color: #3ea6ff; }
.gg-sdt-note { margin: 8px 0 0; padding: 8px 10px; background: rgba(255, 193, 7, .08); border: 1px solid rgba(255, 193, 7, .35); border-radius: 4px; color: #e8c974; font-size: 12.5px; line-height: 1.6; clear: both; }
.tel-trap { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
/* sidebar liên quan: theme đặt .related position:absolute — về static, float trong .content-right */
.gg-detail .related { position: static; float: right; width: 300px !important; margin: 11px 0 0 15px !important; min-height: 0; }
.gg-detail .related-header { color: #fff; font-size: 15px !important; margin-bottom: 8px; }
.gg-detail .list-relate { width: 100%; }
.gg-detail .list-relate .img-escort-res { aspect-ratio: 3 / 4; height: auto; min-height: 0 !important; display: block; }
.gg-detail .relate-info .content-title { font-size: 14px; line-height: 1.45; height: auto !important; max-height: 42px !important; }
.gg-detail .relate-info .in-txt a { color: #909090; }
.gg-detail .relate-info .content-rating { font-size: 12px; }
.gg-detail .relate-info .content-rating .white { color: #4a4a4a; }
@media (max-width: 991px) {
  .gg-detail .related { float: none; width: 100% !important; margin: 10px 0 0 !important; }
  .gg-detail .content-right { padding: 0 15px; }
  .gg-detail .list-relate { width: 50%; }
  .gg-detail .related .list-relate:nth-child(odd) { padding-right: 5px !important; }
}
@media (max-width: 575px) { .gg-detail .list-relate { width: 100%; } .gg-detail .related .list-relate:nth-child(odd) { padding-right: 0 !important; } }
/* thân: điểm, chủ bài, giới thiệu, thẻ */
.gg-detail .vote-box { color: #fff; font-size: 16px; }
.gg-detail .vote-box .white { color: #4a4a4a; }
.gg-detail .t-rate { font-size: 14px; color: #bbb; }
.gg-owner { display: flex; align-items: center; gap: 10px; }
.gg-owner .gg-ava { flex-basis: 48px; width: 48px; height: 48px; }
.gg-owner .gg-ten { color: #fff; font-weight: 600; font-size: 15px; }
.gg-owner-sub { color: #6a6a6a; font-size: 12px; }
.gg-owner .gg-meta { margin-left: auto; color: #8d8d8d; font-size: 13px; white-space: nowrap; }
.gg-sec-h { color: #fff; font-size: 16px; font-weight: 600; margin: 18px 0 6px; }
.gg-mota { white-space: pre-line; line-height: 1.7; font-size: 14.5px; color: #bbb; word-break: break-word; }
.gg-tagline .tag { margin-right: 6px; }
/* tab Report / Bình luận (mẫu: .comments-section-header + 2 .well-filters, tab bật = .active-comment) */
.gg-detail .comments-section-header { box-shadow: inset 0 -2px 0 #333; display: flex; overflow: visible; margin-bottom: 0; }
.gg-detail .comments-section-header .well-filters { width: auto !important; float: none; padding: 0 14px !important; box-shadow: none; margin: 0 !important; border-radius: 3px 3px 0 0; }
.gg-detail .comments-section-header .well-filters h2 { margin: 0; padding: 10px 0; font-size: 15px; color: #bbb; font-weight: 500; }
.gg-detail .comments-section-header .well-filters.active-comment h2 { color: #fff; }
.gg-detail .comments-section-header .badge { font-size: 11px; vertical-align: 2px; margin-left: 2px; }
.gg-detail #r-section:not([hidden]) { display: block; }   /* theme: #r-section{display:none} */
.gg-rp-bar { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 0 0 10px; flex-wrap: wrap; }
.gg-rp-bar .btn-group { margin: 0; }
.gg-detail .comments-list .comment-item { margin: 0 0 8px; padding: 10px 0; border-bottom: 1px solid #2b2b2b; }
.gg-detail .comments-list .comment-item .comment-item { border-bottom: 0; padding-bottom: 4px; }
.gg-detail .comment-user .gg-ava { width: 48px; height: 48px; flex-basis: 48px; }
.gg-detail .comment-replies .comment-user { width: 36px; }
.gg-detail .comment-replies .comment-user .gg-ava { width: 36px; height: 36px; font-size: 15px; }
.gg-ava-img { padding: 0; overflow: hidden; }
.gg-ava-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.gg-detail .comment-info .comment-body { margin-left: 62px; }
.gg-detail .comment-replies { margin-left: 62px; }
.gg-detail .comment-replies .comment-info .comment-body { margin-left: 48px; }
.gg-detail .comment-user-info .comment-username { color: #fff; font-weight: 700; }
.gg-detail .comment-add-time { color: #6a6a6a; font-size: 13px; margin-left: 8px; }
.gg-detail .comment-meta { color: #909090; font-size: 13px; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; margin-top: 4px; }
.gg-detail .comment-meta i { color: #6a6a6a; }
.gg-detail .comment-meta .pink { color: #ff0000; }
.gg-detail .comment-meta .white { color: #4a4a4a; }
.gg-detail .comment-meta b { color: #fff; }
/* 5 ngoi sao phai la MOT phan tu flex, khong phai 5.
   .comment-meta la flex voi gap 12px: de 5 the <i> tran thi MOI SAO an tron 12px, nhin roi rac
   nhu 5 cum khac nhau (anh chup 28/09). Boc lai trong .gg-sao5 => ca cum thanh 1 phan tu,
   khoang cach giua sao-diem-luot thich van giu nguyen 12px nhu cu. */
.gg-sao5 { display: inline-flex; align-items: center; gap: 1px; }
.gg-detail .comment-text { color: #ddd; white-space: pre-line; word-break: break-word; }
.gg-detail .comment-text.clamp { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.gg-cmt-act { float: right; display: flex; gap: 8px; align-items: center; margin-left: 8px; }
.gg-cmt-act form { margin: 0; }
.gg-cmt-act .share-x { padding: 2px 9px; font-size: 12px; }
.gg-lnk { background: none; border: 0; padding: 0; color: #3ea6ff; cursor: pointer; font-size: 13px; }
.gg-lnk:hover { color: #fff; text-decoration: none; }
.gg-lnk.red { color: #ff6b6b; }
.gg-cmt-imgs { display: flex; gap: 6px; flex-wrap: wrap; margin: 6px 0; }
.gg-cmt-imgs a { display: block; }
.gg-cmt-imgs img { width: 110px; height: 110px; object-fit: cover; border-radius: 3px; display: block; background: #212121; }
.gg-rv { background: #212121; border-radius: 4px; padding: 10px 12px; margin: 8px 0; }
.gg-rv-h { color: #fff; font-weight: 600; margin-bottom: 6px; font-size: 14px; }
.gg-rv-row { display: flex; gap: 12px; padding: 2px 0; font-size: 14px; }
.gg-rv-row .k { color: #909090; min-width: 110px; flex-shrink: 0; }
.gg-rv-row .v { color: #ddd; }
.gg-rv-row .v .fas.fa-heart { color: #ff0000; }
.gg-rv-row .v .far.fa-heart { color: #4a4a4a; }
.gg-rv video { width: 100%; max-height: 420px; background: #000; display: block; }
.gg-cmt-form textarea { background: #151515; color: #fff; border-color: #353535; resize: vertical; }
.gg-cmt-form textarea:focus { background: #151515; color: #fff; border-color: #6a6a6a; box-shadow: none; }
.gg-cmt-tools { display: flex; gap: 6px; justify-content: flex-end; margin: 0 0 10px; }
.gg-cmt-prev { display: flex; gap: 6px; flex-wrap: wrap; margin: 0 0 10px; }
.gg-cmt-prev img { width: 72px; height: 72px; object-fit: cover; border-radius: 3px; border: 1px solid #353535; }
.gg-cmt-guest { color: #909090; margin: 0 0 10px; }
.gg-cmt-guest a { color: #3ea6ff; }
.gg-reply-form { display: flex; gap: 6px; margin: 8px 0; }
.gg-reply-form input[type=text] { flex: 1; min-width: 0; background: #151515; color: #fff; border: 1px solid #353535; border-radius: 3px; padding: 5px 8px; }
/* modal Bootstrap thay .bz-mask cũ: Cáo bận / Báo xấu / Chia sẻ */
.gg-modal .modal-body { color: #ddd; }
.gg-modal textarea { width: 100%; min-height: 90px; background: #151515; color: #fff; border: 1px solid #353535; border-radius: 3px; padding: 8px; }
.gg-modal label { color: #bbb; font-size: 13.5px; margin: 10px 0 0; display: flex; gap: 8px; align-items: flex-start; }
.gg-modal label input { margin-top: 4px; }
.gg-sh-row { display: flex; gap: 10px; justify-content: space-around; margin-bottom: 14px; }
.gg-sh-row a { color: #ddd; text-align: center; font-size: 13px; }
.gg-sh-row .ic { display: flex; width: 46px; height: 46px; border-radius: 50%; align-items: center; justify-content: center; color: #fff; margin: 0 auto 4px; font-size: 18px; }
.gg-sh-copy { display: flex; gap: 6px; }
.gg-sh-copy input { flex: 1; min-width: 0; background: #151515; color: #ddd; border: 1px solid #353535; border-radius: 3px; padding: 5px 8px; font-size: 13px; }
/* ======== Plan 3 T6: phim sex (khuon.phimListGG / phimDetailGG), ký sự (kySuListGG / kySuDetailGG), hồ sơ (userGG), /signup /login ======== */
/* thẻ phim: ảnh 16:9 (card bài là 3:4), thời lượng góc dưới (theme .duration), lượt xem */
.gg-phim-thumb { width: 100%; aspect-ratio: 16 / 9; height: auto; object-fit: cover; display: block; background: #212121; }
/* theme .escort-list .content-title kẹp 1 dòng (20px, !important ở màn hẹp) + .content-info cao cứng 70px → nới cho 2 dòng tiêu đề + dòng lượt xem */
.gg-phim-card .escort-list .content-info { height: auto; padding-bottom: 8px; }
.gg-phim-card .escort-list .content-title { min-height: 0 !important; max-height: 40px !important; margin-bottom: 2px !important; line-height: 20px; display: block; overflow: hidden; }
.gg-phim-card .content-details, .gg-phim-khac .content-details { margin-top: 4px; }
.gg-phim-card .content-views i { color: #6a6a6a; }
/* trang xem: khung video 16:9 nền đen, sidebar "Phim khác" như bài liên quan của T5 */
.gg-phim-xem .gg-head { padding: 6px 0 !important; }
.gg-phim-xem .head-title { width: auto; float: left; max-width: 100%; }
.gg-phim-xem .head-title h1 { width: auto; float: none; display: inline; line-height: 1.5; font-size: 18px; }
.gg-phim-xem .main-content-escort { margin: 10px 0 0; }
.gg-phim-video video { width: 100%; aspect-ratio: 16 / 9; background: #000; display: block; }
.gg-phim-xem .vote-box { color: #fff; font-size: 15px; }
.gg-phim-xem .related { position: static; float: right; width: 300px !important; margin: 11px 0 0 15px !important; min-height: 0; }
.gg-phim-xem .related-header { color: #fff; font-size: 15px !important; margin-bottom: 8px; }
.gg-phim-xem .related-video .content-info { height: auto; min-height: 60px; }
.gg-phim-xem .related-video .content-title { font-size: 13.5px; line-height: 1.4; height: auto !important; max-height: 38px !important; overflow: hidden; display: block; }
.gg-phim-xem .related-video .content-views { font-size: 12.5px; }
@media (max-width: 991px) {
  .gg-phim-xem .related { float: none; width: 100% !important; margin: 10px 0 0 !important; }
  .gg-phim-xem .content-right { padding: 0 15px; }
  /* T8: flex thay float — 2 cột float với thẻ cao thấp khác nhau để lại ô trống (ảnh nghiệm thu phim-detail-375) */
  .gg-phim-xem .related { display: flex; flex-wrap: wrap; gap: 12px; }
  .gg-phim-xem .related .related-header { width: 100%; margin-bottom: 0; }
  .gg-phim-xem .related-video { width: calc(50% - 6px); float: none; padding: 0; margin: 0; }
  .gg-phim-xem .related-video .thumb-overlay, .gg-phim-xem .related-video .content-info { width: 100%; float: none; padding-left: 0; }
}
@media (max-width: 767px) { .gg-phim-xem .head-title { float: none; } }
/* ký sự: thẻ blog 16:9, ô màu chữ cái khi không có bìa, trích 3 dòng, meta */
.gg-ks-thumb { width: 100%; aspect-ratio: 16 / 9; height: auto; object-fit: cover; display: block; background: #212121; }
.gg-ks-noimg { display: flex; align-items: center; justify-content: center; font-size: 56px; font-weight: 700; color: #fff; background: linear-gradient(135deg, #7c1022, #2b2b2b); }
.gg-ks-card .escort-list .content-info { height: auto; padding: 8px 10px 10px; }
.gg-ks-card .escort-list .content-title { min-height: 0 !important; max-height: 44px !important; margin-bottom: 4px !important; overflow: hidden; font-size: 15px; line-height: 1.45; font-weight: 600; display: block; }
.gg-ks-ex { color: #9a9a9a; font-size: 13.5px; line-height: 1.55; margin: 6px 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.gg-ks-meta { display: flex; flex-wrap: wrap; gap: 4px 12px; color: #6a6a6a; font-size: 12.5px; }
.gg-ks-meta i { margin-right: 3px; }
/* bài ký sự */
.gg-ks .head-title { width: auto; float: left; max-width: 100%; }
.gg-ks .head-title h1 { width: auto; float: none; display: inline; line-height: 1.5; font-size: 20px; white-space: normal; }
.gg-ks .ks-art { background: #212121; border-radius: 4px; padding: 14px 16px 18px; margin-top: 10px; }
.gg-ks-share { margin: 10px 0 4px; }
.gg-ks-body { color: #ccc; font-size: 15.5px; line-height: 1.8; word-break: break-word; }
.gg-ks-body p { margin: 0 0 14px; }
.gg-ks-body h2 { color: #fff; font-size: 19px; margin: 22px 0 10px; font-weight: 700; }
.gg-ks-body h3 { color: #fff; font-size: 16.5px; margin: 18px 0 8px; font-weight: 600; }
.gg-ks-body ul { padding-left: 22px; margin: 0 0 14px; }
.gg-ks-body li { margin: 4px 0; }
.gg-ks-body a { color: #3ea6ff; }
.gg-ks-body b { color: #fff; }
.gg-ks-body .ks-fig { margin: 16px 0; }
.gg-ks-body .ks-fig img { max-width: 100%; height: auto; border-radius: 4px; display: block; margin: 0 auto; }
@media (max-width: 767px) { .gg-ks .ks-art { padding: 12px; } .gg-ks .gg-owner .gg-meta { white-space: normal; } }
/* form viết ký sự / bảng "của tôi" (Bootstrap trên nền tối) */
.gg-ks-note { color: #9a9a9a; font-size: 14px; line-height: 1.7; margin: 10px 0 14px; }
.gg-form label { color: #bbb; font-size: 13.5px; }
.gg-form .form-control { background: #151515; color: #fff; border-color: #353535; }
.gg-form .form-control:focus { background: #151515; color: #fff; border-color: #6a6a6a; box-shadow: none; }
.gg-form .form-control-file { color: #bbb; font-size: 13.5px; }
.gg-form .form-text { color: #7a7a7a !important; font-size: 12.5px; line-height: 1.6; }
.gg-form .form-text b { color: #bbb; }
.gg-ks-ta { min-height: 320px; line-height: 1.6; resize: vertical; }
.gg-ks-thumbs { display: flex; gap: 8px; flex-wrap: wrap; margin: 4px 0 8px; }
.gg-ks-thumbs label { margin: 0; font-size: 12px; color: #909090; text-align: center; }
.gg-ks-thumbs img { width: 90px; height: 60px; object-fit: cover; border-radius: 3px; display: block; }
.gg-table { color: #ddd; background: #212121; font-size: 14px; margin-top: 8px; }
.gg-table th, .gg-table td { border-color: #353535; vertical-align: top; }
.gg-table thead th { border-bottom: 1px solid #353535; color: #fff; }
.gg-table a { color: #3ea6ff; }
.gg-muted { color: #909090; font-size: 12.5px; }
.gg-red { color: #ff8a8a; font-size: 13px; margin-top: 4px; }
.gg-list .alert a { color: inherit; text-decoration: underline; }
/* hồ sơ: đầu trang flex (theme .user-avatar/.user-info là float + chiều cao cứng, gãy ở 375px) */
.gg-user-head { display: flex; gap: 16px; align-items: flex-start; margin-top: 12px; }
.gg-user .user-avatar { float: none; width: 140px; height: 140px; flex: 0 0 140px; }
.gg-user .user-avatar img, .gg-ava-big { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.gg-ava-big { background: #4a4a4a; color: #fff; font-size: 56px; font-weight: 700; }
.gg-user .user-info { float: none; width: auto; height: auto; padding-top: 6px; flex: 1; min-width: 0; position: static; }
.gg-user .user-username h1 { display: inline; font-size: 24px; line-height: 1.3; color: #fff; margin: 0; width: auto; float: none; }
.gg-rank { vertical-align: 4px; margin-left: 6px; font-size: 12px; }
.gg-user .user-location { color: #bbb; height: auto; margin: 4px 0 8px; font-size: 13.5px; }
.gg-user .user-actions { position: static; float: none; margin: 0 !important; display: flex; flex-wrap: wrap; gap: 6px; }
.gg-user .user-actions form { margin: 0; }
.gg-user .user-actions .btn { font-size: 12.5px; padding: 4px 10px; }
.gg-user .user-left { margin-top: 16px; }
.gg-user .user-left .user-info-box { background: #212121; border-radius: 4px; padding: 12px 14px; color: #bbb; font-size: 14px; }
.gg-user .user-info-box div { margin-bottom: 6px; }
.gg-user .user-info-box div:last-child { margin-bottom: 0; }
.gg-green { color: #57a557; }
.gg-user-bio { margin-top: 10px; background: #212121; border-radius: 4px; padding: 10px 14px; color: #ccc; font-size: 14px; line-height: 1.65; white-space: pre-line; word-break: break-word; }
.gg-user .user-right { margin-top: 16px; }
.gg-user-h { margin-bottom: 8px; }
.gg-user-h h2 { font-size: 16px; color: #fff; margin: 0; line-height: 44px; }
@media (max-width: 991px) { .gg-user .user-left, .gg-user .user-right { width: 100%; float: none; } }
@media (max-width: 575px) {
  .gg-user .user-avatar { width: 84px; height: 84px; flex-basis: 84px; }
  .gg-ava-big { font-size: 36px; }
  .gg-user .user-username h1 { font-size: 20px; }
}
/* /signup, /login: trang mở sẵn modal + cột tính năng (theme .what-is) */
.gg-dangky .gg-dk-p { color: #bbb; font-size: 15px; line-height: 1.7; }
.gg-dangky .what-is h5 { color: #fff; }
.gg-dangky .what-is li { color: #bbb; margin: 6px 0; }
.gg-dangky .text-x2 a { color: #3ea6ff; }

/* ======== Plan 3 T7: trang phụ + admin (layout legacy:true) hoà theme ======== */
/* bề ngang theo .container của theme (1140 ở màn rộng); khối riêng (.dg-wrap 640, .qmk-box 460) vẫn tự căn giữa */
.legacy .page-main { max-width: none; padding: 12px 0 24px; }
@media (min-width: 768px) { .legacy .page-main { padding: 16px 0 28px; } }
/* ô nhập của trang cũ (nền xám #8c8f93 chữ đen của bộ CSS cũ) -> ô nhập theme: nền #151515, viền #353535, chữ trắng */
.legacy .dg-input, .legacy .dg-select, .legacy .dg-textarea, .legacy .ff-in, .legacy .lk-row input, .legacy .qmk-inp,
.legacy .cmt-input, .legacy .fd-input, .legacy .bc-flt input, .legacy .bc-flt select, .legacy .adm-filter input, .legacy .adm-filter select,
.legacy select.form-control {
  background: #151515; border: 1px solid #353535; color: #fff; border-radius: 3px; }
.legacy .dg-input::placeholder, .legacy .dg-textarea::placeholder, .legacy .ff-in::placeholder, .legacy .form-control::placeholder { color: #6a6a6a; }
.legacy .dg-input:focus, .legacy .dg-select:focus, .legacy .dg-textarea:focus, .legacy .ff-in:focus, .legacy .lk-row input:focus,
.legacy select.form-control:focus { border-color: #3ea6ff; outline: 0; box-shadow: none; background: #151515; color: #fff; }
.legacy .ff-in.bad { background: #5a1a1a; border-color: #ff0000; color: #fff; }
.legacy select option, .legacy .dg-select option, .legacy select.form-control option { background: #2b2b2b; color: #ddd; }
.legacy .form-control-file { color: #ddd; padding: 6px 0; }
.legacy input[type=checkbox], .legacy input[type=radio] { accent-color: #ff0000; }
/* nút bước của form đăng bài / report: Bootstrap .btn + giữ lớp dg-btn (JS chọn .dg-btn.next / .dg-btn.submit) */
.legacy .btn.dg-btn { flex: 1; padding: 12px 15px; font-size: 15px; font-weight: 700; border-radius: 3px; line-height: 1.4; }
.legacy .btn-primary.dg-btn, .legacy .btn-primary.dg-btn.next, .legacy .btn-primary.dg-btn.submit { background: #ff0000; border-color: #ff0000; color: #fff; }
.legacy .btn-primary.dg-btn:hover, .legacy .btn-primary.dg-btn:focus { background: #e50214; border-color: #e50214; color: #fff; }
.legacy .btn-secondary.dg-btn, .legacy .btn-secondary.dg-btn.prev { background: #2b2b2b; border-color: #353535; color: #ddd; }
.legacy .btn-secondary.dg-btn:hover { background: #3a3a3a; border-color: #4a4a4a; color: #fff; }
/* nút cũ chưa đổi lớp (gradient cam / crimson cũ) về đỏ theme */
.legacy .dg-btn.next:not(.btn), .legacy .dg-btn.submit:not(.btn), .legacy .qd-btn, .legacy .sr-send, .legacy .v2-btn, .legacy .lgm-btn,
.legacy .qmk-btn, .legacy .fd-send, .legacy .cmt-send, .legacy .mp-btn.edit, .legacy .up-btn, .legacy .adm-nav a.on, .legacy .pager span.cur,
.legacy .hbtn-reg, .legacy .im-tag, .legacy .ks-pin { background: #ff0000; border-color: #ff0000; color: #fff; }
.legacy .dg-btn.next:not(.btn):hover, .legacy .dg-btn.submit:not(.btn):hover, .legacy .qd-btn:hover, .legacy .sr-send:hover, .legacy .v2-btn:hover,
.legacy .lgm-btn:hover, .legacy .qmk-btn:hover, .legacy .mp-btn.edit:hover, .legacy .up-btn:hover { background: #e50214; border-color: #e50214; }
.legacy .dg-btn.prev:not(.btn) { background: #2b2b2b; color: #ddd; }
.legacy .lk-kt { background: #2b2b2b; border-color: #353535; color: #ddd; }
.legacy .lk-kt:hover { border-color: #3ea6ff; color: #fff; }
/* thanh bước + tim chấm điểm */
.legacy .dg-step.on { background: #ff0000; color: #fff; }
.legacy .dg-step.on .no { background: #fff; color: #ff0000; }
.legacy .wr-pick button.on, .legacy .wr-hearts button.on { color: #ff0000; }
/* hộp liên kết (xanh lơ cũ) + màu nhấn xanh cũ #7ce6fe -> xanh theme #3ea6ff */
.legacy .lk-box { background: #212121; border-color: #353535; }
.legacy .lk-box .lk-h, .legacy .v2-bc a, .legacy .dists a, .legacy .gd-tb a, .legacy .gd-tb td.h, .legacy .np-tb td.h, .legacy .ks-ti,
.legacy .product-card .pt, .legacy .lm-btn, .legacy .acc-links a:hover, .legacy .mp-btn:hover, .legacy .adm-nav a:hover { color: #3ea6ff; }
.legacy a:not(.btn):not([class]) { color: #3ea6ff; }
/* bảng của trang cũ / admin: kẻ dòng theme, không tràn ngang */
.legacy table { width: 100%; max-width: 100%; }
.legacy .pt-tb td, .legacy .np-tb td, .legacy .gd-tb td { border-bottom-color: #2b2b2b; color: #bbb; }
.legacy .pt-tb th, .legacy .np-tb th, .legacy .gd-tb th { color: #909090; border-bottom: 1px solid #353535; }
.legacy .adm-stat, .legacy .acc-card, .legacy .qmk-box, .legacy .im-cell, .legacy .nt-item, .legacy .ff-row { background: #212121; border-color: #353535; }
.legacy .nt-item.unread { background: #262626; border-left-color: #ff0000; }
.legacy .lgm-err { color: #ff8a8a; }
.legacy .v2-bc { background: #212121; }
.legacy .v2-empty, .legacy .notice { border-radius: 3px; }
.legacy .notice { background: rgba(255, 193, 7, .1); border-color: rgba(255, 193, 7, .35); color: #e8c974; }
.legacy .notice i, .legacy .notice a { color: #e8c974 !important; }
/* bảng bọc trong khung cuộn ngang khi màn hẹp */
@media (max-width: 767px) { .legacy .adm-wrap, .legacy .tb-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; } }

/* ---- T7 bổ sung sau khi soi ảnh chụp: nút crimson cũ (gia hạn, nạp, ảnh bài) về đỏ theme ---- */
.legacy .gh-pay, .legacy .np-copy, .legacy .np-form button[type=submit], .legacy .im-btn.set, .legacy .acc-links a.adm { background: #ff0000; border-color: #ff0000; color: #fff; }
.legacy .gh-pay:hover, .legacy .np-copy:hover, .legacy .np-form button[type=submit]:hover, .legacy .im-btn.set:hover { background: #e50214; border-color: #e50214; }
.legacy .gh-opt input:checked + .in { border-color: #ff0000; background: #2a1414; }
.legacy .im-cell.cover { border-color: #ff0000; }

/* ---- T7 bổ sung 2: nút "Xác minh" trang nạp không có type=submit; tiêu đề .pg-h1 xanh lơ cũ -> trắng ---- */
.legacy .np-form button { background: #ff0000; border-color: #ff0000; color: #fff; }
.legacy .np-form button:hover { background: #e50214; }
.legacy .pg-h1 { color: #fff; font-weight: 600; }

/* ---- Plan 4 (27/09): bài HOT — khung đỏ + quầng quanh .escort-list, nhãn .lb-hot (đã có) nhấp nháy nhẹ.
   Theme gốc không có nhãn HOT; lấy đúng đỏ #ff0000 của .item-premium gốc. ---- */
.escort-list.gg-hot-card { box-shadow: 0 0 0 2px #ff0000, 0 0 14px rgba(255, 0, 0, .55); border-radius: 3px; }
.escort-list.gg-hot-card .lb-hot { animation: gg-hot-nhay 1.6s ease-in-out infinite; }
@keyframes gg-hot-nhay { 0%, 100% { box-shadow: 0 0 6px rgba(255, 0, 0, .55); } 50% { box-shadow: 0 0 14px rgba(255, 0, 0, 1); } }
@media (prefers-reduced-motion: reduce) { .escort-list.gg-hot-card .lb-hot { animation: none; } }

/* ==== va-ui-mobile-bai: header + thẻ + trang bài theo bản gốc (album vuốt ngang, video dưới album, liên quan một hàng ngang dưới bình luận) ==== */
/* thẻ bài (mọi bề rộng): nhãn trạng thái đỏ góc trên-phải, HOT/VIP góc trên-trái, icon xác thực + video góc dưới-phải */
.label-public .gg-st, .gg-bdg .lb-nghi { display: inline-block; background: #ff0000; color: #fff; font-size: 13px; font-weight: 700; line-height: 1.5; padding: 2px 8px; border-radius: 4px;
  text-transform: none; letter-spacing: 0; white-space: nowrap; }
.escort-list .label-public .gg-st, .gg-bdg .lb-nghi { color: #fff !important; font-size: 13px !important; font-weight: 700 !important; }
.label-public .gg-st { position: absolute; top: 8px; right: 8px; z-index: 1; }
.label-public .gg-tl { position: absolute; top: 8px; left: 8px; z-index: 1; display: flex; gap: 4px; align-items: center; }
.label-public .gg-tl .lb-hot, .label-public .gg-tl .lb-vip { margin: 0; }
.escort-list .label-public .gg-tl .lb-hot { color: #fff !important; }
.escort-list .label-public .gg-tl .lb-vip { color: #1a1a1a !important; }
.label-content.gg-goc { bottom: 8px; right: 8px; line-height: 1; }
.label-content.gg-goc i { font-size: 18px; margin-right: 6px; vertical-align: middle; }
.label-content.gg-goc i:last-child { margin-right: 0 !important; }
.gg-tb-so { display: none; }
/* khối dưới bảng thông tin (ảnh mẫu gaigu7): sao + (n) | 3 nút icon; vạch; lượt xem + ngày đăng + ngày tắt đỏ; người đăng + Theo dõi; mô tả; tags chữ */
.gg-detail .gg-sao { font-size: 16px; line-height: 30px; }
.gg-detail .gg-sao .white { color: #4a4a4a; }
.gg-detail .escort-actions form { display: inline; }
.gg-detail .gg-nut-i { min-width: 40px; padding: .275rem .7rem; color: #fff; }
.gg-detail .gg-nut-i.on i { color: #ff0000; }
.gg-detail .gg-nd { display: block; }
.gg-detail .gg-nd-xem { text-align: right; font-size: 15px; color: #8d8d8d; margin-bottom: 10px; }
.gg-detail .gg-nd-xem .text-highlighted { color: #fff; font-weight: 500; }
.gg-detail .gg-ngay-tat { color: #ff0000; font-weight: 500; }
.gg-detail .gg-nd-hang { display: flex; align-items: center; gap: 10px; }
.gg-detail .gg-nd-hang .gg-ava, .gg-detail .gg-nd-hang .medium-avatar { flex: 0 0 48px; width: 48px; height: 48px; margin: 0; border-radius: 3px; object-fit: cover; }
.gg-detail .gg-nd-hang .gg-ava-mau { color: #fff; font-size: 22px; font-weight: 400; }
.gg-detail .gg-nd-hang .gg-owner-in { min-width: 0; flex: 1 1 auto; }
.gg-detail .gg-nd-hang .gg-ten { display: block; color: #bbb; font-size: 15px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gg-detail .gg-nd-hang .gg-owner-sub { color: #8d8d8d; font-size: 14px; }
.gg-detail .gg-nd-hang .gg-owner-sub .text-highlighted { color: #fff; font-weight: 500; }
.gg-detail .gg-nd-nut { flex: none; margin-left: auto; }
.gg-detail .gg-tag-chu { color: #8d8d8d; font-size: 15px; line-height: 1.6; }
.gg-detail .gg-tag-chu a.tag { display: inline; margin: 0; padding: 0; border: 0; background: none; color: #3ea6ff; font-weight: 500; }
/* tab Bình luận / Đánh giá + hàng sắp xếp dạng chữ (ảnh mẫu khu bình luận) */
.gg-detail #comments_total { color: inherit; font-weight: inherit; }
.gg-detail .comments-section-header .well-filters.active-comment { background: #2b2b2b; }
.gg-detail .comments-section-header .badge { border-radius: 3px; font-size: 12px; font-weight: 700; padding: 3px 5px; }
.gg-rp-bar2 { flex-direction: row; }
.gg-rp-bar2 .gg-sx { margin-left: auto; color: #6a6a6a; font-size: 15px; white-space: nowrap; }
.gg-rp-bar2 .gg-sx a { color: #8d8d8d; }
.gg-rp-bar2 .gg-sx a.on, .gg-rp-bar2 .gg-sx a:hover { color: #fff; text-decoration: none; }
/* ---- chỉnh theo số đo bản gốc (so-sanh/data/style.txt) ---- */
.content-rating i.fa-star.white { font-weight: 900; }
.footer-links { color: #777; font-size: 16px; line-height: 1.5; }
.footer-container .footer { font-size: 16px; }
.footer-container .footer a:hover { color: #eee; text-decoration: none; }
.footer-links a:hover { text-decoration: none; }
.btn-secondary, .btn-secondary.btn-sm { font-size: 14px; border-radius: 4px; border: 0; }
body .modal-backdrop { z-index: 1040 !important; }   /* theme ép z-index:1 → nền mờ chui dưới nội dung trang, modal tự mở ở /signup /login trông như vỡ */
.gg-phim-card .escort-list .content-title { font-size: 15px !important; font-weight: 400 !important; color: #bbb !important; }
.gg-chat .es-city, .gg-chat .es-city a, .gg-chat .es-city i { color: #fff3cd !important; }
.gg-detail { color: #777; }
.gg-detail .gg-head { padding: 0 !important; min-height: 42px; }
.gg-detail .head-title h1 { display: block; float: left; max-width: 100%; line-height: 21.6px; }
.gg-detail .head-title .gg-bdg { float: left; margin: 9px 0 0 8px; vertical-align: 0; }
.gg-detail .comments-section-header { display: block; overflow: hidden; }
.gg-detail .comments-section-header .well-filters { float: left; height: 42px; padding: 0 10px !important; border-radius: 0; }
.gg-detail .comments-section-header .well-filters h2 { padding: 0; line-height: 42px; }
.gg-detail .comments-list .comment-item { padding-left: 20px; padding-right: 20px; margin-bottom: 10px; }
.gg-detail .comments-list .comment-item .comment-item { padding-left: 0; padding-right: 0; }
.gg-detail .relate-info .content-title { font-size: 15px; line-height: 20px; max-height: 50px !important; }
.gg-detail .relate-info .content-rating { font-size: 14px; }
.gg-detail .img-preview img, .gg-detail .img-preview li.on img { border: 0; }
@media (max-width: 767px) {
  /* header một hàng 50px: ☰ trái (ô viền bo góc), logo GIỮA, tìm + chìa khoá / tài khoản phải. 50px giữ khớp .toggle-search{top:50px} và top 50/87 của jquery.main.js */
  .top-menu { position: relative; }
  .top-menu .float-right { display: contents; }
  .top-menu .left-me { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: auto; flex: none; }
  .top-nav .navbar-toggler { order: -1; float: none; margin: 0; padding: 4px 9px; border: 1px solid #3c3c3c; border-radius: 5px; }
  #shSearch { margin-left: auto !important; }
  .top-menu .gg-tk { position: relative; }
  .top-menu .gg-tk > a.dropdown-toggle::after { content: "" !important; display: inline-block !important; width: 0; height: 0; margin: 2px 0 0 1px; border: 0; border-top: 5px solid #bbb; border-left: 4px solid transparent; border-right: 4px solid transparent; }
  .top-menu .gg-tk > a { gap: 3px; padding: 8px 7px !important; }
  .top-menu .gg-tk .gg-tb-so { display: inline-block; position: static; margin: 0 1px 0 0; padding: 2px 5px; font-size: 11px; font-weight: 700; line-height: 1.2; border-radius: 3px; }
  .top-menu .gg-tk .dropdown-menu { min-width: 190px; margin-top: 8px; }
  .top-menu .gg-tk .dropdown-menu a, .top-menu .gg-tk .dropdown-menu button { display: block; width: 100%; padding: 9px 16px; font-size: 15px; line-height: 1.4; text-align: left; color: #ddd; background: none; border: 0; }
  .top-menu .gg-tk .dropdown-menu a:hover, .top-menu .gg-tk .dropdown-menu button:hover { color: #fff; background: #333; }
  .top-menu .gg-tk .dropdown-menu i { width: 20px; color: #909090; }
  .top-menu .gg-tk .dropdown-menu .gg-badge { position: static; margin-left: 6px; vertical-align: 1px; }
}
.gg-alb-dem, .gg-vid-play, .gg-vid-play[hidden] { display: none; }
.gg-detail .gg-bc .breadcrumb { background: #212121; padding: 5px 8px; font-size: 15px; font-weight: 500; flex-wrap: nowrap; white-space: nowrap; overflow: hidden; }
.gg-detail .gg-bc .breadcrumb-item { overflow: hidden; text-overflow: ellipsis; flex: 0 1 auto; }
.gg-detail .gg-bc .breadcrumb-item:first-child { flex: none; }
.gg-detail .gg-bc .breadcrumb-item a, .gg-detail .gg-bc .breadcrumb-item i { color: #3ea6ff; }
.gg-detail .gg-bc .breadcrumb-item + .breadcrumb-item { padding-left: 5px; }
.gg-detail .gg-bc .breadcrumb-item + .breadcrumb-item::before { content: "/"; color: #3ea6ff; padding-right: 5px; }
.gg-detail .head-title h1 { font-weight: 400; color: #fff; }
.gg-detail .attributes p { font-size: 16px; line-height: 24px; }
.gg-detail .attributes .gg-sua-i { margin-left: 6px; color: #fff; }
.gg-detail .main-img-prev picture { display: contents; }
@media (max-width: 767px) {
  /* album: một rãnh trượt ngang, mỗi ảnh một khung 4:5 cố định (trang không nhảy khi ảnh về) */
  .gg-detail .gg-lb { display: none !important; }
  .gg-detail #ggAnh[hidden], .gg-detail #ggVideo[hidden] { display: block !important; }
  .gg-detail .main-img-prev { display: none; }
  .gg-detail .img-preview { position: relative; width: 100%; float: none; padding: 0; }
  .gg-detail .img-preview ul { display: flex; gap: 0; padding: 0; margin: 0; max-height: none; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; scrollbar-width: none; border-radius: 0; }
  .gg-detail .img-preview ul::-webkit-scrollbar { display: none; }
  .gg-detail .img-preview ul li { flex: 0 0 100%; min-width: 0; padding: 0; scroll-snap-align: start; scroll-snap-stop: always; }
  .gg-detail .img-preview a { display: block; width: 100%; aspect-ratio: 16 / 9; background: #212121; overflow: hidden; }
  .gg-detail .img-preview img, .gg-detail .img-preview li.on img { display: block; width: 100%; height: 100%; object-fit: cover; border: 0; }
  .gg-alb-dem { display: block; position: absolute; right: 0; bottom: 0; z-index: 2; padding: 3px 9px; background: rgba(0, 0, 0, .6); color: #ff0000; font-size: 15px; font-weight: 500; line-height: 1.5; pointer-events: none; }
  .gg-detail .gg-nhan-m { clear: both; color: #fff; font-size: 16px; font-weight: 500; line-height: 1.4; padding: 8px 0 6px; }
  .gg-detail .gg-nhan-m i { margin-left: 6px; }
  /* video: ngay dưới album, khung 16:9, chỉ tải khi bấm phát */
  .gg-detail .desk-video { position: relative; float: none; margin-top: 0; }
  .gg-detail .desk-video video { object-fit: contain; background: #000; }
  .gg-vid-play { display: flex; align-items: center; justify-content: center; position: absolute; left: 50%; top: 0; width: 64px; height: 64px; margin: calc(28.125% - 32px) 0 0 -32px;
    padding: 0 0 0 4px; border: 0; background: none; color: #fff; font-size: 34px; text-shadow: 0 1px 8px rgba(0, 0, 0, .7); }
  /* liên quan dưới bình luận: MỘT hàng ngang, thẻ .list-relate của theme xếp ảnh trên - chữ dưới */
  .gg-detail .gg-lq-duoi { float: none; width: 100% !important; margin: 22px 0 6px !important; position: static; min-height: 0; }
  .gg-detail .gg-lq-duoi .related-header { margin-bottom: 8px; }
  /* KHÔNG snap khi đang trôi: snap kéo scrollLeft về mép thẻ nên chuyển động mượt thành nhảy từng thẻ. Script bật lại snap lúc người dùng vuốt. */
  .gg-detail .gg-lq-row { display: flex; gap: 8px; overflow-x: auto; overflow-y: hidden; scroll-snap-type: none; -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain; scrollbar-width: none; padding-bottom: 4px; }
  .gg-detail .gg-lq-row::-webkit-scrollbar { display: none; }
  .gg-detail .gg-lq-row .list-relate { flex: 0 0 42vw; width: auto; max-width: 220px; min-width: 0; margin: 0; padding: 0 !important; float: none; scroll-snap-align: start; }
  .gg-detail .gg-lq-row .list-relate > div { width: 100%; max-width: 100%; float: none; padding: 0 !important; }
  .gg-detail .gg-lq-row .thumb-overlay { width: 100%; }
  .gg-detail .gg-lq-row .img-escort-res, .gg-detail .gg-lq-row .gg-noimg { width: 100%; height: auto; aspect-ratio: 3 / 4; object-fit: cover; }
  .gg-detail .gg-lq-row .relate-info { padding-top: 4px !important; }
  .gg-detail .gg-lq-row .relate-info .content-title { display: block; font-size: 13.5px; line-height: 1.45; height: auto !important; max-height: none !important;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .gg-detail .gg-lq-row .relate-info .in-txt { display: block; font-size: 12px; line-height: 1.65; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
}
@media (max-width: 767px) and (prefers-reduced-motion: reduce) {
  .gg-detail .gg-lq-row { scroll-snap-type: x proximity; }   /* không trôi thì cho vuốt tay dừng đúng mép thẻ */
}
/* chip tỉnh/quận/dịch vụ: LƯỚI đều, luôn vừa khung. minmax(0,1fr) là chỗ mấu chốt — tên dài không nong được cột nên không bao giờ tràn ngang. */
.gg-list .list-city-menu { overflow: visible; }
.gg-list .list-city-menu ul { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 6px; box-sizing: border-box; width: 100% !important; margin: 10px 0 8px; padding: 0; }
.gg-list .list-city-menu ul li { display: block; float: none; width: auto; min-width: 0; height: 28px; margin: 0 !important; padding: 0; box-sizing: border-box; overflow: hidden;
  border: 1px solid #353535; border-radius: 4px; background: #1a1a1a; font-size: 13px; text-align: center; }
.gg-list .list-city-menu ul li a { display: block; padding: 0 6px; line-height: 26px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gg-list .list-city-menu ul li.gg-chip-dai { font-size: 12px; }
@media (min-width: 1200px) { .gg-list .list-city-menu ul { grid-template-columns: repeat(8, minmax(0, 1fr)); } }
@media (max-width: 767px) {
  .gg-list .list-city-menu ul { grid-template-columns: repeat(6, minmax(0, 1fr)); margin: 8px 0 6px; }
  .gg-list .list-city-menu ul li { height: 30px; font-size: 12px; }
  .gg-list .list-city-menu ul li a { padding: 0 4px; line-height: 28px; }
  .gg-list .list-city-menu ul li.gg-chip-dai { font-size: 11px; }
}
@media (max-width: 575px) {
  .gg-list .list-city-menu ul { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .gg-list .list-city-menu ul li.gg-chip-dai .gg-cnt { display: none; }   /* tên dài + số bài không cùng lọt một ô */
}

/* ==== Plan 7 T1: danh sách 2 cột + Tags phổ biến ==== */
.gg-2cot .gg-filters2 { margin-bottom: 10px; width: 100%; }
.gg-2cot .gg-row2 { clear: both; }
.gg-2cot .tags-block .tag-item a { color: #bbb; }
.gg-2cot .tags-block .tag-item a:hover { color: #fff; }
.gg-2cot > .gg-tags { margin-top: 14px; }
.gg-2cot .gg-otim { margin-top: 12px; }
@media (min-width: 992px) {
  .gg-2cot .gg-filters2 { width: calc(100% - 315px); }
  /* khung ảnh của bản gốc: cột 190px, ảnh cao 314px cắt cover (bản 1 cột trước đây 269px × 3:4) */
  .gg-2cot .content-left .escort-list .img-escort-res { aspect-ratio: auto; height: 314px; min-height: 314px !important; }
}
@media (max-width: 991px) {
  .gg-2cot .tags-block { padding-right: 15px; }
  .gg-2cot .tags-block .mt-15 { margin-top: 0; }
}

/* ==== Plan 7 T2: hàng lọc dạng tab chữ ==== */
.gg-filters2 .btn-group { margin-right: 10px; }
.gg-filters2 .well-action { cursor: pointer; }
.gg-filters2 .gg-loc-act > .well-action { color: #fff; }
.gg-filters2 .dropdown-menu { max-height: 70vh; overflow-y: auto; }
@media (max-width: 767px) {
  /* 7 tab không vừa một hàng 412px: cho cuộn ngang trong chính hàng lọc, trang không tràn */
  .gg-filters2 > div:first-child { display: flex; flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
  .gg-filters2 > div:first-child::-webkit-scrollbar { display: none; }
  .gg-filters2 .btn-group { flex: none; position: static; }
  .gg-filters2 .well-action { white-space: nowrap; }
  .gg-row2 { position: relative; }
  .gg-filters2 { position: static; }
  .gg-filters2 .dropdown-menu { left: 8px !important; right: auto; top: 100% !important; transform: none !important; }
}

/* ==== Plan 7 T3: feed trang chủ theo markup gốc ==== */
.gg-home2 .main-head-nf { float: left; }
.gg-home2 .gg-hot, .gg-home2 .gg-home2-row, .gg-home2 .gg-home-tags, .gg-home2 > .gg-lead { clear: both; width: 100%; }
.gg-home2 .gg-hot { padding-top: 10px; }
.gg-nf2 { margin: 15px 0 30px !important; padding-bottom: 5px; }
.gg-nf2 .card-sub { border-top: 0; padding-top: 0; }
.gg-nf2 .review-rates { padding-left: 0; font-size: 1.1em; }
.gg-nf2 .review-rates .inf-owner > span:first-child a, .gg-nf2 .review-rates .inf-owner > span:first-child span { width: auto; float: none; }
.gg-nf2 .gg-nf-name { color: #fff !important; font-weight: 700; }
.gg-nf2 .gg-nf-ngay { color: #fff; margin-left: 6px; }
.gg-nf2 .avatar-reviewer.gg-ava { width: 46px; height: 46px; flex: none; display: flex; font-size: 20px; }
.gg-nf2 img.avatar-reviewer { width: 46px; height: 46px; object-fit: cover; }
.gg-nf2-body { color: #8d8d8d; }
.gg-nf2-dong { margin: 0 0 4px; font-size: 14px; color: #909090; }
.gg-nf2-dong a { color: #3ea6ff; }
.gg-nf2-txt { margin: 0; font-size: 16px; line-height: 1.5; white-space: pre-line; word-break: break-word; }
.gg-nf2-txt.clamp { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.gg-nf2-the { margin: 6px 0; }
.gg-nf2-the a { color: #3ea6ff !important; margin-right: 8px; }
.gg-nf2 .gg-nf-imgs { width: 100%; }
.gg-nf2-foot { display: block; overflow: hidden; padding: 0 0 5px; margin: 0; border-bottom: .7px solid hsla(0, 0%, 53.3%, .4); color: #909090 !important; text-align: center; font-size: 14px; }
.gg-nf2-foot a { color: #bbb !important; }
.gg-nf2-foot a:hover { color: #fff !important; }
.gg-nf2-foot i { color: #bbb; font-size: 14px; }
.gg-nf2-foot .share-x { padding: 2px 9px; font-size: 12px; margin-left: 10px; }
.gg-nf2 .comments-section { padding: 0 8px; }
.gg-nf2-xem { width: 100%; display: inline-block; }
.gg-nf2-xem a { color: #bfbfbf; margin-top: 5px; display: block; }
.gg-home2 #nf_show_more { display: block; clear: both; }
@media (max-width: 767px) { .gg-nf2 { margin: 12px 0 !important; } .gg-nf2-txt { font-size: 15px; } }

/* ==== Plan 7 T4: header desktop + danh sách phim 2 cột ==== */
/* Đăng ký ở thanh trên: gaigoi.css (khối "mục gốc không dùng") ẩn .ic-signup ở MỌI bề rộng từ hồi header chưa có nút này.
   T4 dùng lại mục đó nên mở lại từ 768px; dưới 768px style.css của theme vẫn ẩn (@media max-width: 767px). */
@media (min-width: 768px) { .top-menu-item.ic-signup { display: block; } }
/* nút đổi loại tìm: y #search_select của theme (theme gắn luật theo id, mình không dùng id đó vì jquery.main.js bắt id rồi đổi action form) */
.gg-search-select { right: 45px; top: 1px; position: absolute; z-index: 3; margin: 0; border: 0; color: #999; }
.gg-search-select:hover { color: #efefef; }
.gg-search-select:active, .gg-search-select:focus { box-shadow: none; outline: 0; }
.search-top-container .search-box, .search-bot-container .search-box { padding-right: 44px; }
.gg-phim-ds .gg-phim2 { margin-bottom: 14px; }
.gg-phim-ds .gg-phim2 .gg-phim-thumb { max-height: 132px; }
.gg-phim-ds .gg-phim2 .content-title { display: block; font-size: 15px; font-weight: 400; color: #bbb; line-height: 20px; max-height: 40px; overflow: hidden; }
.gg-phim-ds .gg-phim2 a:hover .content-title { color: #fff; }
.gg-phim-ds .gg-phim2 .content-rating i { color: #57a557; }
.gg-phim-ds .well-filters .well-action.active a { color: #fff; }
.gg-phim-ds .list-group-item { cursor: pointer; }
@media (max-width: 991px) { .gg-phim-ds .content-right { margin-top: 10px; } .gg-phim-ds .gg-phim2 .gg-phim-thumb { max-height: none; } }

/* ==== Ba trang chính sách (/dieu-khoan, /chinh-sach-bao-mat, /quy-dinh-ncc) — 28/09/2026 ==== */
.gg-cs-mo { color: #9a9a9a; font-size: 13.5px; line-height: 1.7; margin: 0 0 14px; padding-bottom: 12px; border-bottom: 1px solid #353535; }
.gg-cs-ket { color: #9a9a9a; font-size: 13px; line-height: 1.7; margin-top: 18px; padding-top: 12px; border-top: 1px solid #353535; }
.gg-cs-body h2 { color: #fff; font-size: 17px; margin: 22px 0 8px; font-weight: 700; }
.gg-cs-body h2:first-child { margin-top: 0; }
.gg-cs-body h3 { color: #fff; font-size: 16px; margin: 20px 0 8px; font-weight: 600; }
.gg-cs-body ul { padding-left: 20px; margin: 0 0 6px; }
.gg-cs-body li { margin: 5px 0; color: #bdbdbd; font-size: 14.5px; line-height: 1.7; }
.gg-cs-body p { color: #bdbdbd; font-size: 14.5px; }