/* Bang gia public = gói đăng tin (đồng bộ B2C/Goi-Dang-Tin) */
/* Phong cách COMPANY/P1: nền xanh thương hiệu #0068ff→#0b3fb5, điểm nhấn vàng #f6d24e, nút cam #f2951b, thẻ bo 22px nổi nhẹ. */
        .gdt {
            --p1-brand-1: #0068ff; --p1-brand-2: #0b3fb5; --p1-gold: #f6d24e; --p1-orange: #f2951b;
            --p1-brand-grad: linear-gradient(160deg, #1a7bff 0%, #0068ff 42%, #0b3fb5 100%);
            --p1-bg-alt: #f0f4ff; --p1-text: #14213d; --p1-muted: #5f6f8a; --p1-border: rgba(20, 33, 61, .08);
            --p1-shadow-soft: 0 1px 2px rgba(20, 33, 61, .04), 0 10px 30px rgba(20, 33, 61, .06);
            --p1-ease: cubic-bezier(.22, .61, .36, 1); --p1-ease-out: cubic-bezier(.16, 1, .3, 1);
            color: var(--p1-text); max-width: 1240px;
        }

        /* ===== Tabs loại tin ===== */
        .gdt-tabs { position: relative; z-index: 2; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 0 0 26px; }
        .gdt-tab { display: inline-flex; align-items: center; gap: 8px; padding: 9px 22px; border-radius: 12px; background: #fff; border: 1.5px solid var(--p1-border);
            font-size: 14.5px; font-weight: 600; color: var(--p1-text); cursor: pointer; white-space: nowrap; box-shadow: var(--p1-shadow-soft);
            transition: background .3s var(--p1-ease), color .3s var(--p1-ease), border-color .3s var(--p1-ease), box-shadow .3s var(--p1-ease), transform .2s var(--p1-ease); }
        .gdt-tab small { font-weight: 600; color: var(--p1-muted); }
        @media (hover: hover) { .gdt-tab:hover { border-color: rgba(0,104,255,.35); transform: translateY(-2px); } }
        .gdt-tab.is-active { background: var(--p1-bg-alt); border-color: var(--p1-brand-1); color: var(--p1-brand-1); box-shadow: 0 8px 18px rgba(0,104,255,.14); }
        .gdt-tab:active { transform: scale(.96); }

        /* ===== Lưới thẻ giá ===== */
        .gdt.has-js .gdt-panel { display: none; }
        .gdt.has-js .gdt-panel.is-active { display: block; animation: gdtFade .45s var(--p1-ease-out); }
        @keyframes gdtFade { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
        /* Hàng quyền lợi chung của loại tin: MỘT dòng duy nhất (không rớt dòng); màn hẹp thì vuốt ngang. Chip trắng nổi nhẹ, số liệu in đậm xanh. */
        .gdt-limits { display: flex; flex-wrap: nowrap; justify-content: safe center; align-items: center; gap: 10px; margin: 0 auto 28px; padding: 4px 6px 10px; max-width: 100%;
            overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
        .gdt-limits::-webkit-scrollbar { display: none; }
        .gdt-lim { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 8px; padding: 8px 15px; border-radius: 999px; background: #fff; border: 1px solid var(--p1-border);
            box-shadow: 0 1px 2px rgba(20,33,61,.04), 0 4px 12px rgba(20,33,61,.05); color: #34415f; font-size: 13px; font-weight: 600; line-height: 1.2; white-space: nowrap; }
        .gdt-lim > span { white-space: nowrap; }
        .gdt-lim i { flex: 0 0 auto; color: #0068ff; font-size: 13px; }
        .gdt-lim b { color: #0b3fb5; font-weight: 800; }
        .gdt-lim.is-no { background: #f1f1f1; color: #8a8a8a; } .gdt-lim.is-no i { color: #9a9a9a; }
        .gdt-lim--badge { color: #fff; font-weight: 800; } .gdt-lim--badge i { color: #fff; }
        /* Tiêu đề nhóm: chữ chuyển màu liền một dải (xanh thương hiệu → màu huy hiệu của loại tin, biến --tc), huy hiệu đứng liền ở góc trên bên phải như một "tem" gắn vào chữ. */
        .gdt-panel__title { display: flex; align-items: flex-start; justify-content: center; gap: 4px; flex-wrap: nowrap; white-space: nowrap; margin: 0 0 16px; padding-top: 6px;
            font-size: 28px; font-weight: 800; line-height: 1.15; letter-spacing: -.015em; }
        .gdt-panel__text { background: linear-gradient(95deg, #0b3fb5 0%, #0068ff 38%, var(--tc, #0068ff) 100%); -webkit-background-clip: text; background-clip: text;
            -webkit-text-fill-color: transparent; color: transparent; padding-bottom: 3px; }
        .gdt-title-badge { display: inline-flex; align-items: center; margin-top: -6px; padding: 3px 10px; border-radius: 999px; color: #fff; font-size: 11px; font-weight: 800; letter-spacing: .05em; line-height: 1.3;
            border: 2px solid #fff; box-shadow: 0 4px 10px rgba(20,33,61,.2); text-shadow: 0 1px 1px rgba(0,0,0,.2); transform: rotate(4deg); }
        .gdt:not(.has-js) .gdt-panel { margin-bottom: 32px; }
        .gdt-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 22px; padding-top: 16px; align-items: stretch; }   /* stretch → các thẻ cùng hàng cao bằng nhau, nút Đặt mua luôn nằm đáy */

        .gdt-card { position: relative; display: flex; flex-direction: column; border-radius: 22px; background: #fff; border: 1px solid var(--p1-border);
            box-shadow: var(--p1-shadow-soft); margin-bottom: 8px;
            transition: transform .5s var(--p1-ease-out), box-shadow .5s var(--p1-ease-out), border-color .4s var(--p1-ease); }
        @media (hover: hover) { .gdt-card:hover { transform: translateY(-8px); border-color: rgba(98,170,255,.35);
            box-shadow: 0 4px 10px rgba(20,33,61,.05), 0 26px 46px rgba(0,104,255,.18); } }
        .gdt-card.is-best { border-color: rgba(0,104,255,.28); }

        .gdt-badge { position: absolute; top: -14px; left: 50%; transform: translateX(-50%); z-index: 3; display: inline-flex; align-items: center; gap: 6px; white-space: nowrap;
            padding: 5px 16px; border-radius: 8px; font-size: 12.5px; font-weight: 700; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.2);
            background: linear-gradient(110deg, #f2951b, #e0720a); box-shadow: 0 8px 18px rgba(242,149,27,.4); }
        .gdt-badge--save { background: linear-gradient(110deg, #188038, #2fa34f); box-shadow: 0 8px 18px rgba(24,128,56,.35); }

        /* Đầu thẻ: cùng phong cách tour-banner của cổng khách hàng — gradient xanh→chàm, icon chìm, cực quang, sóng trôi ở đáy. */
        .gdt-card__head { position: relative; padding: 28px 20px 46px; border-radius: 21px 21px 0 0; overflow: hidden; isolation: isolate; color: #fff; text-align: center;
            background: linear-gradient(135deg, #1e3a8a 0%, #1d4ed8 38%, #4f46e5 68%, #5b21b6 100%); }
        .gdt-card.is-best .gdt-card__head { background: linear-gradient(135deg, #172e75 0%, #1d4ed8 45%, #6d4cf0 100%); }
        .gdt-card__head::after { content: var(--gdt-icon, "\f02c"); font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; right: -10px; bottom: 14px; font-size: 120px;
            color: #fff; opacity: .08; transform: rotate(-15deg); pointer-events: none; z-index: 0; transition: transform .6s var(--p1-ease-out), opacity .4s; }
        .gdt-card:hover .gdt-card__head::after { transform: rotate(-9deg) scale(1.08); opacity: .13; }
        .gdt-card__head > * { position: relative; z-index: 1; }

        .gdt-fx { position: absolute !important; inset: 0; z-index: 0 !important; overflow: hidden; pointer-events: none; }
        .gdt-au { position: absolute; border-radius: 50%; filter: blur(40px); opacity: .6; animation: gdtAurora 22s ease-in-out infinite; }
        .gdt-au--1 { width: 55%; height: 75%; top: -30%; left: -8%; background: radial-gradient(circle, rgba(147,197,253,.5), transparent 70%); animation-duration: 24s; }
        .gdt-au--2 { width: 48%; height: 70%; top: -10%; right: -10%; background: radial-gradient(circle, rgba(167,139,250,.45), transparent 70%); animation-duration: 28s; animation-delay: -8s; }
        .gdt-au--3 { width: 42%; height: 55%; bottom: -10%; left: 30%; background: radial-gradient(circle, rgba(99,102,241,.32), transparent 72%); animation-duration: 20s; animation-delay: -14s; }
        @keyframes gdtAurora { 0%,100% { transform: translate(0,0) scale(1); } 33% { transform: translate(14px,-10px) scale(1.05); } 66% { transform: translate(-10px,8px) scale(.96); } }

        /* Sóng ở đáy đầu thẻ: lớp nền trắng (cùng màu thân thẻ) + 2 lớp mờ trôi ngang. */
        .gdt-wave { position: absolute !important; left: 0; right: 0; bottom: -1px; height: 30px; z-index: 2 !important; line-height: 0; overflow: hidden; pointer-events: none; }
        .gdt-wave__base, .gdt-wave__a, .gdt-wave__b { position: absolute; left: 0; bottom: 0; height: 100%; background-repeat: repeat-x; background-size: 50% 100%; }
        .gdt-wave__base { width: 100%; background-size: 100% 100%; background-repeat: no-repeat;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 88' preserveAspectRatio='none'%3E%3Cpath fill='%23ffffff' d='M0,40 C280,4 420,72 720,38 C980,8 1180,68 1440,40 L1440,88 L0,88 Z'/%3E%3C/svg%3E"); }
        .gdt-wave__a, .gdt-wave__b { width: 200%; }
        .gdt-wave__a { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 88' preserveAspectRatio='none'%3E%3Cpath fill='rgba(255,255,255,0.18)' d='M0,40 C280,4 420,72 720,38 C980,8 1180,68 1440,40 L1440,88 L0,88 Z'/%3E%3C/svg%3E"); animation: gdtWave 14s linear infinite; }
        .gdt-wave__b { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 88' preserveAspectRatio='none'%3E%3Cpath fill='rgba(255,255,255,0.10)' d='M0,40 C280,4 420,72 720,38 C980,8 1180,68 1440,40 L1440,88 L0,88 Z'/%3E%3C/svg%3E"); animation: gdtWave 22s linear infinite reverse; }
        @keyframes gdtWave { from { transform: translateX(0); } to { transform: translateX(-50%); } }
        .gdt-card__name { display: block; font-size: 22px; font-weight: 800; line-height: 1.25; margin-bottom: 4px; text-shadow: 0 1px 2px rgba(0,0,0,.18); }
        .gdt-card__desc { margin: 0 0 14px; font-size: 13.5px; font-weight: 500; color: rgba(255,255,255,.92); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
        .gdt-card__price { display: flex; flex-wrap: nowrap; align-items: baseline; justify-content: center; gap: 6px; }
        .gdt-card__price b { font-size: 24px; font-weight: 800; letter-spacing: -.01em; line-height: 1.2; color: #fff; }
        .gdt-card__price span { font-size: 13px; font-weight: 600; color: rgba(255,255,255,.88); }

        /* Chip giá/ngày: canh giữa, đè lên mép dưới đầu thẻ. */
        .gdt-card__tags { position: relative; z-index: 2; margin-top: -30px; padding: 0 20px; display: flex; justify-content: center; }
        .gdt-tag { display: inline-flex; align-items: center; padding: 6px 16px; border-radius: 999px; background: var(--p1-orange); color: #fff; font-size: 13px; font-weight: 700;
            box-shadow: 0 6px 16px rgba(242,149,27,.35); }
        .gdt-card__body { display: flex; flex-direction: column; flex: 1; padding: 18px 22px 22px; }
        /* Danh sách quyền lợi: luôn full-width + icon cột cố định → mép trái các thẻ thẳng hàng, chữ không bị dịch khi rê chuột. */
        .gdt-feat { list-style: none; width: 100%; margin: 2px 0 20px; padding: 0; display: grid; gap: 10px; }
        .gdt-feat li { display: flex; gap: 10px; align-items: flex-start; font-size: 14px; font-weight: 500; line-height: 20px; color: #14213d; }
        .gdt-feat i { flex: 0 0 18px; width: 18px; height: 20px; display: inline-flex; align-items: center; justify-content: center; margin: 0; color: #188038; font-size: 13px; }
        .gdt-feat li.is-no { color: #8a8a8a; } .gdt-feat li.is-no i { color: #b5b5b5; }
        .gdt-feat li > span { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }   /* mỗi quyền lợi đúng 1 dòng, quá dài thì cắt "…" */
        .gdt-feat li.is-note { font-size: 12.5px; color: var(--p1-muted); } .gdt-feat li.is-note i { color: #9aa7bd; }
        .gdt-cta { margin-top: auto; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 11px 18px; border-radius: 10px;
            border: 1px solid #dee2e6; background: #fff;  font-size: 14px; font-weight: 700; text-decoration: none; cursor: pointer; position: relative; overflow: hidden;
            transition: background .35s var(--p1-ease), color .35s var(--p1-ease), border-color .35s var(--p1-ease), box-shadow .35s var(--p1-ease), transform .2s var(--p1-ease); }
        .gdt-cta::after { content: "\f105"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 13px; transition: transform .35s var(--p1-ease-out); }
        .gdt-card:hover .gdt-cta, .gdt-cta:hover { background: var(--p1-orange); border-color: var(--p1-orange); color: #fff; box-shadow: 0 10px 22px rgba(242,149,27,.3); }
        .gdt-card:hover .gdt-cta::after { transform: translateX(4px); }
        .gdt-card.is-best .gdt-cta { background: var(--p1-orange); border-color: var(--p1-orange); color: #fff; box-shadow: 0 10px 22px rgba(242,149,27,.28); }
        .gdt-card.is-best:hover .gdt-cta { background: #d97e0a; border-color: #d97e0a; }
        .gdt-cta:active { transform: scale(.97); }
        .gdt-cta:focus-visible, .gdt-tab:focus-visible { outline: 2px solid var(--p1-gold); outline-offset: 2px; }

        .gdt-infolink { display: flex; align-items: center; justify-content: center; gap: 8px; width: fit-content; margin: -8px auto 22px; padding: 7px 16px; border-radius: 999px; white-space: nowrap;
            background: #fff8e8; border: 1px solid #f6d79a; color: #9a5b00; font-size: 13px; font-weight: 700; text-decoration: none; transition: background .25s, transform .2s; }
        .gdt-infolink:hover { background: #ffefc7; color: #7c4700; transform: translateY(-1px); } .gdt-infolink i { font-size: 12px; }
        html { scroll-behavior: smooth; }

        /* ===== Giải thích dịch vụ + bảng so sánh ===== */
        .gdt-info { margin: 44px 0 8px; scroll-margin-top: 80px; }
        .gdt-info__title { text-align: center; margin: 0 0 8px; font-size: 26px; font-weight: 800; letter-spacing: -.01em; }
        .gdt-info__lead { text-align: center; max-width: 720px; margin: 0 auto 26px; color: var(--p1-muted); font-size: 15px; line-height: 1.6; }
        .gdt-info__lead b { color: var(--p1-text); }
        .gdt-info__title--cmp { margin-bottom: 18px; }
        .gdt-tablewrap + .gdt-info__title { margin-top: 48px; }   /* tiêu đề phần giải thích nằm sau bảng so sánh */
        .gdt-info__sub { margin: 34px 0 14px; text-align: center; font-size: 19px; font-weight: 800; }
        .gdt-explain { display: grid; grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); gap: 20px; }
        .gdt-ex { --ac: #0068ff; --ab: #eef3ff; position: relative; background: #fff; border: 1px solid var(--p1-border); border-radius: 20px; padding: 22px 22px 20px; box-shadow: var(--p1-shadow-soft); border-top: 0px solid var(--ac); }
        .gdt-ex--auto { --ac: #15a34a; --ab: #e8f7ee; } .gdt-ex--boost { --ac: #f2951b; --ab: #fff4df; }
        .gdt-ex__ico { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 14px; background: var(--ab); color: var(--ac); font-size: 19px; margin-bottom: 12px; }
        .gdt-ex h3 { margin: 0 0 8px; font-size: 17px; font-weight: 800; line-height: 1.3; }
        .gdt-ex p { margin: 0 0 12px; font-size: 14px; line-height: 1.6; color: #34415f; } .gdt-ex p b { color: var(--p1-text); }
        .gdt-ex .gdt-ex__note { margin: 12px 0 0; padding-top: 10px; border-top: 1px dashed var(--p1-border); font-size: 12.5px; color: var(--p1-muted); }
        .gdt-ex__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
        .gdt-ex__list li { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 7px 12px; border-radius: 10px; background: var(--ab); font-size: 13px; white-space: nowrap; }
        .gdt-ex__list li span { overflow: hidden; text-overflow: ellipsis; } .gdt-ex__list li b { color: var(--ac); flex: 0 0 auto; }
        .gdt-ladder { list-style: none; margin: 0; padding: 0; display: grid; gap: 5px; counter-reset: lv; }
        .gdt-ladder li { counter-increment: lv; display: flex; align-items: center; gap: 10px; padding: 6px 12px; border-radius: 10px; background: var(--ab); font-size: 13px; font-weight: 600; white-space: nowrap; }
        .gdt-ladder li::before { content: counter(lv); flex: 0 0 22px; height: 22px; border-radius: 50%; background: var(--ac); color: #fff; font-size: 11px; font-weight: 800; display: inline-flex; align-items: center; justify-content: center; }
        .gdt-ladder li.is-boost { background: linear-gradient(100deg, #fff1d6, #ffe3b0); color: #8a4b00; } .gdt-ladder li.is-boost::before { background: #f2951b; }
        .gdt-ladder li.is-boost i { color: #f2951b; }

        .gdt-tablewrap { overflow-x: auto; border-radius: 18px; background: #fff; border: 1px solid var(--p1-border); box-shadow: var(--p1-shadow-soft); -webkit-overflow-scrolling: touch; }
        .gdt-table { width: 100%; table-layout: fixed; border-collapse: separate; border-spacing: 0; font-size: 13.5px; }
        .gdt-table th, .gdt-table td { padding: 11px 8px; text-align: center; vertical-align: middle; border-bottom: 1px solid #eef1f7; line-height: 1.35; overflow-wrap: anywhere; }
        @media (max-width: 860px) { .gdt-table { min-width: 760px; } }   /* chỉ màn hình nhỏ mới cuộn ngang */
        .gdt-table td small { display: block; margin-top: 2px; font-size: 11.5px; color: var(--p1-muted); font-weight: 500; }
        .gdt-table tbody tr:last-child th, .gdt-table tbody tr:last-child td { border-bottom: 0; }
        .gdt-table tbody tr:nth-child(even) td, .gdt-table tbody tr:nth-child(even) th.gdt-table__feat { background: #fafbff; }
        .gdt-table tbody tr:hover td, .gdt-table tbody tr:hover th.gdt-table__feat { background: #f0f5ff; }
        .gdt-table__feat { position: sticky; left: 0; z-index: 1; text-align: left !important; background: #fff; font-weight: 700; color: var(--p1-text); width: 200px; box-shadow: 1px 0 0 #eef1f7; }
        .gdt-table__feat i { color: #0068ff; margin-right: 6px; width: 14px; text-align: center; }
        .gdt-table thead th { background: #f4f7ff; border-bottom: 3px solid var(--hc, #cbd5e1); padding-top: 16px; padding-bottom: 14px; }
        .gdt-table thead th.gdt-table__feat { background: #f4f7ff; border-bottom-color: #cbd5e1; font-size: 12.5px; text-transform: uppercase; letter-spacing: .05em; color: var(--p1-muted); }
        .gdt-th { display: block; font-size: 14.5px; font-weight: 800; color: var(--p1-text); }
        .gdt-th__tag { display: inline-block; margin-top: 5px; padding: 5px 15px; border-radius: 999px; background: var(--hc, #94a3b8); color: #fff; font-size: 10.5px; font-weight: 700; letter-spacing: .04em; }
        .gdt-table b { font-weight: 800; color: #0b3fb5; }
        .gdt-y { color: #16a34a; font-size: 16px; } .gdt-n { color: #c3cad8; font-size: 12px; }
        /* Nhãn "Phổ biến nhất": nửa trong – nửa ngoài mép trên của cột (viên thuốc xanh, sao vàng) */
        .gdt-table thead th.gdt-th--pop { position: relative; }
        .gdt-popular { position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); z-index: 3; display: inline-flex; align-items: center; gap: 6px; padding: 7px 16px; border-radius: 999px; background: #2f6bff; color: #fff; font-size: 13px; font-weight: 800; line-height: 1; letter-spacing: .01em; white-space: nowrap; box-shadow: 0 6px 16px rgba(47, 107, 255, .35); }
        .gdt-popular i { margin: 0; width: auto; font-size: 13px; color: #ffd43b; }
        .gdt-tablewrap { overflow: visible; margin-top: 20px; }   /* cho nhãn nhô ra ngoài mép trên; bảng đã vừa khung nên không cần cuộn ngang */
        .gdt-table thead th:first-child { border-top-left-radius: 18px; }
        .gdt-table thead th:last-child { border-top-right-radius: 18px; }
        .gdt-table tbody tr:last-child th:first-child { border-bottom-left-radius: 18px; }
        .gdt-table tbody tr:last-child td:last-child { border-bottom-right-radius: 18px; }
        @media (max-width: 860px) { .gdt-tablewrap { overflow-x: auto; padding-top: 16px; margin-top: 0; } }
        .gdt-th { display: block; }
        .gdt-lv { display: inline-flex; gap: 3px; align-items: center; } .gdt-lv i { width: 9px; height: 9px; border-radius: 50%; background: #e2e8f4; } .gdt-lv i.on { background: #0068ff; }

        .gdt-boosts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; max-width: 1000px; margin: 0 auto; }   /* 4 mốc trên 1 hàng; màn hẹp thì 2 cột rồi 1 cột */
        @media (max-width: 860px) { .gdt-boosts { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
        @media (max-width: 420px) { .gdt-boosts { grid-template-columns: 1fr; } }
        .gdt-boost { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 18px 14px; border-radius: 18px; background: linear-gradient(160deg, #fff8e8, #fff); border: 1px solid #f6d79a; box-shadow: var(--p1-shadow-soft); }
        .gdt-boost__t { font-size: 14px; font-weight: 800; color: #9a5b00; text-transform: uppercase; letter-spacing: .04em; }
        .gdt-boost__p { font-size: 24px; font-weight: 800; color: #14213d; white-space: nowrap; } .gdt-boost small { color: var(--p1-muted); font-size: 12.5px; }
        .gdt-info__foot { max-width: 760px; margin: 16px auto 0; text-align: center; font-size: 13px; line-height: 1.6; color: var(--p1-muted); } .gdt-info__foot b { color: var(--p1-text); }

        /* ===== Hỗ trợ + thông báo ===== */
        .gdt-help { margin: 30px 0 8px; text-align: center; border-radius: 22px; padding: 28px 20px; color: #fff; background: var(--p1-brand-grad); }
        .gdt-help h2 { font-size: 22px; font-weight: 800; margin: 0 0 6px; }
        .gdt-help h2 em { font-style: normal; color: var(--p1-gold); }
        .gdt-help p { margin: 0 0 16px; color: rgba(255,255,255,.86); }
        .gdt-help__actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 14px; }
        .gdt-help__actions a { display: inline-flex; align-items: center; gap: 10px; border-radius: 999px; text-decoration: none;
            transition: transform .2s var(--p1-ease), box-shadow .3s var(--p1-ease), background .3s var(--p1-ease); }
        .gdt-help__actions a:hover { transform: translateY(-2px); box-shadow: 0 10px 22px rgba(0,0,0,.22); }
        .gdt-help__actions a:active { transform: scale(.97); }
        .gdt-help__chat { padding: 11px 24px; font-weight: 700; color: #fff; border: 1.5px solid rgba(255,255,255,.55); background: rgba(255,255,255,.12); }
        .gdt-help__chat:hover { background: rgba(255,255,255,.22); color: #fff; }

        /* Hotline: nút vàng kim, icon điện thoại rung + 2 vòng sóng lan ra (cùng kiểu icon "lan sóng" của P1). */
        .gdt-help__phone, .gdt-help__phone:hover { padding: 8px 26px 8px 10px; color: #fff; background: linear-gradient(110deg, #f2951b, #e0720a); box-shadow: 0 8px 20px rgba(0,0,0,.2); text-align: left; }
        .gdt-help__ring { position: relative; width: 42px; height: 42px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
            background: rgba(255,255,255,.22); color: #fff; font-size: 17px; flex-shrink: 0; }
        .gdt-help__ring i { animation: gdtPhoneShake 1.8s ease-in-out infinite; transform-origin: 50% 50%; }
        .gdt-help__ring::before, .gdt-help__ring::after { content: ""; position: absolute; inset: 0; border-radius: 50%; border: 2px solid #fff; opacity: 0;
            animation: gdtRing 2s ease-out infinite; }
        .gdt-help__ring::after { animation-delay: 1s; }
        .gdt-help__phone-text { display: flex; flex-direction: column; line-height: 1.2; }
        .gdt-help__phone-text small { font-size: 12.5px; font-weight: 700; color: #fff; opacity: 1; text-shadow: 0 1px 2px rgba(0,0,0,.25); }
        .gdt-help__phone-text strong { font-size: 19px; font-weight: 800; letter-spacing: .01em; color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,.2); }
        @keyframes gdtRing { 0% { transform: scale(1); opacity: .55; } 100% { transform: scale(1.9); opacity: 0; } }
        @keyframes gdtPhoneShake { 0%, 55%, 100% { transform: rotate(0); } 60% { transform: rotate(-16deg); } 66% { transform: rotate(14deg); } 72% { transform: rotate(-12deg); } 78% { transform: rotate(10deg); } 84% { transform: rotate(-6deg); } 90% { transform: rotate(0); } }
        .gdt-msg { position: relative; z-index: 2; border-radius: 14px; padding: 12px 18px; margin: 0 0 20px; font-weight: 600; animation: gdtFade .35s var(--p1-ease-out); }
        .gdt-msg.ok { background: #e6f4ea; color: #137333; } .gdt-msg.err { background: #fce8e6; color: #b3261e; }
        .gdt-empty { text-align: center; color: var(--p1-muted); padding: 48px 16px; background: #fff; border-radius: 22px; box-shadow: var(--p1-shadow-soft); }

        @media (max-width: 640px) {
            .gdt-tabs { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; padding-bottom: 6px; -webkit-overflow-scrolling: touch; }
        }
        @media (prefers-reduced-motion: reduce) { .gdt *, .gdt *::before { animation: none !important; transition: none !important; } }