/*
Theme Name: VRTorrents
Text Domain: vrtorrents
Version: 1.0.0
Theme URI: https://vrtorrents.online
Author: VRTorrents
Author URI: https://vrtorrents.online
License: GNU General Public License v3.0
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Description: Official WordPress theme for VRTorrents. A fast, modern, and responsive theme built for VR torrent websites, featuring torrent management, advanced filtering, screenshots, download links, custom taxonomies, and optimized performance.
Tags: vr, torrent, torrents, vr-games, gaming, downloads, responsive, dark-mode, modern, fast, custom-post-type, seo-friendly, performance, customizable
*/

html {
    font-family: "SelectedFontFamily", Tahoma, Sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.8;
    -webkit-text-size-adjust: 100%;
}

body{
    margin:0;

    background:
        linear-gradient(
            rgba(230,235,240,.92),
            rgba(230,235,240,.92)
        ),
        url('images/abstract-grunge-texture-with-dark-stains-white-space_1194-638433.avif');

    background-size:cover;
    background-position:center;
    background-attachment:fixed;

    color:#222;
}

a {
    text-decoration: none;
    color: #1E88E5;
    background: none;
}

a:hover {
    color: #0D47A1;
}

a img {
    border: 0;
}

form {
    margin: 0 auto;
}

form input,
form textarea,
form select {
    font-family: "SelectedFontFamily", Tahoma, Sans-serif;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

form input[type="text"],
form input[type="password"],
form input[type="email"],
form input[type="search"],
form input[type="url"],
form input[type="submit"],
form input[type="button"],
form input[type="reset"],
form button {
    height: 40px;
    outline: none;
}

form textarea {
    outline: none;
}

form .input {
    margin: 16px 0;
    border: 2px solid #9e9e9e;
    border-radius: 24px;
}

form .checkbox input,
form .checkbox label {
    vertical-align: middle;
}

form .input label {
    position: absolute;
    display: block;
    line-height: 20px;
    transform-origin: top left;
    -ms-transform: translate(12px, 10px);
    -webkit-transform: translate(12px, 10px);
    -moz-transform: translate(12px, 10px);
    transform: translate(12px, 10px);
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    color: #616161;
    padding: 0 8px;
    background-color: #F5F5F5;
    border-radius: 100%;
}

form .input.active {
    border-color: #616161;
}

form .input.active label {
    -ms-transform: translate(24px, -12px);
    -webkit-transform: translate(24px, -12px);
    -moz-transform: translate(24px, -12px);
    transform: translate(24px, -12px);
    font-size: 0.76rem;
    color: #424242;
}

form .input input {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    height: 40px;
    padding: 0 16px;
    background: none;
    border-radius: 20px;
}

h1 {
    font-weight: normal;
    font-size: 2.2rem;
}

h2 {
    font-weight: bold;
    font-size: 1.8rem;
    color: #212121;
}

h3 {
    font-weight: bold;
    font-size: 1.6rem;
    color: #616161;
}

h4 {
    font-weight: bold;
    font-size: 1.4rem;
    color: #9e9e9e;
}

h5 {
    font-weight: bold;
    font-size: 1.2rem;
    color: #bdbdbd;
}

h6 {
    font-weight: bold;
    font-size: 1rem;
    color: #bdbdbd;
}

.container {
    margin: 0 16px;
}

header {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #263238;
    z-index: 18;
    top: 0;
    overflow: hidden;
}

header a {
    display: inline-block;
}

header .site-title {
    display: inline-block;
    margin: auto;
    padding: 0;
    line-height: 48px;
    font-size: 1.2rem;
    color: #cfd8dc;
    font-weight: normal;
    white-space: nowrap;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

header .site-title:hover {
    color: #000000;
}

header svg {
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

header #menu,
header #search {
    padding: 12px;
    fill: #cfd8dc;
    cursor: pointer;
}

header #menu:hover,
header #search:hover {
    fill: #fff;
}

header #menu {
    float: left;
    margin-right: 12px;
    width: 24px;
    height: 24px;
}

header #menu #close-icon {
    display: none;
}

header #search {
    float: right;
    width: 24px;
    height: 24px;
}

header .custom-logo {
    vertical-align: middle;
    padding: 6px 8px;
}

.nav-drawer {
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    padding-top: 48px;
    height: 100%;
    background-color: #fafafa;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 240px;
    max-width: 320px;
    z-index: 16;
    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    -ms-transform: translate(-100%, 0);
    -webkit-transform: translate(-100%, 0);
    -moz-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    overflow-y: auto;
}

.nav-drawer ul {
    list-style: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 24px 0;
    margin: 0;
}

.nav-drawer ul.user-panel {
    border-bottom: 1px solid #e0e0e0;
}

.nav-drawer ul .current-menu-item,
.nav-drawer ul .current_page_item {
    opacity: 0.5;
    background-color: #f5f5f5;
}

.nav-drawer ul li {
    display: block;
    padding: 0 12px;
    margin-top: 4px;
}

.nav-drawer ul li img {
    vertical-align: middle;
    border-radius: 100%;
    margin-right: 8px;
}

.nav-drawer ul li svg {
    vertical-align: middle;
    width: 24px;
    height: 24px;
    fill: #9E9E9E;
    margin-right: 8px;
}

.nav-drawer ul li ul {
    display: none;
    background-color: #f5f5f5;
}

.nav-drawer ul li ul li {
    display: block;
}

.nav-drawer ul li ul li ul {
    display: none;
    background-color: #eee;
}

.nav-drawer ul li ul li ul li:hover {
    background-color: #e0e0e0;
}

.nav-drawer ul li ul li:hover {
    background-color: #eee;
}

.nav-drawer ul li:hover {
    background-color: #f5f5f5;
}

.nav-drawer ul li a {
    line-height: 48px;
    font-size: 0.96rem;
    color: #424242;
    padding: 0 4px;
    display: block;
}

.nav-drawer ul li a:hover {
    color: #000;
}

.nav-drawer {
    scrollbar-width: thin;
    scrollbar-color: #E0E0E0 #fafafa;
}

.nav-drawer::-webkit-scrollbar {
    width: 6px;
}

.nav-drawer::-webkit-scrollbar-track {
    background: #fafafa;
}

.nav-drawer::-webkit-scrollbar-thumb {
    background: #E0E0E0;
}

.nav-drawer::-webkit-scrollbar-thumb:hover {
    background: #BDBDBD;
}

.menu-item-has-children a:not(:last-child),
.page_item_has_children a:not(:last-child) {
    background-image: url("assets/images/expand.svg");
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 20px;
}

.search-box {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    z-index: 20;
    -ms-transform: translate(0, -100%);
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    transform: translate(0, -100%);
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

.search-box form input[type="search"] {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 48px;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 1.1rem;
    border: 0;
}

.search-box form input::-webkit-input-placeholder,
.search-box form input::-ms-input-placeholder,
.search-box form input::-moz-placeholder,
.search-box form input::placeholder,
.search-box form input[placeholder] {
    color: #9e9e9e;
}

.search-box form input[type="submit"] {
    display: none;
}

.nav-tabs {
    list-style: none;
    margin: 0;
    overflow-x: auto;
    white-space: nowrap;
    text-align: center;
    -ms-overflow-style: none;
    scrollbar-width: none;
    top: 48px;
    background-color: #eee;
    padding: 0 36px;
    z-index: 14;
}

.nav-tabs::-webkit-scrollbar {
    display: none;
}

.nav-tabs li {
    display: inline-block;
    margin: 0 4px;
    font-size: 0.9rem;
    min-width: 64px;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.nav-tabs li a {
    color: #616161;
    display: block;
    padding: 0 8px;
    line-height: 40px;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.nav-tabs li a:hover {
    color: #2196f3;
}

.nav-tabs li ul {
    display: none;
    position: absolute;
    background-color: #fafafa;
    margin: 0;
    padding: 0;
    z-index: 14;
    margin-left: -8px;
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
    text-align: left;
}

.nav-tabs li ul li {
    display: block;
    margin: 0;
}

.nav-tabs li ul li ul {
    display: none;
    background-color: #f5f5f5;
    top: 0;
    left: 100%;
    margin: 0;
}

.nav-tabs li ul li ul li:hover {
    background-color: #eee;
}

.nav-tabs li ul li:hover {
    background-color: #f5f5f5;
}

.nav-tabs .current_page_item,
.nav-tabs .current-menu-item {
    background-color: #F5F5F5;
}

.nav-tabs .current_page_item a,
.nav-tabs .current-menu-item a {
    color: #212121;
}

main {
    display: grid;
    grid-gap: 16px;
    grid-template-columns: 1fr;
    padding: 8px 0;
    margin: 16px;
}

main article {
    align-self: start;
    background-color: #fafafa;
    border-radius: 8px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    word-break: break-word;
}

main article:hover {
    z-index: 4;
    background-color: #fff;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

main article .featured-image {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #eee;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 192px;
    border-radius: 8px 8px 0 0;
}

main article .featured-image .post-category {
    float: right;
    background: rgba(255, 255, 255, 0.7);
    min-width: 96px;
    text-align: center;
    border-radius: 0 8px 0 20px;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

main article .featured-image .post-category:hover {
    background: rgba(255, 255, 255, 0.9);
}

main article .featured-image .post-category a {
    display: block;
    line-height: 32px;
    padding: 0 16px;
    color: #212121;
    font-size: 0.86rem;
}

main article .content {
    padding: 16px;
}

main article h3 {
    padding: 0;
    margin: 0;
    font-size: 1.2rem;
    color: #000;
    font-weight: normal;
    line-height: 1.6;
}

main article h3:hover,
main article h3:focus,
main article h3:active {
    text-decoration: underline;
}

main article .post-info {
    color: #9e9e9e;
    font-size: 0.78rem;
}

main article p {
    font-size: 0.86rem;
    margin: 0;
    padding: 8px 0;
    color: #616161;
}

main article .bottom {
    padding-top: 8px;
    height: 36px;
}

main article .bottom .read-more {
    float: right;
    border-radius: 8px;
    text-align: center;
    opacity: 0.86;
}

main article .bottom .read-more a {
    display: block;
    padding: 0 16px;
    line-height: 36px;
    font-size: 0.8rem;
    color: #fff;
}

main article .bottom .read-more:hover,
main article .bottom .read-more:focus {
    opacity: 0.9;
}

main article .bottom .read-more:active {
    opacity: 1;
}

main article .bottom .comment-count {
    line-height: 36px;
    font-size: 0.8rem;
}

main article .bottom .comment-count svg {
    vertical-align: middle;
    opacity: 0.2;
    width: 24px;
    height: 24px;
    -ms-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    transform: scaleX(-1);
}

main article.sticky .content p,
main article.sticky .content .bottom {
    display: none;
}

main section {
    align-self: start;
}

.pagination {
    height: 36px;
    font-size: 0.94rem;
}

.pagination .op {
    background-color: #E0E0E0;
    border-radius: 12px;
    opacity: 0.7;
}

.pagination .op a {
    color: #9E9E9E;
    font-weight: 600;
    padding: 0 24px;
    line-height: 36px;
    display: block;
    font-size: 0.92rem;
}

.pagination .op:hover {
    opacity: 1;
}

.pagination #older-posts {
    float: right;
}

.pagination #newer-posts {
    float: left;
}

article .post-information {
    font-size: 0.9rem;
    display: block;
    color: #9e9e9e;
}

article .post-categories {
    text-align: right;
    padding-top: 8px;
    font-size: 0.88rem;
}

article .post-categories li {
    display: inline-block;
    border-radius: 32px;
    border: 1px solid #BDBDBD;
    opacity: 0.7;
    margin-left: 8px;
}

article .post-categories li a {
    display: inline-block;
    line-height: 32px;
    padding: 0 16px;
    color: #212121;
}

article .post-categories li:hover {
    opacity: 1;
}

article img {
    max-width: 100%;
    height: auto;
}

blockquote {
    font-size: 1.1rem;
    color: #757575;
    margin: 12px 0;
    padding: 12px 24px;
    border-left: 4px solid #424242;
}

pre {
    overflow: auto;
}

.alignright {
    text-align: right;
    margin-left: auto;
}

.wp-block-code {
    display: block;
    padding: 16px;
    background-color: #37474f;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    color: #fafafa;
    direction: ltr;
    text-align: left;
    font-size: 0.86rem;
}

code {
    background-color: #37474f;
    color: #fafafa;
    border-radius: 4px;
    padding: 4px;
    direction: ltr;
    white-space: normal;
}

figcaption {
    font-size: 0.9rem;
    color: #9e9e9e;
    text-align: center;
}

.comments {
    max-width: 576px;
    margin: 64px auto;
}

.comments h4 {
    text-align: center;
}

.comments .bubble {
    background-color: #fff;
    border-radius: 32px 32px 32px 0;
    padding: 8px 16px;
    border: 2px solid #e0e0e0;
    line-height: 24px;
    margin-top: 16px;
}

.comments .bubble p {
    color: #212121;
    font-size: 0.92rem;
}

.comments .bubble .reply {
    font-size: 0.8rem;
    text-align: right;
    padding-right: 12px;
}

.comments .comment-info {
    color: #757575;
    font-size: 0.7rem;
    margin: 8px 0;
    line-height: 32px;
}

.comments .comment-info img {
    border-radius: 100%;
    vertical-align: middle;
    width: 32px;
    height: 32px;
    background-color: #eee;
}

.comments .comment-info strong {
    font-size: 0.9rem;
    line-height: 32px;
}

.comments .children {
    padding-left: 16px;
}

.comments h5 {
    line-height: 48px;
    font-weight: normal;
    margin: 36px 12px 0 12px;
    display: inline-block;
}

.comments form {
    max-width: 384px;
    font-size: 0.9rem;
    margin: 24px auto;
}

.comments form input,
.comments form textarea {
    font-size: 0.94rem;
}

.comments form textarea {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 384px;
    border: 2px solid #9e9e9e;
    padding: 16px 16px;
    border-radius: 32px 32px 0 32px;
    background-color: #fafafa;
    min-height: 160px;
}

.comments form textarea:focus {
    background-color: #fff;
    border-radius: 0;
    border-color: #616161;
}

.comments form .form-submit {
    text-align: center;
}

.comments form .form-submit input {
    min-width: 120px;
    border-radius: 20px;
    border: none;
    background-color: #616161;
    color: #fafafa;
    cursor: pointer;
}

.comments form .form-submit input:hover,
.comments form .form-submit input:focus {
    background-color: #424242;
    color: #fff;
    border-radius: 8px;
}

.page {
    background-color: #fafafa;
    margin: 16px;
    z-index: 1;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
    border-radius: 4px;
    padding: 24px 0;
}

footer {
    margin-top: 48px;
    background-color: #263238;
    padding: 24px 0 12px 0;
    color: #cfd8dc;
    font-size: 0.92rem;
}

footer a {
    color: #90CAF9;
}

footer a:hover {
    color: #E3F2FD;
}

footer .backtotop {
    float: right;
    margin-right: 24px;
    margin-top: -48px;
    padding: 12px;
    width: 24px;
    height: 24px;
    border-radius: 20px;
    background-color: #607d8b;
    fill: #cfd8dc;
    cursor: pointer;
    z-index: 4;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

footer .backtotop:hover {
    fill: #fff;
}

footer main {
    margin-top: 0;
}

footer h2 {
    font-size: 1.5rem;
}

footer h6 {
    margin: 16px 0;
}

footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6 {
    color: #fafafa;
}

footer .wp-block-latest-comments {
    padding: 0;
}

footer article footer {
    padding: 16px;
}

.search-result form input[type="search"] {
    height: 48px;
    width: 100%;
    box-sizing: border-box;
    margin-top: 24px;
    font-size: 1.1rem;
    padding-left: 16px;
    padding-right: 108px;
    border-radius: 4px;
    border: 1px solid #E0E0E0;
}

.search-result form input[type="search"]:focus {
    border-color: #2196F3;
}

.search-result form input[type="submit"] {
    position: absolute;
    margin-top: 28px;
    border: none;
    background-color: #EEEEEE;
    width: 96px;
    margin-left: -100px;
    border-radius: 4px;
    cursor: pointer;
    color: #9E9E9E;
    font-size: 0.9rem;
}

.search-result form input[type="submit"]:hover {
    background-color: #E0E0E0;
    color: #757575;
}

.search-result p {
    font-size: 0.86rem;
    color: #616161;
}

article.page {
    padding: unset;
    margin: unset;
}

article.page .bottom {
    display: none;
}

@media only screen and (min-width: 400px) {
    html {
        font-size: 15px;
    }

    main {
        margin: 16px auto;
        max-width: 368px;
    }

    main article .featured-image {
        height: 216px;
    }
}

@media only screen and (min-width: 600px) {
    html {
        font-size: 16px;
    }

    main {
        grid-template-columns: 1fr 1fr;
        max-width: none;
        margin: 16px;
    }

    main article.sticky {
        grid-column: span 2;
    }

    main article .featured-image {
        height: 168px;
    }
}

@media only screen and (min-width: 720px) {
    .container {
        max-width: 640px;
        margin: 0 auto;
    }

    main {
        grid-gap: 24px;
        margin: 24px;
    }

    main article .featured-image {
        height: 192px;
    }

    .page {
        margin: 24px;
    }
}

@media only screen and (min-width: 840px) {

    main,
    .page {
        margin: 24px auto;
        max-width: 792px;
    }

    main article .featured-image {
        height: 200px;
    }
}

@media only screen and (min-width: 960px) {
    header {
        padding: 8px 12px;
    }

    header #menu {
        margin-right: 36px;
    }

    .nav-drawer {
        padding-top: 64px;
        height: 100%;
    }

    .search-box {
        width: 280px;
        right: 16px;
    }

    .search-box form input[type="search"] {
        height: 40px;
        line-height: 40px;
        font-size: .96rem;
        margin: 12px 0;
        border-radius: 4px;
    }

    .search-box form input[type="search"]:hover,
    .search-box form input[type="search"]:focus,
    .search-box form input[type="search"]:active {
        opacity: 1;
    }

    .nav-tabs li {
        padding: 0 8px;
    }

    main {
        grid-template-columns: 1fr 1fr 1fr;
        max-width: none;
        margin: 24px;
    }

    main article.sticky {
        grid-column: span 2;
    }

    main article {
        opacity: 0.95;
    }

    main article:hover {
        opacity: 1;
    }

    main article .featured-image {
        height: 144px;
    }

    main article.sticky .featured-image {
        height: 288px;
    }
}

@media only screen and (min-width: 1024px) {
    html {
        font-size: 17px;
    }

    .container {
        max-width: 720px;
    }

    main,
    .page {
        margin: 24px auto;
        max-width: 960px;
    }

    main article .featured-image {
        height: 168px;
    }

    main article.sticky .featured-image {
        height: 326px;
    }
}

@media only screen and (min-width: 1440px) {
    html {
        font-size: 18px;
    }

    .container {
        max-width: 920px;
    }

    main,
    .page {
        max-width: 1152px;
    }

    main article .featured-image {
        height: 192px;
    }

    main article.sticky .featured-image {
        height: 384px;
    }
}

@media only screen and (min-width: 1920px) {
    html {
        font-size: 19px;
    }

    .container {
        max-width: 1024px;
    }

    main {
        max-width: 1440px;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    main article .featured-image {
        height: 168px;
    }

    main article.sticky .featured-image {
        height: 326px;
    }

    .page {
        max-width: 1440px;
    }
}

.darken {
    display: none;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 15;
    cursor: pointer;
}

.sticky-element {
    position: -webkit-sticky;
    position: sticky;
}

.relative {
    position: relative !important;
    top: auto !important;
}

.transform {
    visibility: visible !important;
    -ms-transform: translate(0, 0) !important;
    -webkit-transform: translate(0, 0) !important;
    -moz-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important;
}

.display-block {
    display: block !important;
}

.avoid-scroll {
    overflow: hidden !important;
}

.add-collapse-icon {
    background-image: url("assets/images/collapse.svg") !important;
}

#wpadminbar {
    position: absolute !important;
}

/* ========================= */
/* CUSTOM BLOG LAYOUT */
/* ========================= */

/* รูปหน้าปกทุกโพสต์ */
main article .featured-image {
    height: 180px !important;
    background-size: cover !important;
    background-position: center center !important;
}

/* ซ่อน Category */
main article .featured-image .post-category {
    display: none !important;
}

/* ซ่อน Author + Date */
main article .post-info {
    display: none !important;
}

/* ซ่อนข้อความรายละเอียด */
main article p {
    display: none !important;
}

/* ซ่อน Comment */
main article .comment-count {
    display: none !important;
}

/* ซ่อนปุ่ม More */
main article .read-more {
    display: none !important;
}

/* ซ่อนแถบล่างทั้งหมด */
main article .bottom {
    display: none !important;
}

/* ปรับ title */
main article h3 {
    text-align: center;
    margin: 0;
    padding: 8px;

    font-size: 14px;
    font-weight: 700;

    line-height: 1.25;
}

/* ความสูงกล่องเท่ากัน */
main article {
    display: flex;
    flex-direction: column;
}

/* เหลือเฉพาะ title */
main article .content {
    padding: 0;
    min-height: auto;
}


.video-tags{
    margin-top:20px;
    margin-bottom:20px;
}

.video-tag{
    display:inline-block;
    background:#111827;
    color:#fff !important;
    text-decoration:none;
    padding:6px 12px;
    margin:4px;
    border-radius:20px;
    font-size:13px;
    font-weight:600;
}

.video-tag:hover{
    background:#2563eb;
}


/* สมมติว่า class ของการ์ดคือ .post-card (คุณต้องปรับให้ตรงกับ class ในธีม) */
.post-card {
    transition: all 0.3s ease-in-out;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); /* เงาเริ่มต้นแบบบางๆ */
}

.post-card:hover {
    transform: translateY(-8px); /* ลอยขึ้นเบาๆ */
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15); /* เงาเข้มและกว้างขึ้นเมื่อ hover */
}

/* เพิ่ม Effect ให้รูปภาพซูมเข้าเล็กน้อยเมื่อ hover การ์ด */
.post-card img {
    transition: transform 0.5s ease;
}
.post-card:hover img {
    transform: scale(1.05);
}




/* จัดการกล่องคลุมโพสต์ให้เป็น Grid 4 คอลัมน์ */
.posts {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 20px; /* ปรับระยะห่างระหว่างการ์ดได้ตามใจชอบ */
}

/* ทำให้การ์ดแต่ละใบความกว้างเต็มช่อง 100% */
.posts article {
    width: 100% !important;
    margin: 0 !important; /* ล้างค่า margin เดิมที่ธีมอาจจะตั้งไว้ */
}




.site-footer{
    background:#1f2d38;
    padding:25px 20px;
    text-align:center;
}

.footer-links{
    margin-bottom:10px;
}

.footer-links a{
    color:#ffffff;
    text-decoration:none;
    margin:0 8px;
    font-size:14px;
}

.footer-links a:hover{
    color:#4da3ff;
}

.footer-links span{
    color:#888;
}

.footer-copyright{
    color:#bdbdbd;
    font-size:13px;
}



header{
    display:flex;
    align-items:center;
}

.custom-menu{
    flex:1;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:40px;
}

.custom-menu{
    display:flex;
    gap:60px;
    justify-content:center;
    align-items:center;
}

.custom-menu a{
    color:#ffffff;
    text-decoration:none;
    font-size:24px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:1px;

    text-shadow:
        2px 2px 0 #000,
        3px 3px 0 #000;
}

.custom-menu a:hover{
    color:#ffcc00;
}


.header-search{
    display:flex;
    align-items:center;
    margin-right:20px;
}

.header-search input{
    width:220px;
    height:36px;
    padding:0 12px;
    border:none;
    border-radius:20px 0 0 20px;
    outline:none;
}

.header-search button{
    width:42px;
    height:36px;
    border:none;
    cursor:pointer;
    border-radius:0 20px 20px 0;
    background:#ffffff;
}



.single-post h1,
.single-post h2,
.single-post .post-title {
    text-align: center;
}

/* ซ่อนข้อมูลผู้เขียนและวันที่ */
.single-post .post-info {
    display: none;
}


.single-post .post-title{
    text-align:center;
    font-size:52px;
    font-weight:900;
    text-transform:uppercase;
    margin:30px 0;
    color:#000000;
    text-shadow:
        2px 2px 0 #000,
        4px 4px 0 rgba(0,0,0,.4);
}

.single-post article{
    max-width:1200px;
    margin:auto;
}



/* จัดกลางหน้าโพสต์ */
.single-post h1{
    text-align: center !important;
    width: 100%;
    display: block;
    margin: 30px auto;
}

/* เนื้อหาโพสต์จัดกึ่งกลาง */
.single-post article.container{
    max-width: 1200px;
    margin: 0 auto;
}

.post-title-wrapper{
    background:#22313b;
    border:1px solid #000;
}


/* Single Post Title */
.post-title{
    max-width:900px;
    margin:0 auto 25px;
    padding:16px 20px;

    background:#22313b;
    color:#ffffff !important;

    border:2px solid #000;
    border-radius:8px;

    text-align:center;

    font-size:30px;
    font-weight:700;
    line-height:1.3;
}

/* จัดหมวดหมู่ให้อยู่กลางด้วย */
.single-post .post-categories,
.single-post .category,
.single-post article > a{
    text-align: center;
}



.related-title{
    text-align:center;
    font-size:32px;
    margin:60px 0 30px;
}

.related-posts{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
    margin-bottom:60px;
}

.related-card{
    background:#fff;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 2px 8px rgba(0,0,0,.08);
    transition:.3s;
}

.related-card:hover{
    transform:translateY(-5px);
}

.related-card img{
    width:100%;
    height:220px;
    object-fit:cover;
    display:block;
}

.related-card h3{
    padding:12px;
    font-size:18px;
    text-align:center;
    color:#222;
}

.related-card a{
    text-decoration:none;
}

@media(max-width:900px){
    .related-posts{
        grid-template-columns:repeat(2,1fr);
    }
}


/* Center Gutenberg Buttons */
.wp-block-buttons{
    display:flex !important;
    justify-content:center !important;
    width:100% !important;
    margin:30px auto !important;
}

.wp-block-button{
    margin:0 auto !important;
}

.wp-block-button__link{
    text-align:center !important;
}



/* กล่องครอบหน้าโพสต์ */
.single-post article{
    background:#fff;
    max-width:1200px;
    margin:40px auto;
    padding:40px;
    border-radius:10px;
    box-shadow:0 0 15px rgba(0,0,0,.15);
}


.video-box{
    max-width:900px;
    margin:30px auto;
    padding:30px;

    background:#ffffff;

    border:2px solid #000000;

    border-radius:12px;

}



/* =========================
   PAGE BACKGROUND
========================= */

body.single-post {
    background: #f5f5f5;
}

/* =========================
   MAIN POST BOX
========================= */

.video-box {
    max-width: 900px;
    margin: 40px auto;
    background: #ffffff;
    border: 1px solid #000000;
    border-radius: 12px;
    padding: 35px;
}


.video-content {
    color: #333;
}

/* =========================
   RELATED POSTS
========================= */

.related-title {
    text-align: center;
    color: #222;
    font-size: 32px;
    margin-bottom: 25px;
}

.related-posts-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 20px;
}

.related-card {
    display: block;
    background: #ffffff;
    border: 1px solid #000000;
    border-radius: 10px;
    overflow: hidden;
    text-decoration: none;
    transition: .25s;
}

.related-card:hover {
    transform: translateY(-4px);
    border-color: #00adef;
}

.related-card img {
    width: 100%;
    height: 220px;
    object-fit: cover;
}

.related-card span {
    display: block;
    padding: 12px;
    text-align: center;
    color: #fff;
    font-weight: 600;
}

/* =========================
   DOWNLOAD BUTTONS
========================= */

.video-content .wp-block-button__link {
    background: #00adef;
    color: white;
    border-radius: 8px;
}

.video-content .wp-block-button__link:hover {
    background: #0095cf;
}


/* =========================
   RELATED POSTS BLACK BORDER
========================= */


.related-title{
    color:#000000;
    text-align:center;
}


.related-card:hover{
    transform:none;
}

.related-card h3{
    color:#000000;
}



.vr-logo{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:180px;

    margin-left:30px;
}

.vr-logo a{
    font-size:32px;
    font-weight:800;
    text-decoration:none;
    color:#ffffff;
    text-transform:uppercase;
}


.vr-logo a{
    font-size:34px;
    font-weight:900;
    color:#fff;
    text-decoration:none;
}

.vr-logo span{
    color:#28c7fa;
}


.related-wrapper{
    max-width:900px;
    margin:40px auto;

    border:1px solid #000;
    background:#fff;

    padding:20px;

    border-radius:12px;
    overflow:hidden;
}

.related-title{
    margin:0 0 25px 0;
    padding:15px;

    border:1px solid #000;
    border-radius:8px;

    background:#22313b;
    color:#fff;

    text-align:center;
    font-size:32px;
    font-weight:700;
}


/* =========================
   RELATED POSTS BOX
========================= */

.related-wrapper{
    max-width:900px;
    margin:40px auto;

    border:1px solid #000;
    background:#fff;

    padding:20px;

    border-radius:12px;
    overflow:hidden;
}

/* หัวข้อ Related Posts */
.related-title{
    width:100%;
    box-sizing:border-box;

    margin:0 0 25px 0;
    padding:15px;

    border:1px solid #000;
    background:#22313b;
    color:#fff;

    text-align:center;
    font-size:32px;
    font-weight:700;
}

.related-posts{
    border:none;

    padding:20px 0 0 0;

    display:flex;
    justify-content:center;

    gap:20px;

    flex-wrap:wrap;
}

/* การ์ดเหมือนหน้า Home */
.related-card{
    width:255px;
    background:#fff;

    border:1px solid #dcdcdc;
    border-radius:8px;

    overflow:hidden;

    box-shadow:0 1px 4px rgba(0,0,0,.10);

    transition:.3s;
}

.related-card:hover{
    transform:translateY(-3px);
}

.related-card a{
    display:block;
    color:inherit;
}

/* รูปเหมือนหน้า Home */
.related-card img{
    width:100%;
    height:180px;
    object-fit:cover;
    display:block;
}

/* ชื่อเหมือนหน้า Home */
.related-card h3{
    margin:0;
    padding:14px 10px;

    background:#ffffff;

    color:#111;

    text-align:center;

    font-size:16px;
    font-weight:700;
    line-height:1.4;
}



main article{
    width:auto !important;
    min-width:0 !important;
}



.pornstar-grid{
    display:flex;
    flex-wrap:wrap;

    justify-content:center;

    gap:20px;

    max-width:1400px;
    margin:30px auto;
}


.pornstar-card h3{
    background:#fff;
    color:#111;
    padding:12px 8px;
    margin:0;

    text-align:center;

    font-size:18px;
    font-weight:700;
    line-height:1.3;
}



.categories-grid{
    display:flex;
    flex-wrap:wrap;

    justify-content:center;

    gap:20px;

    max-width:1400px;
    margin:30px auto;
}


.overlay{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    padding:20px;
    color:#fff;
    background:linear-gradient(
        transparent,
        rgba(0,0,0,.8)
    );
}



.posts{
    display:flex !important;
    flex-wrap:wrap;

    justify-content:center;

    gap:20px !important;

    max-width:1400px;
    margin:30px auto !important;
}

.posts article{
    width:255px !important;
    flex:0 0 255px !important;
}

.posts article{
    width:255px !important;
    flex:none !important;
}

.card-link{
    display:block;
    width:100%;
    height:100%;
    color:inherit;
    text-decoration:none;
}

.card-link:hover{
    color:inherit;
}

.posts article{
    cursor:pointer;
}



/* Tablet */
@media screen and (max-width: 1024px) {
    .posts {
        grid-template-columns: repeat(3, 1fr) !important;
        width: 95% !important;
    }
}

/* มือถือ */
@media screen and (max-width: 768px) {
    .posts {
        grid-template-columns: repeat(2, 1fr) !important;
        width: 95% !important;
        gap: 15px !important;
    }
}

/* มือถือเล็ก */
@media screen and (max-width: 480px) {
    .posts {
        grid-template-columns: repeat(2, 1fr) !important;
        width: 98% !important;
        gap: 10px !important;
    }

    .posts article h3 {
        font-size: 14px !important;
        line-height: 1.3;
    }
}



/* =========================
   PORNSTARS
========================= */

.pornstar-card{
    width:200px;
    flex:0 0 200px;

    background:#fff;
    border-radius:10px;
    overflow:hidden;
    border:1px solid #ddd;

    display:flex;
    flex-direction:column;
}

.pornstar-card img{
    width:100%;
    height:380px;
    object-fit:cover;
    display:block;
}



/* =========================
   CATEGORIES
========================= */

.category-card{
    width:200px;
    flex:0 0 200px;

    border-radius:12px;
    overflow:hidden;

    position:relative;
}

.category-card img{
    width:100%;
    height:420px;
    object-fit:cover;
    display:block;
}

.category-card .overlay{
    position:absolute;
    left:0;
    right:0;
    bottom:0;

    padding:8px 6px;

    background:linear-gradient(
        transparent,
        rgba(0,0,0,.85)
    );

    font-size:15px;
    font-weight:700;
    line-height:1.2;
}


/* =========================
   PORNSTARS
========================= */

.pornstar-grid{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:20px;
}

.pornstar-card{
    width:160px !important;
    flex:0 0 160px !important;

    background:#fff;
    border-radius:10px;
    overflow:hidden;
    border:1px solid #ddd;
}

.pornstar-card img{
    width:100% !important;
    height:260px !important;

    object-fit:cover !important;
    display:block;
}

.pornstar-card h3{
    margin:0;

    padding:8px 6px;

    min-height:auto !important;

    display:block !important;

    text-align:center;

    font-size:16px;
    font-weight:700;
    line-height:1.2;

    background:#fff;
}

/* =========================
   CATEGORIES
========================= */

.categories-grid{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:20px;
}

.category-card{
    width:160px !important;
    flex:0 0 160px !important;
}

.category-card img{
    width:100% !important;
    height:260px !important;

    object-fit:cover !important;
    display:block;
}


.posts article h3{
    background:#ffffff;
    color:#000000;

    margin:0;
    padding:10px;

    text-align:center;

    font-size:16px;
    font-weight:700;
    line-height:1.2;

    overflow-wrap:break-word;
}

.posts article{
    border:none;
    overflow:hidden;

    border-radius:10px;

    box-shadow:0 2px 8px rgba(0,0,0,.15);
}



.content h3,
.related-card h3,
.pornstar-card h3,
.category-card .overlay{

    font-size:16px;
    font-weight:700;

    width:100%;
    box-sizing:border-box;

    padding:10px 12px !important;

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

    line-height:1.3;
    text-align:center;
}

.related-card h3:hover,
.related-card h3:focus,
.related-card h3:active{
    text-decoration: underline;
    cursor:pointer;
}

.pornstar-card h3:hover,
.category-card .overlay:hover{
    text-decoration: underline;
    cursor:pointer;
}


.posts article .content{
    background:#fff;
    margin:0;
    padding:0 !important;
}

.posts article h3{
    display:block;
    margin:0 !important;
    padding:12px 10px !important;
    background:#fff;
}

.posts article .featured-image{
    display:block;
    margin:0;
}

.card-link{
    display:block;
    overflow:hidden;
    border-radius:10px;
}




.native-banner-wrapper{
    width:100%;
    max-width:none;
    padding:0;
    margin:0 auto 20px;
}

.native-banner-wrapper p,
.native-banner-wrapper span,
.native-banner-wrapper h3,
.native-banner-wrapper h4 {
    display: none !important;
}


.home-section-title{
    width:100%;
    text-align:center;
    margin:25px 0 20px;
}

.home-section-title h2{
    margin:0;
    font-size:28px;
    font-weight:700;
    color:#ffffff;
}

.home-section-title p{
    margin-top:8px;
    color:#666;
    font-size:14px;
}


.native-banner-single{
    margin:40px auto;
    text-align:center;
    max-width:1200px;
}



/* =========================
   MOBILE 2 CARDS PER ROW
========================= */

@media screen and (max-width:768px){

    .posts{
        display:flex !important;
        flex-wrap:wrap !important;
        justify-content:center !important;
        gap:10px !important;
    }

    .posts article{
        width:calc(50% - 10px) !important;
        flex:0 0 calc(50% - 10px) !important;
        min-width:0 !important;
    }

    .posts article .featured-image{
        height:140px !important;
    }

    .posts article h3{
        font-size:13px !important;
        padding:8px !important;
    }
}

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

@media screen and (max-width:768px){

    header{
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;

        padding:10px 0 !important;
    }

    .vr-logo{
        margin:0 !important;
        min-width:auto !important;
    }

    .vr-logo a{
        font-size:28px !important;
    }

    .custom-menu{
        width:100% !important;

        display:flex !important;
        justify-content:center !important;
        flex-wrap:wrap !important;

        gap:15px !important;

        margin-top:10px !important;
    }

    .custom-menu a{
        font-size:16px !important;
    }

    .header-search{
        width:90% !important;
        margin:12px auto 0 !important;
    }

    .header-search input{
        width:100% !important;
    }

}


/* =========================
   PORNSTARS + CATEGORIES MOBILE
========================= */

@media screen and (max-width:768px){

    .pornstar-grid,
    .categories-grid{
        display:flex !important;
        flex-wrap:wrap !important;
        justify-content:center !important;
        gap:10px !important;
    }

    .pornstar-card,
    .category-card{
        width:calc(50% - 5px) !important;
        flex:0 0 calc(50% - 5px) !important;
        max-width:none !important;
        box-sizing:border-box !important;
    }

    .pornstar-card img,
    .category-card img{
        height:220px !important;
    }

    .pornstar-card h3,
    .category-card .overlay{
        font-size:13px !important;
    }

}




.featured-image{
    position:relative !important;
}

.video-badge{
    position:absolute;
    top:8px;
    right:8px;

    background:#22313b;
    color:#ffffff;

    padding:4px 8px;

    font-size:12px;
    font-weight:700;

    border-radius:6px;

    z-index:5;
}


.related-thumb{
    position:relative;
}

.related-thumb img{
    display:block;
    width:100%;
}


.wp-block-button__link{
    background:#263238 !important;
    color:#fff !important;

    border-radius:12px;
    padding:14px 28px;

    font-weight:700;
    font-size:20px;

    transition:.3s;
}

.wp-block-button__link:hover{
    background:#00b4ff !important;
    color:#fff !important;
}


.wp-block-gallery.has-nested-images{
    display:grid !important;
    grid-template-columns:repeat(5,1fr);
    gap:8px;
}

.wp-block-gallery.has-nested-images figure{
    margin:0 !important;
}

.wp-block-gallery.has-nested-images img{
    width:100% !important;
    height:180px !important;
    object-fit:cover !important;
    border-radius:8px;
}

.wp-block-gallery.has-nested-images{
    display:grid !important;
    grid-template-columns:repeat(5,1fr);
    gap:8px;
}

.wp-block-gallery.has-nested-images figure{
    margin:0 !important;
    width:100% !important;
}

.wp-block-gallery.has-nested-images img{
    width:100% !important;
    height:220px !important;
    max-width:none !important;
    object-fit:cover !important;
    display:block !important;
    border-radius:8px;
}


.tag-group{
    margin-top:20px;
}

.tag-title{
    font-size:18px;
    font-weight:700;
    color:#1e293b;
    margin-bottom:10px;
    letter-spacing:.5px;
    text-transform:uppercase;
}

.video-tags{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.video-tag{
    display:inline-flex;
    align-items:center;

    background:#1e293b;
    color:#fff;

    font-size:15px;
    font-weight:600;

    padding:8px 14px;

    border-radius:30px;

    text-decoration:none;

    transition:.2s;
}

.video-tag:hover{
    background:#2563eb;
    color:#fff;
}

.pornstar-tags .video-tag{
    background:#334155;
    color:#fff;
}

.pornstar-tags .video-tag:hover{
    background:#475569;
}

.pornstar-tags{
    margin-top:5px;
}


.pagination{
    text-align:center;
    margin:50px 0;
}

.pagination .page-numbers{
    display:inline-block;

    min-width:50px;
    height:50px;
    line-height:50px;

    margin:0 5px;

    background:#22313b;
    color:#fff;

    text-decoration:none;
    font-weight:700;
    font-size:18px;

    border-radius:4px;
}

.pagination .page-numbers.current{
    background:#ff2f92;
}

.pagination .page-numbers:hover{
    background:#ff2f92;
}


.pagination{
    width:100%;
    text-align:center !important;
    margin:50px auto !important;
}

.pagination .page-numbers{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-width:48px;
    height:48px;

    margin:0 4px;

    background:#22313b;
    color:#fff !important;

    border-radius:8px;

    font-size:18px;
    font-weight:700;

    text-decoration:none;

    transition:.2s;
}

.pagination .page-numbers:hover{
    background:#2f4554;
    transform:translateY(-2px);
}

.pagination .current{
    background:#00b4ff !important;
    color:#fff !important;
}

.pagination .next,
.pagination .prev{
    padding:0 18px;
    min-width:auto;
}



.pagination{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:8px;
    margin:60px 0;
}

.pagination .page-numbers{
    width:50px;
    height:50px;

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

    background:#1e2d38;

    color:#fff;

    border-radius:10px;

    box-shadow:
        0 3px 10px rgba(0,0,0,.15);

    font-weight:700;
}

.pagination .current{
    background:#00b4ff;
}

.pagination .next,
.pagination .prev{
    width:auto;
    padding:0 20px;
}


/* =========================
   POST VIEWS
========================= */

.posts article .content{
    background:#fff;
    text-align:center;
}

.posts article h3{
    margin:0 !important;
    padding:12px 10px 4px !important;
}

.card-views{
    padding:0 0 12px;
    font-size:13px;
    color:#777;
    font-weight:500;
}

.views-icon{
    margin-right:4px;
}



.video-filters{
    display:flex;
    justify-content:center;
    gap:10px;
    margin:25px 0;
}

.video-filters a{
    background:#203040;
    color:#fff;
    text-decoration:none;
    padding:10px 18px;
    border-radius:8px;
    font-weight:700;
    transition:.3s;
}

.video-filters a:hover{
    background:#2ea3f2;
}

.video-filters a.active{
    background:#2ea3f2;
}


/* Related Posts Views */

.related-card .card-views{
    text-align:center;
    padding:0 0 12px;
    font-size:13px;
    color:#777;
    font-weight:500;
    background:#fff;
}

.related-card h3{
    margin:0 !important;
    padding:12px 10px 4px !important;
}


/* =========================
   RELATED POSTS
========================= */

.related-posts{
    display:grid !important;
    grid-template-columns:repeat(3,1fr);
    gap:20px;

    max-width:1000px;
    margin:0 auto;
}

.related-card{
    width:100% !important;
}

/* Tablet */
@media screen and (max-width:1024px){

    .related-posts{
        grid-template-columns:repeat(3,1fr) !important;
    }

}

/* Mobile */
@media screen and (max-width:768px){

    .related-posts{
        grid-template-columns:repeat(2,1fr) !important;
        gap:10px !important;
    }

    .related-card img{
        height:140px !important;
    }

    .related-card h3{
        font-size:13px !important;
        padding:8px 6px 4px !important;
    }

    .related-card .card-views{
        font-size:12px !important;
        padding-bottom:8px !important;
    }
}


/* Related Posts Badge Mobile */
@media screen and (max-width:768px){

    .related-card .video-badge{
        font-size:11px !important;
        padding:6px 10px !important;
        border-radius:8px !important;

        top:8px !important;
        right:8px !important;
    }

}


.description-box p{
    font-size:16px;
    line-height:1.9;
    color:#333;
}



.card-views{
    text-align:center;
    font-size:13px;
    color:#777;
    font-weight:500;
}



.request-btn{
    display:inline-block;
    padding:12px 30px;
    margin:10px;
    border-radius:8px;
    text-decoration:none;
    color:#fff;
    font-weight:700;
}

.discord-btn{
    background:#5865F2;
}

.telegram-btn{
    background:#229ED9;
}


.request-card{
    max-width:900px;
    margin:40px auto;
    background:#ffffff;
    border-radius:12px;
    padding:40px;
    box-shadow:0 5px 25px rgba(0,0,0,.15);
}

.request-card h1{
    text-align:center;
    background:#1e2f3d;
    color:#fff;
    padding:18px;
    border-radius:8px;
    margin-bottom:30px;
}

.request-subtitle{
    font-size:22px;
    font-weight:700;
    margin-bottom:20px;
}

.request-list{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
    margin:35px 0;
}

.request-item{
    background:#f4f6f8;
    padding:18px;
    border-radius:8px;
    font-size:18px;
    font-weight:600;
}

.social-buttons{
    display:flex;
    justify-content:center;
    gap:20px;
    margin-top:40px;
    flex-wrap:wrap;
}

.discord-btn,
.telegram-btn{
    display:flex;
    align-items:center;
    gap:10px;
    padding:18px 30px;
    border-radius:8px;
    text-decoration:none;
    color:#fff;
    font-size:20px;
    font-weight:700;
    transition:.2s;
}

.discord-btn{
    background:#5865F2;
}

.telegram-btn{
    background:#229ED9;
}

.discord-btn:hover,
.telegram-btn:hover{
    transform:translateY(-3px);
    opacity:.9;
}



.request-table{
    width:100%;
    border-collapse:collapse;
    margin-bottom:30px;
}

.request-table td{
    border:1px solid #333;
    padding:10px;
}

.request-table td:first-child{
    width:180px;
    font-weight:700;
    background:#f5f5f5;
}

.request-gallery{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:8px;
    margin-top:25px;
}

.request-gallery img{
    width:100%;
    height:180px;
    object-fit:cover;
    border-radius:8px;
}

.description-box{
    margin-top:20px;
}

.description-box ul{
    padding-left:25px;
}

.description-box li{
    margin-bottom:8px;
}


/* ===============================
   Torrent Overview
================================ */

.torrent-overview{

    width:100%;
    max-width:1200px;

    margin:40px auto;

    text-align:center;

}

.torrent-overview h2{

    color:#263238;

    font-size:52px;

    font-weight:700;

    margin-bottom:18px;

    letter-spacing:1px;

}

.torrent-stats{

    display:flex;

    justify-content:center;

    align-items:center;

    flex-wrap:wrap;

    gap:18px;

}

.stat{

    display:flex;

    align-items:center;

    gap:8px;

    font-size:18px;

    color:#444;

}

.stat .label{

    font-weight:600;

}

.stat .value{

    color:#2ea3f2;

    font-size:20px;

    font-weight:700;

}

.divider{

    color:#c8c8c8;

    font-size:22px;

    font-weight:300;

}

@media(max-width:768px){

    .torrent-stats{

        flex-direction:column;

        gap:10px;

    }

    .divider{

        display:none;

    }

}


/* ===============================
   Torrent Overview
================================ */

.torrent-overview{

    width:100%;
    max-width:1200px;

    margin:40px auto;

    text-align:center;

}

.torrent-overview h2{

    color:#ffffff;

    font-size:52px;

    font-weight:700;

    margin-bottom:18px;

    letter-spacing:1px;

    text-shadow:0 2px 8px rgba(0,0,0,.35);

}

.torrent-stats{

    display:flex;

    justify-content:center;

    align-items:center;

    flex-wrap:wrap;

    gap:18px;

}

.stat{

    display:flex;

    align-items:center;

    gap:8px;

    font-size:18px;

    color:#444;

}

.stat .label{

    font-weight:600;

}

.stat .value{

    color:#2ea3f2;

    font-size:20px;

    font-weight:700;

}

.divider{

    color:#c8c8c8;

    font-size:22px;

    font-weight:300;

}

@media(max-width:768px){

    .torrent-stats{

        flex-direction:column;

        gap:10px;

    }

    .divider{

        display:none;

    }

}

/* =====================================
   DOWNLOAD COMMUNITY (FINAL FIX)
===================================== */

.download-community h2{

    background:none;
    border:none;

    color:#22313b;

    text-align:center;

    font-size:42px;

    font-weight:800;

    margin-bottom:25px;

}

.download-community p{
    font-size:18px;
    line-height:1.8;
    margin-bottom:30px;
}

/* กล่องปุ่ม */
.download-community-buttons{

    display:flex !important;

    flex-direction:row !important;

    justify-content:center !important;

    align-items:center !important;

    gap:20px !important;

    flex-wrap:nowrap !important;

}

/* ปุ่ม */
.download-community-buttons > a{

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

    width:220px !important;
    min-width:220px !important;
    max-width:220px !important;

    height:50px !important;

    padding:0 20px !important;

    border-radius:8px;

    font-size:18px !important;
    font-weight:700;

    transition:.25s;
}

.download-community-buttons .discord-btn{
    background:#5865F2 !important;
}

.download-community-buttons .telegram-btn{
    background:#229ED9 !important;
}

.download-community-buttons a:hover{
    transform:translateY(-3px);
}

/* Mobile */

@media(max-width:768px){

    .download-community-buttons{

        flex-direction:column !important;

    }

    .download-community-buttons > a{

        width:100% !important;
        max-width:none !important;

    }

}


.download-community-image{

    text-align:center;

    margin:30px 0;

}

.download-community-image img{

    width:100%;
    max-width:700px;

    border-radius:12px;

}

.discord-btn,
.telegram-btn{

    gap:12px;

}

.discord-btn i,
.telegram-btn i{

    font-size:26px;

}


/* Download Community */

.download-community{
    text-align:center;
    margin:60px auto;
}

.download-community h2{
    text-align:center;
    font-size:48px;
    font-weight:900;
    margin-bottom:20px;
}

.download-community p{
    max-width:800px;
    margin:0 auto 35px;
    font-size:20px;
    line-height:1.8;
}


.download-community-image{
    text-align:center;
    margin:35px 0;
}

.download-community-image img{

    width:100%;
    max-width:850px;

    display:block;

    margin:auto;

    border-radius:16px;
}


.featured-image{
    position:relative;
}

.video-badge{
    display:inline-block;

    background:#22313b;

    color:#fff;

    padding:4px 8px;

    margin-left:4px;

    border-radius:6px;

    font-size:12px;

    font-weight:700;
}

.featured-image{
    position:relative;
}

.badge-group{
    position:absolute;
    top:8px;
    right:8px;

    display:flex;
    gap:4px;
    flex-wrap:wrap;
    justify-content:flex-end;

    max-width:120px;
    z-index:10;
}

.video-badge{

    position:static !important;

    display:inline-block;

    background:#1f2937;
    color:#fff;

    padding:3px 7px;

    border-radius:5px;

    font-size:11px;
    font-weight:700;
}


.featured-image{
    position:relative;
}

.badge-group{
    position:absolute;
    top:8px;
    right:8px;

    display:flex;
    gap:4px;
    flex-wrap:wrap;
    justify-content:flex-end;

    max-width:120px;
    z-index:10;
}

.video-badge{

    position:static !important;

    display:inline-block;

    background:#1f2937;
    color:#fff;

    padding:3px 7px;

    border-radius:5px;

    font-size:11px;
    font-weight:700;
}

.custom-menu a{

    font-size:18px;

    font-weight:700;

    color:#fff;

    text-shadow:none;

}

.custom-menu a{

    position:relative;

}

.custom-menu a::after{

    content:"";

    position:absolute;

    left:0;

    bottom:-8px;

    width:0;

    height:3px;

    background:#2ea3f2;

    transition:.3s;

}

.custom-menu a:hover::after{

    width:100%;

}


.main-header{

    position:sticky;
    top:0;

    z-index:999;

    background:
    linear-gradient(
    90deg,
    #18232d,
    #243746);

    border-bottom:1px solid rgba(255,255,255,.08);

    backdrop-filter:blur(20px);

}


.header-top{

    max-width:1400px;

    margin:auto;

    height:85px;

    display:flex;

    align-items:center;

    gap:18px;

    padding:0 25px;

}

.vr-logo{

    min-width:220px;

}

.vr-logo a{

    font-size:38px;

    font-weight:900;

    color:#fff;

}

.vr-logo span{

    color:#2ea3f2;

}

.header-search{

    flex:1;

    display:flex;

    align-items:center;

    background:#ffffff15;

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

    border-radius:40px;

    overflow:hidden;

}
.header-search i{

    color:#9fb7ca;

    margin-left:20px;

}
.header-search input{

    width:100%;

    height:52px;

    border:none;

    background:none;

    color:#fff;

    padding:0 20px;

    font-size:16px;

}

.header-search input::placeholder{

    color:#8da0ae;

}
.discord-button{

    display:flex;

    align-items:center;

    gap:10px;

    padding:14px 24px;

    border-radius:14px;

    background:#5865F2;

    color:#fff;

    font-weight:700;

    transition:.25s;

}

.discord-button:hover{

    transform:translateY(-2px);

}
.header-nav{

    height:60px;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:50px;

    border-top:1px solid rgba(255,255,255,.05);

}
.header-nav a{

    position:relative;

    color:#fff;

    font-size:17px;

    font-weight:700;

    padding:18px 0;

    transition:.25s;

}
.header-nav a::after{

    content:"";

    position:absolute;

    bottom:0;

    left:50%;

    width:0;

    height:3px;

    background:#2ea3f2;

    transform:translateX(-50%);

    transition:.25s;

}

.header-nav a:hover{

    color:#2ea3f2;

}

.header-nav a:hover::after{

    width:100%;

}
@media(max-width:900px){

.header-top{

    flex-wrap:wrap;

    height:auto;

    padding:20px;

}

.vr-logo{

    width:100%;

    text-align:center;

}

.header-search{

    width:100%;

}

.discord-button{

    width:100%;

    justify-content:center;

}

.header-nav{

    flex-wrap:wrap;

    height:auto;

    padding:10px;

    gap:20px;

}

}


.header-top{
    height:85px;
}
.header-top{

    max-width:1400px;

    margin:auto;

    height:64px;

    display:flex;

    align-items:center;

    gap:20px;

    padding:0 20px;

}
.vr-logo{

    min-width:170px;

}

.vr-logo a{

    font-size:26px;

    font-weight:900;

    letter-spacing:1px;

}
.header-search{

    height:42px;

    border-radius:30px;

}

.header-search input{

    height:42px;

    font-size:15px;

}

.header-search i{

    margin-left:16px;

    font-size:15px;

}
.discord-button{

    height:42px;

    padding:0 18px;

    border-radius:12px;

    font-size:15px;

    font-weight:700;

}

.discord-button i{

    font-size:18px;

}
.header-nav{

    height:46px;

    gap:35px;

}

.header-nav a{

    font-size:15px;

    font-weight:600;

}
.main-header{

    position:sticky;
    top:0;

    z-index:999;

    background:
        linear-gradient(
            180deg,
            #16212d,
            #1c2b39
        );

    border-bottom:1px solid rgba(255,255,255,.08);

    box-shadow:
        0 12px 35px rgba(0,0,0,.30);

}
.main-header{

background:
linear-gradient(
180deg,

#1b2838 0%,

#18232d 40%,

#141e29 100%

);

}

.vr-logo span{

    color:#2ea3f2;

    text-shadow:

        0 0 12px

        rgba(46,163,242,.55);

}
.discord-button{

background:

linear-gradient(

135deg,

#5865F2,

#7984ff

);

box-shadow:

0 8px 20px

rgba(88,101,242,.35);

}
.discord-button{

background:

linear-gradient(

135deg,

#5865F2,

#7984ff

);

box-shadow:

0 8px 20px

rgba(88,101,242,.35);

}

.header-nav{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:14px;

    padding:0 25px 18px;

}

.header-nav a{

    border:none;

    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.08),
        0 5px 15px rgba(0,0,0,.25);

}

.header-nav a:hover{

    background:#2ea3f2;

    color:#fff;

    transform:translateY(-2px);

    box-shadow:

    0 10px 22px

    rgba(46,163,242,.35);

}

.header-nav i{

    font-size:16px;

    opacity:.9;

}

.header-nav .current-menu-item a,
.header-nav .current_page_item a{

    background:#5865F2;

    color:#fff;

    box-shadow:

    0 10px 22px

    rgba(88,101,242,.35);

}

.header-nav{

    display:flex;

    gap:14px;

    margin-left:12px;

    flex:1;

}
.header-nav a{

    flex:1;

    max-width:180px;

    height:56px;

    display:flex;

    justify-content:center;

    align-items:center;

}

.header-nav a:nth-child(1) i{

    color:#4FC3F7;

}

.header-nav a:nth-child(2) i{

    color:#FBC02D;

}

.header-nav a:nth-child(3) i{

    color:#66BB6A;

}

.header-nav a:nth-child(4) i{

    color:#FF5C8A;

}

.header-nav a:hover{

    background:#5865F2;

    transform:translateY(-2px);

}

.header-nav a:hover i{

    color:#fff;

    transform:scale(1.15);

}


.header-nav{

    display:flex;

    align-items:center;

    gap:12px;

    margin-left:18px;

}

.header-nav a{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:8px;

    width:170px;
    height:56px;

    background:#2b3440;

    border:none !important;

    outline:none;

    box-shadow:none;

    border-radius:16px;

    color:#fff;

    font-weight:700;

    font-size:18px;

    transition:.25s;

}

.header-nav a:hover{

    background:#5865F2;

    transform:translateY(-2px);

}

.header-nav i{

    font-size:20px;

}

.header-nav a:nth-child(1) i{

    color:#55c8ff;

}

.header-nav a:nth-child(2) i{

    color:#ffca28;

}

.header-nav a:nth-child(3) i{

    color:#6ee56b;

}

.header-nav a:nth-child(4) i{

    color:#ff5a88;

}

.header-nav a:hover i{

    color:#fff;

}

.header-nav,
.header-nav a{

    border:none !important;

    border-left:none !important;

    border-right:none !important;

    border-top:none !important;

    border-bottom:none !important;

    box-shadow:none !important;

}


.header-top{

    max-width:1450px;

    margin:auto;

    height:84px;

    display:flex;

    align-items:center;

    gap:18px;

    padding:0 24px;

}

.header-search{

    flex:1;

    max-width:340px;

}

.header-nav{

    display:flex;

    align-items:center;

    gap:10px;

    margin-left:0;

}

.header-nav a{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:8px;

    height:44px;

    padding:0 18px;

    background:#2c3441;

    border-radius:12px;

    color:#fff;

    font-size:15px;

    font-weight:700;

    text-decoration:none;

    transition:.25s;

    border:none !important;

    box-shadow:none !important;

}

.header-nav a:hover{

    background:#5865F2;

}

.discord-button{

    background:#5865F2 !important;

}

.discord-button:hover{

    background:#4752c4 !important;

}

.header-nav i{

    font-size:16px;

}

.header-nav a:nth-child(1) i{
    color:#59bfff;
}

.header-nav a:nth-child(2) i{
    color:#ffd54f;
}

.header-nav a:nth-child(3) i{
    color:#66e26f;
}

.header-nav a:nth-child(4) i{
    color:#ff5b88;
}

.discord-button i{
    color:#fff;
}


.header-search{

    display:flex;
    align-items:center;

    width:320px;
    min-width:320px;

    height:48px;

    background:#2f3746;

    border-radius:14px;

    padding:0 16px;

    margin-right:20px;

}

.header-search i{

    color:#8f9baa;
    font-size:16px;
    margin-right:10px;

}

.header-search input{

    flex:1;
    width:100% !important;

    background:transparent;

    border:none;

    outline:none;

    color:#ffffff;

    font-size:15px;

    padding:0;

}


.header-nav{

    display:flex;

    align-items:center;

    gap:12px;

    flex:none;

    margin-left:auto;

}

.header-nav a{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:8px;

    height:48px;

    padding:0 20px;

    min-width:unset;

    width:auto;

    border-radius:14px;

    background:#313847;

    color:#fff;

    font-size:15px;

    font-weight:700;

    white-space:nowrap;

}

.discord-button{

    background:#5865F2 !important;

}


.header-top{

    max-width:1450px;

    height:84px;

    margin:auto;

    display:flex;

    align-items:center;

    gap:18px;

    padding:0 25px;

}

.vr-logo{

    flex:none;

    margin:0;

    min-width:auto;

}

.header-search{

    width:320px;

    flex:none;

}

.header-nav{

    margin-left:auto;

}

.header-top{

    max-width:1450px;
    margin:0 auto;

    display:flex;
    align-items:center;

    height:84px;

    gap:22px;

    padding:0 24px;
}


.vr-logo{

    flex:0 0 auto;

    display:flex;
    align-items:center;

    height:100%;

}

.header-search{

    flex:0 0 390px;

    display:flex;
    align-items:center;

    height:54px;

    margin:0;

    padding:0 18px;

    border-radius:16px;

    background:#343c4f;
}

.header-search input{

    flex:1;
    height:100%;

    background:none;
    border:none;
    outline:none;

    color:#fff;
}

.header-nav{

    flex:1;

    display:flex;

    justify-content:flex-end;

    align-items:center;

    gap:14px;

    height:54px;
}

.header-nav a{

    display:flex;

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

    height:54px;

    padding:0 26px;

    border-radius:16px;

    white-space:nowrap;

    line-height:1;

    font-weight:700;
}



/* ===========================
   HEADER BUTTONS
=========================== */

.header-top{
    display:flex;
    align-items:center;
    gap:14px;
}

.header-button,
.discord-button{

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

    height:48px;
    padding:0 22px;

    border-radius:14px;

    background:#2d3448;

    color:#ffffff !important;
    text-decoration:none;

    font-weight:600;
    font-size:18px;

    transition:.25s;
}

.header-button:hover,
.discord-button:hover{

    background:#4b5cff;
    color:#fff;
}

.header-button i,
.discord-button i{

    font-size:18px;
}

/* Logo */
.vr-logo a{
    font-size:28px;
}

/* Search */
.header-search{
    width:340px;
    height:46px;
}

.header-search input{
    height:46px;
    font-size:16px;
    padding:0 18px 0 48px;
}

.header-search i{
    left:18px;
    font-size:16px;
}

/* ปุ่มทั้งหมด */
.header-button,
.discord-button{
    height:46px;
    padding:0 20px;
    border-radius:12px;

    font-size:16px;
    font-weight:600;
    gap:8px;
}

/* ไอคอน */
.header-button i,
.discord-button i{
    font-size:16px;
}

/* ระยะห่างระหว่างเมนู */
.header-top{
    gap:14px;
}

.header-search{
    width:320px;
    height:42px;
}

.header-search input{
    height:42px;
    font-size:15px;
}

.header-button,
.discord-button{
    height:42px;
    padding:0 18px;
    font-size:15px;
}

.header-button i,
.discord-button i{
    font-size:15px;
}

.torrent-overview .label{
    color:#cbd5e1;
}

.torrent-overview .divider{
    color:#7c8796;
}

.torrent-overview{

    max-width:900px;

    margin:40px auto;

    padding:35px;

    background:rgba(18,28,40,.55);

    backdrop-filter:blur(10px);

    border:1px solid rgba(255,255,255,.08);

    border-radius:16px;

}



.torrent-overview{

    max-width:1400px;

    margin:40px auto;

    text-align:center;

}

.torrent-overview h2{

    font-size:34px;

    color:#fff;

    margin-bottom:8px;

}

.overview-subtitle{

    color:#9ca3af;

    font-size:15px;

    margin-bottom:30px;

}

.torrent-stats{

    display:grid;

    grid-template-columns:repeat(5,1fr);

    gap:20px;

}

.stat{

    background:#1d2935;

    border-radius:16px;

    padding:25px;

    transition:.25s;

    box-shadow:0 5px 15px rgba(0,0,0,.25);

}

.stat:hover{

    transform:translateY(-5px);

}

.stat .icon{

    font-size:42px;

    display:block;

    margin-bottom:15px;

}

.stat .value{

    display:block;

    font-size:38px;

    font-weight:700;

    color:#fff;

}

.stat .label{

    display:block;

    margin-top:8px;

    color:#b7c0c8;

    font-size:15px;

}

/* ===========================
   WEBSITE OVERVIEW
=========================== */

.torrent-overview{

    max-width:1380px;
    margin:50px auto;

    padding:55px 45px;

    background:#1a2430;

    border:1px solid rgba(255,255,255,.06);

    border-radius:22px;

    text-align:center;

}

.torrent-overview h2{

    margin:0;

    font-size:52px;

    font-weight:800;

    color:#fff;

}

.overview-subtitle{

    margin-top:15px;
    margin-bottom:45px;

    color:#8d9fb3;

    font-size:18px;

}

.torrent-stats{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:22px;

    flex-wrap:wrap;

}

.stat{

    width:240px;

    height:125px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:18px;

    background:#202c39;

    border-radius:18px;

    transition:.25s;

}

.stat:hover{

    transform:translateY(-5px);

}

.stat .icon{

    font-size:48px;

}

.stat .value{

    display:block;

    font-size:48px;

    font-weight:800;

    color:#fff;

}

.stat .label{

    display:block;

    font-size:15px;

    color:#b7c4d1;

}


.stat{

    display:flex;
    align-items:center;

}

.stat-text{

    display:flex;

    flex-direction:column;

    text-align:left;

}


.torrent-overview{

    max-width:980px;

    margin:45px auto;

    padding:35px;

    background:#1a2430;

    border:1px solid rgba(255,255,255,.06);

    border-radius:20px;

    text-align:center;

}

.torrent-overview h2{

    font-size:42px;

    margin-bottom:8px;

}

.overview-subtitle{

    font-size:16px;

    margin-bottom:35px;

    color:#90a4b8;

}

.top-row{

    display:flex;

    justify-content:center;

    gap:18px;

    margin-bottom:18px;

}

.bottom-row{

    display:flex;

    justify-content:center;

    gap:18px;

}


.stat{

    width:235px;

    height:105px;

    border-radius:16px;

    background:#202c39;

    display:flex;

    align-items:center;

    justify-content:flex-start;

    gap:14px;

    padding:18px;

}

.stat .icon{

    font-size:36px;

}

.stat .value{

    font-size:40px;

    font-weight:800;

    line-height:1;

}

.stat .label{

    display:block;

    margin-top:4px;

    font-size:14px;

    color:#b7c4d1;

}

.stat-text{

    display:flex;

    flex-direction:column;

    text-align:left;

}


/* =========================
   WEBSITE OVERVIEW
========================= */

.torrent-overview{

    max-width:820px;
    margin:40px auto;

    background:#1f2c38;

    border:1px solid rgba(255,255,255,.05);
    border-radius:20px;

    padding:28px 24px;

    text-align:center;
}

.torrent-overview h2{

    margin:0;

    color:#fff;
    font-size:44px;
    font-weight:800;
}

.overview-subtitle{

    margin:12px 0 28px;

    color:#9fb2c3;
    font-size:16px;
}

.top-row,
.bottom-row{

    display:flex;
    justify-content:center;
    gap:18px;

    flex-wrap:wrap;
}

.top-row{
    margin-bottom:18px;
}

.stat{

    width:240px;
    height:110px;

    background:#263544;

    border-radius:16px;

    display:flex;
    align-items:center;

    padding:18px 22px;

    box-sizing:border-box;

    transition:.25s;
}

.stat:hover{

    transform:translateY(-3px);

    background:#2b3d4d;
}

.stat .icon{

    font-size:42px;

    width:58px;

    text-align:center;

    flex-shrink:0;
}

.stat-text{

    display:flex;
    flex-direction:column;

    justify-content:center;

    margin-left:18px;

    text-align:left;
}

.stat .value{

    color:#fff;

    font-size:42px;
    font-weight:800;

    line-height:1;
}

.stat .label{

    margin-top:6px;

    color:#c6d2dd;

    font-size:15px;
    font-weight:600;

    line-height:1.3;
}

.badge-unity{
    background:#f57c00;
}

.badge-renpy{
    background:#8e44ad;
}

.badge-rpgm{
    background:#1e88e5;
}

/* =========================
   WEBSITE OVERVIEW
========================= */

.torrent-overview{

    max-width:950px;
    margin:40px auto;

    background:#1f2c38;

    border:1px solid rgba(255,255,255,.06);
    border-radius:22px;

    padding:35px 35px;
    text-align:center;
}

.torrent-overview h2{

    margin:0;
    color:#fff;
    font-size:46px;
    font-weight:800;
}

.overview-subtitle{

    margin:12px 0 32px;
    color:#9fb2c3;
    font-size:16px;
}

.top-row,
.bottom-row{

    display:flex;
    justify-content:center;
    gap:20px;
}

.top-row{
    margin-bottom:20px;
}

.stat{

    width:300px;
    height:115px;

    background:#263544;

    border-radius:18px;

    display:flex;
    align-items:center;

    padding:20px 24px;

    transition:.25s;
}

.stat:hover{

    transform:translateY(-3px);
    background:#2c3e50;
}

.stat .icon{

    width:58px;
    font-size:42px;

    flex-shrink:0;

    text-align:center;
}

.stat-text{

    margin-left:18px;

    display:flex;
    flex-direction:column;
    justify-content:center;

    text-align:left;
}

.stat .value{

    color:#fff;

    font-size:34px;
    font-weight:800;

    line-height:1;
}

.stat .label{

    margin-top:8px;

    color:#d2dce5;

    font-size:17px;
    font-weight:600;

    white-space:nowrap;
}


/* ===========================
   SINGLE POST
=========================== */

body.single-post{

    background:
    radial-gradient(circle at top,#2d4358 0%,#1b2733 35%,#101820 100%);

}

/* เอากรอบขาวออก */

.single-post article{

    background:transparent !important;

    border:none !important;

    box-shadow:none !important;

    padding:0 !important;

    max-width:1200px;

}

/* เนื้อหา */

.video-box{

    max-width:1000px;

    margin:50px auto;

    padding:0;

    background:none;

    border:none;

    box-shadow:none;

}

/* หัวเรื่อง */

.post-title{

    background:none;

    border:none;

    color:#ffffff !important;

    font-size:42px;

    font-weight:800;

    text-align:center;

    margin:0 0 40px;

    padding:0;

}

/* เนื้อหา */

.video-content{

    color:#d7d7d7;

    font-size:18px;

    line-height:1.9;

}

/* รูป */

.video-content img{

    border-radius:12px;

    width:100%;

    height:auto;

}

/* ทุก Section */

.video-content > *{

    margin-bottom:35px;

}

/* เส้นแบ่ง */

.video-content hr{

    border:none;

    height:1px;

    background:rgba(255,255,255,.08);

    margin:60px 0;

}


.download-community{

    margin:80px auto;

    padding:50px;

    background:#17232d;

    border-radius:18px;

    border:1px solid rgba(255,255,255,.08);

}

.download-community h2{

    color:#ffffff;

    font-size:42px;

    text-align:center;

    margin-bottom:25px;

}

.download-community p{

    color:#cfcfcf;

    font-size:18px;

    text-align:center;

    max-width:800px;

    margin:0 auto 35px;

}


.related-wrapper{

    max-width:1200px;

    margin:70px auto;

    background:none;

    border:none;

    padding:0;

}

.related-title{

    background:none;

    border:none;

    color:#ffffff;

    font-size:38px;

    margin-bottom:30px;

}

.related-posts{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:25px;

}


.related-card{

    background:#1d2b36;

    border:1px solid rgba(255,255,255,.08);

    border-radius:12px;

    overflow:hidden;

    transition:.25s;

}

.related-card:hover{

    transform:translateY(-6px);

    border-color:#2ea3f2;

}

.related-card h3{

    color:#ffffff;

    background:none;

}

.related-card .card-views{

    color:#9fb3c4;

}


.discord-btn{

    background:#5865F2;

}

.telegram-btn{

    background:#229ED9;

}

.discord-btn,
.telegram-btn{

    transition:.25s;

}

.discord-btn:hover,
.telegram-btn:hover{

    transform:translateY(-4px);

}


@media(max-width:768px){

    .post-title{

        font-size:28px;

    }

    .video-box{

        padding:20px;

    }

    .related-posts{

        grid-template-columns:repeat(2,1fr);

    }

}


.related-thumb{
    position:relative;
}

.badge-group{
    position:absolute;
    top:8px;
    right:8px;

    display:flex;
    gap:5px;
    flex-wrap:wrap;
    justify-content:flex-end;

    z-index:10;
}

.video-badge{
    display:inline-block;
    padding:4px 8px;
    border-radius:6px;
    color:#fff;
    font-size:11px;
    font-weight:700;
}

.badge-unity{
    background:#f39c12;
}

.badge-renpy{
    background:#8e44ad;
}

.badge-rpgm{
    background:#3498db;
}

.badge-8k{
    background:#2c3e50;
}

.badge-default{
    background:#34495e;
}



.badge-group{
    position:absolute;
    top:8px;
    right:8px;

    display:flex;
    gap:4px;
    flex-wrap:wrap;
    justify-content:flex-end;

    max-width:120px;
    z-index:10;
}

.video-badge{
    position:absolute;
    top:8px;
    right:8px;

    display:flex;
    gap:4px;
    flex-wrap:wrap;
    justify-content:flex-end;

    max-width:120px;
    z-index:10;
}


/* ===========================
   Related Posts Badge
=========================== */

.related-thumb .badge-group{

    position:absolute;

    top:8px;
    right:8px;

    display:flex;
    gap:4px;

    z-index:10;
}

.related-thumb .video-badge{

    position:static !important;

    padding:6px 12px !important;

    font-size:12px !important;

    border-radius:7px;

    line-height:1.2;
}

/* DEFAULT */
.video-badge{
    background:#1f2937;
}

/* ENGINE */

.video-badge.badge-unity{
    background:#F5A623 !important;
}

.video-badge.badge-renpy{
    background:#8e44ad !important;
}

.video-badge.badge-rpgm{
    background:#3FA9F5 !important;
}


.game-post{
    max-width:900px;
    margin:auto;
}

.game-info{
    width:100%;
    border-collapse:collapse;
    margin:25px 0;
}

.game-info td{
    border:1px solid #556779;
    padding:12px 15px;
}

.game-info td:first-child{
    width:180px;
    font-weight:bold;
}

/* Download */

.download-box{
    margin:35px 0;
}

.platform{
    margin-bottom:15px;
    font-weight:bold;
}

.download-buttons{
    display:flex !important;
    flex-wrap:wrap;
    gap:12px;
}

.download-buttons a{
    display:inline-flex !important;
    justify-content:center;
    align-items:center;

    min-width:180px;
    height:48px;

    background:#2f6fed;
    color:#fff !important;

    border-radius:8px;

    text-decoration:none;
    font-weight:700;
}

.download-buttons a:hover{
    background:#1953c7;
}

/* VIP */

.vip-box{
    margin:40px 0;
    padding:25px;

    background:#1b2735;
    border-radius:10px;

    text-align:center;
}

.vip-box a{
    display:inline-block;
    margin-top:15px;
    background:#5865F2;
    color:#fff !important;
    padding:12px 22px;
    border-radius:8px;
}

/* Extra */

.extra-box{
    margin-top:40px;
}

.extra-box ul{
    padding-left:20px;
}

/*==================================================
GAME INFO
==================================================*/

.game-info-box{

    margin:40px 0;

}

.game-info-title{

    font-size:34px;

    font-weight:700;

    color:#fff;

    margin-bottom:20px;

}

.game-info-table{

    width:100%;

    border-collapse:collapse;

    background:#1b2431;

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

}

.game-info-table tr{

    border-bottom:1px solid rgba(255,255,255,.15);

}

.game-info-table th{

    width:220px;

    padding:14px 18px;

    text-align:left;

    font-weight:700;

    color:#fff;

    background:#243142;

    border-right:1px solid rgba(255,255,255,.15);

}

.game-info-table td{

    padding:14px 18px;

    color:#ddd;

}

.game-info-table tr:last-child{

    border-bottom:none;

}

/*==================================================
SCREENSHOTS
==================================================*/

.game-gallery{

    margin-top:45px;

}

.gallery-title{

    font-size:34px;

    font-weight:700;

    margin-bottom:20px;

    color:#fff;

}

.gallery-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:15px;

}

.gallery-item{

    overflow:hidden;

    border-radius:10px;

    background:#18202b;

    border:1px solid rgba(255,255,255,.08);

    transition:.25s;

}

.gallery-item:hover{

    transform:translateY(-4px);

    border-color:#00adef;

}

.gallery-item img{

    width:100%;

    display:block;

    aspect-ratio:16/9;

    object-fit:cover;

}


.download-buttons{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
}

.download-btn{
    flex:1;
    min-width:180px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;

    padding:14px 18px;

    background:#2b62d9;
    color:#fff !important;

    border-radius:8px;
    text-decoration:none;

    font-weight:700;

    transition:.25s;
}

.download-btn:hover{
    background:#3d73eb;
}

.download-btn img{
    width:18px;
    height:18px;
    object-fit:contain;
    flex:0 0 18px;
}

.download-btn span{
    white-space:nowrap;
}

.video-content .wp-block-gallery{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px;
    margin:25px 0;
}

.video-content .wp-block-gallery figure{
    margin:0;
}

.video-content .wp-block-gallery img{
    width:100%;
    aspect-ratio:16/9;
    object-fit:cover;
    border-radius:8px;
    cursor:pointer;
    transition:.25s;
}

.video-content .wp-block-gallery img:hover{
    transform:scale(1.03);
}

.download-box{
    margin:30px 0;
    padding:25px;
    border:2px solid #00adef;
    border-radius:12px;
    background:rgba(0,0,0,.35);
}

.download-header{
    font-size:30px;
    font-weight:800;
    text-align:center;
    margin-bottom:20px;
    color:#fff;
}

.download-platform{
    color:#00adef;
    font-size:18px;
    font-weight:700;
    margin-bottom:15px;
}


/* ==========================
   VIP BOX
========================== */

.vip-box{

    margin-top:25px;

    padding:24px;

    background:rgba(255,193,7,.15);

    border:2px solid #ffc107;

    border-radius:12px;

    text-align:center;

}

.vip-title{

    font-size:30px;

    font-weight:800;

    color:#fff;

    margin-bottom:18px;

}

.vip-title span{

    color:#ffd54f;

}

.vip-text{

    font-size:20px;

    color:#fff;

    margin-bottom:22px;

}

.vip-text strong{

    color:#ffd54f;

    font-size:24px;

}

.vip-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:8px;

    padding:14px 28px;

    background:#5865F2;

    color:#fff !important;

    text-decoration:none;

    font-size:18px;

    font-weight:700;

    border-radius:8px;

    transition:.25s;

}

.vip-btn:hover{

    background:#6d79ff;

    transform:translateY(-2px);

    box-shadow:0 0 18px rgba(88,101,242,.45);

}


/* =========================
   EXTRA CONTENT
========================= */

.extra-box{

    margin-top:25px;

    padding:24px;

    background:rgba(0,0,0,.35);

    border:2px solid #9c27b0;

    border-radius:12px;

}

.extra-title{

    text-align:center;

    color:#fff;

    font-size:30px;

    font-weight:800;

    margin-bottom:22px;

}

.extra-list{

    display:flex;

    flex-direction:column;

    gap:18px;

}

.extra-item{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:15px;

    font-size:18px;

    color:#fff;

}

.extra-item strong{

    color:#fff;

}

.extra-item a{

    color:#ffb300;

    font-weight:700;

    text-decoration:none;

}

.extra-item a:hover{

    text-decoration:underline;

}

.extra-none{

    color:#ff9800;

    font-weight:700;

}


.download-wrapper{

display:grid;

grid-template-columns:1fr;

gap:25px;

margin:35px 0;

}

.download-normal,
.download-vip{

background:#232d3b;

padding:25px;

border-radius:14px;

}

.download-normal{

border:2px solid #5f63ff;

}

.download-vip{

border:2px solid #ffc107;

}

.download-title{

font-size:24px;

font-weight:700;

margin-bottom:20px;

}

.download-item{

display:flex;

justify-content:space-between;

align-items:center;

padding:18px;

margin-bottom:15px;

background:#2f3948;

border-radius:12px;

}

.download-left{

display:flex;

align-items:center;

gap:12px;

}

.download-left img{

width:24px;

height:24px;

}

.download-btn{

background:#4f6ef7;

padding:12px 25px;

border-radius:10px;

color:#fff;

font-weight:bold;

text-decoration:none;

}

.vip-lock{

background:#555;

padding:12px 25px;

border-radius:10px;

cursor:pointer;

font-weight:bold;

color:#fff;

}

#vip-popup{

display:none;

position:fixed;

left:0;

top:0;

width:100%;

height:100%;

background:rgba(0,0,0,.75);

z-index:99999;

justify-content:center;

align-items:center;

}

.vip-popup-box{

background:#222;

padding:40px;

border-radius:16px;

text-align:center;

width:420px;

max-width:90%;

}

.vip-popup-btn{

display:inline-block;

margin-top:20px;

background:#5865F2;

padding:15px 35px;

border-radius:10px;

color:#fff;

font-weight:bold;

text-decoration:none;

}


/* ==========================================================
   GAME INFO - ชิดซ้าย ขนาดปกติ
========================================================== */

.game-info-box{
    max-width:560px;
    margin-bottom:40px;
}

/* ==========================================================
   DOWNLOAD PANEL - แบบ Blogger 2 กล่อง
========================================================== */

.dl-panel{
    max-width:700px;
    margin-bottom:35px;
    display:flex;
    flex-direction:column;
    gap:20px;
}

.dl-box{
    padding:20px;
    border-radius:12px;
    background:#0f1720;
}

.dl-box-normal{
    border:2px solid #29b6f6;
}

.dl-box-vip{
    border:2px solid #c9962c;
    text-align:center;
}

.dl-box-title{
    text-align:center;
    font-size:20px;
    font-weight:800;
    color:#fff;
    margin-bottom:14px;
}

.dl-platform-label{
    color:#29b6f6;
    font-weight:700;
    font-size:14px;
    margin-bottom:12px;
}

.dl-chip-row{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    justify-content:flex-start;
}

.dl-box-vip .dl-chip-row{
    justify-content:center;
}

.dl-chip{
    display:inline-flex;
    align-items:center;
    gap:8px;

    padding:12px 20px;

    background:#182028;
    border:1px solid rgba(255,255,255,.1);
    border-radius:10px;

    color:#fff !important;
    text-decoration:none;

    font-size:13px;
    font-weight:700;

    transition:.2s;
}

.dl-chip:hover{
    background:#232d3b;
    border-color:#29b6f6;
}

.dl-chip-vip:hover{
    border-color:#c9962c;
}

.dl-chip-icon{
    font-size:16px;
}

.dl-meta-line{
    margin-top:12px;
    font-size:12px;
    color:#8698a8;
}

.dl-vip-text{
    color:#fff;
    font-size:15px;
    margin-bottom:16px;
}

.dl-vip-text strong{
    color:#ffd54f;
}

.dl-vip-btn{
    display:inline-flex;
    align-items:center;
    gap:8px;

    padding:12px 26px;

    background:#5865F2;
    color:#fff !important;

    border-radius:8px;
    text-decoration:none;

    font-weight:700;
    font-size:15px;

    transition:.2s;
}

.dl-vip-btn:hover{
    background:#6d79ff;
}

@media(max-width:600px){

    .dl-chip-row{
        flex-direction:column;
    }

    .dl-chip{
        justify-content:center;
    }
}


/* ==========================================================
   DOWNLOAD BUTTON - ขนาดเท่า VIP LOCK
========================================================== */

.download-item{
    align-items:center;
}

.download-left{
    flex:1;
    min-width:0;
}

.download-info{
    display:flex;
    flex-direction:column;
    gap:2px;
    min-width:0;
}

.download-name{
    font-weight:700;
    color:#fff;
    font-size:15px;
}

.download-meta{
    font-size:12px;
    color:#94a3b8;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.download-btn,
.vip-lock{
    flex:0 0 auto;
    width:auto;
    min-width:110px;
    text-align:center;
    white-space:nowrap;
}


.x-btn{
    background:#000000 !important;
    color:#ffffff !important;
}

.x-btn:hover{
    background:#1a1a1a !important;
    color:#ffffff !important;
}

.facebook-btn{
    background:#1877F2 !important;
    color:#ffffff !important;
}

.facebook-btn:hover{
    background:#166fe0 !important;
    color:#ffffff !important;
}

.x-btn i,
.facebook-btn i{
    color:#ffffff !important;
}


.related-card h3{

    color:#111111;

    background:#ffffff;

}

.related-card .card-views{

    color:#777777;

    background:#ffffff;

}

/* ==========================================================
   STATUS BADGE - มาใหม่ / อัปเดต (มุมซ้ายบน)
========================================================== */

.status-badge-wrap{
    position:absolute;
    top:8px;
    left:8px;
    z-index:11;
    line-height:1;
}

.status-badge{
    display:inline-flex;
    align-items:center;
    gap:4px;

    padding:5px 12px;
    border-radius:6px;

    font-size:13px;
    font-weight:800;
    line-height:1.2;

    color:#fff;

    white-space:nowrap;

    box-shadow:0 2px 6px rgba(0,0,0,.3);

    animation:badge-blink .7s ease-in-out infinite;
}

.status-new{
    background:#e53935;
}

.status-updated{
    background:#43a047;
}

@keyframes badge-blink{

    0%, 100%{
        opacity:1;
    }

    50%{
        opacity:.4;
    }

}

@media(max-width:768px){

    .status-badge{
        font-size:11px;
        padding:4px 9px;
    }

}

/* ==========================================================
   DARK CARD REDESIGN (F95-STYLE) - FORCE OVERRIDE
========================================================== */

.posts article,
main article{
    background:#1b2431 !important;
    border:1px solid rgba(255,255,255,.08) !important;
    border-top:4px solid #2ea3f2 !important;
    border-radius:10px !important;
    box-shadow:0 4px 12px rgba(0,0,0,.35) !important;
    transition:.25s;
}

.posts article:hover,
main article:hover{
    background:#212c3c !important;
    border-top-color:#4fc3f7 !important;
    transform:translateY(-4px);
    box-shadow:
        0 8px 20px rgba(0,0,0,.45),
        0 0 16px rgba(46,163,242,.35) !important;
}

/* Glow เฉพาะสีตามหมวดหมู่ตอน hover */

.posts article:has(.badge-unity):hover,
main article:has(.badge-unity):hover{
    box-shadow:
        0 8px 20px rgba(0,0,0,.45),
        0 0 16px rgba(245,124,0,.4) !important;
}

.posts article:has(.badge-renpy):hover,
main article:has(.badge-renpy):hover{
    box-shadow:
        0 8px 20px rgba(0,0,0,.45),
        0 0 16px rgba(156,39,176,.4) !important;
}

.posts article:has(.badge-rpgm):hover,
main article:has(.badge-rpgm):hover{
    box-shadow:
        0 8px 20px rgba(0,0,0,.45),
        0 0 16px rgba(30,136,229,.4) !important;
}

.posts article h3,
main article h3{
    background:transparent !important;
    color:#ffffff !important;
}

.posts article .content,
main article .content{
    background:transparent !important;
}

.card-views{
    display:flex !important;
    align-items:center;
    justify-content:center;
    gap:14px;

    flex-wrap:wrap;

    background:transparent !important;
    color:#9fb2c3 !important;

    padding:0 8px 12px !important;

    font-size:12px;
}

.cv-item{
    display:inline-flex;
    align-items:center;
    gap:5px;

    white-space:nowrap;
}

.cv-item i{
    font-size:11px;
    color:#5a7590;
}

@media(max-width:768px){

    .card-views{
        gap:10px;
        font-size:11px;
    }

}

/* แถบสีบนขอบการ์ดตามหมวดหมู่ */

.posts article:has(.badge-unity){
    border-top-color:#f57c00 !important;
}

.posts article:has(.badge-renpy){
    border-top-color:#8e44ad !important;
}

.posts article:has(.badge-rpgm){
    border-top-color:#1e88e5 !important;
}


/* ==========================================================
   BADGE + TEXT ENHANCEMENT - เพิ่มความเด่น
========================================================== */

/* Badge หมวดหมู่ (มุมขวาบน) ให้เด่นขึ้น */
.posts article .badge-group .video-badge,
main article .badge-group .video-badge{
    background:#374863 !important;
    color:#ffffff !important;

    padding:5px 10px !important;
    border-radius:6px !important;

    font-size:11px !important;
    font-weight:800 !important;

    box-shadow:0 2px 6px rgba(0,0,0,.4);

    border:1px solid rgba(255,255,255,.12);
}

/* สีเฉพาะตามเอนจิน ให้ตัดกับพื้นชัดเจน */
.posts article .badge-unity,
main article .badge-unity{
    background:#f57c00 !important;
    border-color:#f57c00 !important;
}

.posts article .badge-renpy,
main article .badge-renpy{
    background:#9c27b0 !important;
    border-color:#9c27b0 !important;
}

.posts article .badge-rpgm,
main article .badge-rpgm{
    background:#1e88e5 !important;
    border-color:#1e88e5 !important;
}

/* ชื่อเกม (Title) ให้เด่นและหนาขึ้น */
.posts article h3,
main article h3{
    font-size:15px !important;
    font-weight:800 !important;
    letter-spacing:.2px;
    padding:12px 10px 8px !important;
}

/* ไอคอนในแถวสถิติ ให้มีสีสันแบบ EmiyaSanZ */
.cv-item:nth-child(1) i{
    color:#8fa8c2 !important;
}

.cv-item:nth-child(2) i{
    color:#ba68ff !important;
}

.cv-item:nth-child(3) i{
    color:#4fc3f7 !important;
}

.cv-item{
    color:#c7d3e0 !important;
    font-weight:600;
}

.cv-item:nth-child(2){
    color:#d3adff !important;
}


/* ==========================================================
   BADGE หมวดหมู่ - สีพื้นทึบ (ABSOLUTE FINAL FIX)
========================================================== */

.posts article .badge-group span.video-badge,
main article .badge-group span.video-badge,
.related-thumb .badge-group span.video-badge{
    background:#f9a825 !important;
    color:#1a1a1a !important;

    padding:5px 10px !important;
    border-radius:6px !important;

    font-size:11px !important;
    font-weight:800 !important;

    border:none !important;
    box-shadow:0 2px 6px rgba(0,0,0,.4) !important;
}

.posts article span.video-badge.badge-renpy,
main article span.video-badge.badge-renpy,
.related-thumb span.video-badge.badge-renpy{
    background:#9c27b0 !important;
    color:#ffffff !important;
}

.posts article span.video-badge.badge-rpgm,
main article span.video-badge.badge-rpgm,
.related-thumb span.video-badge.badge-rpgm{
    background:#1e88e5 !important;
    color:#ffffff !important;
}

.posts article span.video-badge.badge-unity,
main article span.video-badge.badge-unity,
.related-thumb span.video-badge.badge-unity{
    background:#f57c00 !important;
    color:#ffffff !important;
}


/* ==========================================================
   RELATED POSTS - ทำให้เหมือนหน้าแรกทุกจุด (FINAL)
========================================================== */

.related-wrapper .related-posts .related-card{
    background:#1b2431 !important;
    border:1px solid rgba(255,255,255,.08) !important;
    border-top:4px solid #2ea3f2 !important;
    border-radius:10px !important;
    box-shadow:0 4px 12px rgba(0,0,0,.35) !important;
    transition:.25s;
}

.related-wrapper .related-posts .related-card:hover{
    background:#212c3c !important;
    border-top-color:#4fc3f7 !important;
    transform:translateY(-4px);
    box-shadow:
        0 8px 20px rgba(0,0,0,.45),
        0 0 16px rgba(46,163,242,.35) !important;
}

.related-wrapper .related-posts .related-card > a{
    background:transparent !important;
}

.related-wrapper .related-posts .related-card h3{
    background:transparent !important;
    color:#ffffff !important;

    font-size:15px !important;
    font-weight:800 !important;
    padding:12px 10px 8px !important;
}

/* Badge หมวดหมู่ ใน Related Posts ให้เท่ากับหน้าแรกเป๊ะๆ */

.related-wrapper .related-posts .badge-group span.video-badge{
    background:#f9a825 !important;
    color:#1a1a1a !important;

    padding:5px 10px !important;
    border-radius:6px !important;

    font-size:11px !important;
    font-weight:800 !important;

    border:none !important;
    box-shadow:0 2px 6px rgba(0,0,0,.4) !important;
}

.related-wrapper .related-posts span.video-badge.badge-renpy{
    background:#9c27b0 !important;
    color:#ffffff !important;
}

.related-wrapper .related-posts span.video-badge.badge-rpgm{
    background:#1e88e5 !important;
    color:#ffffff !important;
}

.related-wrapper .related-posts span.video-badge.badge-unity{
    background:#f57c00 !important;
    color:#ffffff !important;
}

/* แถวสถิติ (views/downloads/เวลา) ให้เหมือนหน้าแรก */

.related-wrapper .related-posts .card-views{
    display:flex !important;
    align-items:center;
    justify-content:center;
    gap:4px;

    flex-wrap:wrap;

    background:transparent !important;
    color:#9fb2c3 !important;

    padding:0 4px 8px !important;

    font-size:12px;
}

.related-wrapper .related-posts .cv-item{
    display:inline-flex;
    align-items:center;
    gap:5px;
    white-space:nowrap;
    color:#c7d3e0 !important;
    font-weight:600;
}

.related-wrapper .related-posts .cv-item i{
    font-size:11px;
    color:#5a7590;
}

.related-wrapper .related-posts .cv-item:nth-child(2){
    color:#d3adff !important;
}

.related-wrapper .related-posts .cv-item:nth-child(2) i{
    color:#ba68ff !important;
}

.related-wrapper .related-posts .cv-item:nth-child(3) i{
    color:#4fc3f7 !important;
}

.related-wrapper .related-posts .related-thumb{
    background:#0f1720 !important;
}


/* ==========================================================
   COMMENTS SECTION - DARK THEME
========================================================== */

.comments{
    max-width:800px !important;
    margin:60px auto !important;
    background:#1b2431;
    border:1px solid rgba(255,255,255,.08);
    border-radius:14px;
    padding:35px;
}

.comments h4{
    color:#ffffff;
    font-size:26px;
    font-weight:800;
    text-align:center;
    margin-bottom:30px;
}

.comment-item{
    display:flex;
    gap:14px;
    margin-bottom:20px;
}

.comment-avatar img{
    border-radius:50%;
    width:40px;
    height:40px;
}

.comment-body{
    flex:1;
    min-width:0;
}

.comment-author-name{
    color:#ffffff;
    font-weight:700;
    font-size:14px;
    margin-bottom:4px;
}

.comments .bubble{
    background:#232d3b !important;
    border:1px solid rgba(255,255,255,.08) !important;
    border-radius:14px 14px 14px 0 !important;
    padding:12px 16px !important;
}

.comments .bubble p{
    color:#e2e8f0 !important;
    font-size:14px !important;
}

.comments .bubble .reply a{
    color:#4fc3f7 !important;
    font-size:12px !important;
}

.comments .comment-info{
    color:#7c8ba0 !important;
    font-size:11px !important;
    margin:6px 0 0 4px !important;
}

.comments h5{
    color:#ffffff;
    font-size:20px;
    font-weight:700;
    text-align:center;
    display:block !important;
    margin:30px 0 20px !important;
}

.comments form{
    max-width:600px !important;
}

.comments form textarea{
    background:#0f1720 !important;
    border:2px solid rgba(255,255,255,.1) !important;
    color:#ffffff !important;
    border-radius:14px !important;
    padding:16px !important;
}

.comments form textarea::placeholder{
    color:#7c8ba0;
}

.comments form textarea:focus{
    background:#0f1720 !important;
    border-color:#2ea3f2 !important;
}

.comments form .form-submit{
    text-align:center;
}

.comments form .form-submit input{
    background:#2ea3f2 !important;
    color:#ffffff !important;
    font-weight:700;
    padding:0 30px;
    border-radius:10px !important;
    cursor:pointer;
    transition:.25s;
}

.comments form .form-submit input:hover{
    background:#4fc3f7 !important;
}

.comments .pagination{
    margin:20px 0 !important;
}

@media(max-width:600px){

    .comments{
        padding:20px;
        margin:40px 16px !important;
    }

}

/* ==========================================================
   VIP POPUP TITLE - แก้สีให้เห็นชัด
========================================================== */

.vip-popup-box h2{
    color:#ffd54f !important;
    font-size:32px !important;
    font-weight:800 !important;
    margin-bottom:20px !important;
    text-shadow:0 2px 8px rgba(0,0,0,.4);
}

.vip-popup-box p{
    color:#e2e8f0 !important;
}

.vip-popup-box p strong{
    color:#ffd54f !important;
}


/* ==========================================================
   DOWNLOAD META TAGS - ดูมีมิติแบบ EmiyaSanZ
========================================================== */

.download-meta{
    display:flex !important;
    flex-wrap:wrap;
    gap:8px;
    margin-top:4px;
}

.dl-tag{
    display:inline-flex;
    align-items:center;
    gap:6px;

    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.06);

    padding:5px 12px;
    border-radius:8px;

    font-size:12px;
    font-weight:600;
    color:#b8c5d4;

    white-space:nowrap;

    backdrop-filter:blur(4px);
}

.dl-tag i{
    font-size:10px;
    color:#6b93b8;
}   

/* ==========================================================
   DOWNLOAD BUTTON - ให้มีน้ำหนักแบบ EmiyaSanZ
========================================================== */

.download-btn{
    position:relative;
    overflow:hidden;

    display:inline-flex !important;
    align-items:center;
    gap:8px;

    background:linear-gradient(135deg, #1e88e5, #2ea3f2) !important;

    padding:13px 28px !important;
    border-radius:10px !important;

    font-size:14px !important;
    font-weight:800 !important;
    letter-spacing:.3px;

    box-shadow:
        0 4px 14px rgba(30,136,229,.4),
        inset 0 1px 0 rgba(255,255,255,.25);

    transition:.3s;
}

.download-btn::before{
    content:"\f019";
    font-family:"Font Awesome 6 Free";
    font-weight:900;
    font-size:13px;
}

.download-btn::after{
    content:"";
    position:absolute;
    top:0;
    left:-75%;
    width:50%;
    height:100%;

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

    transform:skewX(-20deg);
}

.download-btn:hover{
    background:linear-gradient(135deg, #2ea3f2, #4fc3f7) !important;
    transform:translateY(-3px);

    box-shadow:
        0 8px 22px rgba(46,163,242,.55),
        inset 0 1px 0 rgba(255,255,255,.35);
}

.download-btn:hover::after{
    left:125%;
    transition:left .6s ease;
}

.download-btn:active{
    transform:translateY(-1px);
}

.vip-lock{
    position:relative;
    overflow:hidden;

    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    gap:6px;

    width:auto !important;
    flex:0 0 auto !important;
    min-width:0 !important;

    background:linear-gradient(135deg, #a67c1a, #d4a028) !important;

    padding:10px 18px !important;
    border-radius:10px !important;

    font-size:13px !important;
    font-weight:800 !important;
    letter-spacing:.3px;

    color:#fff8e6 !important;

    box-shadow:
        0 4px 14px rgba(212,160,40,.4),
        inset 0 1px 0 rgba(255,255,255,.25);

    transition:.3s;
}

.vip-lock::after{
    content:"";
    position:absolute;
    top:0;
    left:-75%;
    width:50%;
    height:100%;

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

    transform:skewX(-20deg);
}

.vip-lock:hover{
    background:linear-gradient(135deg, #d4a028, #ffc94a) !important;
    transform:translateY(-3px);

    box-shadow:
        0 8px 22px rgba(212,160,40,.55),
        inset 0 1px 0 rgba(255,255,255,.35);
}

.vip-lock:hover::after{
    left:125%;
    transition:left .6s ease;
}

.vip-lock:active{
    transform:translateY(-1px);
}


/* ==========================================================
   HEADER - ลดความสูงให้กระชับขึ้น (FINAL)
========================================================== */

.header-top{
    height:64px !important;
    padding:0 20px !important;
    gap:12px !important;
}

.vr-logo a{
    font-size:24px !important;
}

.header-search{
    height:38px !important;
    width:280px !important;
    min-width:280px !important;
}

.header-search input{
    height:38px !important;
    font-size:14px !important;
}

.header-search i{
    font-size:14px !important;
    margin-left:14px !important;
}

.header-button,
.discord-button{
    height:38px !important;
    padding:0 16px !important;

    font-size:14px !important;
    font-weight:600 !important;

    border-radius:10px !important;
}

.header-button i,
.discord-button i{
    font-size:14px !important;
}

@media(max-width:900px){

    .header-top{
        height:auto !important;
        padding:14px !important;
    }

}

/* ==========================================================
   HEADER SPACING - เพิ่มระยะห่าง โลโก้/ปุ่ม กับ search
========================================================== */

.header-top{
    gap:0 !important;
}

.vr-logo{
    margin-right:30px !important;
}

.header-search{
    margin-right:auto !important;
}

.header-button,
.discord-button{
    margin-left:10px !important;
}

.header-button:first-of-type{
    margin-left:30px !important;
}

/* ======================================================
   LIVE SEARCH (AJAX)
====================================================== */

add_action('wp_ajax_vrt_live_search', 'vrt_live_search');
add_action('wp_ajax_nopriv_vrt_live_search', 'vrt_live_search');

function vrt_live_search(){

    $keyword = isset($_POST['keyword'])
        ? sanitize_text_field($_POST['keyword'])
        : '';

    if (strlen($keyword) < 1) {
        wp_die();
    }

    $query = new WP_Query(array(
        'post_type'      => 'post',
        'posts_per_page' => 6,
        's'              => $keyword,
    ));

    if (!$query->have_posts()) {
        echo '<div class="live-search-empty">ไม่พบผลลัพธ์ที่ตรงกัน</div>';
        wp_die();
    }

    while ($query->have_posts()) : $query->the_post();

        $thumb = has_post_thumbnail()
            ? get_the_post_thumbnail_url(get_the_ID(), 'thumbnail')
            : '';

        ?>

        <a href="<?php the_permalink(); ?>" class="live-search-item">

            <div class="live-search-thumb"
                <?php if ($thumb) : ?>
                    style="background-image:url('<?php echo esc_url($thumb); ?>')"
                <?php endif; ?>
            >
                <?php if (!$thumb) : ?>
                    <i class="fa-solid fa-image"></i>
                <?php endif; ?>
            </div>

            <div class="live-search-info">

                <span class="live-search-title"><?php the_title(); ?></span>

                <span class="live-search-meta">
                    <i class="fa-solid fa-eye"></i> <?php echo number_format(vrt_get_post_views(get_the_ID())); ?>
                    &nbsp;•&nbsp;
                    <i class="fa-solid fa-download"></i> <?php echo number_format(vrt_get_downloads(get_the_ID())); ?>
                </span>

            </div>

            <i class="fa-solid fa-arrow-right live-search-arrow"></i>

        </a>

        <?php

    endwhile;

    wp_reset_postdata();

    wp_die();

}


/* ==========================================================
   LIVE SEARCH DROPDOWN
========================================================== */

.header-search-wrapper{
    position:relative;
    flex:1;
}

.live-search-results{
    display:none;

    position:absolute;
    top:calc(100% + 8px);
    left:0;
    right:0;

    max-height:420px;
    overflow-y:auto;

    background:#1b2431;
    border:1px solid rgba(255,255,255,.1);
    border-radius:14px;

    box-shadow:0 12px 30px rgba(0,0,0,.5);

    z-index:100;

    padding:8px;
}

.live-search-results.active{
    display:block;
}

.live-search-item{
    display:flex;
    align-items:center;
    gap:12px;

    padding:8px;
    border-radius:10px;

    text-decoration:none;

    transition:.2s;
}

.live-search-item:hover{
    background:#232d3b;
}

.live-search-thumb{
    flex:0 0 auto;

    width:52px;
    height:52px;

    border-radius:8px;

    background-color:#0f1720;
    background-size:cover;
    background-position:center;

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

    color:#5a7590;
    font-size:18px;
}

.live-search-info{
    flex:1;
    min-width:0;

    display:flex;
    flex-direction:column;
    gap:3px;
}

.live-search-title{
    color:#ffffff;
    font-size:14px;
    font-weight:700;

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

.live-search-meta{
    color:#8698a8;
    font-size:11px;
}

.live-search-arrow{
    flex:0 0 auto;
    color:#4fc3f7;
    font-size:13px;
}

.live-search-empty{
    padding:20px;
    text-align:center;
    color:#8698a8;
    font-size:14px;
}

.live-search-results::-webkit-scrollbar{
    width:6px;
}

.live-search-results::-webkit-scrollbar-thumb{
    background:#374863;
    border-radius:10px;
}

@media(max-width:900px){

    .header-search-wrapper{
        width:100%;
    }

}

/* ==========================================================
   LIVE SEARCH - แก้ปัญหาโดนตัดขาดจาก header overflow:hidden
========================================================== */

header,
.main-header{
    overflow:visible !important;
}

.live-search-results{
    z-index:9999 !important;
}

/* ==========================================================
   LIVE SEARCH - ปรับสีให้เข้ากับหน้าแรก + ปุ่ม search ยาวขึ้น
========================================================== */

.header-search-wrapper{
    flex:2 !important;
}

.header-search{
    width:100% !important;
}

.live-search-results{
    background:#1b2431 !important;
    border:1px solid rgba(255,255,255,.08) !important;
    border-top:4px solid #2ea3f2 !important;
}

.live-search-item{
    border-radius:10px !important;
    border:1px solid transparent;
    margin-bottom:4px;

    transition:.25s !important;
}

.live-search-item:hover{
    background:#212c3c !important;
    border-color:rgba(46,163,242,.3) !important;
    box-shadow:0 0 12px rgba(46,163,242,.25);
}

.live-search-thumb{
    border-radius:8px !important;
}

.live-search-title{
    font-weight:800 !important;
}

.live-search-meta i:nth-of-type(1){
    color:#4fc3f7;
}

.live-search-meta i:nth-of-type(2){
    color:#ba68ff;
}

.live-search-meta i:nth-of-type(3){
    color:#4fc3f7;
}

.live-search-arrow{
    color:#2ea3f2 !important;
}

.live-search-empty{
    color:#8698a8 !important;
}

/* ===========================
   HEADER
=========================== */

.main-header{

    background:#16212d;
    border-bottom:1px solid rgba(255,255,255,.08);

}

.header-top{

    display:flex;
    align-items:center;

    gap:14px;

    max-width:1700px;

    margin:auto;

    padding:14px 25px;

}

/* Logo */

.vr-logo{

    flex:0 0 auto;

    margin:0;

    min-width:auto;

}

.vr-logo a{

    font-size:42px;

    font-weight:900;

    color:#fff;

    text-decoration:none;

}

.vr-logo span{

    color:#36b8ff;

}

/* เมนู */

.header-button,
.discord-button{

    flex:0 0 auto;

}

/* Search */

.header-search-wrapper{

    margin-left:auto;

    width:520px;

    position:relative;

}

.header-search{

    display:flex;

    align-items:center;

    width:100%;

    background:#2d3447;

    border-radius:18px;

    padding:0 16px;

}

.header-search i{

    color:#9ca3af;

    margin-right:12px;

    font-size:18px;

}

.header-search input{

    width:100%;

    height:52px;

    border:none;

    outline:none;

    background:none;

    color:#fff;

    font-size:17px;

}

.header-search input::placeholder{

    color:#8f96aa;

}

.header-button,
.discord-button{

    height:50px;

    padding:0 22px;

    border-radius:14px;

    font-size:15px;

}


/* ===========================
   HEADER
=========================== */

.header-top{

    display:flex;
    align-items:center;
    gap:16px;

    max-width:1700px;
    margin:auto;

    padding:14px 30px;
}

/* Logo */

.vr-logo{

    margin-right:30px;
    flex-shrink:0;

}

/* Search */

.header-search-wrapper{

    flex:1;                 /* <<< กินพื้นที่ที่เหลือทั้งหมด */
    margin-left:25px;       /* <<< เว้นจาก Logout */
    max-width:none;
    position:relative;

}

/* ตัวกล่อง Search */

.header-search{

    width:100%;

    display:flex;
    align-items:center;

    background:#31374b;

    border-radius:18px;

    padding:0 18px;

}

/* icon */

.header-search i{

    margin-right:15px;
    color:#9aa3b2;

}

/* input */

.header-search input{

    width:100%;
    height:50px;

    background:none;
    border:none;
    outline:none;

    color:#fff;

    font-size:16px;

}
.header-button:last-of-type{

    margin-right:10px;

}

/* ==========================================================================
   LEWDOVA / NEVESHTAN - MOBILE & SEARCH FIXES
   วิธีใช้: คัดลอกทั้งหมดนี้ไปวางต่อท้ายไฟล์ style.css (บรรทัดสุดท้ายสุด)
   Appearance -> Theme File Editor -> style.css -> เลื่อนไปล่างสุด -> วาง -> Update File
   (ต้องวางท้ายไฟล์เท่านั้น เพื่อให้ค่าที่นี่ override โค้ดเดิมที่ขัดกันเอง)
   ========================================================================== */


/* =========================================================
   1) แก้ปุ่ม/กล่อง SEARCH ไม่ให้ยาวจนชิดขอบขวา (Desktop/Tablet)
========================================================= */

.header-top{
    box-sizing:border-box !important;
    width:100% !important;
    flex-wrap:wrap !important;
}

.header-top *{
    box-sizing:border-box !important;
}

.header-search-wrapper{
    flex:1 1 auto !important;
    min-width:0 !important;
    max-width:480px !important;   /* กันไม่ให้ยืดจนชิดขอบจอ */
    margin-left:20px !important;
    margin-right:24px !important; /* เว้นระยะห่างจากขอบขวา/ปุ่มถัดไป */
}

.header-search{
    width:100% !important;
    max-width:100% !important;
}

.header-search input{
    width:100% !important;
    min-width:0 !important;
}

.live-search-results{
    max-width:100% !important;
    box-sizing:border-box !important;
}


/* =========================================================
   2) HEADER มือถือ แบบเรียบ + จัดระเบียบ (สไตล์ EmiyaSanZ)
   โลโก้บนสุด -> แถวปุ่มไอคอน -> ช่องค้นหาเต็มความกว้างล่างสุด
========================================================= */

@media screen and (max-width:768px){

    .main-header{
        overflow:visible !important;
    }

    .header-top{
        display:flex !important;
        flex-wrap:wrap !important;
        align-items:center !important;
        justify-content:center !important;
        gap:8px !important;
        padding:14px 12px !important;
        max-width:100% !important;
    }

    /* โลโก้ขึ้นแถวแรกเสมอ กึ่งกลาง */
    .vr-logo{
        order:-2 !important;
        flex:0 0 100% !important;
        text-align:center !important;
        margin:0 0 6px 0 !important;
    }

    .vr-logo a{
        font-size:26px !important;
    }

    /* ปุ่มเมนูทั้งหมด (หน้าแรก/หมวดหมู่/ผู้พัฒนา/Discord/ออกจากระบบ)
       จัดเป็นไอคอนกลม/แคปซูลเล็กในแถวเดียว เรียงกลาง ไม่ล้น */
    .header-button,
    .discord-button{
        order:-1 !important;
        flex:0 0 auto !important;
        height:40px !important;
        padding:0 12px !important;
        margin:0 !important;
        font-size:12px !important;
        gap:6px !important;
        border-radius:20px !important;
        white-space:nowrap !important;
    }

    .header-button i,
    .discord-button i{
        font-size:14px !important;
    }

    /* ถ้าอยากได้แบบไอคอนล้วนไม่มีข้อความ (เหมือน EmiyaSanZ มากขึ้น)
       ให้เอา comment ด้านล่างออกมาใช้แทนกลุ่มข้างบน */
    /*
    .header-button span,
    .discord-button{
        display:none !important;
    }
    .header-button{
        width:40px !important;
        padding:0 !important;
        border-radius:50% !important;
        justify-content:center !important;
    }
    */

    /* ช่องค้นหาลงมาอยู่แถวล่างสุด เต็มความกว้าง */
    .header-search-wrapper{
        order:99 !important;
        flex:0 0 100% !important;
        max-width:100% !important;
        margin:8px 0 0 0 !important;
    }

    .header-search{
        height:42px !important;
        border-radius:12px !important;
    }

    .header-search input{
        height:42px !important;
        font-size:14px !important;
    }
}


/* =========================================================
   3) การ์ดโพสต์ (หน้ารายการ/หน้าแรก) บนมือถือ
   จัด 2 คอลัมน์ให้อ่านง่าย ตัวอักษรไม่ล้น ชื่อยาวไม่แตกเลย์เอาต์
========================================================= */

@media screen and (max-width:768px){

    .posts{
        display:grid !important;
        grid-template-columns:repeat(2, 1fr) !important;
        gap:10px !important;
        width:94% !important;
        max-width:94% !important;
        margin:20px auto !important;
        box-sizing:border-box !important;
    }

    .posts article{
        width:100% !important;
        flex:none !important;
        min-width:0 !important;
        box-sizing:border-box !important;
    }

    .posts article .featured-image{
        height:120px !important;
    }

    .posts article h3{
        font-size:12.5px !important;
        font-weight:700 !important;
        line-height:1.35 !important;
        padding:8px 6px !important;
        margin:0 !important;

        display:-webkit-box !important;
        -webkit-line-clamp:2 !important;
        -webkit-box-orient:vertical !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        white-space:normal !important;
    }

    .card-views{
        font-size:10.5px !important;
        gap:6px !important;
        padding:0 6px 8px !important;
    }

    .badge-group{
        max-width:88px !important;
        top:6px !important;
        right:6px !important;
    }

    .video-badge{
        font-size:9px !important;
        padding:3px 6px !important;
    }

    .status-badge{
        font-size:9px !important;
        padding:3px 7px !important;
    }
}

@media screen and (max-width:400px){

    .posts article .featured-image{
        height:105px !important;
    }

    .posts article h3{
        font-size:12px !important;
    }
}


/* =========================================================
   4) หน้า SINGLE (รายละเอียดเกม) บนมือถือ
   ลดขนาดตัวอักษร/กล่อง ป้องกันตารางและปุ่มล้นจอ
========================================================= */

@media screen and (max-width:768px){

    body,
    .single-post,
    article.single-page{
        overflow-x:hidden !important;
        max-width:100% !important;
    }

    .video-box{
        padding:18px 14px !important;
        margin:20px auto !important;
        max-width:94% !important;
        box-sizing:border-box !important;
    }

    .post-title{
        font-size:22px !important;
        line-height:1.4 !important;
        padding:14px !important;
        margin-bottom:20px !important;
    }

    .video-content{
        font-size:15px !important;
        line-height:1.75 !important;
    }

    .video-content,
    .video-content *{
        max-width:100% !important;
        box-sizing:border-box !important;
    }

    .video-content > *{
        margin-bottom:20px !important;
    }

    /* ตารางข้อมูลเกม: เลื่อนแนวนอนได้แทนการล้นออกนอกจอ */
    .game-info-table{
        display:block !important;
        width:100% !important;
        overflow-x:auto !important;
        -webkit-overflow-scrolling:touch !important;
        white-space:nowrap !important;
    }

    .game-info-table th{
        width:120px !important;
        font-size:13px !important;
        padding:10px !important;
        white-space:nowrap !important;
    }

    .game-info-table td{
        font-size:13px !important;
        padding:10px !important;
        white-space:normal !important;
    }

    /* ปุ่มดาวน์โหลด: สแต็กเต็มความกว้าง อ่านง่าย ไม่ล้น */
    .download-buttons,
    .dl-chip-row{
        flex-direction:column !important;
    }

    .download-buttons a,
    .dl-chip{
        width:100% !important;
        min-width:0 !important;
        justify-content:center !important;
    }

    .download-item{
        flex-wrap:wrap !important;
        gap:10px !important;
    }

    .download-left{
        width:100% !important;
    }

    .download-btn,
    .vip-lock{
        width:100% !important;
        flex:1 1 100% !important;
        min-width:0 !important;
    }

    /* แกลเลอรีภาพในเนื้อหา + gallery-grid: ลดเหลือ 2 คอลัมน์ */
    .gallery-grid,
    .video-content .wp-block-gallery,
    .wp-block-gallery.has-nested-images{
        grid-template-columns:repeat(2, 1fr) !important;
        gap:8px !important;
    }

    .wp-block-gallery.has-nested-images img,
    .video-content .wp-block-gallery img{
        height:130px !important;
    }

    /* สถิติเว็บไซต์ (การ์ดตัวเลขบนหน้าแรก): 2 ต่อแถว ไม่ล้น */
    .torrent-overview{
        padding:22px 14px !important;
        margin:25px auto !important;
        max-width:94% !important;
        box-sizing:border-box !important;
    }

    .torrent-overview h2{
        font-size:26px !important;
    }

    .overview-subtitle{
        font-size:13px !important;
        margin-bottom:20px !important;
    }

    .top-row,
    .bottom-row{
        flex-wrap:wrap !important;
        gap:10px !important;
    }

    .stat{
        width:calc(50% - 5px) !important;
        height:auto !important;
        padding:14px !important;
        box-sizing:border-box !important;
    }

    .stat .icon{
        font-size:26px !important;
        width:auto !important;
    }

    .stat .value{
        font-size:20px !important;
    }

    .stat .label{
        font-size:11.5px !important;
        white-space:normal !important;
    }

    /* Related posts */
    .related-wrapper{
        max-width:94% !important;
        margin:40px auto !important;
    }

    .related-title{
        font-size:24px !important;
        padding:12px !important;
    }

    .related-posts{
        grid-template-columns:repeat(2, 1fr) !important;
        gap:10px !important;
    }

    /* หน้า Request: แกลเลอรีและลิสต์ไม่ล้น */
    .request-gallery{
        grid-template-columns:repeat(2, 1fr) !important;
    }

    .request-list{
        grid-template-columns:1fr !important;
    }

    .request-card{
        padding:20px !important;
        margin:20px auto !important;
        max-width:94% !important;
        box-sizing:border-box !important;
    }
}

/* ==========================================================================
   LEWDOVA / NEVESHTAN - MOBILE MENU DRAWER + SEARCH BAR (EmiyaSanZ style)
   วิธีใช้: วางต่อท้าย style.css (หลังไฟล์ mobile-search-fixes.css ที่ให้ไปก่อนหน้านี้)
   ไฟล์นี้จะ "override" ส่วนแถวปุ่มมือถือแบบเก่า ให้เหลือแค่ไอคอน ค้นหา + เมนู
   ต้องเพิ่ม HTML/JS ตามไฟล์ header-mobile-additions.txt ก่อน ไม่งั้นปุ่มจะไม่โผล่มา
   ========================================================================== */


/* ปุ่มไอคอน ค้นหา/เมนู - ซ่อนไว้บน Desktop เป็นค่าเริ่มต้น */
.mobile-search-toggle,
.mobile-menu-toggle{
    display:none;
}


/* =========================================================
   HEADER มือถือ: เหลือแค่ โลโก้ + ไอคอนค้นหา + ไอคอนเมนู
========================================================= */

@media screen and (max-width:768px){

    /* ซ่อนปุ่มเมนูแถวยาวเดิม + กล่องค้นหาเดิมทั้งหมด */
    .header-button,
    .discord-button,
    .header-search-wrapper{
        display:none !important;
    }

    .header-top{
        display:flex !important;
        flex-wrap:nowrap !important;
        align-items:center !important;
        justify-content:space-between !important;
        padding:12px 16px !important;
        gap:12px !important;
    }

    .vr-logo{
        order:0 !important;
        flex:1 1 auto !important;
        min-width:0 !important;
        margin:0 !important;
        text-align:left !important;
    }

    .vr-logo a{
        font-size:22px !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }

    /* ปุ่มไอคอน ค้นหา + เมนู มุมขวา */
    .mobile-search-toggle,
    .mobile-menu-toggle{
        display:flex !important;
        align-items:center;
        justify-content:center;

        width:40px;
        height:40px;
        flex:0 0 auto;

        background:#2d3448;
        border:none;
        border-radius:50%;

        color:#fff;
        font-size:16px;

        cursor:pointer;
        transition:.2s;
    }

    .mobile-search-toggle:hover,
    .mobile-menu-toggle:hover,
    .mobile-search-toggle:active,
    .mobile-menu-toggle:active{
        background:#3d4560;
    }
}


/* =========================================================
   ช่องค้นหา - เด้งลงมาจากขอบบนสุดของจอ (คลิกไอคอนแว่นขยาย)
========================================================= */

.mobile-search-bar{
    position:fixed;
    top:0;
    left:0;
    right:0;

    z-index:9999;

    background:#16212d;
    border-bottom:1px solid rgba(255,255,255,.08);

    padding:12px 14px;
    box-sizing:border-box;

    transform:translateY(-120%);
    transition:transform .28s ease;

    box-shadow:0 8px 24px rgba(0,0,0,.45);
}

.mobile-search-bar.active{
    transform:translateY(0);
}

.mobile-search-form{
    display:flex;
    align-items:center;

    background:#2d3448;
    border-radius:12px;

    padding:0 12px;
    height:44px;
}

.mobile-search-icon{
    color:#9ca3af;
    font-size:15px;
    margin-right:10px;
    flex:0 0 auto;
}

.mobile-search-bar input[type="search"]{
    flex:1;
    height:44px;
    min-width:0;

    background:none;
    border:none;
    outline:none;

    color:#fff;
    font-size:15px;
}

.mobile-search-bar input::placeholder{
    color:#8f96aa;
}

.mobile-search-close{
    flex:0 0 auto;
    background:none;
    border:none;
    color:#9ca3af;
    font-size:18px;
    cursor:pointer;
    padding:6px;
}

.mobile-search-bar .live-search-results{
    position:static !important;
    margin-top:10px !important;
    max-height:65vh !important;
    overflow-y:auto !important;
}

body.mobile-search-open{
    overflow:hidden !important;
}


/* =========================================================
   เมนู - สไลด์เข้าจากด้านซ้าย (คลิกไอคอนแฮมเบอร์เกอร์)
========================================================= */

.mobile-nav-overlay{
    position:fixed;
    inset:0;

    background:rgba(0,0,0,.6);

    z-index:9997;

    opacity:0;
    visibility:hidden;
    transition:opacity .25s ease;
}

.mobile-nav-overlay.active{
    opacity:1;
    visibility:visible;
}

.mobile-nav-drawer{
    position:fixed;
    top:0;
    left:0;
    bottom:0;

    width:78%;
    max-width:320px;

    background:#182430;

    z-index:9998;

    transform:translateX(-100%);
    transition:transform .3s ease;

    overflow-y:auto;

    box-shadow:8px 0 30px rgba(0,0,0,.45);
}

.mobile-nav-drawer.active{
    transform:translateX(0);
}

.mobile-nav-top{
    display:flex;
    align-items:center;
    justify-content:space-between;

    padding:18px 20px;

    border-bottom:1px solid rgba(255,255,255,.08);
}

.mobile-nav-title{
    color:#fff;
    font-size:18px;
    font-weight:700;
}

.mobile-nav-close{
    background:none;
    border:none;
    color:#9ca3af;
    font-size:20px;
    cursor:pointer;
}

.mobile-nav-link{
    display:flex;
    align-items:center;
    gap:14px;

    padding:16px 20px;

    color:#e2e8f0 !important;
    font-size:16px;
    font-weight:600;

    text-decoration:none;

    border-bottom:1px solid rgba(255,255,255,.05);

    transition:.2s;
}

.mobile-nav-link i{
    width:20px;
    text-align:center;
    color:#5a7590;
}

.mobile-nav-link:hover,
.mobile-nav-link:active{
    background:#212c3c;
    color:#fff !important;
}

.mobile-nav-discord{
    color:#7289ff !important;
}

.mobile-nav-discord i{
    color:#5865F2;
}

body.mobile-nav-open{
    overflow:hidden !important;
}


/* บน Desktop/Tablet ไม่ต้องแสดงองค์ประกอบมือถือพวกนี้เลย */
@media screen and (min-width:769px){

    .mobile-search-bar,
    .mobile-nav-overlay,
    .mobile-nav-drawer,
    .mobile-search-toggle,
    .mobile-menu-toggle{
        display:none !important;
    }
}


/* ==========================================================================
   LEWDOVA / NEVESHTAN - MOBILE MENU DRAWER v2 + STATS GRID 2 COLUMNS
   ไฟล์นี้ "แทนที่" ไฟล์ mobile-menu-drawer-search.css เดิมทั้งหมด
   วิธีใช้: ลบเนื้อหาไฟล์เก่าออกจาก style.css แล้ววางไฟล์นี้แทนที่ตำแหน่งเดิม
   (หรือถ้าไม่อยากลบของเก่า ให้วางไฟล์นี้ต่อท้ายสุดของ style.css แทน
   เพราะใช้ !important และ z-index สูงกว่าเดิม จะ override ของเก่าเอง)
   ========================================================================== */


/* ปุ่มไอคอน ค้นหา/เมนู - ซ่อนไว้บน Desktop เป็นค่าเริ่มต้น */
.mobile-search-toggle,
.mobile-menu-toggle{
    display:none;
}


/* =========================================================
   HEADER มือถือ: เหลือแค่ โลโก้ + ไอคอนค้นหา + ไอคอนเมนู
========================================================= */

@media screen and (max-width:768px){

    .header-button,
    .discord-button,
    .header-search-wrapper{
        display:none !important;
    }

    .header-top{
        display:flex !important;
        flex-wrap:nowrap !important;
        align-items:center !important;
        justify-content:space-between !important;
        padding:12px 16px !important;
        gap:12px !important;

        position:relative !important;
        z-index:10 !important;
    }

    .vr-logo{
        order:0 !important;
        flex:1 1 auto !important;
        min-width:0 !important;
        margin:0 !important;
        text-align:left !important;
    }

    .vr-logo a{
        font-size:22px !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }

    .mobile-search-toggle,
    .mobile-menu-toggle{
        display:flex !important;
        align-items:center;
        justify-content:center;

        width:40px;
        height:40px;
        flex:0 0 auto;

        background:#2d3448;
        border:none;
        border-radius:50%;

        color:#fff;
        font-size:16px;

        cursor:pointer;
        transition:.2s;

        position:relative;
        z-index:10;
    }

    .mobile-search-toggle:hover,
    .mobile-menu-toggle:hover,
    .mobile-search-toggle:active,
    .mobile-menu-toggle:active{
        background:#3d4560;
    }
}


/* =========================================================
   ช่องค้นหา - เด้งลงมาจากขอบบนสุดของจอ
========================================================= */

.mobile-search-bar{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;

    z-index:999996 !important;

    background:#16212d;
    border-bottom:1px solid rgba(255,255,255,.08);

    padding:12px 14px;
    box-sizing:border-box;

    transform:translateY(-120%);
    transition:transform .28s ease;

    box-shadow:0 8px 24px rgba(0,0,0,.45);
}

.mobile-search-bar.active{
    transform:translateY(0);
}

.mobile-search-form{
    display:flex;
    align-items:center;

    background:#2d3448;
    border-radius:12px;

    padding:0 12px;
    height:44px;
}

.mobile-search-icon{
    color:#9ca3af;
    font-size:15px;
    margin-right:10px;
    flex:0 0 auto;
}

.mobile-search-bar input[type="search"]{
    flex:1;
    height:44px;
    min-width:0;

    background:none;
    border:none;
    outline:none;

    color:#fff;
    font-size:15px;
}

.mobile-search-bar input::placeholder{
    color:#8f96aa;
}

.mobile-search-close{
    flex:0 0 auto;
    background:none;
    border:none;
    color:#9ca3af;
    font-size:18px;
    cursor:pointer;
    padding:6px;
}

.mobile-search-bar .live-search-results{
    position:static !important;
    margin-top:10px !important;
    max-height:65vh !important;
    overflow-y:auto !important;
}

body.mobile-search-open{
    overflow:hidden !important;
}


/* =========================================================
   เมนู - สไลด์เข้าจาก "ขวา" (แก้จากเดิมที่มาจากซ้าย)
   + แก้ z-index ให้สูงสุดกันการซ้อนทับกับปุ่ม/องค์ประกอบอื่น
========================================================= */

.mobile-nav-overlay{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;

    background:rgba(0,0,0,.65);

    z-index:999997 !important;

    opacity:0;
    visibility:hidden;
    transition:opacity .25s ease;
}

.mobile-nav-overlay.active{
    opacity:1;
    visibility:visible;
}

.mobile-nav-drawer{
    position:fixed !important;
    top:0 !important;
    right:0 !important;
    left:auto !important;
    bottom:0 !important;

    width:78%;
    max-width:320px;

    background:#182430;
    opacity:1;

    z-index:999998 !important;

    transform:translateX(100%);
    transition:transform .3s ease;

    overflow-y:auto;
    -webkit-overflow-scrolling:touch;

    box-shadow:-8px 0 30px rgba(0,0,0,.45);
}

.mobile-nav-drawer.active{
    transform:translateX(0);
}

.mobile-nav-top{
    display:flex;
    align-items:center;
    justify-content:space-between;

    padding:18px 20px;

    background:#182430;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.mobile-nav-title{
    color:#fff;
    font-size:18px;
    font-weight:700;
}

.mobile-nav-close{
    background:none;
    border:none;
    color:#9ca3af;
    font-size:20px;
    cursor:pointer;
}

.mobile-nav-link{
    display:flex;
    align-items:center;
    gap:14px;

    padding:16px 20px;

    color:#e2e8f0 !important;
    font-size:16px;
    font-weight:600;

    text-decoration:none;

    background:#182430;
    border-bottom:1px solid rgba(255,255,255,.05);

    transition:.2s;
}

.mobile-nav-link i{
    width:20px;
    text-align:center;
    color:#5a7590;
}

.mobile-nav-link:hover,
.mobile-nav-link:active{
    background:#212c3c;
    color:#fff !important;
}

.mobile-nav-discord{
    color:#7289ff !important;
}

.mobile-nav-discord i{
    color:#5865F2;
}

body.mobile-nav-open{
    overflow:hidden !important;
}

/* กันการซ้อนทับ: ตอนเปิดเมนู/ค้นหา ให้ปุ่มไอคอนหลบไปก่อน จะได้ไม่มีอะไรมาบัง */
body.mobile-nav-open .mobile-menu-toggle,
body.mobile-nav-open .mobile-search-toggle,
body.mobile-search-open .mobile-menu-toggle,
body.mobile-search-open .mobile-search-toggle{
    visibility:hidden !important;
}

/* บน Desktop/Tablet ไม่ต้องแสดงองค์ประกอบมือถือพวกนี้เลย */
@media screen and (min-width:769px){

    .mobile-search-bar,
    .mobile-nav-overlay,
    .mobile-nav-drawer,
    .mobile-search-toggle,
    .mobile-menu-toggle{
        display:none !important;
    }
}




.stat-card,
.overview-card{

    position:relative;

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

    text-align:center;

}

.stat-card .stat-info,
.overview-card .stat-info{

    width:100%;
    text-align:center;

}

.stat-card h3,
.overview-card h3{

    width:100%;
    text-align:center;

}

.stat-card p,
.overview-card p{

    width:100%;
    text-align:center;

}

@media(max-width:768px){

    .nav-drawer,
    #navigation-drawer,
    .nav-back{

        display:none !important;

    }

}

.mobile-nav-drawer{

    position:fixed;
    top:0;
    left:0;
    bottom:0;

    width:78%;
    max-width:320px;

    background:#182430;

    z-index:9998;

    transform:translateX(-100%);
    transition:transform .28s ease;

    visibility:hidden;
    opacity:0;

    pointer-events:none;

}

.mobile-nav-drawer.active{

    transform:translateX(0);

    visibility:visible;
    opacity:1;

    pointer-events:auto;

}

body.mobile-nav-open{

    overflow:hidden;

}

html,
body{

    overflow-x:hidden;

}


.mobile-nav-overlay{

    opacity:0;
    visibility:hidden;
    pointer-events:none;

    transition:.28s;

}

.mobile-nav-overlay.active{

    opacity:1;
    visibility:visible;
    pointer-events:auto;

}


.stat{

    position:relative;

    justify-content:center;

    align-items:center;

}

.stat .icon{

    position:absolute;

    left:18px;

}

.stat-text{

    width:100%;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    text-align:center;

}

.stat .label{

    margin-top:6px;

    text-align:center;

}

.mobile-nav-drawer{

    position:fixed;

    top:0;
    left:0;
    bottom:0;

    width:78%;
    max-width:320px;

    background:#182430;

    z-index:99999;

    transform:translateX(-100%);
    transition:transform .28s ease;

    visibility:hidden;
    opacity:0;

}

.mobile-nav-overlay{

    position:fixed;

    inset:0;

    background:rgba(0,0,0,.45);

    z-index:99998;

}

.main-header{
    z-index:100;
}

.stat-text{

    display:flex;
    flex-direction:column;

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

}

.stat-number{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:8px;

    margin-bottom:6px;

}

.stat .icon{

    position:static !important;

    margin:0;

}

.stat .label{

    text-align:center;

}


.nav-drawer{

    position:fixed;

    top:0;
    left:0;
    bottom:0;

    width:280px;
    height:100vh;

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

    z-index:99999;

    background:#182430;

}
.mobile-nav-open .nav-drawer{

    transform:translateX(0);

}

.nav-drawer{

    transform:translateX(-100%);

}

.stat .label{

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

}

.stat .label .icon{

    position:static;
    margin:0;
    font-size:18px;

}

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

.stat .label .icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    line-height:1;
    margin:0;
    flex-shrink:0;
}


.mobile-nav-drawer{

    position:fixed;

    top:0;
    left:-320px;

    width:300px;
    height:100vh;

    background:#18242f;

    z-index:99999;

    transition:left .3s ease;

    overflow-y:auto;

    display:flex;
    flex-direction:column;

}

.mobile-nav-drawer.active{

    left:0;

}

.mobile-nav-overlay{

    position:fixed;

    inset:0;

    background:rgba(0,0,0,.55);

    opacity:0;

    visibility:hidden;

    transition:.3s;

    z-index:99998;

}

.mobile-nav-overlay.active{

    opacity:1;
    visibility:visible;

}


.mobile-nav-top{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:20px;

    border-bottom:1px solid rgba(255,255,255,.08);

    flex-shrink:0;

}


.mobile-nav-link{

    display:flex;

    align-items:center;

    gap:12px;

    padding:16px 20px;

    color:#fff;

    text-decoration:none;

    border-bottom:1px solid rgba(255,255,255,.05);

}

.mobile-nav-link:hover{

    background:#22313b;

}


body.mobile-nav-open{

    overflow:hidden;

}


.stat{
    display:flex;
    align-items:center;
    gap:12px;
}

.stat .icon{
    font-size:28px;
    flex-shrink:0;
}


.torrent-stats.top-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.torrent-stats.bottom-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

@media (max-width: 768px) {
    .torrent-stats.top-row,
    .torrent-stats.bottom-row {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .torrent-stats.top-row,
    .torrent-stats.bottom-row {
        grid-template-columns: 1fr;
    }
}

.torrent-stats .stat {
    display: flex;
    align-items: center;
    gap: 14px;
}

.torrent-stats .icon-badge {
    width: 48px;
    height: 48px;
    min-width: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #fff;
}

.icon-badge-purple { background: linear-gradient(135deg, #8b5cf6, #6366f1); }
.icon-badge-green  { background: linear-gradient(135deg, #22c55e, #15803d); }
.icon-badge-cyan   { background: linear-gradient(135deg, #22d3ee, #0891b2); }
.icon-badge-orange { background: linear-gradient(135deg, #fb923c, #ea580c); }
.icon-badge-yellow { background: linear-gradient(135deg, #fbbf24, #d97706); }
.icon-badge-red    { background: linear-gradient(135deg, #f87171, #dc2626); }


/* ==========================================================
   TORRENT STATS - FINAL AUTHORITATIVE OVERRIDE
   วางตรงนี้ท้ายไฟล์สุดเท่านั้น เพื่อชนะกฎเก่าทั้งหมดในไฟล์
   ========================================================== */

.torrent-stats-wrapper .stat{
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    width: auto !important;
    height: auto !important;
    flex: none !important;
}

.torrent-stats-wrapper .icon-badge{
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    border-radius: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 20px !important;
    color: #fff !important;
    position: static !important;
}

.torrent-stats-wrapper .icon-badge-purple { background: linear-gradient(135deg, #8b5cf6, #6366f1) !important; }
.torrent-stats-wrapper .icon-badge-green  { background: linear-gradient(135deg, #22c55e, #15803d) !important; }
.torrent-stats-wrapper .icon-badge-cyan   { background: linear-gradient(135deg, #22d3ee, #0891b2) !important; }
.torrent-stats-wrapper .icon-badge-orange { background: linear-gradient(135deg, #fb923c, #ea580c) !important; }
.torrent-stats-wrapper .icon-badge-yellow { background: linear-gradient(135deg, #fbbf24, #d97706) !important; }
.torrent-stats-wrapper .icon-badge-red    { background: linear-gradient(135deg, #f87171, #dc2626) !important; }

.torrent-stats-wrapper .stat-text{
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
}

.torrent-stats-wrapper .value{
    font-size: 28px !important;
    font-weight: 800 !important;
    color: #fff !important;
    line-height: 1.1 !important;
}

.torrent-stats-wrapper .label{
    font-size: 14px !important;
    color: #c6d2dd !important;
    margin-top: 4px !important;
}

/* ---------- DESKTOP: 3 คอลัมน์ x 2 แถว ---------- */

.torrent-stats-wrapper .torrent-stats.top-row,
.torrent-stats-wrapper .torrent-stats.bottom-row{
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 16px !important;
    flex-wrap: unset !important;
    justify-content: unset !important;
    margin-bottom: 16px !important;
}

/* ---------- MOBILE (<=768px): จับคู่ ทั้งหมด <-> วันนี้ ---------- */

@media screen and (max-width: 768px){

    .torrent-stats-wrapper{
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }

    .torrent-stats-wrapper .torrent-stats.top-row,
    .torrent-stats-wrapper .torrent-stats.bottom-row{
        display: contents !important;
    }

    .torrent-stats-wrapper .stat-total-views      { order: 1 !important; }
    .torrent-stats-wrapper .stat-today-visitors   { order: 2 !important; }
    .torrent-stats-wrapper .stat-total-downloads  { order: 3 !important; }
    .torrent-stats-wrapper .stat-today-downloads  { order: 4 !important; }
    .torrent-stats-wrapper .stat-total-games      { order: 5 !important; }
    .torrent-stats-wrapper .stat-today-posts      { order: 6 !important; }

    .torrent-stats-wrapper .stat{
        flex-direction: column !important;
        text-align: center !important;
        align-items: center !important;
        gap: 8px !important;
        padding: 14px 8px !important;
        background: rgba(255,255,255,0.03) !important;
        border-radius: 12px !important;
        box-sizing: border-box !important;
    }

    .torrent-stats-wrapper .stat-text{
        align-items: center !important;
        text-align: center !important;
    }

    .torrent-stats-wrapper .value{
        font-size: 18px !important;
    }

    .torrent-stats-wrapper .label{
        font-size: 12px !important;
    }
}


.torrent-stats{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:16px;
}

.torrent-stats .stat{
    width:100%;
    box-sizing:border-box;
}

/* ยกเลิกการยืดเต็มแถว */
.stat-today-posts{
    grid-column:auto !important;
    width:100% !important;
}

.torrent-stats{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:16px;
}

.torrent-stats .stat{
    width:100%;
}

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

@media (max-width:768px){

    .torrent-stats .stat{

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

        text-align:left;

        gap:14px;

        padding:18px;
    }

    .torrent-stats .icon-badge{

        flex:0 0 56px;

        width:56px;
        height:56px;

        margin:0;
    }

    .torrent-stats .stat-text{

        flex:1;

        display:flex;
        flex-direction:column;
        align-items:flex-start;

        text-align:left;
    }

    .torrent-stats .value{
        text-align:left;
    }

    .torrent-stats .label{
        text-align:left;
    }

}


/* ==========================================================
   FIX: Mobile stat card - ไอคอนชิดซ้าย แบบ EmiyaSanz
   ========================================================== */
@media screen and (max-width: 768px) {
    .torrent-stats-wrapper .stat {
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        text-align: left !important;
        gap: 14px !important;
        padding: 16px !important;
    }

    .torrent-stats-wrapper .stat-text {
        align-items: flex-start !important;
        text-align: left !important;
    }

    .torrent-stats-wrapper .icon-badge {
        flex-shrink: 0 !important;
        margin: 0 !important;
    }

    .torrent-stats-wrapper .value,
    .torrent-stats-wrapper .label {
        text-align: left !important;
        justify-content: flex-start !important;
    }
}

/* ==========================================================
   VIP GUIDE PAGE
========================================================== */

.vip-guide-box{
    max-width: 900px;
}

.vip-intro{
    text-align: center;
    max-width: 700px;
    margin: 0 auto 30px;
}

.vip-intro p{
    font-size: 17px;
    line-height: 1.9;
    color: #cfd8dc;
}

/* ---------- COMPARE ---------- */

.vip-compare{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin: 30px 0 45px;
}

.vip-plan{
    position: relative;
    background: #1b2431;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 16px;
    padding: 28px 24px;
}

.vip-plan-vip{
    border: 2px solid #ffc107;
    background: linear-gradient(180deg, rgba(255,193,7,.08), #1b2431 40%);
}

.vip-plan-badge{
    position: absolute;
    top: -14px;
    right: 20px;
    background: #ffc107;
    color: #1a1a1a;
    font-size: 12px;
    font-weight: 800;
    padding: 5px 14px;
    border-radius: 20px;
}

.vip-plan-title{
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 22px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 20px;
}

.vip-plan-vip .vip-plan-title i{
    color: #ffd54f;
}

.vip-plan-list{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.vip-plan-list li{
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    color: #d7dde3;
}

.vip-plan-list i{
    color: #43a047;
    font-size: 14px;
}

.vip-plan-list i.vip-x{
    color: #757575;
}

@media(max-width: 700px){
    .vip-compare{
        grid-template-columns: 1fr;
    }
}

/* ---------- STEPS ---------- */

.vip-steps{
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 25px 0 40px;
}

.vip-step{
    display: flex;
    gap: 18px;
    align-items: flex-start;
    background: #1b2431;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 14px;
    padding: 20px 22px;
}

.vip-step-number{
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, #2ea3f2, #4fc3f7);
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vip-step-content h3{
    margin: 0 0 6px;
    font-size: 18px;
    color: #fff;
    font-weight: 700;
}

.vip-step-content p{
    margin: 0;
    font-size: 14.5px;
    color: #b7c4d1;
    line-height: 1.7;
}

.vip-step-content strong{
    color: #4fc3f7;
}

@media(max-width: 600px){
    .vip-step{
        flex-direction: column;
        gap: 10px;
    }
}

/* ---------- FAQ ---------- */

.vip-faq{
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-top: 20px;
}

.vip-faq-item{
    background: #1b2431;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 12px;
    padding: 18px 20px;
}

.vip-faq-q{
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 8px;
}

.vip-faq-q i{
    color: #4fc3f7;
}

.vip-faq-a{
    font-size: 14.5px;
    color: #b7c4d1;
    line-height: 1.7;
    padding-left: 26px;
}


/* ==========================================================
   VIP GUIDE - REAL SCREENSHOT STEPS
========================================================== */

.vip-real-steps{
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin: 25px 0 40px;
}

.vip-real-step{
    background: #1b2431;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 16px;
    padding: 24px;
}

.vip-real-step-head{
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 10px;
}

.vip-real-step-num{
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: linear-gradient(135deg, #2ea3f2, #4fc3f7);
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vip-real-step-head h3{
    margin: 0;
    font-size: 17px;
    color: #fff;
    font-weight: 700;
    line-height: 1.4;
}

.vip-real-step-desc{
    margin: 0 0 16px;
    padding-left: 48px;
    font-size: 14.5px;
    color: #b7c4d1;
    line-height: 1.8;
}

.vip-real-step-desc strong{
    color: #4fc3f7;
}

/* กรอบรูปภาพ - ใส่รูป screenshot จริง */

.vip-real-img-frame{
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 12px;
    overflow: hidden;
    background: #0f1720;
}

.vip-real-img-frame img{
    display: block;
    width: 100%;
    height: auto;
}

/* STEP 4 - เปรียบเทียบ 2 ผลลัพธ์ */

.vip-real-compare-2{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    padding-left: 48px;
}

.vip-real-result-label{
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    font-size: 13.5px;
    font-weight: 600;
    padding: 10px 12px;
    border-radius: 8px;
}

.vip-real-result-label-bad{
    background: rgba(229,57,53,.12);
    color: #ff8a80;
}

.vip-real-result-label-good{
    background: rgba(67,160,71,.12);
    color: #81c784;
}

@media(max-width: 700px){

    .vip-real-step-desc,
    .vip-real-compare-2{
        padding-left: 0;
    }

    .vip-real-compare-2{
        grid-template-columns: 1fr;
    }
}

/* ---------- NOTICE BOX ---------- */

.vip-real-notice{
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 30px;
}

.vip-real-notice-item{
    display: flex;
    gap: 16px;
    align-items: flex-start;

    background: rgba(255,193,7,.08);
    border: 1px solid rgba(255,193,7,.25);
    border-radius: 14px;
    padding: 18px 20px;
}

.vip-real-notice-item i{
    flex: 0 0 auto;
    font-size: 22px;
    color: #ffc107;
    margin-top: 2px;
}

.vip-real-notice-item strong{
    display: block;
    color: #fff;
    font-size: 15px;
    margin-bottom: 6px;
}

.vip-real-notice-item p{
    margin: 0;
    font-size: 14px;
    color: #d7dde3;
    line-height: 1.8;
}


/* ==========================================================
   VIP GUIDE - จำกัดขนาดรูปแนวตั้งยาว (Step 2, 3)
========================================================== */

.vip-real-img-frame-tall{
    display: flex;
    align-items: center;
    justify-content: center;

    max-height: 480px;
    overflow: hidden;

    background: #0f1720;
}

.vip-real-img-frame-tall img{
    width: auto;
    max-width: 100%;
    height: 100%;
    max-height: 480px;
    object-fit: contain;
}

@media(max-width: 700px){

    .vip-real-img-frame-tall{
        max-height: 360px;
    }

    .vip-real-img-frame-tall img{
        max-height: 360px;
    }

}

@media(max-width: 420px){

    .vip-real-img-frame-tall{
        max-height: 300px;
    }

    .vip-real-img-frame-tall img{
        max-height: 300px;
    }

}


/* ==========================================================
   VIP GUIDE - แก้สีหัวข้อ/คำอธิบายให้ขาว + ปุ่มสีแบรนด์จริง
========================================================== */

/* หัวข้อ h2 และคำอธิบายทุกจุดในหน้า VIP guide ให้เป็นสีขาว/เทาอ่อน */

.vip-guide-box h2{
    color: #ffffff !important;
}

.vip-guide-box .vip-example-desc{
    color: #b7c4d1 !important;
}

/* เผื่อกรณี p ทั่วไปในหน้านี้โดนสีเข้มจากธีมทับ */

.vip-guide-box .video-content > p{
    color: #d7dde3;
}

/* ---------- ปุ่ม Discord / Telegram สีแบรนด์จริง ---------- */

.vip-guide-box .wp-block-button__link.discord-btn{
    background: #5865F2 !important;
    color: #ffffff !important;
}

.vip-guide-box .wp-block-button__link.discord-btn:hover{
    background: #4752c4 !important;
}

.vip-guide-box .wp-block-button__link.telegram-btn{
    background: #229ED9 !important;
    color: #ffffff !important;
}

.vip-guide-box .wp-block-button__link.telegram-btn:hover{
    background: #1c85bd !important;
}

/* ==========================================================
   TAG TITLE - แก้สีให้ขาว มองเห็นบนพื้นมืด
========================================================== */

.tag-title{
    color: #1e293b !important;
}

/* ==========================================================
   GAME DESCRIPTION SECTION
========================================================== */

.game-description-box{
    margin: 40px 0;
}

.game-description-title{
    font-size: 34px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 20px;
}

.game-description-box .description-box{
    background: #1b2431;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 14px;
    padding: 24px 26px;
}

.game-description-box .description-box p{
    font-size: 16px;
    line-height: 1.9;
    color: #d7dde3;
    margin: 0 0 14px;
}

.game-description-box .description-box p:last-child{
    margin-bottom: 0;
}

/* ==========================================================
   FIX 1: HEADER - ขยาย breakpoint มือถือให้ครอบคลุมช่วงกลาง
   ป้องกัน search ตกบรรทัดตอนซูมเกิน 100%
========================================================== */

@media screen and (max-width: 1024px){

    .header-button,
    .discord-button,
    .header-search-wrapper{
        display: none !important;
    }

    .header-top{
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 12px 16px !important;
        gap: 12px !important;
    }

    .vr-logo{
        order: 0 !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        text-align: left !important;
    }

    .vr-logo a{
        font-size: 22px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .mobile-search-toggle,
    .mobile-menu-toggle{
        display: flex !important;
    }

}

@media screen and (min-width: 1025px){

    .mobile-search-toggle,
    .mobile-menu-toggle{
        display: none !important;
    }

}

/* ==========================================================
   FIX 2: TORRENT STATS - ป้องกันตัวเลข/label ล้นขอบการ์ดมือถือ
========================================================== */

@media screen and (max-width: 768px){

    .torrent-stats-wrapper .stat{
        min-width: 0 !important;
        overflow: hidden !important;
    }

    .torrent-stats-wrapper .stat-text{
        min-width: 0 !important;
        overflow: hidden !important;
        flex: 1 1 auto !important;
    }

    .torrent-stats-wrapper .value{
        font-size: 16px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .torrent-stats-wrapper .label{
        font-size: 11px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .torrent-stats-wrapper .icon-badge{
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        font-size: 16px !important;
    }

}

@media screen and (max-width: 380px){

    .torrent-stats-wrapper .value{
        font-size: 14px !important;
    }

    .torrent-stats-wrapper .label{
        font-size: 10px !important;
    }

}


/* ==========================================================
   FIX 3: SINGLE PAGE MOBILE - ลดขนาดกล่อง + ปรับสัดส่วนหัวข้อ
========================================================== */

@media screen and (max-width: 768px){

    .video-box{
        padding: 14px 12px !important;
        margin: 16px auto !important;
        max-width: 96% !important;
    }

    /* ชื่อเกม (title หลัก) เพิ่มขนาดให้เด่นขึ้น */
    .post-title{
        font-size: 26px !important;
        line-height: 1.35 !important;
        padding: 12px !important;
        margin-bottom: 16px !important;
    }

    /* หัวข้อ section ต่างๆ ให้เล็กลงกว่าเดิม */
    .game-info-title,
    .gallery-title,
    .download-title,
    .extra-title,
    .vip-title,
    .download-header,
    .game-description-title,
    .related-title{
        font-size: 19px !important;
        margin-bottom: 14px !important;
    }

    .download-community h2{
        font-size: 22px !important;
        margin-bottom: 14px !important;
    }

    .download-community p{
        font-size: 14px !important;
        line-height: 1.7 !important;
    }

    .video-content{
        font-size: 14px !important;
        line-height: 1.7 !important;
    }

    .video-content > *{
        margin-bottom: 16px !important;
    }

}

@media screen and (max-width: 380px){

    .post-title{
        font-size: 22px !important;
    }

    .game-info-title,
    .gallery-title,
    .download-title,
    .extra-title,
    .vip-title,
    .download-header,
    .game-description-title,
    .related-title{
        font-size: 17px !important;
    }

}

/* ==========================================================
   FIX 5: VIP POPUP - ลดขนาดบนมือถือ
========================================================== */

@media screen and (max-width: 480px){

    .vip-popup-box{
        width: 90% !important;
        padding: 24px 20px !important;
        border-radius: 12px !important;
    }

    .vip-popup-box h2{
        font-size: 22px !important;
        margin-bottom: 14px !important;
    }

    .vip-popup-box p{
        font-size: 14px !important;
    }

    .vip-popup-btn{
        padding: 12px 20px !important;
        font-size: 15px !important;
    }

}


/* ==========================================================
   FIX: Header search bar ตกบรรทัดตอนซูม 100% ขึ้นไป (Desktop)
========================================================== */

@media screen and (min-width: 1025px){

    .header-top{
        flex-wrap: nowrap !important;
    }

    /* โลโก้ + ปุ่มต่างๆ ห้ามหด ให้กล่องค้นหาหดแทน */
    .vr-logo,
    .header-button,
    .discord-button{
        flex-shrink: 0 !important;
    }

    .header-search-wrapper{
        flex: 1 1 auto !important;
        min-width: 100px !important;   /* ป้องกันหดจนหาย */
        max-width: 480px !important;
        margin-left: 12px !important;
        margin-right: 12px !important;
    }

    .header-search{
        width: 100% !important;
    }

    .header-search input{
        min-width: 0 !important;
    }

    /* ถ้าพื้นที่ยังแน่นมาก ให้ลดระยะห่างปุ่มลงอีกนิด กันล้น */
    .header-top{
        gap: 10px !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .header-button,
    .discord-button{
        padding: 0 14px !important;
    }
}

/* ==========================================================
   GALLERY LIGHTBOX
========================================================== */

.gallery-lightbox{
    display:none;
    position:fixed;
    inset:0;
    z-index:999999;
    background:rgba(0,0,0,.92);
    align-items:center;
    justify-content:center;
}

.gallery-lightbox.active{
    display:flex;
}

body.lightbox-open{
    overflow:hidden;
}

.lightbox-content{
    max-width:90vw;
    max-height:85vh;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:16px;
}

.lightbox-image{
    max-width:90vw;
    max-height:80vh;
    object-fit:contain;
    border-radius:8px;
    box-shadow:0 10px 40px rgba(0,0,0,.5);
}

.lightbox-counter{
    color:#cfd8dc;
    font-size:14px;
    font-weight:600;
    background:rgba(255,255,255,.08);
    padding:6px 16px;
    border-radius:20px;
}

.lightbox-close,
.lightbox-prev,
.lightbox-next{
    position:absolute;
    display:flex;
    align-items:center;
    justify-content:center;

    width:48px;
    height:48px;

    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.15);
    border-radius:50%;

    color:#fff;
    font-size:18px;

    cursor:pointer;
    transition:.2s;
}

.lightbox-close:hover,
.lightbox-prev:hover,
.lightbox-next:hover{
    background:#2ea3f2;
    border-color:#2ea3f2;
}

.lightbox-close{ top:20px; right:20px; }
.lightbox-prev{ left:20px; top:50%; transform:translateY(-50%); }
.lightbox-next{ right:20px; top:50%; transform:translateY(-50%); }

@media(max-width:768px){
    .lightbox-close,
    .lightbox-prev,
    .lightbox-next{
        width:40px;
        height:40px;
        font-size:15px;
    }
    .lightbox-prev{ left:10px; }
    .lightbox-next{ right:10px; }
    .lightbox-close{ top:10px; right:10px; }
}


.download-section-title{
    font-size:34px;
    font-weight:700;
    color:#fff;
    margin-bottom:20px;
}

@media(max-width:768px){
    .download-section-title{
        font-size:22px;
        margin-bottom:14px;
    }
}


/* ==========================================================
   PLATFORM TABS (Windows / Android) ในกล่องดาวน์โหลด
========================================================== */

.platform-tabs{
    display:flex;
    gap:6px;

    background:#0f1720;
    padding:4px;
    border-radius:10px;

    margin-bottom:16px;
}

.platform-tab{
    flex:1;

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

    padding:10px 12px;
    border:none;
    background:transparent;

    color:#8698a8;
    font-weight:700;
    font-size:14px;

    border-radius:8px;
    cursor:pointer;

    transition:.2s;
}

.platform-tab:hover{
    color:#fff;
    background:rgba(255,255,255,.04);
}

.platform-tab.active{
    background:#2f6fed;
    color:#fff;
}

/* กล่อง VIP ใช้สีทองแทน */
.download-vip .platform-tab.active{
    background:linear-gradient(135deg,#d4a028,#ffc94a);
    color:#1a1a1a;
}

.platform-panel{
    display:none;
}

.platform-panel.active{
    display:block;
}

@media(max-width:480px){

    .platform-tab{
        font-size:12.5px;
        padding:9px 8px;
    }

}


/* ==========================================================
   PLATFORM LABEL - แสดงเมื่อมีแค่แพลตฟอร์มเดียว (ไม่ใช่ปุ่มกดสลับ)
========================================================== */

.platform-label{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;

    background:#2f6fed;
    color:#fff;

    font-weight:700;
    font-size:14px;

    padding:10px 12px;
    border-radius:8px;

    margin-bottom:16px;
}

/* กล่อง VIP ใช้สีทองแทนให้เข้าธีมเดิม */
.download-vip .platform-label{
    background:linear-gradient(135deg,#d4a028,#ffc94a);
    color:#1a1a1a;
}

.download-empty{
    padding:24px;
    text-align:center;
    color:#8698a8;
    font-size:14px;
    background:rgba(255,255,255,.02);
    border:1px dashed rgba(255,255,255,.1);
    border-radius:10px;
}


/* ============================
   AD CARD - แทรกในกริดโพส
============================ */

.ad-card{
    width:255px !important;
    flex:0 0 255px !important;

    background:#1b2431;
    border:1px solid rgba(255,255,255,.08);
    border-top:4px solid #4caf50 !important; /* สีขอบต่างจากการ์ดเกม กันสับสน */
    border-radius:10px;
    overflow:hidden;

    box-shadow:0 4px 12px rgba(0,0,0,.35);
}

.ad-card .ad-slot{
    position:relative;

    min-height:192px;

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

    background:#0f1720;
}

.ad-badge{
    position:absolute !important;
    top:8px;
    left:8px;

    background:#616161 !important;
    color:#fff !important;

    font-size:10px !important;
    padding:3px 8px !important;
    border-radius:5px !important;

    z-index:5;
}

@media(max-width:768px){
    .ad-card{
        width:calc(50% - 5px) !important;
        flex:0 0 calc(50% - 5px) !important;
    }

    .ad-card .ad-slot{
        min-height:140px;
    }
}

/* =========================
   Developer Card
========================= */

.posts article{
    overflow:hidden;
    border-radius:12px;
    background:#1f2937;
    border:1px solid rgba(255,255,255,.08);
    transition:.25s;
}

.posts article:hover{
    transform:translateY(-5px);
    border-color:#2ea8ff;
    box-shadow:0 12px 30px rgba(0,0,0,.35);
}

.posts article .content{

    background:linear-gradient(
        180deg,
        #202b38 0%,
        #18212d 100%
    );

    padding:12px 14px;

    border-top:1px solid rgba(255,255,255,.06);

}

.posts article .content h3{

    margin:0;

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:10px;

}


.developer-name{

    font-size:17px;

    font-weight:700;

    color:#fff;

    overflow:hidden;

    white-space:nowrap;

    text-overflow:ellipsis;

}


.developer-count{

    display:flex;

    align-items:center;

    gap:6px;

    padding:5px 10px;

    background:rgba(255,255,255,.08);

    border:1px solid rgba(255,255,255,.08);

    border-radius:999px;

    color:#dbeafe;

    font-size:13px;

    font-weight:600;

    flex-shrink:0;

}

.developer-count i{

    color:#4dabff;

    font-size:12px;

}


.pornstars-page h1{

    max-width:1440px;
    width:100%;

    margin:0 auto 35px;

    text-align:center;

}


.archive-subtitle{

    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    margin:14px auto 0;
    padding:10px 20px;

    background:rgba(56,189,248,.12);
    border:1px solid rgba(56,189,248,.25);
    border-radius:999px;

    color:#ffffff;

    font-size:18px;
    font-weight:700;
    letter-spacing:.3px;

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

.archive-subtitle i{

    color:#38bdf8;
    font-size:17px;

}

.archive-subtitle strong{

    color:#ffffff;
}


.archive-subtitle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
}

.archive-subtitle strong,
.archive-subtitle .game-text{
    color:#fff !important;
    font-size:20px;
    font-weight:700;
}

.archive-subtitle i{
    color:#38bdf8;
}


.card-views{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:4px;
    margin-top:10px;
    flex-wrap:wrap;
}

.card-views .cv-item{
    display:inline-flex;
    align-items:center;
    gap:3px;

    padding:4px 8px;

    background:rgba(34,48,62,.95);
    border:1px solid rgba(255,255,255,.08);

    border-radius:999px;

    color:#ffffff;

    font-size:13px;
    font-weight:600;

    transition:.25s;
}

.card-views .cv-item:hover{
    border-color:#38bdf8;
    background:#243748;
}

.card-views .cv-item i{
    color:#38bdf8;
    font-size:12px;
}

/* เวลา */
.card-views .cv-item:first-child i{
    color:#cbd5e1;
}

/* View */
.card-views .cv-item:nth-child(2) i{
    color:#c084fc;
}

/* Download */
.card-views .cv-item:nth-child(3) i{
    color:#38bdf8;
}



.overview-subtitle{
    max-width: 700px;
    margin: 10px auto 30px;
    line-height: 1.8;
    text-align: center;
}


/* Footer Banner */
.footer-banner{
    max-width: 900px;      /* ลดความกว้าง */
    margin: 30px auto;
    text-align: center;
    overflow: hidden;
}

.footer-banner iframe{
    max-width: 100% !important;
    width: 900px !important;
    height: auto !important;
}

.footer-banner img{
    max-width: 100% !important;
    height: auto !important;
    display: block;
    margin: auto;
}


/* ===========================
   VR Overview
=========================== */

.torrent-overview{

    max-width:1000px;
    margin:50px auto;

    background:#eef2f6;           /* ขาวเทา */

    border:1px solid #d8dee8;

    border-radius:24px;

    padding:45px;

    box-shadow:
        0 15px 35px rgba(0,0,0,.12);

}


/* Title */

.torrent-overview h2{

    color:#1e293b;

    font-size:60px;

    font-weight:900;

    text-align:center;

    margin-bottom:20px;

    text-shadow:none;

}


/* Subtitle */

.overview-subtitle{

    color:#5b6472;

    text-align:center;

    font-size:18px;

    line-height:1.8;

    margin-bottom:35px;

}


.stat .value{

    color:#111827;

    font-weight:800;

}

.stat .label{

    color:#5b6472;

}


.torrent-overview{

    background:#eef2f6;

    border:1px solid #dbe3ea;

    border-radius:24px;

    box-shadow:
        0 20px 45px rgba(0,0,0,.15);

}


.stat{

    background:#f6f8fb;

    border:1px solid #dbe3ea;

    box-shadow:0 8px 20px rgba(0,0,0,.08);

}

.stat:hover{

    background:#ffffff;

    transform:translateY(-3px);

}


.stat .value{

    color:#1f2937;

    font-weight:800;

}

.stat .label{

    color:#6b7280;

}

.home-content{

    margin-top:40px;

    padding:60px 0;

    background:#1d2735;

    border-radius:30px 30px 0 0;

}


.home-content .home-section-title h2{

    color:#ffffff;

    font-size:40px;

    font-weight:800;

}


/* ==========================================================
   FIX: ตัวเลข/label สถิติ + หัวข้อ section ให้เข้มขึ้น
   (เพราะพื้นหลังกล่อง torrent-overview เปลี่ยนเป็นสีอ่อนแล้ว)
   ========================================================== */

/* ตัวเลขและ label ใน Total Views / Total Downloads ฯลฯ */
.torrent-stats-wrapper .value{
    color:#111827 !important;
    font-weight:800 !important;
}

.torrent-stats-wrapper .label{
    color:#4b5563 !important;
    font-weight:600 !important;
}

/* กล่อง stat พื้นหลังให้ตัดกับตัวหนังสือชัดขึ้น */
.torrent-stats-wrapper .stat{
    background:#ffffff !important;
    border:1px solid #dbe3ea !important;
}

.torrent-stats-wrapper .stat:hover{
    background:#f6f8fb !important;
}

/* หัวข้อ Yesterday Hot / Most Popular / Latest VR Torrents */
.home-section-title h2{
    color:#1e293b !important;
    text-shadow:none !important;
}

.home-section-title p{
    color:#5b6472 !important;
}


/* ==========================================================
   FIX 1: การ์ดโพสต์ - เปลี่ยนจากพื้นเข้มเป็นพื้นขาว
   ========================================================== */

.posts article,
main article,
.related-wrapper .related-posts .related-card{
    background:#ffffff !important;
    border:1px solid #e5e7eb !important;
    border-top:4px solid #2ea3f2 !important;
    box-shadow:0 2px 8px rgba(0,0,0,.08) !important;
}

.posts article:hover,
main article:hover,
.related-wrapper .related-posts .related-card:hover{
    background:#f9fafb !important;
    border-top-color:#2ea3f2 !important;
    box-shadow:0 8px 18px rgba(0,0,0,.12) !important;
}

/* ชื่อโพสต์ให้เป็นสีเข้ม อ่านง่ายบนพื้นขาว */
.posts article h3,
main article h3,
.related-wrapper .related-posts .related-card h3{
    color:#111827 !important;
    background:transparent !important;
}

/* แถวสถิติ (เวลา/views/downloads) */
.card-views,
.related-wrapper .related-posts .card-views{
    color:#6b7280 !important;
}

.cv-item,
.related-wrapper .related-posts .cv-item{
    color:#4b5563 !important;
}

.cv-item i,
.related-wrapper .related-posts .cv-item i{
    color:#2ea3f2 !important;
}

.posts article .content,
main article .content{
    background:transparent !important;
}


/* ==========================================================
   FIX 2: HEADER - เอากรอบปุ่มออก เหลือแค่ตัวหนังสือ + เอาไอคอนออก
   ========================================================== */

.header-button,
.discord-button{
    background:none !important;
    box-shadow:none !important;
    border:none !important;
    border-radius:0 !important;

    padding:0 10px !important;
    height:auto !important;

    color:#ffffff !important;
    font-size:16px !important;
    font-weight:800 !important;
    text-transform:uppercase;
    letter-spacing:.5px;
}

.header-button:hover,
.discord-button:hover{
    background:none !important;
    color:#2ea3f2 !important;
    transform:none !important;
}

/* เอาไอคอนหน้าปุ่มออก */
.header-button i,
.discord-button i{
    display:none !important;
}


/* ==========================================================
   FIX: card-views พื้นเทา + เอาขอบบนสีออกทั้งหมด
   ========================================================== */

/* พื้นหลังปุ่มเวลา/views/downloads เป็นสีเทา */
.cv-item,
.related-wrapper .related-posts .cv-item{
    background:#e5e7eb !important;
    color:#374151 !important;
    border:none !important;
}

.cv-item i,
.related-wrapper .related-posts .cv-item i{
    color:#6b7280 !important;
}

/* เอาขอบบนสี (ฟ้า/ส้ม/ม่วง ตามหมวดหมู่) ออกทั้งหมด */
.posts article,
main article,
.posts article:hover,
main article:hover,
.related-wrapper .related-posts .related-card,
.related-wrapper .related-posts .related-card:hover{
    border-top:none !important;
    border-top-color:transparent !important;
}

.posts article:has(.badge-unity),
.posts article:has(.badge-unity):hover,
.posts article:has(.badge-renpy),
.posts article:has(.badge-renpy):hover,
.posts article:has(.badge-rpgm),
.posts article:has(.badge-rpgm):hover,
main article:has(.badge-unity):hover,
main article:has(.badge-renpy):hover,
main article:has(.badge-rpgm):hover{
    border-top:none !important;
    box-shadow:0 4px 12px rgba(0,0,0,.08) !important;
}


/* ==========================================================
   FIX: หัวข้อ VR Studios ให้จัดกึ่งกลางเหมือน VR Pornstars
   ========================================================== */

.studios-page h1,
.pornstars-page h1{
    max-width:1440px;
    width:100%;

    margin:0 auto 35px;

    text-align:center;
}


/* ==========================================================
   FIX: developer-count (จำนวนเกม) จาง -> ทำให้เข้มขึ้น
   เพราะพื้นหลังการ์ดเปลี่ยนเป็นสีขาวแล้ว
   ========================================================== */

.developer-name{
    color:#111827 !important;
}

.developer-count{
    background:#e5e7eb !important;
    border:1px solid #d1d5db !important;
    color:#374151 !important;
}

.developer-count i{
    color:#2ea3f2 !important;
}

.posts article .content{
    background:#ffffff !important;
    border-top:none !important;
}


/* ==========================================================
   SINGLE POST - หัวข้อขาว -> เข้ม / พื้นหลังเข้ม -> เทา
   ========================================================== */

body.single-post{
    background:#eef1f4 !important;
}

/* ชื่อโพสต์ */
.post-title{
    color:#1e293b !important;
    text-shadow:none !important;
}

/* เนื้อหาเกม (description) */
.video-content{
    color:#333333 !important;
}

.video-content hr{
    background:#d8dee8 !important;
}

/* ===== Video Information Table ===== */

.game-info-title{
    color:#1e293b !important;
}

.game-info-table{
    background:#f3f4f6 !important;
    border:1px solid #d8dee8 !important;
}

.game-info-table tr{
    border-bottom:1px solid #d8dee8 !important;
}

.game-info-table th{
    background:#e5e7eb !important;
    color:#1e293b !important;
    border-right:1px solid #d8dee8 !important;
}

.game-info-table td{
    color:#374151 !important;
}

/* ===== Description ===== */

.game-description-title{
    color:#1e293b !important;
}

.game-description-box .description-box{
    background:#f3f4f6 !important;
    border:1px solid #d8dee8 !important;
}

.game-description-box .description-box p{
    color:#374151 !important;
}

/* ===== Gallery / Screenshots ===== */

.gallery-title{
    color:#1e293b !important;
}

.gallery-item{
    background:#e5e7eb !important;
    border:1px solid #d8dee8 !important;
}

.gallery-item:hover{
    border-color:#2ea3f2 !important;
}

/* ===== Download Section ===== */

.download-section-title{
    color:#1e293b !important;
}

.download-normal,
.download-vip{
    background:#f3f4f6 !important;
    border:1px solid #d8dee8 !important;
}

.download-title{
    color:#1e293b !important;
}

.download-item{
    background:#e5e7eb !important;
}

.download-name{
    color:#1e293b !important;
}

.download-meta{
    color:#6b7280 !important;
}

.dl-tag{
    background:rgba(0,0,0,.04) !important;
    border:1px solid #d1d5db !important;
    color:#4b5563 !important;
}

.dl-tag i{
    color:#4b5563 !important;
}

/* ===== Download Community (Join Discord ฯลฯ) ===== */

.download-community{
    background:#f3f4f6 !important;
    border:1px solid #d8dee8 !important;
}

.download-community h2{
    color:#1e293b !important;
}

.download-community p{
    color:#4b5563 !important;
}

/* ===== Related Posts ===== */

.related-wrapper{
    background:transparent !important;
}

.related-title{
    color:#1e293b !important;
}

/* ===== Comments ===== */

.comments{
    background:#f3f4f6 !important;
    border:1px solid #d8dee8 !important;
}

.comments h4,
.comments h5{
    color:#1e293b !important;
}

.comments .bubble{
    background:#ffffff !important;
    border:1px solid #d8dee8 !important;
}

.comments .bubble p{
    color:#1e293b !important;
}

.comments .comment-info{
    color:#6b7280 !important;
}

.comments form textarea{
    background:#ffffff !important;
    border:2px solid #d8dee8 !important;
    color:#1e293b !important;
}

.comments form textarea::placeholder{
    color:#9ca3af !important;
}

.comments form textarea:focus{
    background:#ffffff !important;
    border-color:#2ea3f2 !important;
}

.comments form .form-submit input{
    background:#2ea3f2 !important;
    color:#ffffff !important;
}

.comments form .form-submit input:hover{
    background:#1e88e5 !important;
}


/* ==========================================================
   RESTORE WHITE CARD BOX - หน้าโพสต์เดี่ยว (แบบ Secret Service)
   ========================================================== */

body.single-post{
    background:#eef1f4 !important;
}

.single-post article{
    background:#ffffff !important;
    border:1px solid #000000 !important;
    box-shadow:0 0 15px rgba(0,0,0,.15) !important;
    padding:40px !important;
    border-radius:10px !important;
    max-width:1000px !important;
    margin:40px auto !important;
}

.video-box{
    background:none !important;
    border:none !important;
    box-shadow:none !important;
    padding:0 !important;
    margin:0 !important;
    max-width:100% !important;
}

/* แถบหัวข้อชื่อ - พื้นเข้ม ตัวหนังสือขาว เหมือนตัวอย่าง Secret Service */
.post-title{
    background:#22313b !important;
    color:#ffffff !important;
    border:2px solid #000 !important;
    border-radius:8px !important;
    padding:16px 20px !important;
    text-align:center !important;
    font-size:28px !important;
    font-weight:700 !important;
    max-width:900px !important;
    margin:0 auto 25px !important;
    text-shadow:none !important;
}

@media(max-width:768px){

    .single-post article{
        padding:20px !important;
        margin:20px auto !important;
    }

    .post-title{
        font-size:22px !important;
        padding:14px !important;
    }

}


/* ==========================================================
   RESTORE WHITE CARD BOX - แยก 2 กล่อง (เนื้อหาหลัก / Related Posts)
   ========================================================== */

body:has(article.single-page){
    background:#eef1f4 !important;
}

/* article.single-page เป็นแค่ wrapper กว้าง ไม่ใส่กรอบ/พื้นตรงนี้ */
article.single-page{
    max-width:1000px !important;
    margin:40px auto !important;
    background:none !important;
    border:none !important;
    box-shadow:none !important;
    padding:0 !important;
}

/* ===== กล่องที่ 1: เนื้อหาหลัก (จบที่ Join Discord) ===== */

article.single-page .video-box{
    background:#ffffff !important;
    border:1px solid #000000 !important;
    box-shadow:0 0 15px rgba(0,0,0,.15) !important;
    padding:40px !important;
    border-radius:10px !important;
    max-width:100% !important;
    margin:0 !important;
    box-sizing:border-box !important;
}

article.single-page .post-title{
    background:#22313b !important;
    color:#ffffff !important;
    border:2px solid #000 !important;
    border-radius:8px !important;
    padding:16px 20px !important;
    text-align:center !important;
    font-size:28px !important;
    font-weight:700 !important;
    max-width:900px !important;
    margin:0 auto 25px !important;
    text-shadow:none !important;
}

/* ===== กล่องที่ 2: Related Posts (กล่องแยกใหม่) ===== */

article.single-page .related-wrapper{
    background:#ffffff !important;
    border:1px solid #000000 !important;
    box-shadow:0 0 15px rgba(0,0,0,.15) !important;
    padding:40px !important;              /* เปลี่ยนจาก 0 0 30px เป็น 40px รอบด้าน */
    border-radius:10px !important;
    max-width:100% !important;
    margin:30px 0 0 !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
}

article.single-page .related-title{
    background:#22313b !important;
    color:#ffffff !important;
    border:2px solid #000 !important;
    border-radius:8px !important;
    padding:16px 20px !important;
    text-align:center !important;
    font-size:26px !important;
    font-weight:700 !important;
    max-width:900px !important;
    margin:30px auto 25px !important;
}

article.single-page .related-posts{
    padding:0 25px !important;
}

@media(max-width:768px){

    article.single-page .video-box{
        padding:20px !important;
    }

    article.single-page .post-title{
        font-size:22px !important;
        padding:14px !important;
    }

    article.single-page .related-title{
        font-size:20px !important;
        padding:14px !important;
    }

    article.single-page .related-posts{
        padding:0 15px !important;
    }

}

/* ==========================================================
   ปรับขนาดการ์ด (เฉพาะหน้า Categories / Pornstars / Studios)
   ใช้ class "archive-grid" บน <main> เพื่อจำกัดขอบเขต
   ไม่ให้กระทบการ์ดในหน้าแรก
========================================================== */

main.archive-grid article{
    width: 220px !important;
    flex: 0 0 220px !important;
    max-width: 220px !important;
}

main.archive-grid article .featured-image {
    width: 100% !important;
    height: 260px !important;
}

@media screen and (max-width: 768px){
    main.archive-grid article .featured-image {
        height: 200px !important;
    }
}

@media screen and (max-width: 400px){
    main.archive-grid article .featured-image {
        height: 160px !important;
    }
}

/* ==========================================================
   TAG TITLE (Tags / Pornstar / Studio) - แก้เป็นสีเข้ม
========================================================== */

.tag-title{
    color: #1e293b !important;
}



/* ==========================================================
   FIX: ไอคอน/ตัวหนังสือ card-views (เวลา/view/download) ให้เข้มขึ้น
========================================================== */

.card-views .cv-item{
    color:#374151 !important;
}

.card-views .cv-item i{
    color:#6b7280 !important;
}

/* แยกสีแต่ละไอคอนให้ชัดเจน */
.card-views .cv-item:nth-child(1) i{
    color:#4b5563 !important;   /* เวลา */
}

.card-views .cv-item:nth-child(2) i{
    color:#7c3aed !important;   /* views - สีม่วง */
}

.card-views .cv-item:nth-child(3) i{
    color:#2563eb !important;   /* download - สีฟ้า */
}


/* ==========================================================
   FIX: archive-subtitle (จำนวนไฟล์ในหน้า Tag/Category) ให้เข้มขึ้น
========================================================== */

.archive-subtitle{
    background:rgba(56,189,248,.15) !important;
    border:1px solid rgba(56,189,248,.35) !important;
}

.archive-subtitle,
.archive-subtitle strong,
.archive-subtitle .game-text{
    color:#1e293b !important;
}

.archive-subtitle i{
    color:#0284c7 !important;
}


/* ==========================================================
   DOWNLOAD COMMUNITY BUTTONS - รองรับ 4 ปุ่ม (เพิ่ม Telegram)
========================================================== */

@media (max-width: 900px) {
    .download-community-buttons {
        flex-wrap: wrap !important;
    }

    .download-community-buttons > a {
        width: calc(50% - 10px) !important;
        min-width: calc(50% - 10px) !important;
        max-width: calc(50% - 10px) !important;
    }
}

@media (max-width: 480px) {
    .download-community-buttons > a {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
    }
}


/* ==========================================================
   FIX: ลดความกว้างกรอบปุ่ม Download Community ให้ไม่ชิดขอบ
========================================================== */

.download-community-buttons{
    max-width:600px !important;   /* ลดจาก 760px */
    gap:20px !important;
}

.download-community-buttons > a{
    padding:0 24px !important;
    font-size:16px !important;
}

@media (max-width: 480px) {
    .download-community-buttons{
        max-width:100% !important;
    }
}

/* ==========================================================
   FIX FINAL: Download Community Buttons - บังคับ 2x2 Grid
   ต้องอยู่ท้ายไฟล์สุด เพื่อ override กฎเก่าทั้งหมด
========================================================== */

.download-community-buttons{
    display:grid !important;
    grid-template-columns:repeat(2, 1fr) !important;
    gap:16px !important;
    max-width:560px !important;
    margin:0 auto !important;
    flex-wrap:unset !important;
    flex-direction:unset !important;
}

.download-community-buttons > a{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:50px !important;
    padding:0 16px !important;
    font-size:15px !important;
    box-sizing:border-box !important;
}

@media (max-width: 480px) {
    .download-community-buttons{
        grid-template-columns:1fr !important;
        max-width:100% !important;
    }
}


/* ==========================================================
   DOWNLOAD COMMUNITY - กล่องแยกใหม่ (ให้เหมือน Related Posts)
========================================================== */

article.single-page .download-community-wrapper{
    background:#ffffff !important;
    border:1px solid #000000 !important;
    box-shadow:0 0 15px rgba(0,0,0,.15) !important;
    padding:40px !important;
    border-radius:10px !important;
    max-width:100% !important;
    margin:30px 0 0 !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
}

/* เอา style เดิมของ .download-community (พื้นหลังเข้ม/margin/padding) ออก
   เพราะตอนนี้ wrapper ด้านนอกจัดการเรื่องกรอบ/padding แทนแล้ว */
article.single-page .download-community{
    background:none !important;
    border:none !important;
    box-shadow:none !important;
    padding:0 !important;
    margin:0 !important;
    border-radius:0 !important;
}

article.single-page .download-community h2{
    color:#ffffff  !important;
}

article.single-page .download-community p{
    color:#4b5563 !important;
}

@media(max-width:768px){

    article.single-page .download-community-wrapper{
        padding:20px !important;
        margin:20px 0 0 !important;
    }

}


/* ==========================================================
   DOWNLOAD COMMUNITY H2 - ให้เหมือนหัวข้อ Related Posts
   (พื้นหลังเข้ม ตัวหนังสือขาว เหมือน .related-title)
========================================================== */

.download-community-wrapper .download-community h2{
    background:#22313b !important;
    color:#ffffff !important;

    border:2px solid #000 !important;
    border-radius:8px !important;

    padding:16px 20px !important;

    text-align:center !important;

    font-size:32px !important;
    font-weight:700 !important;

    margin:0 0 25px 0 !important;

    text-shadow:none !important;
}

@media(max-width:768px){

    .download-community-wrapper .download-community h2{
        font-size:22px !important;
        padding:14px !important;
    }

}


.download-community h2{
    color:#ffffff !important;
}


.term-header{
    text-align:center;
    margin-bottom:10px;
}

.term-header-image{
    width:140px;
    height:140px;
    margin:0 auto 20px;

    border-radius:50%;
    background-size:cover;
    background-position:center;

    border:3px solid rgba(46,163,242,.5);
    box-shadow:0 8px 24px rgba(0,0,0,.35);
}

.term-header-stats{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:10px;

    margin-top:16px;
    flex-wrap:wrap;
}

.term-header-stats .cv-item{
    display:inline-flex;
    align-items:center;
    gap:6px;

    padding:8px 16px;

    background:rgba(56,189,248,.12);
    border:1px solid rgba(56,189,248,.25);
    border-radius:999px;

    color:#1e293b;
    font-size:15px;
    font-weight:700;
}

.term-header-stats .cv-item i{
    color:#0284c7;
}

@media(max-width:768px){

    .term-header-image{
        width:110px;
        height:110px;
    }

    .term-header-stats{
        gap:8px;
    }

    .term-header-stats .cv-item{
        font-size:13px;
        padding:6px 12px;
    }

}


/* ==========================================================
   FIX: Term Header Stats (Tag/Category page) - สีให้เข้มขึ้น
========================================================== */

.term-header-stats .cv-item,
.term-header-stats .cv-item:nth-child(1),
.term-header-stats .cv-item:nth-child(2),
.term-header-stats .cv-item:nth-child(3){
    color:#1e293b !important;
}

.term-header-stats .cv-item i,
.term-header-stats .cv-item:nth-child(1) i,
.term-header-stats .cv-item:nth-child(3) i{
    color:#0284c7 !important;
}

/* ไอคอน View (ตัวกลาง) ใช้สีม่วงเข้มแทนสีจาง */
.term-header-stats .cv-item:nth-child(2) i{
    color:#7c3aed !important;
}