/* Kim Quang Games: retain the Default artwork and navigation style. */
body.kqd-site {
    min-width: 320px;
    margin: 0;
    background: #111;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.5;
}
.kqd-topbar, .kqd-topbar *, .kqd-home, .kqd-home *, .kqd-site .default-page,
.kqd-site .default-page * { box-sizing: border-box; }
.kqd-visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.kqd-skip {
    position: fixed;
    top: -100px;
    left: 16px;
    z-index: 1001;
    padding: 12px 20px;
    background: #fff0bf;
    color: #492415;
}
.kqd-skip:focus { top: 12px; }
.kqd-topbar {
    position: sticky;
    top: 0;
    z-index: 100;
    height: 86px;
    border-bottom: 1px solid #4c4636;
    background: #202020;
    box-shadow: 0 2px 12px #0004;
}
.kqd-topbar-inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: min(90%, 1700px);
    height: 100%;
    margin: auto;
    padding-left: 170px;
}
.kqd-company-logo {
    position: absolute;
    top: 12px;
    left: 0;
    width: 128px;
    height: 128px;
    filter: drop-shadow(0 4px 7px #0009);
}
.kqd-company-logo img { display: block; width: 100%; height: 100%; object-fit: contain; }
.kqd-main-nav { width: min(100%, 1210px); }
.kqd-main-nav ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.kqd-main-nav li { margin: 0; padding: 0; list-style: none; }
.kqd-main-nav a {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 24px 0;
    color: #dfddd8;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    text-decoration: none;
    white-space: nowrap;
}
.kqd-main-nav a::before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border: 1px solid #5d594e;
    background: #37352f;
    box-shadow: inset 0 0 0 2px #202020;
    transform: rotate(45deg);
}
.kqd-main-nav a:hover { color: #fbd88f; }
.kqd-site a:focus-visible, .kqd-menu-button:focus-visible {
    outline: 2px solid #e8b85c;
    outline-offset: 4px;
}
.kqd-menu-button { display: none; }
.kqd-home { display: block; width: 100%; margin: 0; padding: 0; }
.kqd-hero { position: relative; width: 100%; background: #291b12; }
.kqd-hero-image { display: block; width: 100%; height: auto; }
.kqd-hero-actions {
    position: absolute;
    bottom: 14%;
    left: 58%;
    display: flex;
    align-items: center;
    gap: 12px;
}
.kqd-action {
    display: block;
    width: clamp(130px, 13.34vw, 256px);
    aspect-ratio: 256 / 87;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    filter: drop-shadow(0 3px 6px #0008);
    transition: filter .18s ease, transform .18s ease;
}
.kqd-action-payment { background-image: url('../gd6/upload/vltk20/source/News/2025/7/mainsite/nap1.png'); }
.kqd-action-download { background-image: url('../gd6/upload/vltk20/source/News/2025/7/mainsite/tai1.png'); }
.kqd-action:hover { filter: brightness(1.12) drop-shadow(0 3px 6px #0008); transform: translateY(-2px); }
.kqd-news-background {
    background: #f4e7cd url('../gd6/products/vltk20/skin-2025/prod/images/newsbg.jpg') center / cover;
    border-top: 1px solid #d7b16d;
    border-bottom: 1px solid #8c733f;
}
.kqd-site .default-page { padding-top: 70px; }
.kqd-site .default-page-main { min-width: 0; }
.kqd-site .default-article-list a { overflow-wrap: anywhere; }
.kqd-site .default-pagination { flex-wrap: wrap; }
@media (max-width: 1250px) and (min-width: 1051px) {
    .kqd-topbar-inner { width: 94%; padding-left: 130px; }
    .kqd-main-nav ul { gap: 12px; }
    .kqd-main-nav a { font-size: 16px; gap: 9px; }
    .kqd-company-logo { width: 110px; height: 110px; }
}
@media (max-width: 1050px) {
    .kqd-topbar { height: 72px; }
    .kqd-topbar-inner { width: 100%; padding: 0 24px; }
    .kqd-company-logo { top: 7px; left: 22px; width: 84px; height: 84px; }
    .kqd-menu-button {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 5px;
        width: 44px;
        height: 44px;
        padding: 8px;
        border: 1px solid #8b703e;
        border-radius: 3px;
        background: #29251e;
        cursor: pointer;
    }
    .kqd-menu-button span { width: 23px; height: 2px; background: #f2d698; }
    .kqd-main-nav {
        display: none;
        position: absolute;
        top: 72px;
        right: 0;
        width: min(100%, 340px);
        max-height: calc(100dvh - 72px);
        padding: 16px 24px;
        overflow-y: auto;
        border: 1px solid #655136;
        background: #202020;
        box-shadow: 0 10px 22px #0007;
    }
    .kqd-main-nav.is-open { display: block; }
    .kqd-main-nav ul { display: block; }
    .kqd-main-nav a { padding: 11px 8px; font-size: 17px; }
}
@media (max-width: 600px) {
    .kqd-topbar { height: 62px; }
    .kqd-company-logo { top: 5px; left: 14px; width: 67px; height: 67px; }
    .kqd-topbar-inner { padding: 0 14px; }
    .kqd-main-nav { top: 62px; max-height: calc(100dvh - 62px); }
    .kqd-hero-actions {
        position: static;
        justify-content: center;
        gap: 10px;
        padding: 12px 10px 15px;
        background: linear-gradient(#382314, #1e1812);
        border-top: 1px solid #9f783c;
    }
    .kqd-action { width: min(44vw, 210px); }
    .kqd-site .default-page { padding-top: 35px; }
    .kqd-site .default-article-list a { display: block; }
    .kqd-site .default-article-list a span:last-child { display: block; margin-top: 4px; }
}
@media (prefers-reduced-motion: reduce) {
    .kqd-action { transition: none; }
}