/* ============================================================
   CACTUS THEME для EasyDonate (тема Limbo)
   ПОЛНАЯ ВЕРСИЯ:
   1-12. База + поиск + сервер + фикс лупы
   13.   Тонкая зелёная линия сверху
   14.   Расширенное мобильное меню (с ядерным фиксом)
   15.   Дополнительный фикс (модалки, оверлеи)
   16.   Стили страницы «Описание привилегий»
   ============================================================ */

/* ============================================================
   1. ЦВЕТОВЫЕ ПЕРЕМЕННЫЕ
   ============================================================ */
:root {
    --white: #eafff0;
    --black: #07120c;
    --shade: #0d2419;
    --cactus-green: #22c55e;
    --cactus-light: #b9fbc0;
    --cactus-glow: rgba(185, 251, 192, 0.6);
    --cactus-bg: rgba(13, 36, 25, 0.85);
    --cactus-border: rgba(185, 251, 192, 0.2);
}

/* ============================================================
   2. ФОН И БАЗА
   ============================================================ */
body {
    background: #07120c !important;
    background-image:
        radial-gradient(circle at 20% 30%, rgba(34, 197, 94, 0.08) 0%, transparent 50%),
        radial-gradient(circle at 80% 70%, rgba(185, 251, 192, 0.05) 0%, transparent 50%) !important;
    color: #eafff0 !important;
    font-family: 'Segoe UI', Arial, sans-serif !important;
}

/* ============================================================
   3. ССЫЛКИ И КНОПКИ
   ============================================================ */
a {
    color: #b9fbc0 !important;
    transition: color 0.3s ease, text-shadow 0.3s ease !important;
}
a:hover {
    color: #ffffff !important;
    text-shadow: 0 0 10px var(--cactus-glow) !important;
}

button, .btn, input[type="submit"] {
    background: linear-gradient(135deg, #22c55e, #16a34a) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    box-shadow: 0 4px 16px rgba(34, 197, 94, 0.35) !important;
    transition: all 0.35s ease !important;
    cursor: pointer !important;
}
button:hover, .btn:hover, input[type="submit"]:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 24px rgba(34, 197, 94, 0.5), 0 0 40px var(--cactus-glow) !important;
    background: linear-gradient(135deg, #4ade80, #22c55e) !important;
}

/* ============================================================
   4. КАРТОЧКИ ТОВАРОВ
   ============================================================ */
.product, .product-card, .item, .shop-item, .card {
    background: var(--cactus-bg) !important;
    border: 1px solid var(--cactus-border) !important;
    border-radius: 20px !important;
    backdrop-filter: blur(10px) !important;
    transition: transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1),
                box-shadow 0.45s ease,
                border-color 0.45s ease !important;
    overflow: hidden !important;
}
.product:hover, .product-card:hover, .item:hover, .shop-item:hover, .card:hover {
    transform: translateY(-8px) scale(1.02) !important;
    border-color: transparent !important;
    box-shadow:
        0 0 24px var(--cactus-glow),
        0 0 60px rgba(74, 222, 128, 0.15),
        0 18px 40px rgba(0, 0, 0, 0.4) !important;
}

/* ============================================================
   5. ЗАГОЛОВКИ / ЦЕНА / ХЕДЕР / ФУТЕР
   ============================================================ */
h1, h2, h3, .title, .section-title {
    color: #b9fbc0 !important;
    text-shadow: 0 0 10px var(--cactus-glow) !important;
    letter-spacing: 1px !important;
}
.price, .product-price, .cost {
    color: #ffffff !important;
    font-weight: 900 !important;
    text-shadow: 0 0 16px var(--cactus-glow) !important;
}
header, .navbar, .top-bar {
    background: rgba(7, 18, 12, 0.9) !important;
    backdrop-filter: blur(14px) !important;
    border-bottom: 1px solid var(--cactus-border) !important;
}
footer {
    background: rgba(7, 18, 12, 0.95) !important;
    border-top: 1px solid var(--cactus-border) !important;
    color: #6b8a74 !important;
}

/* ============================================================
   6. ПОИСК — поля ввода
   ============================================================ */
input[type="search"],
input[type="text"][name*="search" i],
input[type="text"][id*="search" i],
input[type="text"][class*="search" i],
input[type="text"][placeholder*="оиск" i],
input[type="text"][placeholder*="earch" i],
.search input,
.search-form input,
.search-field,
.search-input,
.searchbar input,
.search-bar input,
input.form-control[type="text"],
input.form-control[type="search"],
.form-control {
    background: rgba(13, 36, 25, 0.8) !important;
    border: 1px solid rgba(185, 251, 192, 0.25) !important;
    color: #eafff0 !important;
    border-radius: 14px !important;
    padding: 12px 18px !important;
    font-size: 15px !important;
    font-family: 'Segoe UI', Arial, sans-serif !important;
    outline: none !important;
    transition: all 0.35s ease !important;
    box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.25) !important;
}
input[type="search"]::placeholder,
input[type="text"]::placeholder,
.form-control::placeholder {
    color: #6b8a74 !important;
    opacity: 1 !important;
}
input[type="search"]:focus,
input[type="text"]:focus,
.form-control:focus,
.search-input:focus,
.search-field:focus {
    background: rgba(13, 36, 25, 0.98) !important;
    border-color: #b9fbc0 !important;
    box-shadow:
        0 0 0 3px rgba(185, 251, 192, 0.15),
        0 0 20px rgba(185, 251, 192, 0.4),
        inset 0 2px 6px rgba(0, 0, 0, 0.25) !important;
    transform: translateY(-1px);
}

/* ============================================================
   7. ПОИСК — обёртка и иконка
   ============================================================ */
.search,
.search-wrapper,
.search-container,
.search-box,
.searchbar,
.search-bar,
.search-form,
form[role="search"] {
    position: relative !important;
    max-width: 520px !important;
    margin: 20px auto !important;
}
.search::before,
.search-wrapper::before,
.search-container::before,
.search-box::before,
.searchbar::before,
.search-bar::before,
.search-form::before {
    content: "🔍";
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    opacity: 0.7;
    pointer-events: none;
    z-index: 2;
}
.search input,
.search-form input,
.searchbar input,
.search-bar input,
.search-box input {
    padding-left: 46px !important;
}

/* ============================================================
   8. ПОИСК — результаты
   ============================================================ */
.search-results,
.search-result,
.search-suggestions,
.autocomplete,
.autocomplete-items,
.autocomplete-list,
.suggestions {
    background: rgba(13, 36, 25, 0.98) !important;
    border: 1px solid var(--cactus-border) !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5), 0 0 30px var(--cactus-glow) !important;
    backdrop-filter: blur(14px) !important;
    overflow: hidden !important;
}
.search-results > *,
.search-result,
.autocomplete-items > *,
.autocomplete-list > *,
.suggestions > * {
    padding: 12px 18px !important;
    color: #c8d6cc !important;
    border-bottom: 1px solid rgba(185, 251, 192, 0.08) !important;
    cursor: pointer;
    transition: all 0.2s ease !important;
}
.search-results > *:hover,
.search-result:hover,
.autocomplete-items > *:hover,
.autocomplete-list > *:hover,
.suggestions > *:hover {
    background: rgba(185, 251, 192, 0.1) !important;
    color: #b9fbc0 !important;
    padding-left: 24px !important;
}

/* ============================================================
   9. ФИКС БЕЛОЙ ЛУПЫ
   ============================================================ */
.search svg,
.search-wrapper svg,
.search-container svg,
.search-box svg,
.searchbar svg,
.search-bar svg,
.search-form svg,
.search-field svg,
input[type="search"] + svg,
input[type="text"] + svg {
    color: #b9fbc0 !important;
    fill: #b9fbc0 !important;
    stroke: #b9fbc0 !important;
    opacity: 0.7 !important;
    filter: none !important;
    box-shadow: none !important;
    background: transparent !important;
    transition: opacity 0.3s ease, color 0.3s ease !important;
}
.search i,
.search-wrapper i,
.search-container i,
.search-box i,
.searchbar i,
.search-bar i,
.search-form i,
.search-field i,
.search i.fa,
.search i.fa-search,
.search i.fas,
.search i.far,
.search i[class*="search" i],
i[class*="search" i],
i.fa-search,
i.fas.fa-search,
.search-field + i,
input + i {
    color: #b9fbc0 !important;
    fill: #b9fbc0 !important;
    opacity: 0.7 !important;
    filter: none !important;
    text-shadow: none !important;
    box-shadow: none !important;
    background: transparent !important;
    transition: opacity 0.3s ease, color 0.3s ease !important;
}
.search:focus-within svg,
.search-wrapper:focus-within svg,
.search-container:focus-within svg,
.search-box:focus-within svg,
.searchbar:focus-within svg,
.search-bar:focus-within svg,
.search-form:focus-within svg,
.search:focus-within i,
.search-wrapper:focus-within i,
.search-container:focus-within i,
.search-box:focus-within i,
.searchbar:focus-within i,
.search-bar:focus-within i,
.search-form:focus-within i,
.search:focus-within i.fa-search,
.search:focus-within i.fas {
    color: #b9fbc0 !important;
    fill: #b9fbc0 !important;
    stroke: #b9fbc0 !important;
    opacity: 1 !important;
    filter: none !important;
    text-shadow: none !important;
    box-shadow: none !important;
    background: transparent !important;
}
.search .input-group-text,
.search-wrapper .input-group-text,
.search-container .input-group-text,
.search-box .input-group-text,
.searchbar .input-group-text,
.search-bar .input-group-text,
.input-group-text,
.input-group-prepend,
.input-group-append,
.search-addon,
.search-icon,
.search-icon-wrapper,
.search-icon-container,
.search-icon-box,
.search-prefix,
.search-suffix {
    background: transparent !important;
    border: none !important;
    color: #b9fbc0 !important;
    box-shadow: none !important;
    filter: none !important;
    text-shadow: none !important;
}

/* ============================================================
   10. СЕРВЕР — mc.greenwhite.fun
   ============================================================ */
.server,
.server-item,
.server-box,
.server-info,
.server-card,
.servers .server,
.server-list .server {
    background: rgba(13, 36, 25, 0.75) !important;
    border: 1px solid var(--cactus-border) !important;
    border-radius: 16px !important;
    padding: 18px 22px !important;
    margin: 12px 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    backdrop-filter: blur(10px) !important;
    transition: all 0.35s ease !important;
    position: relative !important;
    overflow: hidden !important;
}
.server:hover,
.server-item:hover,
.server-box:hover,
.server-info:hover,
.server-card:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(185, 251, 192, 0.5) !important;
    box-shadow: 0 0 24px var(--cactus-glow), 0 10px 30px rgba(0, 0, 0, 0.4) !important;
}
.server-name,
.server-ip,
.server-address,
.server-info strong,
.server-info b {
    color: #b9fbc0 !important;
    font-weight: 900 !important;
    font-size: 18px !important;
    letter-spacing: 1px !important;
    text-shadow: 0 0 10px var(--cactus-glow) !important;
    font-family: 'Consolas', 'Courier New', monospace !important;
}
.server-copy,
.copy-ip,
.copy-btn,
.server .btn,
.server button,
.server-info button,
.server-info .btn {
    background: linear-gradient(135deg, #22c55e, #16a34a) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 8px 16px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    cursor: pointer !important;
    box-shadow: 0 4px 14px rgba(34, 197, 94, 0.4) !important;
    transition: all 0.3s ease !important;
    white-space: nowrap !important;
}
.server-copy:hover,
.copy-ip:hover,
.copy-btn:hover,
.server .btn:hover,
.server button:hover {
    transform: translateY(-2px) !important;
    background: linear-gradient(135deg, #4ade80, #22c55e) !important;
    box-shadow: 0 6px 22px rgba(34, 197, 94, 0.6), 0 0 30px var(--cactus-glow) !important;
}
.server-copy:active,
.copy-ip:active,
.copy-btn:active {
    transform: translateY(0) scale(0.97) !important;
}

/* ============================================================
   11. СКРОЛЛБАР
   ============================================================ */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #0d2419; }
::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #22c55e, #16a34a);
    border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover { background: #4ade80; }

/* ============================================================
   12. ПУЛЬСАЦИЯ ЗАГОЛОВКА
   ============================================================ */
@keyframes cactusPulse {
    0%, 100% {
        text-shadow: 0 0 8px var(--cactus-glow), 0 0 22px rgba(74, 222, 128, 0.6);
    }
    50% {
        text-shadow: 0 0 12px #b9fbc0, 0 0 32px rgba(74, 222, 128, 0.9);
    }
}
h1, .shop-title {
    animation: cactusPulse 3s ease-in-out infinite;
}

/* ============================================================
   13. ТОНКАЯ ЗЕЛЁНАЯ ЛИНИЯ СВЕРХУ
   ============================================================ */
header, .navbar, .top-bar {
    border-bottom: 0.5px solid rgba(185, 251, 192, 0.08) !important;
    box-shadow: none !important;
}
header::after, .navbar::after, .top-bar::after {
    background: none !important;
    height: 0 !important;
    box-shadow: none !important;
}

/* ============================================================
   14. РАСШИРЕННОЕ МОБИЛЬНОЕ МЕНЮ + ЯДЕРНЫЙ ФИКС
   ============================================================ */
@media (max-width: 992px) {

    /* ---- Основные селекторы ---- */
    .mobile-menu,
    .mobile-menu__inner,
    .menu-drawer,
    .menu-panel,
    .drawer,
    .drawer-menu,
    .offcanvas,
    .offcanvas-menu,
    .sidebar,
    .side-menu,
    .sidebar-menu,
    .nav-menu,
    .nav-panel,
    .mobile-nav,
    .mobile-nav-menu,
    [class*="mobile-menu" i],
    [class*="mobileMenu" i],
    [class*="drawer" i],
    [class*="offcanvas" i],
    [class*="sidebar" i],
    [id*="menu" i],
    [id*="drawer" i],
    [id*="offcanvas" i],
    [id*="sidebar" i] {
        background: #0a1a12 !important;
        background-color: #0a1a12 !important;
        background-image:
            radial-gradient(circle at 30% 20%, rgba(34, 197, 94, 0.12) 0%, transparent 60%),
            radial-gradient(circle at 70% 80%, rgba(185, 251, 192, 0.08) 0%, transparent 60%) !important;
        color: #eafff0 !important;
    }

    /* ---- Дети — прозрачные ---- */
    [class*="menu" i] > *,
    [class*="drawer" i] > *,
    [class*="offcanvas" i] > *,
    [class*="sidebar" i] > *,
    [id*="menu" i] > *,
    [id*="drawer" i] > *,
    [id*="offcanvas" i] > *,
    [id*="sidebar" i] > * {
        background-color: transparent !important;
    }

    /* ---- Ссылки меню ---- */
    [class*="menu" i] a,
    [class*="drawer" i] a,
    [class*="offcanvas" i] a,
    [class*="sidebar" i] a,
    [id*="menu" i] a,
    [id*="drawer" i] a,
    [id*="offcanvas" i] a,
    [id*="sidebar" i] a {
        color: #b9fbc0 !important;
        text-shadow: 0 0 10px rgba(185, 251, 192, 0.4) !important;
        background: transparent !important;
        border-bottom: 1px solid rgba(185, 251, 192, 0.08) !important;
    }
    [class*="menu" i] a:hover,
    [class*="drawer" i] a:hover,
    [class*="offcanvas" i] a:hover,
    [class*="sidebar" i] a:hover {
        color: #ffffff !important;
        background: rgba(185, 251, 192, 0.1) !important;
    }

    /* ---- Иконки меню ---- */
    [class*="menu" i] svg,
    [class*="menu" i] i,
    [class*="menu" i] button,
    [class*="drawer" i] svg,
    [class*="drawer" i] i,
    [class*="drawer" i] button,
    [class*="offcanvas" i] svg,
    [class*="offcanvas" i] i,
    [class*="sidebar" i] svg,
    [class*="sidebar" i] i {
        color: #b9fbc0 !important;
        fill: #b9fbc0 !important;
        stroke: #b9fbc0 !important;
        background: transparent !important;
    }

    /* ---- Открытые классы — принудительно тёмные ---- */
    .open,
    .active,
    .show,
    .visible,
    .menu-open [class*="menu" i],
    body.menu-open > * {
        background: #0a1a12 !important;
        color: #eafff0 !important;
    }

    /* ---- Хедер на мобиле ---- */
    header > *,
    header > * > *,
    .header > *,
    .navbar > *,
    .top-bar > * {
        color: #b9fbc0 !important;
    }

    /* ---- Бургер ---- */
    .burger,
    .hamburger,
    .menu-toggle,
    .navbar-toggler,
    [class*="burger"],
    [class*="hamburger"],
    [class*="menu-toggle"],
    [class*="menuToggle"],
    [class*="nav-toggle"],
    [class*="navToggle"] {
        cursor: pointer !important;
        z-index: 10001 !important;
        position: relative !important;
        background: transparent !important;
        border: none !important;
        padding: 8px !important;
        pointer-events: auto !important;
    }
    .burger span,
    .burger-line,
    .hamburger span,
    .menu-toggle span,
    [class*="burger"] span,
    [class*="hamburger"] span,
    [class*="menu-toggle"] span,
    [class*="menuToggle"] span,
    [class*="nav-toggle"] span {
        background: #b9fbc0 !important;
        box-shadow: 0 0 8px rgba(185, 251, 192, 0.6) !important;
        transition: all 0.3s ease !important;
    }

    /* ---- Overlay ---- */
    .menu-overlay,
    .drawer-overlay,
    .offcanvas-backdrop,
    .sidebar-overlay,
    .mobile-menu-overlay,
    [class*="overlay" i],
    [class*="backdrop" i] {
        background: rgba(0, 0, 0, 0.7) !important;
        backdrop-filter: blur(4px) !important;
    }
}

/* ============================================================
   15. ДОПОЛНИТЕЛЬНЫЙ ФИКС (модалки, оверлеи, всплывашки)
   ============================================================ */
@media (max-width: 992px) {
    .modal,
    .modal-content,
    .modal-body,
    .modal-dialog,
    .popup,
    .popup-content,
    .dialog,
    [class*="modal" i],
    [class*="popup" i],
    [class*="dialog" i] {
        background: #0d2419 !important;
        color: #eafff0 !important;
        border: 1px solid rgba(185, 251, 192, 0.15) !important;
    }
    .mobile-menu *,
    .drawer *,
    .offcanvas *,
    .sidebar * {
        background-color: transparent !important;
    }
    .mobile-menu button,
    .drawer button,
    .offcanvas button,
    .sidebar button,
    .mobile-menu .btn,
    .drawer .btn,
    .offcanvas .btn,
    .sidebar .btn {
        background: linear-gradient(135deg, #22c55e, #16a34a) !important;
        color: #ffffff !important;
    }
}

/* ============================================================
   16. СТРАНИЦА «ОПИСАНИЕ ПРИВИЛЕГИЙ»
   Scoped под .gw-privileges
   ============================================================ */

.gw-privileges {
    max-width: 1200px;
    margin: 0 auto;
    padding: 30px 20px 80px;
    color: #eafff0;
    font-family: 'Segoe UI', Arial, sans-serif;
}

.gw-privileges h2.gw-title {
    text-align: center;
    font-size: 38px;
    font-weight: 900;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: #b9fbc0;
    text-shadow:
        0 0 10px rgba(185, 251, 192, 0.7),
        0 0 24px rgba(74, 222, 128, 0.5);
    margin-bottom: 10px;
    animation: gwPulse 3s ease-in-out infinite;
}

.gw-privileges .gw-subtitle {
    text-align: center;
    color: #7a9e85;
    font-size: 15px;
    margin-bottom: 50px;
    letter-spacing: 0.5px;
}

@keyframes gwPulse {
    0%, 100% { text-shadow: 0 0 10px rgba(185, 251, 192, 0.7), 0 0 24px rgba(74, 222, 128, 0.5); }
    50% { text-shadow: 0 0 14px rgba(185, 251, 192, 1), 0 0 38px rgba(74, 222, 128, 0.8); }
}

.gw-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 22px;
}

.gw-card {
    position: relative;
    padding: 26px 22px 22px;
    border-radius: 18px;
    background: rgba(13, 36, 25, 0.78);
    border: 1px solid rgba(185, 251, 192, 0.15);
    backdrop-filter: blur(10px);
    transition:
        transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1),
        box-shadow 0.45s ease,
        border-color 0.45s ease;
    overflow: hidden;
    isolation: isolate;
}

.gw-card::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 18px;
    padding: 1.5px;
    background: conic-gradient(
        from var(--gw-angle, 0deg),
        transparent,
        #b9fbc0,
        #22c55e,
        #ffffff,
        transparent
    );
    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    opacity: 0;
    transition: opacity 0.45s ease;
    animation: gwRotate 4s linear infinite;
    pointer-events: none;
    z-index: 0;
}

@property --gw-angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}
@keyframes gwRotate {
    to { --gw-angle: 360deg; }
}

.gw-card::after {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 60%;
    height: 100%;
    background: linear-gradient(
        110deg,
        transparent 0%,
        rgba(185, 251, 192, 0.12) 50%,
        transparent 100%
    );
    transform: skewX(-20deg);
    transition: left 0.8s ease;
    pointer-events: none;
    z-index: 1;
}

.gw-card:hover {
    transform: translateY(-8px) scale(1.02);
    border-color: transparent;
    box-shadow:
        0 0 24px rgba(185, 251, 192, 0.35),
        0 0 60px rgba(74, 222, 128, 0.15),
        0 18px 40px rgba(0, 0, 0, 0.4);
}
.gw-card:hover::before { opacity: 1; }
.gw-card:hover::after { left: 140%; }

.gw-head {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    position: relative;
    z-index: 2;
}

.gw-icon {
    font-size: 32px;
    line-height: 1;
    filter: drop-shadow(0 0 8px rgba(74, 222, 128, 0.6));
    transition: transform 0.4s ease;
}
.gw-card:hover .gw-icon {
    transform: scale(1.15) rotate(-6deg);
}

.gw-name {
    font-size: 20px;
    font-weight: 900;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #b9fbc0;
    text-shadow: 0 0 10px rgba(185, 251, 192, 0.45);
}

.gw-list {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 2;
}
.gw-list li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 7px 0;
    font-size: 13.5px;
    line-height: 1.45;
    color: #c8d6cc;
    border-bottom: 1px dashed rgba(185, 251, 192, 0.08);
    transition: color 0.25s ease, padding-left 0.25s ease;
}
.gw-list li:last-child { border-bottom: none; }

.gw-card:hover .gw-list li {
    color: #eafff0;
}
.gw-list li:hover {
    padding-left: 6px;
    color: #b9fbc0 !important;
}

.gw-list li::before {
    content: "▸";
    color: #22c55e;
    font-size: 12px;
    margin-top: 2px;
    flex-shrink: 0;
    filter: drop-shadow(0 0 4px rgba(34, 197, 94, 0.6));
}

.gw-cmd {
    font-family: 'Consolas', 'Courier New', monospace;
    color: #b9fbc0;
    background: rgba(185, 251, 192, 0.07);
    padding: 1px 7px;
    border-radius: 6px;
    font-size: 12.5px;
    border: 1px solid rgba(185, 251, 192, 0.12);
    white-space: nowrap;
}

.gw-perk {
    color: #b9fbc0;
    font-weight: 700;
}

.gw-tier-1  { border-left: 3px solid #86efac; }
.gw-tier-2  { border-left: 3px solid #4ade80; }
.gw-tier-3  { border-left: 3px solid #22c55e; }
.gw-tier-4  { border-left: 3px solid #16a34a; }
.gw-tier-5  { border-left: 3px solid #0ea5e9; }
.gw-tier-6  { border-left: 3px solid #14b8a6; }
.gw-tier-7  { border-left: 3px solid #f59e0b; }
.gw-tier-8  { border-left: 3px solid #f97316; }
.gw-tier-9  { border-left: 3px solid #ef4444; }
.gw-tier-10 { border-left: 3px solid #a855f7; }

.gw-tier-1  .gw-name { color: #86efac; }
.gw-tier-2  .gw-name { color: #4ade80; }
.gw-tier-3  .gw-name { color: #22c55e; }
.gw-tier-4  .gw-name { color: #16a34a; }
.gw-tier-5  .gw-name { color: #38bdf8; }
.gw-tier-6  .gw-name { color: #2dd4bf; }
.gw-tier-7  .gw-name { color: #fbbf24; }
.gw-tier-8  .gw-name { color: #fb923c; }
.gw-tier-9  .gw-name { color: #f87171; }
.gw-tier-10 .gw-name { color: #c084fc; }

.gw-legend {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px 26px;
    margin: 40px auto 0;
    padding: 18px 24px;
    border-radius: 14px;
    background: rgba(13, 36, 25, 0.6);
    border: 1px solid rgba(185, 251, 192, 0.12);
    max-width: 700px;
}
.gw-legend span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 12.5px;
    color: #8fa896;
}
.gw-legend span b {
    width: 12px;
    height: 12px;
    border-radius: 3px;
    display: inline-block;
}

@media (max-width: 640px) {
    .gw-privileges h2.gw-title { font-size: 26px; letter-spacing: 2px; }
    .gw-grid { grid-template-columns: 1fr; gap: 16px; }
    .gw-card { padding: 22px 18px 18px; }
    .gw-name { font-size: 17px; }
    .gw-list li { font-size: 13px; }
}

/* ============================================================
   КОНЕЦ ФАЙЛА
   ============================================================ */