/* =========================================================
   PROJECT PSYCHO CUSTOM CSS
   Full clean version - Godlike base + Project Psycho fixes
   ========================================================= */

/* VARIABLES / BASE */
:root {
    --pp-orange: #e08821;
    --pp-orange-soft: rgba(224, 136, 33, .45);
    --pp-orange-strong: rgba(224, 136, 33, .75);
    --pp-dark: rgba(8, 8, 8, .94);
    --pp-dark-soft: rgba(8, 8, 8, .54);
    --pp-text-muted: #aaa;
}

.pp-body,
.pp-maintenance-page {
    background: #050505;
}

.pp-main-background,
.pp-page-background {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.nk-header-title.pp-home-hero .bg-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* PRELOADER VISIBILITY FIX */
.pp-preloading .pp-after-loader,
.pp-preloading .nk-side-buttons,
.pp-preloading .pp-side-buttons {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

.pp-loaded .pp-after-loader,
.pp-loaded .nk-side-buttons,
.pp-loaded .pp-side-buttons {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

/* NAV RESET TO GODLIKE STYLE */
.pp-main-nav {
    padding: 26px 0 !important;
    height: auto !important;
    min-height: 0 !important;
    background: rgba(0,0,0,.72) !important;
}

.pp-main-nav .nk-nav-table {
    height: 100% !important;
    min-height: 0 !important;
}

.pp-main-nav .nk-nav > li > a {
    padding: 5px 18px !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
}

.pp-main-nav .pp-nav-text-logo {
    height: auto !important;
    line-height: 1.7 !important;
    font-size: 23px !important;
}

/* TOPBAR */
.pp-topbar {
    min-height: 34px !important;
    height: auto !important;
    padding: 6px 0 !important;
    transform: none !important;
}

.pp-topbar .nk-nav > li > a {
    padding: 3px 14px !important;
    font-size: 12px !important;
    line-height: 1.7 !important;
}

/* MAINTENANCE / LEGAL / COOKIE */
.pp-maintenance-form {
    max-width: 420px;
    margin: 0 auto;
}

.pp-maintenance-form input {
    background: rgba(0,0,0,.65);
    color: #fff;
    border: 1px solid var(--pp-orange);
    height: 48px;
    border-radius: 0;
}

.pp-maintenance-form input:focus {
    background: rgba(0,0,0,.85);
    color: #fff;
    border-color: var(--pp-orange);
    box-shadow: none;
}

.pp-maintenance-error {
    max-width: 590px;
    margin: 0 auto;
    text-align: center;
}

.pp-legal-wrap {
    min-height: 100vh;
    padding: 120px 0 80px;
}

.pp-legal-box {
    max-width: 900px;
    margin: 0 auto;
    background: rgba(8,8,8,.78);
    border: 1px solid rgba(232,136,33,.35);
    padding: 42px;
}

.pp-legal-box p,
.pp-legal-box li {
    color: #ccc;
}

.pp-legal-back {
    margin-bottom: 25px;
}

/* FOOTER - centered */
.pp-footer-clean,
.pp-site-footer-clean {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    clear: both !important;
    text-align: center !important;
    margin: 60px auto 30px auto !important;
    padding: 0 15px !important;
    color: #999 !important;
    font-size: 13px !important;
    z-index: 20;
    pointer-events: auto !important;
}

.pp-footer-clean > div,
.pp-site-footer-clean > div {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
}

.pp-footer-line {
    margin-bottom: 6px;
}

.pp-footer-clean a,
.pp-site-footer-clean a {
    color: #ddd !important;
    text-decoration: none !important;
    pointer-events: auto !important;
}

.pp-footer-clean a:hover,
.pp-site-footer-clean a:hover {
    color: var(--pp-orange) !important;
}

/* Maintenance footer stays at bottom and centered */
.pp-maintenance-page .pp-footer-clean {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 22px !important;
    margin: 0 !important;
    padding: 0 15px !important;
    pointer-events: none !important;
}

.pp-maintenance-page .pp-footer-clean a {
    pointer-events: auto !important;
}

/* COUNTDOWN */
.nk-countdown > div {
    display: inline-block;
    min-width: 120px;
    text-align: center;
}

.nk-countdown > div > span {
    display: block;
    font-size: 4rem;
    line-height: 1;
}

.nk-countdown > div > small {
    display: block;
    margin-top: 18px;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
}

/* HOME / HERO / STATUS */
.pp-hero .nk-header-text .lead {
    max-width: 680px;
    color: #e7e7e7;
}

.pp-hero .display-3,
.pp-home-hero .display-3 {
    text-shadow: 0 0 35px rgba(0,0,0,.9);
}

.pp-home-news-section,
.pp-home-status-section {
    position: relative;
    z-index: 2;
}

.pp-status-box {
    background: rgba(5, 5, 5, .72);
    border: 1px solid var(--pp-orange-soft);
    box-shadow: 0 0 55px rgba(0, 0, 0, .78);
    padding: 32px 26px;
}

.pp-status-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid rgba(255,255,255,.08);
    color: #cfcfcf;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: .06em;
}

.pp-status-line strong {
    font-size: 14px;
}

.pp-online {
    color: #8fff8f;
    text-shadow: 0 0 12px rgba(130,255,130,.55);
}

.pp-status-box .nk-progress-title {
    color: #ddd;
}

.pp-status-box .nk-counter-3 .nk-count {
    color: #fff;
}

/* TEMPLE / CTA SECTION */
.pp-temple-section {
    position: relative;
    overflow: hidden;
}

.pp-temple-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 50% 100%, rgba(224, 100, 20, .28), transparent 45%),
        linear-gradient(to bottom, rgba(0,0,0,.35), rgba(0,0,0,.82));
    z-index: 1;
    pointer-events: none;
}

.pp-temple-section .container {
    position: relative;
    z-index: 2;
}

.pp-cta-section .pp-cta-text {
    max-width: 820px;
    margin-left: auto;
    margin-right: auto;
}

.pp-faq-section .nk-accordion {
    max-width: 900px;
    margin: 0 auto;
}

.pp-footer-links {
    display: inline-flex;
    gap: 12px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

/* AUTH POPUP - transparent Godlike login/register/forgot */
.nk-sign-form.pp-auth-popup,
.nk-sign-form {
    background: rgba(0, 0, 0, .08) !important;
}

.pp-auth-popup .container {
    max-width: 100% !important;
}

.pp-auth-box {
    position: relative;
}

.pp-auth-close {
    position: absolute;
    top: 12px;
    right: 16px;
    border: 0;
    background: transparent;
    color: #fff;
    font-size: 34px;
    line-height: 1;
    cursor: pointer;
    opacity: .7;
    z-index: 5;
}

.pp-auth-close:hover {
    opacity: 1;
    color: #e08821;
}

.pp-auth-box,
.nk-sign-form .nk-sign-form-container.pp-auth-box {
    position: relative;
    max-width: 470px;
    margin: 0 auto;
    max-height: calc(100vh - 90px);
    overflow-y: auto;
    padding: 28px !important;
    background: rgba(8, 8, 8, 0.88) !important;
    border: 1px solid rgba(224, 136, 33, .58) !important;
    box-shadow: 0 0 55px rgba(0, 0, 0, .55) !important;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.pp-auth-box .form-control {
    background:
        linear-gradient(to bottom, rgba(255,255,255,.88), rgba(230,230,230,.78)) !important;
    color: #111 !important;
    border-radius: 0 !important;
    border: 1px solid rgba(224, 136, 33, .72) !important;
    min-height: 46px;
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.22),
        0 0 18px rgba(0,0,0,.28) !important;
}

.pp-auth-box .form-control:focus {
    background: rgba(255, 255, 255, .94) !important;
    color: #111 !important;
    border-color: var(--pp-orange) !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.4),
        0 0 18px rgba(224,136,33,.35) !important;
}

.pp-auth-box .form-control::placeholder {
    color: rgba(0, 0, 0, .58);
    font-weight: 600;
}

.pp-auth-tabs {
    display: flex;
    justify-content: center;
    gap: 22px;
    flex-wrap: wrap;
    text-align: center;
}

.pp-auth-alert {
    font-size: 13px;
    border-radius: 0;
    padding: 10px 12px;
}

.pp-captcha-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 8px;
}

.pp-captcha-row label {
    color: #fff !important;
    line-height: 1.35;
    text-shadow: 0 0 8px rgba(0,0,0,.85);
}

.nk-btn-xs {
    padding: 5px 12px !important;
    font-size: 11px !important;
}

.pp-auth-box button:disabled {
    opacity: .55;
    cursor: not-allowed;
}

.password-match,
.small-hint {
    font-size: .875rem;
    margin-top: .35rem;
}

/* SIDE BUTTONS / DISCORD / SIDE NAV */
.nk-side-buttons,
.pp-side-buttons {
    z-index: 10010;
}

.pp-side-buttons,
.nk-side-buttons.nk-side-buttons-visible {
    position: fixed !important;
    right: 28px !important;
    bottom: 28px !important;
}

.pp-side-buttons ul,
.nk-side-buttons ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
}

.pp-side-buttons li,
.nk-side-buttons li {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    white-space: nowrap !important;
}

.pp-side-buttons .nk-btn,
.nk-side-buttons .nk-btn {
    margin: 0 !important;
}

.pp-discord-btn .fa-discord,
.pp-discord-btn .fab {
    margin-right: 8px;
}

.pp-psychobot-toggle {
    border-color: var(--pp-orange) !important;
}

/* OLD COMPACT LOGIN PANEL - kept safe if some old markup exists */
.pp-login-panel {
    position: fixed;
    top: 92px;
    right: 32px;
    z-index: 10020;
    width: 340px;
    max-width: calc(100vw - 30px);
    opacity: 0;
    pointer-events: none;
    transform: translateY(-12px);
    transition: opacity .2s ease, transform .2s ease;
}

.pp-login-panel.pp-login-open {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

.pp-login-panel-inner {
    position: relative;
    padding: 26px;
    background: rgba(8, 8, 8, .74);
    border: 1px solid rgba(224, 136, 33, .55);
    box-shadow: 0 18px 45px rgba(0, 0, 0, .75);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.pp-login-panel .form-control {
    background: rgba(255,255,255,.82);
    border-color: rgba(224, 136, 33, .45);
    color: #111;
}

.pp-login-panel .form-control:focus {
    background: rgba(255,255,255,.95);
    border-color: var(--pp-orange);
    color: #111;
    box-shadow: none;
}

.pp-login-close {
    position: absolute;
    top: 8px;
    right: 12px;
    background: transparent;
    border: 0;
    color: #fff;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
}

.pp-login-register {
    display: inline-block;
    margin-left: 14px;
    color: var(--pp-orange);
}

.pp-login-forgot {
    font-size: 13px;
    color: #aaa;
}

.pp-video-background {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: -10 !important;
    overflow: hidden !important;
    background: #000 url("../images/page-background.jpg") center center / cover no-repeat !important;
}

.pp-video-background .pp-bg-video {
    position: absolute !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    object-fit: cover !important;
    z-index: 1 !important;
    opacity: .75 !important;
}

.pp-video-background .pp-bg-video-overlay {
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    background: rgba(0,0,0,.30) !important;
    pointer-events: none !important;
}

/* RESPONSIVE */
@media (max-width: 991px) {
    .pp-topbar,
    .nk-contacts-top {
        display: block !important;
    }

    .nk-contacts-top .container {
        text-align: center;
    }

    .nk-contacts-left,
    .nk-contacts-right {
        float: none !important;
        display: block;
        width: 100%;
    }

    .nk-share-buttons-left {
        display: none !important;
    }

    .pp-header .nk-navbar-top,
    .pp-main-nav .nk-nav-table {
        min-height: 62px !important;
    }

    .pp-nav-text-logo {
        font-size: 19px !important;
    }

    .pp-nav-logo img,
    .pp-nav-logo-img {
        height: 40px !important;
        max-height: 40px !important;
    }

    .pp-status-box {
        max-width: 520px;
        margin: 0 auto;
    }

    .pp-auth-box,
    .nk-sign-form .nk-sign-form-container.pp-auth-box {
        max-width: 92vw;
        max-height: calc(100vh - 70px);
        padding: 22px !important;
    }

    .nk-sign-form .nk-gap-4,
    .nk-sign-form .nk-gap-5 {
        height: 30px !important;
    }

    .pp-login-panel {
        top: 72px;
        right: 15px;
        left: 15px;
        width: auto;
    }
}

@media (max-width: 767px) {
    .pp-nav-logo img,
    .pp-nav-logo-img {
        height: 36px !important;
        max-height: 36px !important;
    }

    .pp-hero .display-3,
    .pp-home-hero .display-3 {
        font-size: 52px;
    }

    .pp-status-box {
        padding: 22px 16px;
    }

    .pp-news-caption {
        width: 92%;
        padding: 12px;
    }

    .pp-news-caption h3 {
        font-size: 17px;
    }

    .pp-news-caption .nk-btn {
        font-size: 10px;
        padding: 6px 10px;
    }

    .pp-side-buttons,
    .nk-side-buttons.nk-side-buttons-visible {
        right: 10px !important;
        bottom: 70px !important;
    }

    .pp-side-buttons .nk-btn,
    .nk-side-buttons .nk-btn {
        padding-left: 14px;
        padding-right: 14px;
    }

    .pp-legal-box {
        padding: 28px 20px;
    }
}

@media (max-width: 575px) {
    .pp-auth-tabs.h3 {
        font-size: 22px !important;
        gap: 12px;
    }

    .pp-auth-box .form-control {
        height: 45px;
    }

    .pp-captcha-row {
        display: block !important;
    }

    .pp-captcha-row button {
        width: 100%;
        margin-top: 8px;
    }

    .pp-auth-box .form-check.float-left,
    .pp-auth-box .nk-btn.float-right,
    .pp-auth-box a.float-right {
        float: none !important;
        display: block;
        width: 100%;
        text-align: center;
    }

    .pp-auth-box .form-check.float-left {
        margin-bottom: 12px;
    }

    .pp-auth-box .nk-btn.float-right {
        margin-top: 8px;
    }

    .pp-footer-clean {
        margin-top: 35px !important;
        margin-bottom: 24px !important;
        font-size: 12px !important;
    }

    .pp-side-buttons ul,
    .nk-side-buttons ul {
        gap: 8px !important;
    }
}

/* =========================================================
   HOME NEWS SLIDER FINAL / CLEAN NO WRAPPER FRAME
   ========================================================= */

.pp-home-news-section {
    position: relative;
    z-index: 5;
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.pp-home-news-section .mnt-80 {
    margin-top: -45px !important;
}

/* velikost carouselu - musí sedět s gridheight v home.blade.php */
#rev_slider_50_1_wrapper,
#rev_slider_50_1 {
    height: 500px !important;
    max-height: 500px !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* žádný velký rám kolem celého slideru */
#rev_slider_50_1_wrapper {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

#rev_slider_50_1 .tp-revslider-slidesli {
    border: 4px solid rgba(211, 115, 5, 0.55) !important;
    box-shadow:
        0 0 22px rgba(0,0,0,.70),
        0 0 12px rgba(224,136,33,.16) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

.pp-topbar .nk-contacts-left {
    padding-left: 110px !important;
}

#rev_slider_50_1_wrapper,
#rev_slider_50_1,
#rev_slider_50_1 .tp-revslider-mainul,
#rev_slider_50_1 .tp-revslider-slidesli {
    cursor: url("../images/cursor-drag.svg") 24 24, grab !important;
}

#rev_slider_50_1_wrapper:active,
#rev_slider_50_1:active,
#rev_slider_50_1 .tp-revslider-mainul:active {
    cursor: url("../images/cursor-drag.svg") 24 24, grabbing !important;
}

#rev_slider_50_1_wrapper::after {
    display: none !important;
}

/* vnitřní frame vypneme, protože Revolution ho usekává */
.pp-news-frame {
    display: none !important;
}

/* overlay přes obrázek */
.pp-news-overlay {
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, .78) 0%,
        rgba(0, 0, 0, .38) 45%,
        rgba(0, 0, 0, .08) 100%
    ) !important;
    pointer-events: none !important;
    z-index: 2 !important;
}

/* badge */
.pp-news-badge {
    display: inline-block !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    padding: 6px 12px !important;
    border-radius: 4px !important;
    box-shadow: 0 0 12px rgba(0, 0, 0, .65) !important;
    line-height: 1 !important;
    z-index: 55 !important;
}

.pp-news-badge {
    background: linear-gradient(135deg, #e08821, #ffcf7a) !important;
    color: #080808 !important;
    border: 1px solid rgba(255, 220, 150, .95) !important;
    text-shadow: none !important;
    box-shadow:
        0 0 18px rgba(224,136,33,.75),
        inset 0 0 10px rgba(255,255,255,.35) !important;
}

.pp-news-badge-update { background: #e08821 !important; }
.pp-news-badge-housing { background: #8e44ad !important; }
.pp-news-badge-pvp { background: #c0392b !important; }
.pp-news-badge-launcher { background: #2980b9 !important; }
.pp-news-badge-event { background: #28a745 !important; }
.pp-news-badge-fix { background: #7f8c8d !important; }

/* text novinky = hlavní rámeček */
.pp-news-caption {
    width: 430px !important;
    max-width: 430px !important;
    background: rgba(8, 8, 8, .78) !important;
    border: 2px solid rgba(224, 136, 33, .82) !important;
    border-left: 4px solid #e08821 !important;
    box-shadow:
        0 0 25px rgba(0, 0, 0, .75),
        0 0 12px rgba(224, 136, 33, .20) !important;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    padding: 18px !important;
    border-radius: 6px !important;
    text-align: left !important;
    white-space: normal !important;
    z-index: 50 !important;
}

.pp-news-caption .pp-news-date {
    display: block !important;
    color: #e08821 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    margin-bottom: 8px !important;
}

.pp-news-caption h3 {
    color: #fff !important;
    font-size: 23px !important;
    line-height: 1.15 !important;
    margin: 0 0 10px !important;
}

.pp-news-caption p {
    color: #d0d0d0 !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    margin: 0 0 14px !important;
}

@media (max-width: 991px) {
    .pp-home-news-section .mnt-80 {
        margin-top: -35px !important;
    }

    #rev_slider_50_1_wrapper,
    #rev_slider_50_1 {
        height: 430px !important;
        max-height: 430px !important;
    }

    .pp-news-caption {
        width: 380px !important;
        max-width: 380px !important;
        padding: 16px !important;
    }

    .pp-news-caption h3 {
        font-size: 21px !important;
    }
}

@media (max-width: 575px) {
    .pp-home-news-section .mnt-80 {
        margin-top: -25px !important;
    }

    #rev_slider_50_1_wrapper,
    #rev_slider_50_1 {
        height: 320px !important;
        max-height: 320px !important;
    }

    .pp-news-caption {
        width: 270px !important;
        max-width: 270px !important;
        padding: 12px !important;
    }

    .pp-news-caption h3 {
        font-size: 17px !important;
    }

    .pp-news-caption p {
        font-size: 12px !important;
        max-height: 34px !important;
        overflow: hidden !important;
    }

    .pp-news-badge {
        font-size: 9px !important;
        padding: 5px 8px !important;
    }
}

/* =========================================================
   NEWS INDEX + NEWS SHOW
   ========================================================= */

.pp-news-index-wrap,
.pp-news-show-wrap {
    position: relative;
    z-index: 2;
}

.pp-news-grid-card,
.pp-news-show-card,
.pp-news-sidebar-box {
    background: rgba(8, 8, 8, .74);
    border: 1px solid rgba(224, 136, 33, .45);
    box-shadow:
        0 0 35px rgba(0,0,0,.75),
        0 0 18px rgba(224,136,33,.12);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.pp-news-grid-image,
.pp-news-show-image {
    position: relative;
    display: block;
    overflow: hidden;
}

.pp-news-grid-image img,
.pp-news-show-image img {
    width: 100%;
    display: block;
}

.pp-news-grid-image::after,
.pp-news-show-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,.45), transparent);
    pointer-events: none;
}

.pp-news-grid-badge,
.pp-news-show-badge {
    display: inline-block;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 6px 12px;
    border-radius: 4px;
    box-shadow: 0 0 12px rgba(0,0,0,.65);
}

.pp-news-grid-badge {
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 3;
}

.pp-news-show-badge {
    margin-bottom: 18px;
}

.pp-news-grid-content,
.pp-news-show-content {
    padding: 28px;
}

.pp-news-grid-date,
.pp-news-side-date {
    color: #e08821;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.pp-news-rich-content h2,
.pp-news-rich-content h3,
.pp-news-rich-content h4 {
    margin-top: 28px;
}

.pp-news-rich-content p {
    color: #d0d0d0;
}

.pp-news-action-row {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.pp-news-sidebar-box {
    padding: 24px;
    margin-bottom: 30px;
}

.pp-news-side-item {
    display: flex;
    gap: 14px;
    padding: 14px 0;
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.pp-news-side-item:last-child {
    border-bottom: 0;
}

.pp-news-side-img {
    width: 92px;
    min-width: 92px;
    height: 62px;
    overflow: hidden;
    display: block;
    border: 1px solid rgba(224,136,33,.35);
}

.pp-news-side-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pp-news-side-title {
    color: #fff;
    font-family: "Marcellus SC", serif;
    line-height: 1.25;
}

.pp-news-side-title:hover {
    color: #e08821;
}

.pp-news-category-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.pp-news-category-list li {
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.pp-news-category-list li:last-child {
    border-bottom: 0;
}

.pp-news-category-list a {
    display: block;
    padding: 9px 0;
    color: #ddd;
}

.pp-news-category-list a:hover {
    color: #e08821;
}

.pp-news-badge-update { background: #e08821 !important; }
.pp-news-badge-housing { background: #8e44ad !important; }
.pp-news-badge-pvp { background: #c0392b !important; }
.pp-news-badge-launcher { background: #2980b9 !important; }
.pp-news-badge-event { background: #28a745 !important; }
.pp-news-badge-fix { background: #7f8c8d !important; }

@media (max-width: 767px) {
    .pp-news-grid-content,
    .pp-news-show-content {
        padding: 20px;
    }

    .pp-news-side-img {
        width: 76px;
        min-width: 76px;
        height: 54px;
    }
}
/* NEWS LIST GODLIKE POLISH */
.pp-news-list-card {
    background: rgba(8,8,8,.72);
    border: 1px solid rgba(224,136,33,.28);
    padding: 18px;
    box-shadow: 0 0 28px rgba(0,0,0,.65);
}

.pp-news-list-card .nk-post-img {
    display: block;
    position: relative;
    height: 230px;
    overflow: hidden;
}

.pp-news-list-card .nk-post-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pp-news-list-card .nk-post-title {
    margin-bottom: 8px;
}

.pp-news-list-card .nk-post-date {
    color: #e08821;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin-bottom: 10px;
}

.pp-news-list-card .nk-post-text p {
    color: #cfcfcf;
    margin-bottom: 0;
}

.nk-sidebar .nk-widget {
    background: rgba(8,8,8,.72);
    border: 1px solid rgba(224,136,33,.25);
    padding: 24px;
    margin-bottom: 30px;
    box-shadow: 0 0 28px rgba(0,0,0,.55);
}

.nk-widget-post {
    position: relative;
    min-height: 74px;
    padding-left: 92px;
    margin-bottom: 18px;
}

.nk-widget-post:last-child {
    margin-bottom: 0;
}

.nk-widget-post .nk-post-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 76px;
    height: 58px;
    overflow: hidden;
}

.nk-widget-post .nk-post-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.nk-widget-post .nk-post-title {
    font-size: 15px;
    margin: 0 0 4px;
    line-height: 1.25;
}

.nk-widget-post .nk-post-date {
    color: #999;
    font-size: 12px;
}

.nk-widget-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.nk-widget-tags a {
    display: inline-block;
    padding: 5px 10px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(224,136,33,.25);
    color: #ddd;
    font-size: 12px;
}

.nk-widget-tags a:hover {
    color: #fff;
    border-color: rgba(224,136,33,.65);
}

.nk-widget-categories {
    list-style: none;
    margin: 0;
    padding: 0;
}

.nk-widget-categories li {
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.nk-widget-categories li:last-child {
    border-bottom: 0;
}

.nk-widget-categories a {
    display: block;
    padding: 8px 0;
    color: #ddd;
}

.nk-widget-categories a:hover {
    color: #e08821;
}
/* =========================================================
   HOMEPAGE LEGENDARY POLISH - STATUS / PROGRESS / FAQ
   ========================================================= */

.pp-section-glass {
    position: relative;
    overflow: hidden;
}

.pp-section-glass::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 50% 0%, rgba(224,136,33,.18), transparent 35%),
        linear-gradient(to bottom, rgba(0,0,0,.64), rgba(0,0,0,.88));
    pointer-events: none;
    z-index: 1;
}

.pp-section-glass .container {
    position: relative;
    z-index: 2;
}

.pp-server-status-section,
.pp-server-stats-section,
.pp-faq-section {
    border-top: 1px solid rgba(224,136,33,.24);
    border-bottom: 1px solid rgba(224,136,33,.18);
}

.pp-status-box {
    min-height: 210px;
    background:
        linear-gradient(to bottom, rgba(10,10,10,.82), rgba(0,0,0,.68));
    border: 1px solid rgba(224,136,33,.55);
    box-shadow:
        inset 0 0 35px rgba(224,136,33,.04),
        0 0 38px rgba(0,0,0,.85);
    padding: 36px 20px;
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.pp-status-box:hover {
    transform: translateY(-4px);
    border-color: rgba(224,136,33,.9);
    box-shadow:
        inset 0 0 35px rgba(224,136,33,.08),
        0 0 42px rgba(224,136,33,.18),
        0 0 45px rgba(0,0,0,.9);
}

.pp-status-box .nk-count {
    font-size: 42px;
    line-height: 1;
    color: #fff;
    text-shadow: 0 0 22px rgba(0,0,0,.9);
}

.pp-status-box .nk-counter-title {
    margin-top: 18px;
}

.pp-status-small {
    color: #bfbfbf;
    font-size: 13px;
}

.pp-status-dot {
    width: 12px;
    height: 12px;
    margin: 18px auto 0;
    border-radius: 50%;
}

.pp-status-dot.is-online {
    background: #73ff73;
    box-shadow: 0 0 18px rgba(115,255,115,.9);
}

.pp-status-dot.is-offline {
    background: #ff4545;
    box-shadow: 0 0 18px rgba(255,69,69,.9);
}

.pp-status-line {
    background: rgba(0,0,0,.54);
    border: 1px solid rgba(224,136,33,.26);
    padding: 16px 20px;
    box-shadow: 0 0 24px rgba(0,0,0,.55);
}

.pp-offline {
    color: #ff6767;
    text-shadow: 0 0 12px rgba(255,80,80,.65);
}

/* PROGRESS */
.pp-progress-panel {
    max-width: 920px;
    margin: 0 auto;
    padding: 38px;
    background: rgba(5,5,5,.72);
    border: 1px solid rgba(224,136,33,.42);
    box-shadow:
        0 0 45px rgba(0,0,0,.78),
        inset 0 0 45px rgba(224,136,33,.04);
}

.pp-server-stats-section .nk-progress {
    margin-bottom: 28px;
}

.pp-server-stats-section .nk-progress-title {
    color: #fff;
    font-size: 14px;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.pp-server-stats-section .nk-progress-line {
    height: 8px;
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(224,136,33,.18);
}

.pp-server-stats-section .nk-progress-line > div {
    background: linear-gradient(to right, #e08821, #fff0b0);
    box-shadow: 0 0 16px rgba(224,136,33,.45);
}

/* FAQ */
.pp-faq-panel {
    max-width: 920px;
    margin: 0 auto;
    padding: 32px;
    background: rgba(5,5,5,.76);
    border: 1px solid rgba(224,136,33,.38);
    box-shadow: 0 0 42px rgba(0,0,0,.78);
}

.pp-faq-accordion .nk-accordion-item {
    border-bottom: 1px solid rgba(255,255,255,.08);
    padding: 13px 0;
}

.pp-faq-accordion .nk-accordion-title {
    display: flex;
    justify-content: space-between;
    color: #e08821;
    font-size: 16px;
}

.pp-faq-accordion .nk-accordion-content {
    color: #d5d5d5;
    padding-top: 10px;
}

/* MOBILE SIDE BUTTONS */
@media (max-width: 767px) {
    .nk-side-buttons.nk-side-buttons-visible {
        right: 8px !important;
        bottom: 12px !important;
        transform: scale(.82);
        transform-origin: right bottom;
    }

    .pp-status-box {
        min-height: auto;
        padding: 26px 16px;
    }

    .pp-progress-panel,
    .pp-faq-panel {
        padding: 22px 16px;
    }
}
/* HOMEPAGE SPACING FINAL TUNE */
.pp-server-status-section .nk-gap-5,
.pp-server-stats-section .nk-gap-5,
.pp-faq-section .nk-gap-5 {
    height: 55px !important;
}

.pp-server-status-section .nk-gap-3,
.pp-server-stats-section .nk-gap-3,
.pp-faq-section .nk-gap-3 {
    height: 34px !important;
}

.pp-status-box {
    min-height: 185px !important;
}

.pp-progress-panel,
.pp-faq-panel {
    max-width: 760px !important;
}

.pp-server-stats-section .nk-progress {
    margin-bottom: 8px !important;
}

@media (max-width: 767px) {
    .pp-server-status-section .nk-gap-5,
    .pp-server-stats-section .nk-gap-5,
    .pp-faq-section .nk-gap-5 {
        height: 38px !important;
    }

    .pp-progress-panel,
    .pp-faq-panel {
        max-width: 100% !important;
    }
}
/* FOOTER FIRE STRIP SMALLER */
.pp-site-footer-clean {
    min-height: 92px !important;
    margin: 0 !important;
    padding: 22px 15px 18px !important;
    background: rgba(0,0,0,.42) !important;
}

.pp-footer-clean {
    font-size: 12px !important;
}

/* Scroll top custom visibility */
.nk-scroll-top {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity .2s ease, visibility .2s ease !important;
}

body.pp-show-scroll-top .nk-scroll-top {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

.nk-scroll-top.nk-scroll-top-show,
.nk-scroll-top.show,
.nk-scroll-top.active {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}
/* CENTER TITLE ICONS */
.pp-server-status-section .nk-title-sep-icon,
.pp-server-stats-section .nk-title-sep-icon,
.pp-faq-section .nk-title-sep-icon {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
}

.pp-server-status-section .nk-title-sep-icon::before,
.pp-server-status-section .nk-title-sep-icon::after,
.pp-server-stats-section .nk-title-sep-icon::before,
.pp-server-stats-section .nk-title-sep-icon::after,
.pp-faq-section .nk-title-sep-icon::before,
.pp-faq-section .nk-title-sep-icon::after {
    display: inline-block !important;
}
/* =========================================
   MOBILE FLOAT BUTTONS
   ========================================= */

@media (max-width: 991px) {

    /* celý blok */
    .pp-side-buttons,
    .pp-floating-buttons {
        bottom: 15px !important;
        right: 15px !important;
    }

    /* Discord / Menu */
    .pp-side-buttons .nk-btn,
    .pp-floating-buttons .nk-btn {
        height: 42px !important;
        line-height: 42px !important;
        font-size: 12px !important;
        padding: 0 14px !important;
    }

    /* Volume + Scroll Top */
    .nk-scroll-top,
    .pp-volume-btn {
        width: 42px !important;
        height: 42px !important;
        line-height: 42px !important;
    }
}

@media (max-width: 575px) {

    /* telefony */
    .pp-side-buttons,
    .pp-floating-buttons {
        bottom: 8px !important;
        right: 8px !important;
    }

    .pp-side-buttons .nk-btn,
    .pp-floating-buttons .nk-btn {
        height: 38px !important;
        line-height: 38px !important;
        font-size: 11px !important;
        padding: 0 12px !important;
    }

    .nk-scroll-top,
    .pp-volume-btn {
        width: 38px !important;
        height: 38px !important;
        line-height: 38px !important;
    }
}
.pp-news-video {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    background: #000;
    border: 1px solid rgba(180, 123, 34, 0.7);
    overflow: hidden;
}

.pp-news-video iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.pp-home-news-section .rev-slidebg {
    object-fit: cover !important;
    object-position: center center !important;
}

.pp-news-frame {
    max-width: 980px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.pp-news-caption {
    max-width: 480px !important;
}

body.pp-no-preloader .nk-preloader {
    display: none !important;
}

body.pp-no-preloader .pp-main-content,
body.pp-no-preloader .pp-after-loader {
    opacity: 1 !important;
    visibility: visible !important;
}
body.pp-no-preloader .nk-preloader,
body.pp-no-preloader .nk-preloader-bg,
body.pp-no-preloader .nk-preloader-content {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

body.pp-no-preloader.pp-preloading .pp-main-content,
body.pp-no-preloader .pp-main-content,
body.pp-no-preloader .pp-after-loader {
    opacity: 1 !important;
    visibility: visible !important;
}

body.pp-no-preloader .nk-preloader,
body.pp-no-preloader .nk-preloader-bg,
body.pp-no-preloader .nk-preloader-content {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

body.pp-no-preloader,
body.pp-no-preloader .pp-main-content,
body.pp-no-preloader .pp-after-loader,
body.pp-no-preloader .nk-side-buttons {
    opacity: 1 !important;
    visibility: visible !important;
}

.pp-news-list-card .nk-post-img {
    height: 230px !important;
    background: rgba(0,0,0,.75) !important;
}

.pp-news-list-card .nk-post-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
}

.pp-news-show-image {
    background: rgba(0,0,0,.75) !important;
    max-height: 430px !important;
    text-align: center !important;
}

.pp-news-show-image img {
    width: 100% !important;
    max-height: 430px !important;
    object-fit: contain !important;
    object-position: center center !important;
}

.nk-widget-post .nk-post-image img,
.pp-news-side-img img {
    object-fit: contain !important;
    object-position: center center !important;
    background: #050505 !important;
}
/* NEWS IMAGES - do not stretch logos/small images */
.pp-news-list-card .nk-post-img,
.pp-news-show-image,
.pp-news-side-img,
.nk-widget-post .nk-post-image {
    background: rgba(0,0,0,.86) !important;
}

.pp-news-list-card .nk-post-img img,
.pp-news-show-image img,
.pp-news-side-img img,
.nk-widget-post .nk-post-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
}

.pp-news-list-card .nk-post-img {
    height: 230px !important;
}

.pp-news-show-image {
    height: auto !important;
    max-height: 430px !important;
    overflow: hidden !important;
}

.pp-news-show-image img {
    max-height: 430px !important;
}

/* Homepage slider image: no stretching */
.pp-home-news-section .rev-slidebg {
    object-fit: contain !important;
    object-position: center center !important;
    background-color: #050505 !important;
}

.pp-news-rich-content img {
    max-width: 100% !important;
    height: auto !important;
    max-height: 520px !important;
    object-fit: contain !important;
    background: #050505 !important;
}
.pp-status-hero {
    position: relative;
    padding: 25px 20px;
    border: 1px solid rgba(202, 154, 82, .35);
    background: radial-gradient(circle at center, rgba(202,154,82,.18), rgba(0,0,0,.55) 65%);
    box-shadow: 0 0 35px rgba(0,0,0,.65), inset 0 0 35px rgba(202,154,82,.08);
}

.pp-status-rune {
    width: 74px;
    height: 74px;
    margin: 0 auto 15px;
    border-radius: 50%;
    border: 2px solid rgba(202,154,82,.65);
    box-shadow: 0 0 25px rgba(202,154,82,.35);
    display: flex;
    align-items: center;
    justify-content: center;
}

.pp-status-rune span {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: block;
}

.pp-status-rune.is-online span {
    background: #38ff82;
    box-shadow: 0 0 25px #38ff82;
}

.pp-status-rune.is-offline span {
    background: #ff3b3b;
    box-shadow: 0 0 25px #ff3b3b;
}

.pp-status-main-title {
    font-size: 30px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.pp-status-main-title strong {
    margin-left: 8px;
}

.pp-status-subtitle {
    margin-top: 6px;
    color: rgba(255,255,255,.65);
}

.pp-status-box {
    min-height: 190px;
    padding: 30px 20px;
    border: 1px solid rgba(202,154,82,.32);
    background: linear-gradient(180deg, rgba(25,18,12,.86), rgba(5,5,5,.88));
    box-shadow: 0 0 28px rgba(0,0,0,.55), inset 0 0 20px rgba(202,154,82,.06);
    transition: .25s ease;
}

.pp-status-box:hover {
    transform: translateY(-4px);
    border-color: rgba(255,199,112,.75);
    box-shadow: 0 0 35px rgba(202,154,82,.22), inset 0 0 25px rgba(202,154,82,.09);
}

.pp-status-box-featured {
    border-color: rgba(255,199,112,.65);
}

.pp-status-icon {
    font-size: 34px;
    color: #d7a85d;
    margin-bottom: 12px;
    text-shadow: 0 0 16px rgba(215,168,93,.6);
}

.pp-status-small {
    margin-top: 8px;
    font-size: 13px;
    color: rgba(255,255,255,.58);
}

.pp-online {
    color: #55ff92 !important;
    text-shadow: 0 0 14px rgba(85,255,146,.55);
}

.pp-offline {
    color: #ff5757 !important;
    text-shadow: 0 0 14px rgba(255,87,87,.55);
}

.pp-warning {
    color: #ffbf5b !important;
    text-shadow: 0 0 14px rgba(255,191,91,.55);
}

.pp-status-lines {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.pp-status-line {
    padding: 16px 20px;
    border: 1px solid rgba(202,154,82,.25);
    background: rgba(0,0,0,.45);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pp-status-line span {
    color: rgba(255,255,255,.72);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 13px;
}

.pp-status-line strong {
    font-size: 14px;
    letter-spacing: 1px;
}

@media (max-width: 767px) {
    .pp-status-main-title {
        font-size: 22px;
    }

    .pp-status-lines {
        grid-template-columns: 1fr;
    }
}
.pp-status-value {
    font-family: inherit;
    font-size: 42px;
    line-height: 1.1;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 0 0 12px rgba(255,255,255,.25);
}
.pp-status-box {
    min-height: 160px !important;
    padding: 22px 18px !important;
    border-color: rgba(202,154,82,.28) !important;
    background: rgba(0,0,0,.48) !important;
}

.pp-status-value {
    font-size: 34px !important;
}

.pp-status-icon {
    font-size: 28px !important;
    margin-bottom: 8px !important;
}

.pp-status-lines {
    grid-template-columns: repeat(2, 1fr) !important;
    max-width: 860px;
    margin: 0 auto;
}

.pp-status-line {
    padding: 14px 18px !important;
}

/* ROADMAP */

.pp-roadmap-section {
    position: relative;
    overflow: hidden;
}

.pp-roadmap-section .nk-gap-5 {
    height: 55px;
}

.pp-roadmap-section .nk-gap-3 {
    height: 25px;
}

.pp-roadmap-section .nk-title-sep-icon,
.pp-roadmap-section .nk-title-sep-icon .icon {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.pp-roadmap-subtitle {
    color: rgba(255,255,255,.72);
    font-size: 15px;
    margin-bottom: 0;
}

.pp-roadmap-scroll {
    position: relative;
    display: flex;
    gap: 22px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 48px 8px 24px;
    scroll-snap-type: x mandatory;
    align-items: stretch;
}

.pp-roadmap-scroll::before {
    content: "";
    position: absolute;
    left: 8px;
    right: 8px;
    top: 22px;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(255,199,109,.8), transparent);
    box-shadow: 0 0 18px rgba(255,199,109,.45);
}

.pp-roadmap-scroll::-webkit-scrollbar {
    height: 9px;
}

.pp-roadmap-scroll::-webkit-scrollbar-track {
    background: rgba(0,0,0,.55);
    border: 1px solid rgba(202,154,82,.3);
}

.pp-roadmap-scroll::-webkit-scrollbar-thumb {
    background: linear-gradient(90deg, #8d4b08, #f0b45c, #8d4b08);
    border-radius: 20px;
}

.pp-roadmap-card {
    position: relative;
    flex: 0 0 calc((100% - 66px) / 4);
    min-width: 285px;
    min-height: 405px;
    color: #fff;
    border: 1px solid rgba(202,154,82,.42);
    background: rgba(0,0,0,.78);
    overflow: visible;
    text-decoration: none !important;
    scroll-snap-align: start;
    box-shadow: 0 0 28px rgba(0,0,0,.65);
    transition: .25s ease;
}

.pp-roadmap-card::before {
    content: "";
    position: absolute;
    top: -33px;
    left: 50%;
    width: 15px;
    height: 15px;
    transform: translateX(-50%);
    border-radius: 50%;
    background: #ffc76d;
    border: 2px solid rgba(0,0,0,.95);
    box-shadow: 0 0 20px rgba(255,199,109,.8);
    z-index: 7;
}

.pp-roadmap-card:not(:last-child)::after {
    content: "➜";
    position: absolute;
    top: -43px;
    right: -18px;
    font-size: 24px;
    color: #ffc76d;
    text-shadow: 0 0 16px rgba(255,199,109,.75);
    z-index: 8;
}

.pp-roadmap-card .pp-roadmap-card-overlay {
    display: none;
}

.pp-roadmap-card-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    opacity: .34;
    transform: scale(1.04);
    z-index: 0;
}

.pp-roadmap-card-content {
    position: relative;
    z-index: 2;
    padding: 22px;
    min-height: 405px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.pp-roadmap-card-content::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.92)),
        radial-gradient(circle at top, rgba(230,165,70,.18), transparent 55%);
    z-index: -1;
}

.pp-roadmap-card:hover {
    transform: translateY(-5px);
    border-color: rgba(255,194,92,.92);
    box-shadow: 0 0 32px rgba(202,154,82,.26);
}

.pp-roadmap-status {
    display: inline-block;
    align-self: flex-start;
    padding: 5px 10px;
    margin-bottom: 15px;
    font-size: 10px;
    letter-spacing: 1px;
    border: 1px solid rgba(255,255,255,.25);
    background: rgba(0,0,0,.6);
}

.pp-roadmap-card h3 {
    font-size: 34px;
    margin: 0;
    color: #ffc76d;
    text-shadow: 0 0 18px rgba(255,199,109,.42);
}

.pp-roadmap-card h4 {
    font-size: 21px;
    margin: 7px 0 9px;
}

.pp-roadmap-card p {
    color: rgba(255,255,255,.72);
    font-size: 13px;
}

.pp-roadmap-mini-list {
    list-style: none;
    padding: 0;
    margin: 10px 0 14px;
    font-size: 12px;
}

.pp-roadmap-mini-list li {
    margin-bottom: 5px;
    color: rgba(255,255,255,.76);
}

.pp-roadmap-mini-list li.is-done {
    color: #5dff91;
}

.pp-roadmap-mini-list li.is-progress {
    color: #ffc76d;
}

.pp-roadmap-mini-list li.is-planned {
    color: rgba(255,255,255,.55);
}

.pp-roadmap-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: auto;
    margin-bottom: 14px;
}

.pp-roadmap-tags span {
    font-size: 10px;
    padding: 4px 7px;
    background: rgba(0,0,0,.6);
    border: 1px solid rgba(202,154,82,.34);
}

.pp-roadmap-progress {
    height: 7px;
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(202,154,82,.25);
    overflow: hidden;
}

.pp-roadmap-progress div {
    height: 100%;
    background: linear-gradient(90deg, #b36b1c, #ffd27a);
    box-shadow: 0 0 12px rgba(255,190,90,.5);
}

.pp-roadmap-meta {
    display: flex;
    justify-content: space-between;
    margin-top: 9px;
    font-size: 11px;
    color: rgba(255,255,255,.72);
}

.pp-roadmap-card.is-released,
.pp-roadmap-card.is-released:hover {
    border-color: rgba(93,255,145,.75);
    box-shadow:
        0 0 28px rgba(93,255,145,.16),
        inset 0 0 22px rgba(93,255,145,.06);
}

.pp-roadmap-card.is-released::before {
    background: #5dff91;
    box-shadow: 0 0 22px rgba(93,255,145,.9);
}

.pp-roadmap-card.is-released:not(:last-child)::after {
    color: #5dff91;
    text-shadow: 0 0 16px rgba(93,255,145,.85);
}

.pp-roadmap-card.is-released .pp-roadmap-status {
    color: #5dff91;
    border-color: rgba(93,255,145,.65);
    box-shadow: 0 0 14px rgba(93,255,145,.18);
}

.pp-roadmap-card.is-released h3 {
    color: #9affb8;
    text-shadow: 0 0 18px rgba(93,255,145,.45);
}

.pp-roadmap-card.is-released .pp-roadmap-progress div {
    background: linear-gradient(90deg, #218f4c, #76ff9c);
    box-shadow: 0 0 14px rgba(93,255,145,.6);
}

.pp-roadmap-card.is-development .pp-roadmap-status {
    color: #ffc76d;
    border-color: rgba(255,199,109,.55);
}

.pp-roadmap-card.is-testing .pp-roadmap-status {
    color: #69b7ff;
    border-color: rgba(105,183,255,.55);
}

.pp-roadmap-card.is-planned .pp-roadmap-status {
    color: rgba(255,255,255,.75);
}

.pp-roadmap-card.is-delayed .pp-roadmap-status {
    color: #ff6969;
    border-color: rgba(255,105,105,.55);
}

@media (max-width: 1199px) {
    .pp-roadmap-card {
        flex-basis: calc((100% - 44px) / 3);
    }
}

@media (max-width: 991px) {
    .pp-roadmap-card {
        flex-basis: calc((100% - 22px) / 2);
    }
}

@media (max-width: 767px) {
    .pp-roadmap-section .nk-gap-5 {
        height: 40px;
    }

    .pp-roadmap-scroll {
        gap: 18px;
        padding: 42px 8px 22px;
    }

    .pp-roadmap-card {
        flex: 0 0 275px;
        min-height: 370px;
    }

    .pp-roadmap-card-content {
        min-height: 370px;
        padding: 20px;
    }

    .pp-roadmap-card h3 {
        font-size: 30px;
    }

    .pp-roadmap-card h4 {
        font-size: 19px;
    }

    .pp-roadmap-card:not(:last-child)::after {
        right: -15px;
        font-size: 20px;
    }
}
.pp-roadmap-slider-wrap {
    position: relative;
}

.pp-roadmap-nav {
    position: absolute;
    top: 50%;
    width: 46px;
    height: 46px;
    transform: translateY(-50%);
    z-index: 20;
    border: 1px solid rgba(255,199,109,.65);
    background: rgba(0,0,0,.72);
    color: #ffc76d;
    cursor: pointer;
    box-shadow: 0 0 22px rgba(0,0,0,.75);
    transition: .22s ease;
}

.pp-roadmap-nav:hover {
    background: rgba(255,199,109,.18);
    border-color: rgba(255,199,109,1);
    color: #fff;
    box-shadow: 0 0 22px rgba(255,199,109,.35);
}

.pp-roadmap-prev {
    left: -58px;
}

.pp-roadmap-next {
    right: -58px;
}

.pp-roadmap-nav span {
    font-size: 22px;
    line-height: 44px;
}

.pp-roadmap-scroll {
    scroll-behavior: smooth;
}

@media (max-width: 1199px) {
    .pp-roadmap-prev {
        left: 8px;
    }

    .pp-roadmap-next {
        right: 8px;
    }

    .pp-roadmap-nav {
        background: rgba(0,0,0,.82);
    }
}

@media (max-width: 767px) {
    .pp-roadmap-nav {
        width: 40px;
        height: 40px;
        top: 48%;
    }

    .pp-roadmap-nav span {
        font-size: 19px;
        line-height: 38px;
    }

    .pp-roadmap-prev {
        left: 6px;
    }

    .pp-roadmap-next {
        right: 6px;
    }
}
/* =========================================================
   ROADMAP RESPONSIVE FINAL FIX
   ========================================================= */

@media (max-width: 1199px) {
    .pp-roadmap-scroll {
        gap: 18px !important;
        padding-left: 54px !important;
        padding-right: 54px !important;
    }

    .pp-roadmap-card {
        flex: 0 0 calc((100% - 18px) / 2) !important;
        min-width: 0 !important;
    }

    .pp-roadmap-prev {
        left: 10px !important;
    }

    .pp-roadmap-next {
        right: 10px !important;
    }
}

@media (max-width: 767px) {
    .pp-roadmap-section .nk-gap-5 {
        height: 34px !important;
    }

    .pp-roadmap-section .nk-gap-3 {
        height: 18px !important;
    }

    .pp-roadmap-subtitle {
        font-size: 13px !important;
        padding: 0 18px !important;
    }

    .pp-roadmap-scroll {
        gap: 14px !important;
        padding: 42px 48px 22px !important;
        scroll-padding-left: 48px !important;
    }

    .pp-roadmap-card {
        flex: 0 0 calc(100vw - 96px) !important;
        min-width: 0 !important;
        min-height: 355px !important;
    }

    .pp-roadmap-card-content {
        min-height: 355px !important;
        padding: 18px !important;
    }

    .pp-roadmap-card h3 {
        font-size: 28px !important;
    }

    .pp-roadmap-card h4 {
        font-size: 18px !important;
        line-height: 1.15 !important;
    }

    .pp-roadmap-card p {
        font-size: 12px !important;
        line-height: 1.35 !important;
        max-height: 36px !important;
        overflow: hidden !important;
    }

    .pp-roadmap-tags {
        gap: 4px !important;
        margin-bottom: 12px !important;
    }

    .pp-roadmap-tags span {
        font-size: 9px !important;
        padding: 3px 6px !important;
    }

    .pp-roadmap-meta {
        font-size: 10px !important;
    }

    .pp-roadmap-card:not(:last-child)::after {
        display: none !important;
    }

    .pp-roadmap-nav {
        width: 38px !important;
        height: 46px !important;
        top: 54% !important;
        background: rgba(0,0,0,.9) !important;
    }

    .pp-roadmap-nav span {
        line-height: 44px !important;
    }

    .pp-roadmap-prev {
        left: 6px !important;
    }

    .pp-roadmap-next {
        right: 6px !important;
    }
}

@media (max-width: 420px) {
    .pp-roadmap-scroll {
        padding-left: 42px !important;
        padding-right: 42px !important;
        scroll-padding-left: 42px !important;
    }

    .pp-roadmap-card {
        flex-basis: calc(100vw - 84px) !important;
    }
}
/* =========================================================
   ROADMAP SHOW - GODLIKE SINGLE POST DESIGN
   ========================================================= */

.pp-roadmap-show {
    position: relative;
}

.pp-roadmap-show-header .nk-title {
    text-shadow: 0 0 35px rgba(0,0,0,.95);
}

.pp-roadmap-show-status {
    display: inline-block;
    margin-bottom: 18px;
    padding: 7px 14px;
    background: rgba(0,0,0,.68);
    border: 1px solid rgba(255,199,109,.62);
    color: #ffc76d;
    font-size: 12px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.pp-roadmap-show-subtitle {
    max-width: 760px;
    color: rgba(255,255,255,.78);
    font-size: 18px;
    line-height: 1.5;
}

.pp-roadmap-show-meta table {
    width: 100%;
    color: rgba(255,255,255,.78);
}

.pp-roadmap-show-meta table td {
    padding: 5px 0;
}

.pp-roadmap-post {
    background: rgba(8,8,8,.72);
    border: 1px solid rgba(224,136,33,.28);
    box-shadow:
        0 0 38px rgba(0,0,0,.75),
        inset 0 0 35px rgba(224,136,33,.04);
}

.pp-roadmap-show-image {
    max-height: 430px;
    object-fit: cover;
    object-position: center center;
}

.pp-roadmap-show-content {
    padding: 34px;
}

.pp-roadmap-show-content h2 {
    margin-top: 0;
    margin-bottom: 18px;
}

.pp-roadmap-show-content p {
    color: rgba(255,255,255,.76);
    line-height: 1.75;
}

.pp-roadmap-show-progress {
    padding: 22px;
    background: rgba(0,0,0,.42);
    border: 1px solid rgba(224,136,33,.25);
}

.pp-roadmap-show-progress-head {
    display: flex;
    justify-content: space-between;
    margin-bottom: 11px;
    color: rgba(255,255,255,.82);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 13px;
}

.pp-roadmap-show-progress-head strong {
    color: #ffc76d;
}

.pp-roadmap-show-progress-line {
    height: 10px;
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(224,136,33,.25);
    overflow: hidden;
}

.pp-roadmap-show-progress-line div {
    height: 100%;
    background: linear-gradient(90deg, #b36b1c, #ffd27a);
    box-shadow: 0 0 16px rgba(255,190,90,.52);
}

.pp-roadmap-quote {
    background: rgba(0,0,0,.25);
}

.pp-roadmap-show-milestones {
    display: grid;
    gap: 14px;
}

.pp-roadmap-show-milestone {
    display: grid;
    grid-template-columns: 42px 1fr auto;
    gap: 15px;
    align-items: center;
    padding: 15px;
    background: rgba(255,255,255,.035);
    border: 1px solid rgba(255,255,255,.08);
}

.pp-roadmap-show-milestone-icon {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,.72);
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 50%;
}

.pp-roadmap-show-milestone h4 {
    margin: 0 0 4px;
    font-size: 18px;
}

.pp-roadmap-show-milestone p {
    margin: 0;
    font-size: 13px;
    color: rgba(255,255,255,.58);
}

.pp-roadmap-show-milestone strong {
    font-size: 11px;
    letter-spacing: 1px;
    color: rgba(255,255,255,.55);
}

.pp-roadmap-show-milestone.is-done {
    border-color: rgba(93,255,145,.34);
}

.pp-roadmap-show-milestone.is-done .pp-roadmap-show-milestone-icon {
    background: linear-gradient(90deg, #218f4c, #76ff9c);
    color: #071b0d;
    box-shadow: 0 0 14px rgba(93,255,145,.42);
}

.pp-roadmap-show-milestone.is-done strong {
    color: #5dff91;
}

.pp-roadmap-show-milestone.is-progress {
    border-color: rgba(255,199,109,.32);
}

.pp-roadmap-show-milestone.is-progress .pp-roadmap-show-milestone-icon,
.pp-roadmap-show-milestone.is-progress strong {
    color: #ffc76d;
}

.pp-roadmap-show-tags {
    margin-top: 28px;
}

.pp-roadmap-show-sidebar .nk-widget {
    background: rgba(8,8,8,.72);
    border: 1px solid rgba(224,136,33,.25);
    padding: 24px;
    margin-bottom: 30px;
    box-shadow: 0 0 28px rgba(0,0,0,.55);
}

.pp-roadmap-side-row {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    padding: 12px 0;
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.pp-roadmap-side-row:first-of-type {
    padding-top: 0;
}

.pp-roadmap-side-row:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.pp-roadmap-side-row span {
    color: rgba(255,255,255,.62);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
}

.pp-roadmap-side-row strong {
    color: #ffc76d;
    text-align: right;
}

.pp-roadmap-show.is-released .pp-roadmap-show-status,
.pp-roadmap-show.is-released .pp-roadmap-side-row strong {
    color: #5dff91;
    border-color: rgba(93,255,145,.56);
}

.pp-roadmap-show.is-released .pp-roadmap-post,
.pp-roadmap-show.is-released .pp-roadmap-show-sidebar .nk-widget {
    border-color: rgba(93,255,145,.25);
}

.pp-roadmap-show.is-released .pp-roadmap-show-progress-line div {
    background: linear-gradient(90deg, #218f4c, #76ff9c);
    box-shadow: 0 0 16px rgba(93,255,145,.52);
}

.pp-roadmap-show.is-testing .pp-roadmap-show-status,
.pp-roadmap-show.is-testing .pp-roadmap-side-row strong {
    color: #69b7ff;
    border-color: rgba(105,183,255,.55);
}

.pp-roadmap-show.is-delayed .pp-roadmap-show-status,
.pp-roadmap-show.is-delayed .pp-roadmap-side-row strong {
    color: #ff6969;
    border-color: rgba(255,105,105,.55);
}

@media (max-width: 991px) {
    .pp-roadmap-show-subtitle {
        font-size: 16px;
    }

    .pp-roadmap-show-content {
        padding: 26px;
    }

    .pp-roadmap-show-image {
        max-height: 360px;
    }
}

@media (max-width: 767px) {
    .pp-roadmap-show-header .nk-title {
        font-size: 34px;
        line-height: 1.15;
    }

    .pp-roadmap-show-status {
        font-size: 10px;
        padding: 6px 10px;
    }

    .pp-roadmap-show-subtitle {
        font-size: 14px;
    }

    .pp-roadmap-show-content {
        padding: 20px;
    }

    .pp-roadmap-show-image {
        max-height: 260px;
    }

    .pp-roadmap-show-milestone {
        grid-template-columns: 34px 1fr;
        gap: 12px;
    }

    .pp-roadmap-show-milestone strong {
        grid-column: 2;
    }

    .pp-roadmap-show-milestone h4 {
        font-size: 16px;
    }

    .pp-roadmap-side-row {
        flex-direction: column;
        gap: 3px;
    }

    .pp-roadmap-side-row strong {
        text-align: left;
    }
}

/* =========================================================
   ROADMAP ADMIN CMS - BLIZZARD STYLE
   ========================================================= */

.pp-roadmap-cms {
    position: relative;
    z-index: 2;
}

.pp-cms-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 18px;
}

.pp-cms-kicker {
    color: #e08821;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 12px;
    margin-bottom: 6px;
}

.pp-cms-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 370px;
    gap: 28px;
    align-items: start;
}

.pp-cms-card {
    background:
        linear-gradient(180deg, rgba(12,12,12,.82), rgba(0,0,0,.72));
    border: 1px solid rgba(224,136,33,.32);
    padding: 24px;
    box-shadow:
        0 0 34px rgba(0,0,0,.7),
        inset 0 0 32px rgba(224,136,33,.045);
}

.pp-cms-card-title {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #ffc76d;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    font-size: 13px;
    margin-bottom: 20px;
}

.pp-roadmap-cms label {
    color: #ddd;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.pp-roadmap-cms .form-control {
    background: rgba(255,255,255,.92);
    color: #111;
    border-radius: 0;
    border: 1px solid rgba(224,136,33,.55);
}

.pp-roadmap-cms textarea.form-control {
    resize: vertical;
}

.pp-cms-preview {
    position: sticky;
    top: 105px;
    min-height: 430px;
    background-size: cover;
    background-position: center;
    border: 1px solid rgba(224,136,33,.45);
    box-shadow: 0 0 36px rgba(0,0,0,.75);
    overflow: hidden;
}

.pp-cms-preview-overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.92)),
        radial-gradient(circle at top, rgba(230,165,70,.22), transparent 55%);
}

.pp-cms-preview-content {
    position: relative;
    z-index: 2;
    min-height: 430px;
    padding: 28px;
    display: flex;
    flex-direction: column;
}

.pp-cms-preview-status {
    align-self: flex-start;
    padding: 6px 11px;
    margin-bottom: 18px;
    font-size: 11px;
    letter-spacing: 1px;
    background: rgba(0,0,0,.72);
    border: 1px solid rgba(255,199,109,.55);
    color: #ffc76d;
}

.pp-cms-preview h2 {
    margin: 0;
    color: #ffc76d;
    font-size: 42px;
    text-shadow: 0 0 18px rgba(255,199,109,.42);
}

.pp-cms-preview h3 {
    font-size: 25px;
    margin: 8px 0 10px;
}

.pp-cms-preview p {
    color: rgba(255,255,255,.72);
    font-size: 13px;
}

.pp-cms-preview-progress {
    margin-top: auto;
    height: 8px;
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(224,136,33,.25);
    overflow: hidden;
}

.pp-cms-preview-progress div {
    height: 100%;
    background: linear-gradient(90deg, #b36b1c, #ffd27a);
    box-shadow: 0 0 12px rgba(255,190,90,.5);
}

.pp-cms-preview-meta {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    color: rgba(255,255,255,.72);
    font-size: 12px;
}

.pp-cms-range {
    width: 100%;
}

.pp-cms-range-value {
    color: #ffc76d;
    font-size: 22px;
    margin-top: 6px;
}

.pp-cms-check {
    display: flex;
    gap: 9px;
    align-items: center;
    color: #ddd;
}

.pp-cms-help {
    margin-top: 10px;
    color: rgba(255,255,255,.55);
    font-size: 12px;
}

.pp-cms-category-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.pp-cms-category {
    cursor: pointer;
}

.pp-cms-category input {
    display: none;
}

.pp-cms-category span {
    display: inline-block;
    padding: 7px 10px;
    color: #ddd;
    background: rgba(0,0,0,.55);
    border: 1px solid rgba(224,136,33,.25);
}

.pp-cms-category input:checked + span {
    color: #fff;
    border-color: rgba(255,199,109,.85);
    box-shadow: 0 0 14px rgba(224,136,33,.22);
}

.pp-cms-milestone-list {
    display: grid;
    gap: 14px;
    margin-bottom: 18px;
}

.pp-cms-milestone {
    padding: 16px;
    background: rgba(255,255,255,.035);
    border: 1px solid rgba(255,255,255,.08);
}

.pp-cms-milestone-top {
    display: grid;
    grid-template-columns: 36px 1fr 34px;
    gap: 12px;
    align-items: start;
    margin-bottom: 12px;
}

.pp-cms-drag {
    display: grid;
    gap: 6px;
}

.pp-cms-drag button,
.pp-cms-remove {
    width: 32px;
    height: 32px;
    border: 1px solid rgba(224,136,33,.38);
    background: rgba(0,0,0,.65);
    color: #ffc76d;
    cursor: pointer;
}

.pp-cms-remove {
    color: #ff6969;
    font-size: 24px;
    line-height: 26px;
}

.pp-cms-milestone-fields {
    display: grid;
    grid-template-columns: 1fr 170px;
    gap: 12px;
}

@media (max-width: 1199px) {
    .pp-cms-grid {
        grid-template-columns: 1fr;
    }

    .pp-cms-preview {
        position: relative;
        top: auto;
        max-width: 520px;
        margin: 0 auto;
    }
}

@media (max-width: 767px) {
    .pp-cms-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .pp-cms-card {
        padding: 18px;
    }

    .pp-cms-preview {
        min-height: 360px;
    }

    .pp-cms-preview-content {
        min-height: 360px;
        padding: 22px;
    }

    .pp-cms-preview h2 {
        font-size: 34px;
    }

    .pp-cms-preview h3 {
        font-size: 21px;
    }

    .pp-cms-milestone-top {
        grid-template-columns: 30px 1fr 30px;
        gap: 8px;
    }

    .pp-cms-milestone-fields {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .pp-cms-drag button,
    .pp-cms-remove {
        width: 28px;
        height: 28px;
    }
}
.pp-roadmap-show-content img,
.pp-roadmap-milestone-rich img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 18px auto;
    border: 1px solid rgba(224,136,33,.35);
    box-shadow: 0 0 24px rgba(0,0,0,.65);
}

.pp-roadmap-milestone-rich {
    color: rgba(255,255,255,.68);
    font-size: 13px;
    line-height: 1.55;
}

.pp-roadmap-milestone-rich p {
    margin-bottom: 8px;
}
/* =========================================
   PROJECT PSYCHO FAQ - RIOT STYLE
   ========================================= */

.pp-faq-subtitle {
    max-width: 680px;
    margin: 18px auto 0;
    color: rgba(255,255,255,.72);
    font-size: 15px;
}

.pp-faq-panel {
    max-width: 920px !important;
    margin: 0 auto;
    padding: 0 34px;
    background:
        linear-gradient(to bottom, rgba(5,5,5,.82), rgba(0,0,0,.72));
    border: 1px solid rgba(224,136,33,.34);
    box-shadow:
        0 0 42px rgba(0,0,0,.78),
        inset 0 0 40px rgba(224,136,33,.035);
}

.pp-faq-list {
    border-top: 1px solid rgba(255,255,255,.16);
}

.pp-faq-item {
    border-bottom: 1px solid rgba(255,255,255,.11);
}

.pp-faq-title {
    width: 100%;
    min-height: 88px;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    cursor: pointer;
    text-align: left;
}

.pp-faq-question {
    font-size: 17px;
    font-weight: 700;
    line-height: 1.45;
    color: #f1f1f1;
    transition: color .22s ease;
}

.pp-faq-title:hover .pp-faq-question,
.pp-faq-item.is-open .pp-faq-question {
    color: #e08821;
}

.pp-faq-plus {
    position: relative;
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
}

.pp-faq-plus::before,
.pp-faq-plus::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 18px;
    height: 2px;
    background: #fff;
    transform: translate(-50%, -50%);
    transition: transform .22s ease, background .22s ease;
}

.pp-faq-plus::after {
    transform: translate(-50%, -50%) rotate(90deg);
}

.pp-faq-item.is-open .pp-faq-plus::before,
.pp-faq-item.is-open .pp-faq-plus::after,
.pp-faq-title:hover .pp-faq-plus::before,
.pp-faq-title:hover .pp-faq-plus::after {
    background: #e08821;
}

.pp-faq-item.is-open .pp-faq-plus::after {
    transform: translate(-50%, -50%) rotate(0deg);
}

.pp-faq-content {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition:
        max-height .34s ease,
        opacity .22s ease;
}

.pp-faq-item.is-open .pp-faq-content {
    opacity: 1;
}

.pp-faq-content-inner {
    padding: 0 52px 30px 0;
}

.pp-faq-content-inner p {
    margin: 0 0 18px;
    color: rgba(255,255,255,.78);
    font-size: 16px;
    line-height: 1.75;
}

@media (max-width: 767px) {
    .pp-faq-panel {
        padding: 0 18px;
    }

    .pp-faq-title {
        min-height: 76px;
        gap: 16px;
    }

    .pp-faq-question {
        font-size: 15px;
    }

    .pp-faq-content-inner {
        padding: 0 34px 24px 0;
    }

    .pp-faq-content-inner p {
        font-size: 14px;
    }
}
/* Language */

.pp-lang-switch img{
    width:18px;
    height:12px;
    object-fit:cover;
    border-radius:2px;
    vertical-align:middle;
}

.pp-lang-switch .dropdown{
    min-width:170px;
}

.pp-lang-switch .dropdown a{
    display:flex;
    align-items:center;
    gap:10px;
}

.pp-lang-switch .dropdown img{
    width:18px;
    height:12px;
}
html.pp-no-preloader #pp-site-preloader,
html.pp-no-preloader .nk-preloader,
html.pp-no-preloader .nk-page-preloader {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}
.pp-maintenance-banner {
    position: relative;
    z-index: 10020;
    width: 100%;
    padding: 10px 18px;
    text-align: center;
    background: linear-gradient(90deg, #120800, #e08821, #120800);
    color: #fff;
    border-bottom: 1px solid rgba(255,255,255,.18);
    box-shadow: 0 0 24px rgba(224,136,33,.45);
    font-weight: 700;
}

.pp-maintenance-banner strong {
    margin-right: 10px;
    color: #fff3c4;
    text-transform: uppercase;
}

.pp-maintenance-count {
    margin-left: 14px;
    color: #fff3c4;
}

@media (max-width: 767px) {
    .pp-maintenance-banner {
        font-size: 12px;
        line-height: 1.5;
        padding: 8px 12px;
    }

    .pp-maintenance-banner strong,
    .pp-maintenance-count {
        display: block;
        margin: 2px 0;
    }
}
.pp-sale-banner {
    background: linear-gradient(90deg, #050505, #7a1200, #e08821, #7a1200, #050505);
    box-shadow: 0 0 28px rgba(224,136,33,.55);
}
.pp-news-list-card,
.pp-news-show-card,
.pp-news-sidebar-box {
    background: linear-gradient(to bottom, rgba(8, 8, 8, .88), rgba(0, 0, 0, .76));
    border: 1px solid rgba(224, 136, 33, .26);
    box-shadow: 0 0 32px rgba(0,0,0,.65);
}

.pp-news-list-card {
    height: 100%;
    padding: 18px;
}

.pp-news-list-card .nk-post-img {
    position: relative;
    display: block;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.10);
}

.pp-news-list-card .nk-post-img img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    transition: transform .35s ease, opacity .35s ease;
}

.pp-news-list-card:hover .nk-post-img img {
    transform: scale(1.05);
    opacity: .88;
}

.pp-news-type-badge,
.pp-news-show-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 26px;
    padding: 4px 12px;
    background: rgba(224,136,33,.92);
    color: #0b0500;
    font-weight: 800;
    font-size: 11px;
    letter-spacing: .08em;
    text-transform: uppercase;
    box-shadow: 0 0 16px rgba(224,136,33,.55);
}

.pp-news-type-badge {
    position: absolute;
    top: 12px;
    left: 12px;
}

.pp-news-list-card .nk-post-title a,
.pp-news-side-title {
    color: #fff;
}

.pp-news-list-card .nk-post-title a:hover,
.pp-news-side-title:hover {
    color: #e08821;
}

.pp-news-list-card .nk-post-text {
    color: rgba(255,255,255,.72);
    min-height: 76px;
}

.pp-news-sidebar-box {
    padding: 24px;
    margin-bottom: 28px;
}

.pp-news-search-box .form-control {
    background: rgba(0,0,0,.55);
    border-color: rgba(255,255,255,.15);
    color: #fff;
}

.pp-news-category-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.pp-news-category-list li {
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.pp-news-category-list a {
    display: block;
    padding: 10px 0;
    color: rgba(255,255,255,.78);
}

.pp-news-category-list li.active a,
.pp-news-category-list a:hover {
    color: #e08821;
    text-shadow: 0 0 10px rgba(224,136,33,.55);
}

.pp-news-side-item {
    display: flex;
    gap: 14px;
    margin-bottom: 18px;
}

.pp-news-side-img img {
    width: 82px;
    height: 58px;
    object-fit: cover;
    border: 1px solid rgba(255,255,255,.12);
}

.pp-news-side-date {
    font-size: 12px;
    color: rgba(255,255,255,.55);
}

.pp-news-show-card {
    padding: 24px;
}

.pp-news-show-image img {
    width: 100%;
    max-height: 460px;
    object-fit: cover;
    border: 1px solid rgba(255,255,255,.12);
}

.pp-news-rich-content {
    color: rgba(255,255,255,.82);
    font-size: 16px;
    line-height: 1.85;
}

.pp-news-rich-content img {
    max-width: 100%;
    height: auto;
    border: 1px solid rgba(255,255,255,.12);
    margin: 18px 0;
}

.pp-news-video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    border: 1px solid rgba(224,136,33,.28);
}

.pp-news-video iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

@media (max-width: 991px) {
    .pp-news-list-card .nk-post-img img {
        height: 190px;
    }

    .pp-news-sidebar {
        margin-top: 30px;
    }
}

@media (max-width: 575px) {
    .pp-news-list-card,
    .pp-news-show-card,
    .pp-news-sidebar-box {
        padding: 16px;
    }

    .pp-news-list-card .nk-post-img img {
        height: 170px;
    }

    .pp-news-rich-content {
        font-size: 15px;
    }
}
.pp-psychobot-toggle {
    display: inline-flex !important;
    align-items: center;
    gap: 10px;
}

.pp-psychobot-toggle img {
    width: 34px;
    height: 34px;
    object-fit: contain;
    filter: drop-shadow(0 0 10px rgba(224,136,33,.8));
}

.pp-psychobot-panel {
    position: fixed;
    right: 28px;
    bottom: 100px;
    width: 420px;
    max-width: calc(100vw - 24px);
    background: linear-gradient(to bottom, rgba(13,8,4,.96), rgba(0,0,0,.94));
    border: 1px solid rgba(224,136,33,.55);
    box-shadow: 0 0 45px rgba(0,0,0,.85), 0 0 28px rgba(224,136,33,.28);
    z-index: 10050;
    display: none;
}

.pp-psychobot-panel.is-open {
    display: block;
}

.pp-psychobot-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 16px;
    border-bottom: 1px solid rgba(224,136,33,.35);
}

.pp-psychobot-title {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff3c4;
    font-weight: 800;
    font-size: 20px;
}

.pp-psychobot-title img {
    width: 42px;
    height: 42px;
    object-fit: contain;
}

.pp-psychobot-close {
    border: 0;
    background: transparent;
    color: #fff;
    font-size: 30px;
    cursor: pointer;
}

.pp-psychobot-close:hover {
    color: #e08821;
}

.pp-psychobot-body {
    padding: 18px;
}

.pp-psychobot-intro {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    margin-bottom: 18px;
}

.pp-psychobot-intro img {
    width: 78px;
    height: 78px;
    object-fit: contain;
}

.pp-psychobot-intro p {
    color: rgba(255,255,255,.82);
    line-height: 1.6;
    margin: 0;
}

.pp-psychobot-actions {
    display: grid;
    gap: 10px;
}

.pp-psychobot-action {
    display: block;
    padding: 11px 13px;
    border: 1px solid rgba(224,136,33,.35);
    color: #fff;
    background: rgba(0,0,0,.35);
    text-decoration: none !important;
}

.pp-psychobot-action:hover {
    color: #e08821;
    border-color: rgba(224,136,33,.75);
    box-shadow: inset 0 0 18px rgba(224,136,33,.08);
}

.pp-psychobot-answer {
    margin-top: 16px;
    color: rgba(255,255,255,.82);
    line-height: 1.6;
}

@media (max-width: 767px) {
    .pp-psychobot-panel {
        right: 12px;
        left: 12px;
        bottom: 86px;
        width: auto;
    }

    .pp-psychobot-intro img {
        width: 58px;
        height: 58px;
    }
}
.pp-psychobot-toggle-head {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 74px;
    height: 74px;
    border-radius: 50%;
    border: 1px solid rgba(224,136,33,.75);
    background: radial-gradient(circle, rgba(224,136,33,.22), rgba(0,0,0,.88));
    box-shadow: 0 0 26px rgba(224,136,33,.55);
}

.pp-psychobot-toggle-head img {
    width: 86px;
    height: 86px;
    object-fit: contain;
    filter: drop-shadow(0 0 14px rgba(224,136,33,.9));
}

.pp-psychobot-panel {
    position: fixed;
    right: 28px;
    bottom: 112px;
    width: 460px;
    max-width: calc(100vw - 24px);
    background: linear-gradient(to bottom, rgba(13,8,4,.97), rgba(0,0,0,.95));
    border: 1px solid rgba(224,136,33,.58);
    box-shadow: 0 0 45px rgba(0,0,0,.85), 0 0 28px rgba(224,136,33,.32);
    z-index: 10050;
    display: none;
}

.pp-psychobot-panel.is-open {
    display: block;
}

.pp-psychobot-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 16px;
    border-bottom: 1px solid rgba(224,136,33,.35);
}

.pp-psychobot-title {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff3c4;
    font-weight: 800;
    font-size: 20px;
}

.pp-psychobot-title img {
    width: 46px;
    height: 46px;
    object-fit: contain;
}

.pp-psychobot-close {
    border: 0;
    background: transparent;
    color: #fff;
    font-size: 30px;
    cursor: pointer;
}

.pp-psychobot-body {
    padding: 18px;
}

.pp-psychobot-intro {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    margin-bottom: 16px;
}

.pp-psychobot-intro img {
    width: 82px;
    height: 82px;
    object-fit: contain;
}

.pp-psychobot-intro p {
    color: rgba(255,255,255,.82);
    line-height: 1.6;
    margin: 0;
}

.pp-psychobot-actions {
    display: grid;
    gap: 10px;
    margin-bottom: 14px;
}

.pp-psychobot-action {
    display: block;
    padding: 11px 13px;
    border: 1px solid rgba(224,136,33,.35);
    color: #fff;
    background: rgba(0,0,0,.35);
    text-decoration: none !important;
}

.pp-psychobot-action:hover {
    color: #e08821;
    border-color: rgba(224,136,33,.75);
}

.pp-psychobot-chat {
    height: 180px;
    overflow-y: auto;
    padding: 12px;
    border: 1px solid rgba(224,136,33,.24);
    background: rgba(0,0,0,.38);
    margin-bottom: 12px;
}

.pp-psychobot-message {
    max-width: 88%;
    padding: 9px 11px;
    margin-bottom: 9px;
    line-height: 1.45;
    font-size: 14px;
}

.pp-psychobot-message.bot {
    color: #fff3c4;
    background: rgba(224,136,33,.12);
    border: 1px solid rgba(224,136,33,.25);
}

.pp-psychobot-message.user {
    margin-left: auto;
    color: #fff;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.14);
}

.pp-psychobot-login-note {
    padding: 12px;
    margin-bottom: 12px;
    background: rgba(224,136,33,.13);
    border: 1px solid rgba(224,136,33,.32);
    color: #fff3c4;
}

.pp-psychobot-login-note button {
    margin-top: 10px;
}

.pp-psychobot-form {
    display: flex;
    gap: 8px;
}

.pp-psychobot-form input {
    flex: 1;
    background: rgba(0,0,0,.58);
    border: 1px solid rgba(255,255,255,.15);
    color: #fff;
    padding: 11px 12px;
}

.pp-psychobot-form button {
    border: 1px solid rgba(224,136,33,.65);
    background: rgba(224,136,33,.18);
    color: #fff3c4;
    padding: 0 14px;
    font-weight: 700;
}

.pp-psychobot-form input:disabled,
.pp-psychobot-form button:disabled {
    opacity: .45;
    cursor: not-allowed;
}

@media (max-width: 767px) {
    .pp-psychobot-panel {
        right: 12px;
        left: 12px;
        bottom: 96px;
        width: auto;
    }

    .pp-psychobot-toggle-head {
        width: 62px;
        height: 62px;
    }

    .pp-psychobot-toggle-head img {
        width: 74px;
        height: 74px;
    }

    .pp-psychobot-chat {
        height: 210px;
    }
}
.pp-psychobot-mini-login {
    display: grid;
    gap: 8px;
    margin-top: 12px;
}

.pp-psychobot-mini-login input {
    width: 100%;
    background: rgba(0,0,0,.58);
    border: 1px solid rgba(255,255,255,.16);
    color: #fff;
    padding: 10px 12px;
}

.pp-psychobot-mini-login input::placeholder {
    color: rgba(255,255,255,.55);
}

.pp-psychobot-login-error {
    min-height: 18px;
    color: #ffb3a6;
    font-size: 13px;
    line-height: 1.4;
}
.pp-psychobot-panel {
    width: 390px !important;
    max-height: calc(100vh - 145px);
    overflow-y: auto;
}

.pp-psychobot-actions {
    gap: 7px;
}

.pp-psychobot-action {
    padding: 9px 12px;
}

.pp-psychobot-chat {
    height: 130px;
}

.pp-psychobot-login-note {
    padding: 12px;
}

@media (max-width: 767px) {
    .pp-psychobot-panel {
        left: 10px !important;
        right: 10px !important;
        bottom: 84px !important;
        width: auto !important;
        max-height: calc(100vh - 105px);
    }
}
.pp-psychobot-toggle-head {
    position: relative;
}

.pp-psychobot-badge {
    position: absolute;
    top: -4px;
    right: -4px;
    min-width: 22px;
    height: 22px;
    padding: 0 6px;
    border-radius: 999px;
    background: #e08821;
    color: #090400;
    font-weight: 900;
    font-size: 13px;
    line-height: 22px;
    text-align: center;
    box-shadow: 0 0 14px rgba(224,136,33,.9);
    animation: ppBotPulse 1s infinite;
}

@keyframes ppBotPulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.18); }
}

.pp-psychobot-actions.is-hidden {
    display: none !important;
}
/* PsychoBot chat mode */
.pp-psychobot-panel.is-chat-mode .pp-psychobot-intro {
    display: none !important;
}

.pp-psychobot-panel.is-chat-mode .pp-psychobot-body {
    display: flex;
    flex-direction: column;
    height: 520px;
    max-height: calc(100vh - 170px);
}

.pp-psychobot-panel.is-chat-mode .pp-psychobot-chat {
    flex: 1 1 auto;
    height: auto !important;
    min-height: 310px;
    margin-bottom: 12px;
}

.pp-psychobot-panel.is-chat-mode .pp-psychobot-form {
    flex: 0 0 auto;
}

@media (max-width: 767px) {
    .pp-psychobot-panel.is-chat-mode .pp-psychobot-body {
        height: calc(100vh - 190px);
        max-height: calc(100vh - 190px);
    }

    .pp-psychobot-panel.is-chat-mode .pp-psychobot-chat {
        min-height: 260px;
    }
}
.pp-psychobot-message a.pp-bot-link {
    color: #e08821;
    text-decoration: underline;
    word-break: break-all;
}
.pp-psychobot-action-row {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin: 8px 0 12px;
}

.pp-psychobot-mini-action {
    display: inline-flex;
    padding: 7px 10px;
    border: 1px solid rgba(224,136,33,.45);
    background: rgba(224,136,33,.12);
    color: #fff3c4 !important;
    font-size: 12px;
    text-decoration: none !important;
}

.pp-psychobot-mini-action:hover {
    border-color: rgba(224,136,33,.9);
    color: #e08821 !important;
}
/* =========================================================
   PROJECT PSYCHO - hover motion + how to connect
   ========================================================= */
.pp-status-box,
.pp-news-grid-card,
.pp-news-sidebar-box,
.pp-connect-step {
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
    will-change: transform;
}

.pp-status-box:hover,
.pp-news-grid-card:hover,
.pp-news-sidebar-box:hover,
.pp-connect-step:hover {
    transform: translateY(-7px) scale(1.015);
    border-color: rgba(224, 136, 33, .85) !important;
    box-shadow:
        0 18px 45px rgba(0,0,0,.78),
        0 0 24px rgba(224,136,33,.25) !important;
}

#rev_slider_50_1 .tp-revslider-slidesli {
    transition: transform .24s ease, box-shadow .24s ease, filter .24s ease !important;
}

#rev_slider_50_1 .tp-revslider-slidesli:hover {
    transform: translateY(-6px) scale(1.012) !important;
    filter: brightness(1.08) contrast(1.04);
    box-shadow:
        0 18px 50px rgba(0,0,0,.85),
        0 0 30px rgba(224,136,33,.32) !important;
}

.pp-connect-hero .pp-connect-lead {
    max-width: 760px;
    margin: 0 auto;
    color: #d6d6d6;
    font-size: 18px;
}

.pp-connect-download span:first-child {
    margin-right: 8px;
}

.pp-connect-wrap {
    position: relative;
    z-index: 2;
    background: radial-gradient(circle at top, rgba(224,136,33,.08), transparent 42%), #050505;
}

.pp-connect-step {
    position: relative;
    overflow: hidden;
    min-height: 100%;
    background: rgba(8, 8, 8, .76);
    border: 1px solid rgba(224, 136, 33, .45);
    box-shadow: 0 0 35px rgba(0,0,0,.75), 0 0 18px rgba(224,136,33,.12);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.pp-connect-step-image {
    position: relative;
    height: 230px;
    overflow: hidden;
}

.pp-connect-step-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .35s ease;
}

.pp-connect-step:hover .pp-connect-step-image img {
    transform: scale(1.08);
}

.pp-connect-step-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,.72), rgba(0,0,0,.12));
}

.pp-connect-step-number {
    position: absolute;
    right: 18px;
    bottom: 12px;
    z-index: 2;
    font-family: "Marcellus SC", serif;
    font-size: 52px;
    line-height: 1;
    color: rgba(255,255,255,.16);
    text-shadow: 0 0 20px rgba(224,136,33,.45);
}

.pp-connect-step-content {
    padding: 28px;
}

.pp-connect-step-kicker {
    display: inline-block;
    color: #e08821;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 8px;
}

.pp-connect-step-content h2 {
    color: #fff;
    margin-bottom: 12px;
}

.pp-connect-step-content p,
.pp-connect-help p {
    color: #cfcfcf;
}

.pp-connect-help {
    background: rgba(8,8,8,.78);
    border: 1px solid rgba(224,136,33,.45);
    padding: 34px;
    box-shadow: 0 0 35px rgba(0,0,0,.75), 0 0 18px rgba(224,136,33,.12);
}

@media (max-width: 767px) {
    .pp-connect-step-image { height: 190px; }
    .pp-connect-step-content { padding: 22px; }
    .pp-connect-step-number { font-size: 42px; }
}

/* =========================================================
   PROJECT PSYCHO -  how to connect
   ========================================================= */

.psy-connect-hero {
    min-height: 520px;
    display: flex;
    align-items: center;
    background:
        linear-gradient(180deg, rgba(0,0,0,.45), rgba(0,0,0,.95)),
        url('/assets/images/chram.jpg') center/cover no-repeat;
    position: relative;
    overflow: hidden;
}

.psy-connect-hero:after {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at center, rgba(188,132,47,.18), transparent 55%);
    pointer-events: none;
}

.psy-connect-hero-inner {
    position: relative;
    z-index: 2;
    max-width: 760px;
    padding: 120px 0 80px;
}

.psy-connect-kicker {
    color: #c99a45;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 13px;
    font-weight: 700;
}

.psy-connect-hero h1 {
    font-size: clamp(46px, 7vw, 92px);
    margin: 15px 0;
    color: #fff;
    text-transform: uppercase;
}

.psy-connect-hero p {
    color: #d7d0c4;
    font-size: 20px;
    max-width: 620px;
}

.psy-connect-actions {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
    margin-top: 35px;
}

.psy-btn-primary,
.psy-btn-secondary,
.psy-download-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 16px 34px;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    transition: .25s ease;
    text-decoration: none;
}

.psy-btn-primary,
.psy-download-btn {
    color: #160d05;
    background: linear-gradient(135deg, #f1c36a, #9f6824);
    box-shadow: 0 0 35px rgba(201,154,69,.25);
}

.psy-btn-secondary {
    color: #fff;
    border: 1px solid rgba(201,154,69,.55);
    background: rgba(0,0,0,.35);
}

.psy-btn-primary:hover,
.psy-btn-secondary:hover,
.psy-download-btn:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 45px rgba(201,154,69,.35);
    color: #fff;
}

.psy-connect-section {
    padding: 90px 0;
    background: #070504;
}

.psy-section-title {
    text-align: center;
    margin-bottom: 60px;
}

.psy-section-title span {
    color: #c99a45;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 700;
    font-size: 13px;
}

.psy-section-title h2 {
    color: #fff;
    font-size: 42px;
    margin: 12px 0;
    text-transform: uppercase;
}

.psy-section-title p {
    color: #b8afa0;
}

.psy-timeline {
    position: relative;
    max-width: 920px;
    margin: 0 auto;
}

.psy-timeline:before {
    content: "";
    position: absolute;
    left: 35px;
    top: 10px;
    bottom: 10px;
    width: 2px;
    background: linear-gradient(to bottom, transparent, #c99a45, transparent);
}

.psy-step-card {
    position: relative;
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 24px;
    padding: 26px 30px 26px 105px;
    background: linear-gradient(145deg, rgba(35,24,16,.95), rgba(8,6,5,.95));
    border: 1px solid rgba(201,154,69,.23);
    box-shadow: 0 12px 40px rgba(0,0,0,.35);
    transition: .25s ease;
    overflow: hidden;
}

.psy-step-card:after,
.psy-faq-card:after,
.psy-download-box:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, transparent, rgba(255,211,126,.08), transparent);
    transform: translateX(-120%);
    transition: .5s ease;
    pointer-events: none;
}

.psy-step-card:hover,
.psy-faq-card:hover,
.psy-download-box:hover {
    transform: translateY(-8px);
    border-color: rgba(201,154,69,.65);
    box-shadow: 0 18px 55px rgba(201,154,69,.18);
}

.psy-step-card:hover:after,
.psy-faq-card:hover:after,
.psy-download-box:hover:after {
    transform: translateX(120%);
}

.psy-step-number {
    position: absolute;
    left: 14px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: linear-gradient(135deg, #f1c36a, #8b531b);
    color: #140b04;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    z-index: 2;
}

.psy-step-icon {
    color: #c99a45;
    font-size: 34px;
    min-width: 45px;
    text-align: center;
}

.psy-step-content h3 {
    color: #fff;
    margin: 0 0 8px;
    text-transform: uppercase;
}

.psy-step-content p {
    color: #bfb5a6;
    margin: 0;
}

.psy-download-section {
    padding: 80px 0;
    background:
        linear-gradient(90deg, rgba(0,0,0,.92), rgba(0,0,0,.55)),
        url('/assets/images/page-background.jpg') center/cover fixed;
}

.psy-download-box {
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    gap: 30px;
    align-items: center;
    padding: 45px;
    background: rgba(12,8,6,.88);
    border: 1px solid rgba(201,154,69,.35);
}

.psy-download-box h2 {
    color: #fff;
    font-size: 38px;
    text-transform: uppercase;
    margin: 10px 0;
}

.psy-download-box p {
    color: #bfb5a6;
    margin: 0;
}

.psy-faq-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.psy-faq-card {
    position: relative;
    overflow: hidden;
    padding: 28px;
    background: linear-gradient(145deg, rgba(35,24,16,.95), rgba(8,6,5,.95));
    border: 1px solid rgba(201,154,69,.23);
    transition: .25s ease;
}

.psy-faq-card h4 {
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.psy-faq-card p {
    color: #bfb5a6;
    margin: 0;
}

@media (max-width: 768px) {
    .psy-connect-hero {
        min-height: auto;
    }

    .psy-connect-hero-inner {
        padding: 100px 0 65px;
        text-align: center;
    }

    .psy-connect-actions {
        justify-content: center;
    }

    .psy-timeline:before {
        left: 22px;
    }

    .psy-step-card {
        padding: 24px 20px 24px 78px;
        gap: 16px;
    }

    .psy-step-number {
        left: 0;
    }

    .psy-download-box {
        flex-direction: column;
        text-align: center;
    }

    .psy-faq-grid {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   PROJECT PSYCHO - SERVER RULES
   ========================================================= */

.psy-rules-hero {
    min-height: 500px;
    display: flex;
    align-items: center;
    background:
        linear-gradient(180deg, rgba(0,0,0,.45), rgba(0,0,0,.95)),
        url('/assets/images/page-background.jpg') center/cover no-repeat;
    position: relative;
    overflow: hidden;
}

.psy-rules-hero:after {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at center, rgba(201,154,69,.20), transparent 58%);
    pointer-events: none;
}

.psy-rules-hero-inner {
    position: relative;
    z-index: 2;
    max-width: 850px;
    padding: 120px 0 80px;
}

.psy-rules-hero h1 {
    font-size: clamp(44px, 7vw, 86px);
    color: #fff;
    text-transform: uppercase;
    margin: 15px 0;
}

.psy-rules-hero p {
    color: #d7d0c4;
    font-size: 20px;
    max-width: 720px;
}

.psy-rules-list {
    max-width: 980px;
    margin: 0 auto;
}

.psy-rule-card {
    position: relative;
    display: flex;
    gap: 28px;
    margin-bottom: 26px;
    padding: 32px 36px 32px 105px;
    background: linear-gradient(145deg, rgba(35,24,16,.95), rgba(8,6,5,.96));
    border: 1px solid rgba(201,154,69,.25);
    box-shadow: 0 12px 40px rgba(0,0,0,.35);
    overflow: hidden;
    transition: .25s ease;
}

.psy-rule-card:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, transparent, rgba(255,211,126,.08), transparent);
    transform: translateX(-120%);
    transition: .5s ease;
    pointer-events: none;
}

.psy-rule-card:hover {
    transform: translateY(-8px);
    border-color: rgba(201,154,69,.65);
    box-shadow: 0 18px 55px rgba(201,154,69,.18);
}

.psy-rule-card:hover:after {
    transform: translateX(120%);
}

.psy-rule-number {
    position: absolute;
    left: 24px;
    top: 32px;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: linear-gradient(135deg, #f1c36a, #8b531b);
    color: #140b04;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-size: 20px;
    z-index: 2;
}

.psy-rule-content h3 {
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 18px;
    font-size: 24px;
}

.psy-rule-content ul {
    margin: 0;
    padding-left: 20px;
}

.psy-rule-content li {
    color: #bfb5a6;
    margin-bottom: 10px;
    line-height: 1.65;
}

.psy-rules-footer {
    max-width: 980px;
    margin: 50px auto 0;
    padding: 42px;
    text-align: center;
    background: rgba(12,8,6,.88);
    border: 1px solid rgba(201,154,69,.35);
}

.psy-rules-footer h2 {
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.psy-rules-footer p {
    color: #bfb5a6;
    margin: 0;
}

@media (max-width: 768px) {
    .psy-rules-hero-inner {
        text-align: center;
        padding: 100px 0 65px;
    }

    .psy-rule-card {
        padding: 28px 22px 28px 82px;
    }

    .psy-rule-number {
        left: 16px;
        width: 44px;
        height: 44px;
    }
}

/* =========================================================
   PROJECT PSYCHO - BANLIST / JUSTICE CENTER
   ========================================================= */

.psy-ban-hero {
    min-height: 500px;
    display: flex;
    align-items: center;
    background:
        linear-gradient(180deg, rgba(0,0,0,.45), rgba(0,0,0,.95)),
        url('/assets/images/page-background.jpg') center/cover no-repeat;
    position: relative;
    overflow: hidden;
}

.psy-ban-hero:after {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at center, rgba(180,30,30,.24), transparent 58%);
    pointer-events: none;
}

.psy-ban-hero-inner {
    position: relative;
    z-index: 2;
    max-width: 850px;
    padding: 120px 0 80px;
}

.psy-ban-hero h1 {
    font-size: clamp(44px, 7vw, 86px);
    color: #fff;
    text-transform: uppercase;
    margin: 15px 0;
}

.psy-ban-hero p {
    color: #d7d0c4;
    font-size: 20px;
    max-width: 720px;
}

.psy-justice-grid {
    max-width: 1180px;
    margin: 0 auto 60px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 26px;
}

.psy-justice-card,
.psy-account-result,
.psy-ban-panel {
    position: relative;
    overflow: hidden;
    background: linear-gradient(145deg, rgba(35,24,16,.95), rgba(8,6,5,.96));
    border: 1px solid rgba(201,154,69,.28);
    box-shadow: 0 14px 45px rgba(0,0,0,.38);
}

.psy-justice-card {
    display: flex;
    gap: 24px;
    align-items: flex-start;
    padding: 34px;
    transition: .25s ease;
}

.psy-justice-card:after,
.psy-account-result:after,
.psy-ban-panel:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, transparent, rgba(255,211,126,.07), transparent);
    transform: translateX(-120%);
    transition: .55s ease;
    pointer-events: none;
}

.psy-justice-card:hover,
.psy-account-result:hover,
.psy-ban-panel:hover {
    transform: translateY(-6px);
    border-color: rgba(201,154,69,.65);
}

.psy-justice-card:hover:after,
.psy-account-result:hover:after,
.psy-ban-panel:hover:after {
    transform: translateX(120%);
}

.psy-justice-icon {
    width: 72px;
    height: 72px;
    min-width: 72px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f1c36a;
    background: rgba(201,154,69,.12);
    font-size: 30px;
}

.psy-justice-card span,
.psy-account-result span,
.psy-ban-panel-head span {
    color: #c99a45;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 12px;
    font-weight: 700;
}

.psy-justice-card h3,
.psy-account-result h3,
.psy-ban-panel-head h3 {
    color: #fff;
    margin: 8px 0 12px;
    text-transform: uppercase;
}

.psy-justice-card p,
.psy-account-result p {
    color: #bfb5a6;
    margin-bottom: 0;
}

.psy-justice-card.success,
.psy-account-result.success {
    border-color: rgba(80,200,120,.42);
}

.psy-justice-card.danger,
.psy-account-result.danger {
    border-color: rgba(220,60,60,.55);
}

.psy-account-result.warning {
    border-color: rgba(240,190,80,.5);
}

.psy-status-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 18px;
    padding: 9px 15px;
    border-radius: 4px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 1px;
}

.psy-status-pill.green {
    color: #9dffb0;
    background: rgba(70,180,90,.14);
    border: 1px solid rgba(70,180,90,.35);
}

.psy-ban-search {
    display: flex;
    gap: 12px;
    margin-top: 20px;
}

.psy-ban-search input {
    width: 100%;
    background: rgba(0,0,0,.45);
    border: 1px solid rgba(201,154,69,.25);
    color: #fff;
    padding: 14px 16px;
    outline: none;
}

.psy-ban-search input:focus {
    border-color: rgba(201,154,69,.7);
    box-shadow: 0 0 25px rgba(201,154,69,.16);
}

.psy-ban-search button {
    border: 0;
    padding: 14px 22px;
    color: #160d05;
    font-weight: 900;
    text-transform: uppercase;
    background: linear-gradient(135deg, #f1c36a, #9f6824);
    cursor: pointer;
    white-space: nowrap;
}

.psy-ban-search button:hover {
    filter: brightness(1.08);
}

.psy-account-result {
    max-width: 1180px;
    margin: -28px auto 70px;
    padding: 36px;
    transition: .25s ease;
}

.psy-account-result-head {
    display: flex;
    align-items: center;
    gap: 22px;
}

.psy-account-result-head > i {
    width: 70px;
    height: 70px;
    min-width: 70px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f1c36a;
    background: rgba(201,154,69,.12);
    font-size: 30px;
}

.psy-account-result.success .psy-account-result-head > i {
    color: #9dffb0;
    background: rgba(70,180,90,.14);
}

.psy-account-result.danger .psy-account-result-head > i {
    color: #ff6969;
    background: rgba(220,60,60,.14);
}

.psy-result-meta {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 24px;
}

.psy-result-meta.single {
    grid-template-columns: 1fr;
}

.psy-result-meta span {
    display: block;
    background: rgba(0,0,0,.35);
    padding: 12px 14px;
    color: #cfc5b6;
    letter-spacing: 0;
    text-transform: none;
    font-size: 14px;
    border: 1px solid rgba(255,255,255,.06);
}

.psy-ban-columns {
    max-width: 1180px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: 34px;
}

.psy-ban-panel {
    transition: .25s ease;
}

.psy-ban-panel-head {
    padding: 28px 32px 0;
}

.psy-ban-table-wrap {
    margin-top: 22px;
    overflow-x: auto;
    border-top: 1px solid rgba(201,154,69,.22);
}

.psy-ban-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 850px;
}

.psy-ban-table th {
    padding: 18px 20px;
    color: #f1c36a;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1.5px;
    background: rgba(0,0,0,.45);
    border-bottom: 1px solid rgba(201,154,69,.25);
}

.psy-ban-table td {
    padding: 18px 20px;
    color: #cfc5b6;
    border-bottom: 1px solid rgba(255,255,255,.06);
}

.psy-ban-table tbody tr {
    transition: .2s ease;
}

.psy-ban-table tbody tr:hover {
    background: rgba(201,154,69,.07);
}

.psy-ban-state {
    display: inline-flex;
    padding: 6px 11px;
    border-radius: 3px;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.psy-ban-state.active {
    color: #ff6969;
    background: rgba(220,60,60,.14);
    border: 1px solid rgba(220,60,60,.25);
}

.psy-ban-state.expired {
    color: #9dffb0;
    background: rgba(70,180,90,.12);
    border: 1px solid rgba(70,180,90,.25);
}

.psy-ban-empty {
    text-align: center;
    padding: 50px !important;
    color: #bfb5a6;
}

@media (max-width: 900px) {
    .psy-justice-grid,
    .psy-result-meta {
        grid-template-columns: 1fr;
    }

    .psy-ban-search {
        flex-direction: column;
    }

    .psy-account-result-head {
        flex-direction: column;
        text-align: center;
    }
}

@media (max-width: 768px) {
    .psy-ban-hero-inner {
        text-align: center;
        padding: 100px 0 65px;
    }

    .psy-justice-card {
        flex-direction: column;
        text-align: center;
        align-items: center;
        padding: 30px 22px;
    }

    .psy-account-result {
        padding: 30px 22px;
    }
}
.psychohead-wrap {
    max-width: 1250px;
    margin: 120px auto 80px;
    padding: 0 22px;
    color: #e8dcc8;
}

.psychohead-header {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    align-items: end;
    margin-bottom: 28px;
}

.psychohead-kicker {
    color: #ff9d24;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 12px;
    font-weight: 800;
}

.psychohead-header h1 {
    margin: 6px 0;
    color: #fff;
    font-size: 46px;
    text-shadow: 0 0 22px rgba(255, 120, 0, .35);
}

.psychohead-header p {
    color: #b8ad9d;
    margin: 0;
}

.psychohead-search {
    display: flex;
    background: rgba(0,0,0,.45);
    border: 1px solid rgba(255,160,50,.25);
    border-radius: 14px;
    overflow: hidden;
}

.psychohead-search input {
    width: 280px;
    background: transparent;
    border: 0;
    color: #fff;
    padding: 14px 16px;
    outline: none;
}

.psychohead-search button {
    background: linear-gradient(180deg, #ff9f22, #9d4f08);
    color: #fff;
    border: 0;
    padding: 0 18px;
    font-weight: 800;
}

.psychohead-grid {
    display: grid;
    grid-template-columns: 1fr 310px;
    gap: 24px;
}

.psychohead-main-card,
.side-box {
    background:
        linear-gradient(180deg, rgba(26,18,13,.94), rgba(8,8,12,.96));
    border: 1px solid rgba(255, 166, 54, .22);
    box-shadow: 0 0 40px rgba(0,0,0,.55);
    border-radius: 18px;
}

.psychohead-main-card {
    padding: 28px;
}

.item-top {
    display: flex;
    gap: 22px;
    align-items: center;
    margin-bottom: 28px;
}

.item-icon-frame {
    width: 86px;
    height: 86px;
    padding: 4px;
    border-radius: 12px;
    background: #050505;
    border: 2px solid var(--quality);
    box-shadow: 0 0 24px color-mix(in srgb, var(--quality) 45%, transparent);
}

.item-icon-frame img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    display: block;
}

.item-top h2 {
    margin: 0;
    font-size: 34px;
    line-height: 1.1;
}

.item-subtitle {
    color: #d7c5a7;
    margin-top: 8px;
}

.item-id {
    color: #857a6b;
    font-size: 13px;
    margin-top: 4px;
}

.wow-tooltip {
    max-width: 520px;
    background: rgba(0,0,0,.86);
    border: 1px solid rgba(120,120,120,.65);
    border-radius: 10px;
    padding: 18px;
    box-shadow:
        inset 0 0 22px rgba(255,255,255,.04),
        0 0 28px rgba(0,0,0,.7);
    font-family: Arial, sans-serif;
}

.tooltip-name {
    font-size: 21px;
    font-weight: 800;
    margin-bottom: 6px;
}

.tooltip-line {
    margin: 4px 0;
}

.tooltip-line.muted {
    color: #bdbdbd;
}

.tooltip-separator {
    height: 1px;
    background: rgba(255,255,255,.12);
    margin: 12px 0;
}

.tooltip-row {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    color: #f3e6c8;
    margin: 7px 0;
}

.tooltip-row span {
    color: #b8ad9d;
}

.tooltip-row strong {
    color: #fff;
}

.psychohead-side {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.side-box {
    padding: 20px;
}

.side-box h3 {
    margin: 0 0 14px;
    color: #ff9d24;
    font-size: 17px;
}

.side-box a {
    display: block;
    color: #d7c5a7;
    padding: 10px 12px;
    border-radius: 10px;
    text-decoration: none;
    margin-bottom: 6px;
    background: rgba(255,255,255,.03);
}

.side-box a.active,
.side-box a:hover {
    color: #fff;
    background: rgba(255, 157, 36, .18);
}

.progress-line {
    padding: 9px 0;
    color: #cfc0aa;
    border-bottom: 1px solid rgba(255,255,255,.06);
}

.progress-line.done::before {
    content: "✓ ";
    color: #1eff00;
}

.progress-line.next::before {
    content: "→ ";
    color: #ff9d24;
}

@media (max-width: 900px) {
    .psychohead-header,
    .item-top {
        flex-direction: column;
        align-items: flex-start;
    }

    .psychohead-grid {
        grid-template-columns: 1fr;
    }

    .psychohead-search {
        width: 100%;
    }

    .psychohead-search input {
        width: 100%;
    }

    .psychohead-header h1 {
        font-size: 36px;
    }
}
#psycho-tooltip-root {
    display: none;
    position: absolute;
    z-index: 999999;
    pointer-events: none;
    max-width: 560px;
}

.psycho-tooltip-loading {
    background: rgba(0,0,0,.9);
    color: #fff;
    border: 1px solid rgba(255,255,255,.25);
    padding: 10px 14px;
    border-radius: 8px;
}