/* ╔══════════════════════════════════════════════════════════════╗
    ║ RIFT — MOBILE LIGHT / LIGHT.DARK CLEAN v5.11 HEADER + THEMES ║
    ║ Øàïêà èç v5.9; ìàò÷àñòü/òåìû èç ðàáî÷åé âåðñèè.              ║
    ║ Ðàáîòàåò ïðè body.light.mobile è body.light.dark.mobile.       ║
    ║ .basic íå çàòðàãèâàåò.                                            ║
    ╚══════════════════════════════════════════════════════════════╝ */


/* =========================================================
   0. ÏÅÐÅÌÅÍÍÛÅ / ÁÀÇÀ
   ========================================================= */

body.mobile.light {
    --mob-page-gap: 25px;
    --mob-menu-h: 34px;
    --mob-active-top: 68px;
    --mob-active-h: 60px;
    --mob-active-gap: 8px;
    --mob-tabla-top: calc(var(--mob-active-top) + var(--mob-active-h) + var(--mob-active-gap));
    --mob-tabla-h: 405px;
    --mob-tabla-w: calc(100vw - 0px);
    --mob-stage-max-w: 450px;
    --mob-tab-buttons-h: 18px;
    --mob-plashki-gap: -15px;
    --mob-plashki-h: 58px;
    --mob-plashki-top: calc(var(--mob-tabla-top) + var(--mob-tabla-h) + var(--mob-plashki-gap));
    --mob-header-bottom-gap: 0px;
    --mob-header-h: calc(var(--mob-plashki-top) + var(--mob-plashki-h) + var(--mob-header-bottom-gap));
    --mob-bg-h: 600px;
    --mob-bg-x: 97%;
    --mob-bg-y: -75px;
    --mob-scrollbar: rgba(136, 161, 157, 0.55);
    width: 100% !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
}

body.mobile.light *,
body.mobile.light *::before,
body.mobile.light *::after { box-sizing: border-box !important; }

body.mobile.light img,
body.mobile.light iframe,
body.mobile.light video,
body.mobile.light object,
body.mobile.light embed { max-width: 100% !important; }

body.mobile.light #pun,
body.mobile.light .punbb,
body.mobile.light #pun_wrap {
    width: 100% !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}

body.mobile.light #pun {
    position: relative !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    overflow-x: hidden !important;
}

body.mobile.light .punbb { overflow: visible !important; }

body.mobile.light #pun-main {
    position: relative !important;
    z-index: auto !important;
    width: auto !important;
    max-width: calc(100vw - var(--mob-page-gap) * 2) !important;
    min-width: 0 !important;
    margin-left: var(--mob-page-gap) !important;
    margin-right: var(--mob-page-gap) !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    margin-top: 0px !important;
}

/* =========================================================
   1. ÂÅÐÕÍßß ÏÀÍÅËÜ FORUMD
   ========================================================= */

body.mobile.light #ForumD-ru,
body.mobile.light #ForumD-ru.sticky {
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
    width: 100% !important;
    max-width: 100vw !important;
    height: var(--mob-menu-h) !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 99999 !important;
    background: rgb(var(--dark-accent)) !important;
    border-radius: 0 0 20px 20px !important;
}

body.mobile.light #ForumD-ru { position: absolute !important; transform: none !important; overflow: visible !important; }
body.mobile.light #ForumD-ru.sticky { position: fixed !important; transform: translateY(0) !important; opacity: 1 !important; max-height: 100px !important; }
body.mobile.light #ForumD-ru.hide { opacity: 0 !important; max-height: 0 !important; overflow: hidden !important; pointer-events: none !important; transform: translateY(-110%) !important; }
body.mobile.light #ForumD-ru:not(.hide) { opacity: 1 !important; max-height: 100px !important; pointer-events: auto !important; }

body.mobile.light #ForumD-ru .Ultimate-menu {
    position: relative !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    height: var(--mob-menu-h) !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.mobile.light #ForumD-ru #pun-navlinks {
    position: static !important;
    width: auto !important;
    max-width: calc(100vw - 55px) !important;
    margin: 0 0 0 30px !important;
    padding: 0 !important;
    transform: none !important;
    z-index: 100000 !important;
}

body.mobile.light #ForumD-ru #pun-navlinks .container,
body.mobile.light #ForumD-ru #pun-navlinks ul {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    max-width: calc(100vw - 55px) !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 4px !important;
}

body.mobile.light #ForumD-ru #pun-navlinks li {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.mobile.light #ForumD-ru #pun-navlinks li a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 35px !important;
    height: var(--mob-menu-h) !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: 'Icons' !important;
    font-size: 0 !important;
    color: transparent !important;
    text-decoration: none !important;
    text-shadow: none !important;
}

body.mobile.light #ForumD-ru #pun-navlinks li a::before {
    display: block !important;
    font-family: 'Icons' !important;
    font-size: 19px !important;
    line-height: 1 !important;
    color: #e0e0e0 !important;
}

/* êíîïêà àäìèíêè */
body.mobile.light #ForumD-ru #pun-navlinks #navadmin {
    top: 4px;
    right: 0px;
}

body.mobile.light #ForumD-ru li#navindex a::before { content: '\e88a'; }
body.mobile.light #ForumD-ru li#navuserlist > a::before { content: '\e7ef'; }
body.mobile.light #ForumD-ru li#navawards a::before { content: '\e71a'; }
body.mobile.light #ForumD-ru li#navsearch a::before { content: '\e8b6'; }
body.mobile.light #ForumD-ru li#navprofile > a::before { content: '\e7fd'; }
body.mobile.light #ForumD-ru li#navpm a::before,
body.mobile.light #ForumD-ru li#navmessages a::before { content: '\e158'; }
body.mobile.light #ForumD-ru li#navlogout a::before { content: '\e9ba'; }
body.mobile.light #ForumD-ru li#navregister a::before { content: '\e7fe'; }
body.mobile.light #ForumD-ru li#navlogin a::before { content: '\ea77'; }
body.mobile.light #ForumD-ru li#navadmin > a::before { content: '\e8b8'; }

body.mobile.light #ForumD-ru #pun-navlinks .UM-list,
body.mobile.light #ForumD-ru #pun-navlinks .UM-innerlist,
body.mobile.light #ForumD-ru #pun-navlinks li:hover > .UM-list,
body.mobile.light #ForumD-ru #pun-navlinks li:focus-within > .UM-list,
body.mobile.light #ForumD-ru #pun-navlinks li:active > .UM-list {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    position: absolute !important;
    left: -9999px !important;
    top: auto !important;
    width: 0 !important;
    height: 0 !important;
    max-width: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
}

body.mobile.light #ForumD-ru #pun-ulinks {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 45px !important;
    height: var(--mob-menu-h) !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    z-index: 100000 !important;
}

body.mobile.light #ForumD-ru #pun-ulinks > h2 { display: none !important; }
body.mobile.light #ForumD-ru #pun-ulinks::before {
    content: '\e5d2';
    display: block !important;
    width: 45px !important;
    height: var(--mob-menu-h) !important;
    font-family: 'Icons' !important;
    font-size: 22px !important;
    line-height: var(--mob-menu-h) !important;
    text-align: center !important;
    color: #e0e0e0 !important;
    cursor: pointer !important;
}

body.mobile.light #ForumD-ru #pun-ulinks .container {
    display: none !important;
    position: absolute !important;
    top: var(--mob-menu-h) !important;
    left: 0 !important;
    width: 190px !important;
    max-width: calc(100vw - 20px) !important;
    margin: 0 !important;
    padding: 10px !important;
    background: rgba(26, 32, 31, 0.96) !important;
    border: 1px solid rgba(97, 121, 117, 0.35) !important;
    border-top: none !important;
    border-radius: 0 0 8px 8px !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.35) !important;
    z-index: 100001 !important;
}

body.mobile.light #ForumD-ru #pun-ulinks:hover .container,
body.mobile.light #ForumD-ru #pun-ulinks:focus-within .container,
body.mobile.light #ForumD-ru #pun-ulinks:active .container { display: block !important; }
body.mobile.light #ForumD-ru #pun-ulinks .container li,
body.mobile.light #ForumD-ru #pun-ulinks .container li a {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    padding: 3px 5px;
}

/* =========================================================
   2. ØÀÏÊÀ / ÒÀÁËÈÖÀ / ÀÊÒÈÂÈÑÒÛ / ÏËÀØÊÈ — REAL DOM v5.8
   ========================================================= */

body.mobile.light #html-header {
    position: relative !important;
    isolation: auto !important;
    width: 100% !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    height: var(--mob-header-h) !important;
    min-height: var(--mob-header-h) !important;
    max-height: var(--mob-header-h) !important;
    margin: 0 !important;
    padding: 0 !important;

    /* ÂÀÆÍÎ: ñàéäáàð íàõîäèòñÿ âíóòðè #html-header.
       Ïîýòîìó øàïêà íå äîëæíà ðåçàòü åãî overflow:hidden. */
    overflow: visible !important;

    background: transparent !important;
    z-index: 2147483000 !important;
}

/* Åäèíûé ôîí ìîáèëüíîé øàïêè: òÿíåì êàðòèíêó äî íèæíåãî êðàÿ òàáëèöû,
   ÷òîáû ïîä êíîïêàìè ÍÀ×ÀËÎ / ÑÎÁÛÒÈß íå âûëåçàë ñâåòëûé ôîí ñòðàíèöû. */
body.mobile.light #html-header::before {
    content: "" !important;

    position: absolute !important;
    left: 50% !important;
    top: 0 !important;
    right: auto !important;
    bottom: auto !important;
    transform: translateX(-50%) !important;

    display: block !important;
    width: var(--mob-tabla-w) !important;
    max-width: var(--mob-stage-max-w) !important;
    min-width: 0 !important;

    height: var(--mob-header-h) !important;
    min-height: var(--mob-header-h) !important;
    max-height: var(--mob-header-h) !important;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 0 !important;
    pointer-events: none !important;

    background-image: url(https://forumstatic.ru/files/001b/d9/4a/92589.png) !important;
    background-repeat: no-repeat !important;
    background-size: auto var(--mob-bg-h) !important;
    background-position: var(--mob-bg-x) var(--mob-bg-y) !important;
    background-color: transparent !important;
}

body.mobile.light #pun-title {
    position: absolute !important;
    left: 0 !important;
    top: -85px !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 1 !important;
    width: 100% !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    height: var(--mob-bg-h) !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
    overflow: hidden !important;
    background-image: none !important;
    background: transparent !important;
}

/* =========================================================
   2A. MOBILE — ÑÀÉÄÁÀÐ ÏÎÂÅÐÕ ÂÑÅÃÎ
   ========================================================= */

body.mobile.light #sidebar {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    right: auto !important;
    bottom: auto !important;

    width: auto !important;
    max-width: none !important;
    height: 100dvh !important;
    max-height: 100dvh !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
    transform: none !important;

    z-index: 2147483640 !important;
    pointer-events: auto !important;
}

body.mobile.light #sidebar *,
body.mobile.light #sidebar *::before,
body.mobile.light #sidebar *::after {
    box-sizing: border-box !important;
}

body.mobile.light #sidebar .show_sidebar,
body.mobile.light #sidebar .tab_family,
body.mobile.light #sidebar .tab,
body.mobile.light #sidebar .cont {
    position: relative !important;
    z-index: 2147483641 !important;
}

body.mobile.light #sidebar .cont {
    overflow: visible !important;
}

body.mobile.light #sidebar .tab_family:hover,
body.mobile.light #sidebar .tab_family:focus-within,
body.mobile.light #sidebar .tab_family:active {
    z-index: 2147483645 !important;
}

body.mobile.light #sidebar .tab_family:hover .cont,
body.mobile.light #sidebar .tab_family:focus-within .cont,
body.mobile.light #sidebar .tab_family:active .cont {
    z-index: 2147483646 !important;
}

/* ÷òîáû ForumD-ïàíåëü, àêòèâèñòû, òàáëèöà, ïëàøêè è ñïèñîê òåì
   íå ìîãëè ëå÷ü ïîâåðõ îòêðûòîãî ñàéäáàðà */
body.mobile.light #ForumD-ru,
body.mobile.light #ForumD-ru.sticky,
body.mobile.light #active,
body.mobile.light .tabla,
body.mobile.light #pun-announcement,
body.mobile.light #pun-main,
body.mobile.light .go-up,
body.mobile.light .go-down,
body.mobile.light div#spoiler-open-all {
    z-index: 9999 !important;
}

body.mobile.light #pun-title h1,
body.mobile.light #pun-title table,
body.mobile.light #pun-title tbody,
body.mobile.light #pun-title tr,
body.mobile.light #pun-title td,
body.mobile.light div#pun-status,
body.mobile.light .f_desc_wrap { display: none !important; }

body.mobile tg,
body.mobile.light tg { top: 118px; }

body.mobile.light #html-header > #active,
body.mobile.light #active {
    position: absolute !important;
    left: 50% !important;
    top: var(--mob-active-top) !important;
    right: auto !important;
    bottom: auto !important;
    transform: translateX(-50%) !important;
    display: flex !important;
    flex-flow: row nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    width: var(--mob-tabla-w) !important;
    max-width: var(--mob-stage-max-w) !important;
    min-width: 0 !important;
    height: var(--mob-active-h) !important;
    min-height: var(--mob-active-h) !important;
    max-height: var(--mob-active-h) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    z-index: 45 !important;
    pointer-events: auto !important;
}

body.mobile.light #active > div,
body.mobile.light #active > div > a,
body.mobile.light #active .fon {
    display: block !important;
    width: var(--mob-active-h) !important;
    min-width: var(--mob-active-h) !important;
    max-width: var(--mob-active-h) !important;
    height: var(--mob-active-h) !important;
    min-height: var(--mob-active-h) !important;
    max-height: var(--mob-active-h) !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.mobile.light #active .fon {
    border-radius: 50% !important;
    background-size: cover !important;
    background-position: center center !important;
    border: 1px solid rgba(190, 202, 197, 0.35) !important;
    filter: grayscale(1) brightness(1.08) contrast(0.78) !important;
    box-shadow: none !important;
    opacity: .85 !important;
}

body.mobile.light #html-header > .tabla,
body.mobile.light .tabla {
    position: absolute !important;
    left: 50% !important;
    top: var(--mob-tabla-top) !important;
    right: auto !important;
    bottom: auto !important;
    transform: translateX(-50%) !important;
    width: var(--mob-tabla-w) !important;
    max-width: var(--mob-stage-max-w) !important;
    min-width: 0 !important;
    height: var(--mob-tabla-h) !important;
    min-height: var(--mob-tabla-h) !important;
    max-height: var(--mob-tabla-h) !important;
    margin: 0 !important;
    padding: 19px 8px 29px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    z-index: 30 !important;
    pointer-events: auto !important;
    color: rgba(215, 214, 214, 1) !important;
    background: transparent !important;
}

body.mobile.light #html-header > .tabla .tabs,
body.mobile.light .tabla .tabs {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    text-align: center !important;
}

body.mobile.light .tabla .tabs > input[type="radio"] { display: none !important; }

body.mobile.light .tabla .tabs > label {
    position: absolute !important;
    top: auto !important;
    bottom: 0 !important;
    transform: none !important;
    rotate: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: calc(50% - 4px) !important;
    max-width: calc(50% - 4px) !important;
    height: var(--mob-tab-buttons-h) !important;
    min-height: var(--mob-tab-buttons-h) !important;
    max-height: var(--mob-tab-buttons-h) !important;
    margin: 0 !important;
    padding: 0 8px !important;
    z-index: 40 !important;
    text-align: center !important;
    white-space: nowrap !important;
    font-size: 10px !important;
    line-height: 1 !important;
    overflow: hidden !important;
    left: auto !important;
}

body.mobile.light .tabla .tabs > label[for="tab1"] { left: 0 !important; right: auto !important; }
body.mobile.light .tabla .tabs > label[for="tab2"] { left: auto !important; right: 0 !important; }
body.mobile.light .tabla .tabs > label[for="tab3"] { display: none !important; }

body.mobile.light .tabla .tabs section {
    display: none !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;

    /* òåêñò òàáëèöû äîëæåí äîõîäèòü ïî÷òè äî êíîïîê ÍÀ×ÀËÎ / ÑÎÁÛÒÈß */
    bottom: calc(var(--mob-tab-buttons-h) + 6px) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    margin-top: 0 !important;

    /* óáèðàåì ëèøíþþ ïóñòîòó âíóòðè ñêðîëëÿ ñíèçó */
    padding: 0 10px 4px 2px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    text-align: justify !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-gutter: stable !important;
}

body.mobile.light .tabla .tabs #tab1:checked ~ #content-tab1,
body.mobile.light .tabla .tabs #tab2:checked ~ #content-tab2,
body.mobile.light .tabla .tabs #tab3:checked ~ #content-tab3 {
    display: block !important;
    top: 0 !important;
    margin-top: 0 !important;
}

body.mobile.light .tabla .tabcontent {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 6px 10px !important;
    align-items: start !important;
    justify-content: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

body.mobile.light .tabla #content-tab1 .tablacenter,
body.mobile.light .tabla #content-tab1 .tablaleft,
body.mobile.light .tabla #content-tab1 .tablaright {
    grid-column: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 2px !important;
    overflow: visible !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
}

body.mobile.light .tabla #content-tab1,
body.mobile.light .tabla #content-tab1 p,
body.mobile.light .tabla #content-tab1 li {
    font-size: 10px !important;
    line-height: 1.25 !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    white-space: normal !important;
}

body.mobile.light .tabla #content-tab1 .tablacenter {
    display: block !important;
    padding: 4px 6px !important;
    margin: 0 0 4px !important;
}

body.mobile.light .tabla #content-tab1 .tablaleft > span,
body.mobile.light .tabla #content-tab1 .tablaright > span {
    display: block !important;
    margin: 4px 0 5px !important;
    padding: 2px 4px !important;
    text-align: center !important;
    white-space: normal !important;
}

body.mobile.light .tabla #content-tab1 ul { margin: 0 !important; padding-left: 13px !important; }
body.mobile.light .tabla #content-tab1 li { margin: 0 0 3px !important; padding: 0 !important; }

body.mobile.light .tabla #content-tab2 .tabcontent {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 110px !important;
    gap: 8px !important;
    align-items: start !important;
}

body.mobile.light .tabla #content-tab2 .tabla_text,
body.mobile.light .tabla #content-tab2 .tabla_link {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
}

body.mobile.light .tabla #content-tab2,
body.mobile.light .tabla #content-tab2 p,
body.mobile.light .tabla #content-tab2 li,
body.mobile.light .tabla #content-tab2 a { font-size: 10px !important; line-height: 1.3 !important; }

body.mobile.light .tabla .tabs section::-webkit-scrollbar { width: 4px !important; }
body.mobile.light .tabla .tabs section::-webkit-scrollbar-thumb { background: var(--mob-scrollbar) !important; border-radius: 10px !important; }

body.mobile.light #pun-announcement {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: var(--mob-plashki-top) !important;
    bottom: auto !important;
    width: 100% !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    height: var(--mob-plashki-h) !important;
    min-height: var(--mob-plashki-h) !important;
    max-height: var(--mob-plashki-h) !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    overflow: visible !important;
    background: transparent !important;
    z-index: 50 !important;
    pointer-events: none !important;
}

body.mobile.light #pun-announcement h2 { display: none !important; }

body.mobile.light #pun-announcement .container,
body.mobile.light #pun-announcement .html-box {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    height: var(--mob-plashki-h) !important;
    min-height: var(--mob-plashki-h) !important;
    max-height: var(--mob-plashki-h) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
}

body.mobile.light #pun-announcement plashki {
    position: relative !important;
    left: 50% !important;
    top: 0px !important;
    right: auto !important;
    bottom: auto !important;
    transform: translateX(-50%) !important;
    display: block !important;
    width: var(--mob-tabla-w) !important;
    max-width: var(--mob-stage-max-w) !important;
    min-width: 0 !important;
    height: var(--mob-plashki-h) !important;
    min-height: var(--mob-plashki-h) !important;
    max-height: var(--mob-plashki-h) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    z-index: 55 !important;
    pointer-events: auto !important;
}

body.mobile.light #pun-announcement plashki .scroll_goriz {
    display: flex !important;
    flex-flow: row nowrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: var(--mob-plashki-h) !important;
    min-height: var(--mob-plashki-h) !important;
    max-height: var(--mob-plashki-h) !important;
    margin: 0 !important;
    padding: 0 0 4px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-behavior: auto !important;
}

body.mobile.light #pun-announcement plashki .scroll_goriz > a {
    flex: 0 0 auto !important;
    display: block !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.mobile.light #pun-announcement .plashka {
    flex: 0 0 auto !important;
    width: 84px !important;
    min-width: 84px !important;
    max-width: 84px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    margin: 0 !important;
    overflow: hidden !important;
}

body.mobile.light #pun-announcement plashki .scroll_goriz::-webkit-scrollbar { height: 3px !important; }
body.mobile.light #pun-announcement plashki .scroll_goriz::-webkit-scrollbar-thumb { background: var(--mob-scrollbar) !important; border-radius: 10px !important; }

/* =========================================================
   3. ÎÁÙÈÅ ÑËÓÆÅÁÍÛÅ ÑÒÐÀÍÈÖÛ / ÇÀÃÎËÎÂÊÈ / ÏÀÃÈÍÀÖÈß
   ========================================================= */

body.mobile.light #pun-crumbs1,
body.mobile.light #pun-crumbs2 {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 6px 0 !important;
    text-align: center !important;
}

body.mobile.light #pun-crumbs1 .container,
body.mobile.light #pun-crumbs2 .container { width: 100% !important; max-width: 100% !important; padding: 4px 8px !important; font-size: 12px !important; }

body.mobile.light #post-form h2,
body.mobile.light #pun-main.main h1,
body.mobile.light #pun-viewtopic #pun-main h1,
body.mobile.light #pun-viewtopic #pun-main h2,
body.mobile.light #pun-profile #pun-main h1,
body.mobile.light #pun-messages #pun-main h1,
body.mobile.light #pun-userlist #pun-main h1,
body.mobile.light #pun-search #pun-main h1,
body.mobile.light #pun-searchposts #pun-main h1,
body.mobile.light #pun-register #pun-main h1,
body.mobile.light #pun-login #pun-main h1,
body.mobile.light #pun-searchtopics #pun-main h1,
body.mobile.light #pun-online #pun-main h1,
body.mobile.light #pun-viewforum #pun-main h1,
body.mobile.light .custom_tag_h0 {
    width: 100% !important;
    max-width: 100% !important;
    margin: 5px auto 25px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    text-align: center !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    line-height: 1.2 !important;
}

body.mobile.light .linkst,
body.mobile.light .linksb,
body.mobile.light .modmenu .container,
body.mobile.light #topic-users-in {
    position: relative !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 8px 0 !important;
    padding: 5px 0 !important;
}

body.mobile.light .linkst .postlink,
body.mobile.light .linksb .postlink,
body.mobile.light .linkst .pagelink,
body.mobile.light .linksb .pagelink,
body.mobile.light .pagelink { position: relative !important; float: none !important; width: auto !important; max-width: 100% !important; height: auto !important; margin: 0 !important; text-align: center !important; }

body.mobile.light .pagelink { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; align-items: center !important; gap: 4px !important; width: 100% !important; padding: 4px 0 !important; }
body.mobile.light .pagelink a,
body.mobile.light .pagelink strong,
body.mobile.light .pagelink span { display: inline-block !important; min-width: 24px !important; margin: 2px !important; padding: 4px 8px !important; text-align: center !important; }
body.mobile.light .subscribelink { position: relative !important; left: auto !important; transform: none !important; width: 100% !important; margin: 6px 0 !important; text-align: center !important; }

/* =========================================================
   4. ÃËÀÂÍÀß / ÑÏÈÑÎÊ ÒÅÌ / USERLIST / ONLINE
   ========================================================= */

body.mobile.light #pun-index .category,
body.mobile.light #pun-index .category > .container {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.mobile.light #pun-index .category {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    padding-top: 0 !important;
}

body.mobile.light #pun-index .category h2,
body.mobile.light #pun-stats h2 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    margin: 4px 0 6px !important;
    padding: 0 6px !important;
    overflow: hidden !important;
    background-size: cover !important;
    background-position: center !important;
    font-size: clamp(18px, 6vw, 24px) !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    text-align: center !important;
}

body.mobile.light #pun-index .category > .container > table > tbody.hasicon > tr {
    display: flex !important;
    flex-flow: row wrap !important;
    align-items: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 8px 0 !important;
    padding: 10px !important;
    border-radius: 6px !important;
    overflow: hidden !important;
}

body.mobile.light #pun-index .category > .container > table > tbody.hasicon > tr > td {
    display: block;
    float: none !important;
    clear: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 4px 0 !important;
    border: 0 !important;
    vertical-align: top !important;
    overflow: visible !important;
}

body.mobile.light #pun-index .category > .container > table > tbody.hasicon > tr > td.tcl {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: left !important;
}

body.mobile.light #pun-index .category > .container > table > tbody.hasicon > tr > td.tcl > .intd {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

body.mobile.light #pun-index .category > .container > table > tbody.hasicon > tr > td.tcl div.icon,
body.mobile.light #pun-index .category > .container > table > tbody.hasicon > tr > td.tcl .icon {
    position: relative !important;
    flex: 0 0 50px !important;
    width: 50px !important;
    max-width: 50px !important;
    min-width: 50px !important;
    height: 50px !important;
    max-height: 50px !important;
    min-height: 50px !important;
    margin: 0 10px 0 0 !important;
    padding: 0 !important;
    float: none !important;
    overflow: hidden !important;
}

body.mobile.light #pun-index .category > .container > table > tbody.hasicon > tr > td.tcl .tclcon {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: calc(100% - 60px) !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 6px 0 !important;
    overflow: visible !important;
    text-align: left !important;
}

body.mobile.light #pun-index .category > .container > table > tbody.hasicon > tr > td.tcl .tclcon h3 {
    margin: 0 0 6px !important;
    padding: 0 !important;
    text-align: left !important;
}

body.mobile.light #pun-index .category > .container > table > tbody.hasicon > tr > td.tcl .tclcon h3 a {
    font-size: 14px !important;
    line-height: 1.2 !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
}

body.mobile.light #pun-index .category > .container > table > tbody.hasicon > tr > td.tcl forumdesc,
body.mobile.light #pun-index .category > .container > table > tbody.hasicon > tr > td.tcl .forumdesc {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.3 !important;
    overflow: visible !important;
}

body.mobile.light #pun-index .category > .container > table > tbody.hasicon > tr > td.tcl forumdesc table,
body.mobile.light #pun-index .category > .container > table > tbody.hasicon > tr > td.tcl .forumdesc table {
    display: table !important;
    table-layout: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    border-collapse: separate !important;
    overflow: visible !important;
}

body.mobile.light #pun-index .category > .container > table > tbody.hasicon > tr > td.tcl forumdesc tbody,
body.mobile.light #pun-index .category > .container > table > tbody.hasicon > tr > td.tcl .forumdesc tbody { display: table-row-group !important; }
body.mobile.light #pun-index .category > .container > table > tbody.hasicon > tr > td.tcl forumdesc tr,
body.mobile.light #pun-index .category > .container > table > tbody.hasicon > tr > td.tcl .forumdesc tr {
    display: table-row !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}
body.mobile.light #pun-index .category > .container > table > tbody.hasicon > tr > td.tcl forumdesc td,
body.mobile.light #pun-index .category > .container > table > tbody.hasicon > tr > td.tcl .forumdesc td {
    display: table-cell !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    float: none !important;
    clear: none !important;
    vertical-align: top !important;
    overflow: visible !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
}

body.mobile.light #pun-index .category > .container > table > tbody.hasicon > tr > td.tcr {
    flex: 1 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-top: 8px !important;
    text-align: left !important;
    font-size: 10px !important;
    line-height: 1.35 !important;
}

body.mobile .main table .Add { padding: 0px; }

body.mobile.light #pun-index .category > .container > table > tbody.hasicon > tr > td.tc2,
body.mobile.light #pun-index .category > .container > table > tbody.hasicon > tr > td.tc3 {
    width: 100% !important;
    max-width: 100% !important;
}

body.mobile.light #pun-main.show_recent .forum,
body.mobile.light #pun-main.show_recent .forum .container,
body.mobile.light #pun-viewforum #pun-main .forum,
body.mobile.light #pun-viewforum #pun-main .forum .container { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; }

body.mobile.light #pun-main.show_recent .forum table,
body.mobile.light #pun-viewforum #pun-main .forum table { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 auto !important; padding: 0 !important; table-layout: fixed !important; border-collapse: separate !important; overflow: visible !important; }
body.mobile.light #pun-main.show_recent .forum thead,
body.mobile.light #pun-viewforum #pun-main .forum thead { display: none !important; }
body.mobile.light #pun-main.show_recent .forum tbody,
body.mobile.light #pun-main.show_recent .forum tbody.hasicon,
body.mobile.light #pun-viewforum #pun-main .forum tbody,
body.mobile.light #pun-viewforum #pun-main .forum tbody.hasicon { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; }

body.mobile.light #pun-main.show_recent .forum tbody tr,
body.mobile.light #pun-viewforum #pun-main .forum tbody tr {
    display: grid !important;
    grid-template-columns: minmax(128px, 1fr) minmax(54px, 0.42fr) 30px minmax(66px, 0.5fr) !important;
    column-gap: 6px !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 62px !important;
    margin: 10px 0 !important;
    padding: 7px 8px !important;
    border-radius: 6px !important;
    overflow: hidden !important;
}

body.mobile.light #pun-main.show_recent .forum tbody tr > td,
body.mobile.light #pun-viewforum #pun-main .forum tbody tr > td { display: block !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; float: none !important; clear: none !important; border: 0 !important; vertical-align: middle !important; overflow: hidden !important; font-size: 10px !important; line-height: 1.15 !important; }

body.mobile.light #pun-main.show_recent .forum tbody tr > td.tcl,
body.mobile.light #pun-viewforum #pun-main .forum tbody tr > td.tcl { grid-column: 1 !important; display: grid !important; grid-template-columns: 28px minmax(0, 1fr) !important; column-gap: 6px !important; align-items: start !important; text-align: left !important; }
body.mobile.light #pun-main.show_recent .forum tbody tr > td.tcl > .intd,
body.mobile.light #pun-viewforum #pun-main .forum tbody tr > td.tcl > .intd { display: contents !important; }
body.mobile.light #pun-main.show_recent .forum tbody tr > td.tcl .icon,
body.mobile.light #pun-main.show_recent .forum tbody tr > td.tcl div.icon,
body.mobile.light #pun-viewforum #pun-main .forum tbody tr > td.tcl .icon,
body.mobile.light #pun-viewforum #pun-main .forum tbody tr > td.tcl div.icon { grid-column: 1 !important; position: relative !important; float: none !important; width: 24px !important; height: 24px !important; max-width: 24px !important; max-height: 24px !important; margin: 2px 0 0 !important; padding: 0 !important; background-size: contain !important; background-position: center center !important; background-repeat: no-repeat !important; }
body.mobile.light #pun-main.show_recent .forum tbody tr > td.tcl .topic-text-block,
body.mobile.light #pun-main.show_recent .forum tbody tr > td.tcl .tclcon,
body.mobile.light #pun-viewforum #pun-main .forum tbody tr > td.tcl .topic-text-block,
body.mobile.light #pun-viewforum #pun-main .forum tbody tr > td.tcl .tclcon { grid-column: 2 !important; display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; text-align: left !important; }

body.mobile.light #pun-main.show_recent .forum .topic-row-title,
body.mobile.light #pun-main.show_recent .forum .topic-row-title a,
body.mobile.light #pun-main.show_recent .forum .tclcon h3,
body.mobile.light #pun-main.show_recent .forum .tclcon h3 a,
body.mobile.light #pun-viewforum #pun-main .forum .topic-row-title,
body.mobile.light #pun-viewforum #pun-main .forum .topic-row-title a,
body.mobile.light #pun-viewforum #pun-main .forum .tclcon h3,
body.mobile.light #pun-viewforum #pun-main .forum .tclcon h3 a { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 0 2px !important; padding: 0 !important; font-size: 11px !important; line-height: 1.12 !important; font-weight: 700 !important; text-align: left !important; white-space: normal !important; overflow-wrap: break-word !important; word-break: normal !important; }

body.mobile.light #pun-main.show_recent .forum .topic-row-author,
body.mobile.light #pun-main.show_recent .forum .topic-row-bottom,
body.mobile.light #pun-main.show_recent .forum .topic-text-block > span,
body.mobile.light #pun-viewforum #pun-main .forum .topic-row-author,
body.mobile.light #pun-viewforum #pun-main .forum .topic-row-bottom,
body.mobile.light #pun-viewforum #pun-main .forum .topic-text-block > span { display: block !important; width: 100% !important; max-width: 100% !important; margin: 2px 0 0 !important; padding: 0 !important; font-size: 9px !important; line-height: 1.15 !important; white-space: normal !important; overflow-wrap: break-word !important; word-break: normal !important; opacity: .85; }

body.mobile.light #pun-main.show_recent .forum tbody tr > td.tc2,
body.mobile.light #pun-viewforum #pun-main .forum tbody tr > td.tc2 { grid-column: 2 !important; display: flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; white-space: normal !important; overflow-wrap: break-word !important; word-break: normal !important; }
body.mobile.light #pun-main.show_recent .forum tbody tr > td.tc2 a,
body.mobile.light #pun-viewforum #pun-main .forum tbody tr > td.tc2 a { display: block !important; width: 100% !important; max-width: 100% !important; font-size: 10px !important; line-height: 1.15 !important; text-align: center !important; }
body.mobile.light #pun-main.show_recent .forum tbody tr > td.tc3,
body.mobile.light #pun-viewforum #pun-main .forum tbody tr > td.tc3 { grid-column: 3 !important; display: flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; font-size: 10px !important; line-height: 1 !important; font-weight: 700 !important; }
body.mobile.light #pun-main.show_recent .forum tbody tr > td.tcr,
body.mobile.light #pun-viewforum #pun-main .forum tbody tr > td.tcr { grid-column: 4 !important; display: grid !important; grid-template-columns: 1fr !important; grid-template-rows: 24px auto auto !important; justify-items: center !important; align-items: start !important; row-gap: 2px !important; text-align: center !important; }
body.mobile.light #pun-main.show_recent .forum tbody tr > td.tcr em.user-avatar,
body.mobile.light #pun-viewforum #pun-main .forum tbody tr > td.tcr em.user-avatar,
body.mobile.light #pun-main.show_recent .forum tbody tr > td.tcr .avatar-image,
body.mobile.light #pun-viewforum #pun-main .forum tbody tr > td.tcr .avatar-image { display: block !important; width: 24px !important; height: 24px !important; margin: 0 auto 2px !important; padding: 0 !important; overflow: hidden !important; background-size: cover !important; background-position: center center !important; }
body.mobile.light #pun-main.show_recent .forum tbody tr > td.tcr > a,
body.mobile.light #pun-viewforum #pun-main .forum tbody tr > td.tcr > a,
body.mobile.light #pun-main.show_recent .forum tbody tr > td.tcr .byuser,
body.mobile.light #pun-viewforum #pun-main .forum tbody tr > td.tcr .byuser { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; font-size: 10px !important; line-height: 1.12 !important; text-align: center !important; white-space: normal !important; overflow-wrap: break-word !important; word-break: normal !important; }
body.mobile.light #pun-main.show_recent .forum tbody tr > td.tcr br,
body.mobile.light #pun-viewforum #pun-main .forum tbody tr > td.tcr br { display: none !important; }

/* Userlist */
body.mobile.light #pun-userlist,
body.mobile.light #pun-userlist #pun-main { width: 100% !important; max-width: 100vw !important; min-width: 0 !important; overflow-x: hidden !important; }
body.mobile.light #pun-userlist #pun-main { width: auto !important; max-width: calc(100vw - var(--mob-page-gap) * 2) !important; margin-left: var(--mob-page-gap) !important; margin-right: var(--mob-page-gap) !important; }
body.mobile.light #pun-userlist .formal h2,
body.mobile.light #pun-userlist .usertable h2 { display: none !important; }
body.mobile.light #pun-userlist .linkst,
body.mobile.light #pun-userlist .linksb,
body.mobile.light #pun-userlist .formal,
body.mobile.light #pun-userlist .usertable,
body.mobile.light #pun-userlist .formal .container,
body.mobile.light #pun-userlist .usertable .container { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin-left: 0 !important; margin-right: 0 !important; overflow-x: hidden !important; }
body.mobile.light #pun-userlist #userlist,
body.mobile.light #pun-userlist #userlist fieldset { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; overflow-x: hidden !important; }
body.mobile.light #pun-userlist #userlist legend { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 0 10px !important; padding: 0 !important; font-size: 12px !important; line-height: 1.2 !important; font-weight: 700 !important; text-align: left !important; }
body.mobile.light #pun-userlist #userlist .fs-box.inline { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; gap: 8px 10px !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; overflow-x: hidden !important; }
body.mobile.light #pun-userlist #userlist p.inputfield,
body.mobile.light #pun-userlist #userlist p.selectfield { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; }
body.mobile.light #pun-userlist #userlist p.inputfield label,
body.mobile.light #pun-userlist #userlist p.selectfield label { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 0 3px !important; padding: 0 !important; font-size: 9px !important; line-height: 1.15 !important; }
body.mobile.light #pun-userlist #userlist span.input,
body.mobile.light #pun-userlist #userlist input[type="text"],
body.mobile.light #pun-userlist #userlist select { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; }
body.mobile.light #pun-userlist #userlist input[type="text"],
body.mobile.light #pun-userlist #userlist select { height: 22px !important; padding: 2px 6px !important; font-size: 9px !important; line-height: 1.1 !important; }
body.mobile.light #pun-userlist #userlist p.infofield { grid-column: 1 / -1 !important; width: 100% !important; max-width: 100% !important; margin: 2px 0 0 !important; padding: 0 !important; font-size: 9px !important; line-height: 1.25 !important; text-align: left !important; overflow-wrap: break-word !important; word-break: normal !important; }
body.mobile.light #pun-userlist #userlist .formsubmit,
body.mobile.light #pun-userlist #userlist .formsubmit input,
body.mobile.light #pun-userlist #userlist .formsubmit .button { display: block !important; width: 100% !important; max-width: 100% !important; margin: 10px 0 0 !important; padding: 5px 10px !important; text-align: center !important; }

body.mobile.light #pun-userlist .usertable table,
body.mobile.light #pun-userlist .usertable tbody { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; table-layout: fixed !important; border-collapse: separate !important; overflow: visible !important; }
body.mobile.light #pun-userlist .usertable thead { display: none !important; }
body.mobile.light #pun-userlist .usertable tbody tr { display: grid !important; grid-template-columns: minmax(76px, 1fr) 48px 28px 24px 52px 38px !important; column-gap: 3px !important; align-items: center !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; min-height: 54px !important; margin: 8px 0 !important; padding: 6px 5px !important; border-radius: 6px !important; overflow: hidden !important; }
body.mobile.light #pun-userlist .usertable tbody tr > td { display: block !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; float: none !important; clear: none !important; border: 0 !important; vertical-align: middle !important; overflow: hidden !important; font-size: 9px !important; line-height: 1.15 !important; text-align: center !important; white-space: normal !important; overflow-wrap: break-word !important; word-break: normal !important; }
body.mobile.light #pun-userlist .usertable tbody tr > td.username { grid-column: 1 !important; display: grid !important; grid-template-columns: 24px minmax(0, 1fr) !important; column-gap: 5px !important; align-items: center !important; text-align: left !important; }
body.mobile.light #pun-userlist .usertable td.username em.user-avatar,
body.mobile.light #pun-userlist .usertable td.username .avatar-image { display: block !important; width: 22px !important; height: 22px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background-size: cover !important; background-position: center center !important; }
body.mobile.light #pun-userlist .usertable td.username .usersname,
body.mobile.light #pun-userlist .usertable td.username .usersname a { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; font-size: 9px !important; line-height: 1.15 !important; font-weight: 700 !important; text-align: left !important; white-space: normal !important; overflow-wrap: break-word !important; word-break: normal !important; }
body.mobile.light #pun-userlist .usertable tbody tr > td.user_title,
body.mobile.light #pun-userlist .usertable tbody tr > td.title,
body.mobile.light #pun-userlist .usertable tbody tr > td.tc2 { grid-column: 2 !important; font-size: 8.5px !important; line-height: 1.12 !important; text-align: center !important; }
body.mobile.light #pun-userlist .usertable tbody tr > td.relation { grid-column: 3 !important; font-size: 8.5px !important; line-height: 1.1 !important; text-align: center !important; }
body.mobile.light #pun-userlist .usertable tbody tr > td.num_posts,
body.mobile.light #pun-userlist .usertable tbody tr > td.posts { grid-column: 4 !important; font-size: 9px !important; line-height: 1 !important; font-weight: 700 !important; text-align: center !important; }
body.mobile.light #pun-userlist .usertable tbody tr > td.registered { grid-column: 5 !important; font-size: 8.5px !important; line-height: 1.1 !important; text-align: center !important; }
body.mobile.light #pun-userlist .usertable tbody tr > td.last_visit { grid-column: 6 !important; font-size: 8.5px !important; line-height: 1.1 !important; text-align: center !important; }

/* Online */
body.mobile.light #pun-online #pun-main { width: auto !important; max-width: calc(100vw - var(--mob-page-gap) * 2) !important; min-width: 0 !important; margin-left: var(--mob-page-gap) !important; margin-right: var(--mob-page-gap) !important; padding-left: 0 !important; padding-right: 0 !important; overflow-x: hidden !important; }
body.mobile.light #pun-main .online-list,
body.mobile.light #pun-main .online-list .container { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; overflow-x: hidden !important; }
body.mobile.light #pun-main .online-list table,
body.mobile.light #pun-main .online-list tbody { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 auto !important; padding: 0 !important; table-layout: fixed !important; border-collapse: separate !important; overflow: visible !important; }
body.mobile.light #pun-main .online-list thead { display: none !important; }
body.mobile.light #pun-main .online-list tbody tr { display: grid !important; grid-template-columns: minmax(76px, 0.78fr) minmax(0, 1fr) 72px !important; column-gap: 7px !important; align-items: center !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; min-height: 46px !important; margin: 8px 0 !important; padding: 7px 8px !important; border-radius: 6px !important; overflow: hidden !important; }
body.mobile.light #pun-main .online-list tbody tr > td { display: block !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; float: none !important; clear: none !important; border: 0 !important; vertical-align: middle !important; overflow: hidden !important; font-size: 10px !important; line-height: 1.15 !important; white-space: normal !important; overflow-wrap: break-word !important; word-break: normal !important; }
body.mobile.light #pun-main .online-list tbody tr > td.username { grid-column: 1 !important; display: grid !important; grid-template-columns: 18px minmax(0, 1fr) !important; column-gap: 5px !important; align-items: center !important; text-align: left !important; }
body.mobile.light #pun-main .online-list td.username .flag-i { display: block !important; width: 16px !important; height: 11px !important; margin: 0 !important; padding: 0 !important; background-size: contain !important; background-position: center center !important; background-repeat: no-repeat !important; }
body.mobile.light #pun-main .online-list td.username > a:first-child { display: flex !important; align-items: center !important; justify-content: center !important; width: 18px !important; max-width: 18px !important; margin: 0 !important; padding: 0 !important; }
body.mobile.light #pun-main .online-list td.username .registered-user,
body.mobile.light #pun-main .online-list td.username > a:not(:first-child) { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; font-size: 10px !important; line-height: 1.15 !important; font-weight: 700 !important; text-align: left !important; white-space: normal !important; overflow-wrap: break-word !important; word-break: normal !important; }
body.mobile.light #pun-main .online-list tbody tr > td.action { grid-column: 2 !important; text-align: left !important; }
body.mobile.light #pun-main .online-list tbody tr > td.action a { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; font-size: 10px !important; line-height: 1.15 !important; text-align: left !important; white-space: normal !important; overflow-wrap: break-word !important; word-break: normal !important; }
body.mobile.light #pun-main .online-list tbody tr > td.time,
body.mobile.light #pun-main .online-list tbody tr > td.tc3 { grid-column: 3 !important; display: flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; font-size: 9px !important; line-height: 1.12 !important; white-space: normal !important; overflow-wrap: break-word !important; word-break: normal !important; }

/* =========================================================
   5. ÏÎÑÒÛ / ÔÎÐÌÛ / FOOTER / ÑÒÀÒÈÑÒÈÊÀ
   ========================================================= */

body.mobile.light #pun-stats,
body.mobile.light #pun-stats .container { position: static !important; width: 100% !important; max-width: 100% !important; margin: 10px 0 !important; padding: 8px !important; }
body.mobile.light #pun-stats ul.container { display: flex !important; flex-direction: column !important; gap: 6px !important; padding: 0 !important; list-style: none !important; }
body.mobile.light #pun-stats li { width: 100% !important; padding: 4px 0 !important; text-align: left !important; }
body.mobile.light #onlinelist,
body.mobile.light #pun-stats #onlinelist.statistics { display: block !important; width: 100% !important; max-width: 100% !important; margin: 8px 0 !important; padding: 0 !important; text-align: left !important; }
body.mobile.light div#statistic-other { text-align: left !important; }
body.mobile.light div#statistic-other span:not(:last-of-type)::after { content: ','; }

body.mobile.light .post,
body.mobile.light .post .container { width: 100% !important; max-width: 100% !important; }
body.mobile.light .post .container { display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; gap: 8px !important; }
body.mobile.light .post .container .toBlock { position: relative !important; top: auto !important; z-index: 1 !important; width: 100% !important; height: auto !important; margin: 0 !important; }
body.mobile.light .post-author::before { display: none !important; }
body.mobile.light .post .post-author,
body.mobile.light .punbb .post .post-author { position: relative !important; float: none !important; display: block !important; width: 100% !important; max-width: 100% !important; min-height: 110px !important; margin: 0 0 30px 0 !important; padding: 0 !important; }
body.mobile.light .post-author > ul { width: 100% !important; max-width: 100% !important; min-height: 110px !important; margin: 0 !important; padding: 6px 6px 6px 95px !important; list-style: none !important; text-align: left !important; }
body.mobile.light .changeAvatar { position: absolute !important; top: 6px !important; left: 6px !important; width: 70px !important; height: 100px !important; margin: 0 !important; z-index: 2 !important; }
body.mobile.light .pa-avatar { position: static !important; width: 70px !important; height: 100px !important; margin: 0 !important; }
body.mobile.light .post-author .pa-avatar a,
body.mobile.light .post-author .pa-avatar img,
body.mobile.light .post-author.no-avatar .pa-avatar a { display: block !important; width: 70px !important; height: 100px !important; max-width: 70px !important; max-height: 100px !important; object-fit: cover !important; background-size: cover !important; }
body.mobile.light .arrLeft,
body.mobile.light .arrRight { top: 42px !important; width: 14px !important; height: 14px !important; margin: 0 !important; background-size: contain !important; }
body.mobile.light .arrLeft { left: -10px !important; right: auto !important; }
body.mobile.light .arrRight { right: -10px !important; left: auto !important; }
body.mobile.light .pa-author { margin: 0 0 4px !important; padding: 0 !important; font-size: 16px !important; line-height: 1.2 !important; word-wrap: break-word !important; }
body.mobile.light .pa-title { padding: 0 0 4px !important; font-size: 11px !important; line-height: 1.1 !important; }
body.mobile.light .post-body { float: none !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; }
body.mobile.light .post-box,
body.mobile.light .post-content { width: 100% !important; max-width: 100% !important; overflow-wrap: break-word !important; word-break: normal !important; text-align: left !important; }
body.mobile.light .post h3 { width: 100% !important; max-width: 100% !important; margin: 12px 0 8px !important; }
body.mobile.light .post h3 span { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 5px 10px !important; word-wrap: break-word !important; }
body.mobile.light .post-links { width: 100% !important; max-width: 100% !important; }
body.mobile.light .post-links ul { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; justify-content: center !important; align-items: center !important; justify-items: center !important; gap: 8px 5px !important; width: 100% !important; margin: 10px 0 !important; padding: 0 !important; list-style: none !important; text-align: center !important; }
body.mobile.light .post-links li { width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: center !important; }
body.mobile.light .post-links li a { display: block !important; padding: 4px 6px !important; font-size: 11px !important; line-height: 1.2 !important; }

body.mobile.light .post-content img,
body.mobile.light .post-content video,
body.mobile.light .post-content iframe { max-width: 100% !important; height: auto !important; }
body.mobile.light .post-content table,
body.mobile.light .post-body table { display: block !important; width: 100% !important; max-width: 100vw !important; overflow-x: auto !important; }
body.mobile.light .post-content blockquote,
body.mobile.light .post-content .quote-box,
body.mobile.light .post-content .code-box,
body.mobile.light .post-content .spoiler-box,
body.mobile.light .quote-box,
body.mobile.light .spoiler-box,
body.mobile.light .windows { max-width: 100% !important; overflow-x: auto !important; word-wrap: break-word !important; }
body.mobile.light .post-content pre,
body.mobile.light .post-content code { max-width: 100% !important; overflow-x: auto !important; white-space: pre-wrap !important; word-wrap: break-word !important; font-size: 12px !important; }
body.mobile.light .post-content [class*="custom_tag"],
body.mobile.light .custom_tag,
body.mobile.light [class*="custom_tag_"] { max-width: 100% !important; overflow-x: auto !important; }

body.mobile.light .post-content span.custom_tag.custom_tag_dm0,
body.mobile.light .post-content .custom_tag_dm0 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 26px !important;
    margin: 10px auto 8px !important;
    padding: 4px 10px !important;
    overflow: hidden !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

body.mobile.light .post-content span.custom_tag.custom_tag_dm0 a,
body.mobile.light .post-content .custom_tag_dm0 a {
    display: inline-block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
}

body.mobile.light #post-form,
body.mobile.light #post,
body.mobile.light .formal,
body.mobile.light .formal .container { width: 100% !important; max-width: 100% !important; margin: 10px 0 !important; padding: 0 !important; }
body.mobile.light #post-form h2 { position: static !important; width: 100% !important; max-width: 100% !important; margin: 12px auto !important; padding: 0 8px !important; font-size: 22px !important; line-height: 1.2 !important; text-align: center !important; word-wrap: break-word !important; }
body.mobile.light #post fieldset,
body.mobile.light fieldset { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; }
body.mobile.light #post textarea,
body.mobile.light textarea,
body.mobile.light #main-reply,
body.mobile.light #req-msg,
body.mobile.light input[type="text"],
body.mobile.light input[type="search"],
body.mobile.light input[type="email"],
body.mobile.light input[type="password"],
body.mobile.light select { width: 100% !important; max-width: 100% !important; }
body.mobile.light #post .resizable-textarea,
body.mobile.light #post .resizable-textarea > span,
body.mobile.light .areafield,
body.mobile.light .txtarea,
body.mobile.light .fs-box { display: block !important; width: 100% !important; max-width: 100% !important; }
body.mobile.light .form-buttons,
body.mobile.light .formsubmit { display: flex !important; flex-flow: row wrap !important; align-items: center !important; justify-content: center !important; gap: 8px !important; width: 100% !important; max-width: 100% !important; margin: 12px 0 !important; padding: 0 !important; }
body.mobile.light .form-buttons input,
body.mobile.light .form-buttons button,
body.mobile.light .formsubmit input,
body.mobile.light .formsubmit button { flex: 1 1 auto !important; width: auto !important; max-width: 100% !important; margin: 0 !important; }
body.mobile.light .right-buttons-wrapper { display: flex !important; flex-direction: row !important; gap: 6px !important; width: 100% !important; margin: 6px 0 !important; }
body.mobile.light .right-buttons-wrapper button { flex: 1 1 50% !important; }

body.mobile.light .pun-modal,
body.mobile.light .pun-modal .modal-inner,
body.mobile.light .pun-modal .container {
    max-width: 100vw !important;
    box-sizing: border-box !important;
}

body.mobile.light .pun-modal .modal-inner {
    width: calc(100vw - 24px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

body.mobile.light .pun-modal.unread-notifications {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 2147483000 !important;
    overflow: hidden !important;
}

body.mobile.light .pun-modal.unread-notifications .modal-bg {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 0 !important;
}

body.mobile.light .pun-modal.unread-notifications .modal-inner {
    position: fixed !important;
    top: calc(var(--mob-menu-h) + 8px) !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translateX(-50%) !important;
    width: calc(100vw - 24px) !important;
    max-width: 430px !important;
    max-height: calc(100dvh - var(--mob-menu-h) - 18px) !important;
    margin: 0 !important;
    padding: 10px !important;
    overflow: hidden !important;
    z-index: 1 !important;
}

body.mobile.light .pun-modal.unread-notifications h2 {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 8px 0 !important;
    padding: 7px 34px 6px 12px !important;
    position: relative !important;
    line-height: 1.2 !important;
}

body.mobile.light .pun-modal.unread-notifications h2 .closer {
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
}

body.mobile.light .pun-modal.unread-notifications .container {
    width: 100% !important;
    max-width: 100% !important;
    max-height: calc(100dvh - var(--mob-menu-h) - 78px) !important;
    margin: 0 !important;
    padding: 8px !important;
    overflow: hidden !important;
}

body.mobile.light .pun-modal.unread-notifications #notifications-settings {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 4px 8px !important;
    width: 100% !important;
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
}

body.mobile.light .pun-modal.unread-notifications #notifications-wrap,
body.mobile.light .pun-modal.unread-notifications #notifications-advanced {
    width: 100% !important;
    max-height: calc(100dvh - var(--mob-menu-h) - 135px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
}

body.mobile.light .pun-modal.unread-notifications #notifications,
body.mobile.light .pun-modal.unread-notifications #notifications-stored {
    display: table !important;
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed !important;
}

body.mobile.light .pun-modal.unread-notifications #notifications tr,
body.mobile.light .pun-modal.unread-notifications #notifications-stored tr { display: table-row !important; }
body.mobile.light .pun-modal.unread-notifications #notifications td,
body.mobile.light .pun-modal.unread-notifications #notifications-stored td {
    display: table-cell !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 8px 6px !important;
    overflow: hidden !important;
}

body.mobile.light .pun-modal.unread-notifications .notification-item,
body.mobile.light .pun-modal.unread-notifications .notification-right,
body.mobile.light .pun-modal.unread-notifications .notification-right span,
body.mobile.light .pun-modal.unread-notifications .msg-preview {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
}

body.mobile.light .pun-modal.unread-notifications .notification-left { width: 34px !important; min-width: 34px !important; }
body.mobile.light .pun-modal.unread-notifications .notification-image {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    background-size: cover !important;
    background-position: center center !important;
}

body.mobile.light #pun-about { position: relative !important; width: 100% !important; max-width: 100vw !important; height: 86px !important; margin: 14px 0 0 0 !important; padding: 0 !important; overflow: hidden !important; background: transparent !important; }
body.mobile.light #pun-about .container { position: relative !important; width: 100% !important; max-width: 100vw !important; height: 92px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background-image: url(https://forumstatic.ru/files/001c/70/90/81141.png) !important; background-repeat: no-repeat !important; background-position: center bottom !important; background-size: 145% 108% !important; background-color: transparent !important; }
body.mobile.light #pun-about .container > p,
body.mobile.light #pun-about .container > span.item1,
body.mobile.light #pun-about .container > .item1 { max-height: 18px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; text-align: center !important; }
body.mobile.light #pun-about .container .item1,
body.mobile.light #pun-about .container span.item1 { position: relative !important; display: block !important; width: 100% !important; max-width: 100% !important; padding-left: 0 !important; bottom: 0px; }

.mobile.light .container>.topRPG_2 {
    bottom: 84px !important;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    width: 280px;
}

body.mobile.light #html-footer { position: relative !important; width: 100% !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; z-index: 40 !important; }
body.mobile.light #html-footer > .container { position: static !important; width: 0 !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; }
body.mobile.light #html-footer .ban,
body.mobile.light .ban { position: absolute !important; left: 50% !important; right: auto !important; bottom: 3px !important; transform: translateX(-50%) !important; display: block !important; width: calc(100vw - 20px) !important; max-width: 360px !important; min-width: 0 !important; height: 31px !important; min-height: 31px !important; max-height: 31px !important; margin: 0 !important; padding: 0 !important; overflow-x: hidden !important; overflow-y: auto !important; background: transparent !important; border: 0 !important; box-shadow: none !important; font-size: 0 !important; line-height: 0 !important; text-align: center !important; z-index: 50 !important; -webkit-overflow-scrolling: touch !important; overscroll-behavior: contain !important; touch-action: pan-y !important; }
body.mobile.light #html-footer .ban > center,
body.mobile.light .ban > center { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; background: transparent !important; border: 0 !important; box-shadow: none !important; font-size: 0 !important; line-height: 0 !important; white-space: normal !important; text-align: center !important; }
body.mobile.light #html-footer .ban > center br,
body.mobile.light .ban > center br { display: block !important; width: 100% !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; font-size: 0 !important; line-height: 0 !important; }
body.mobile.light #html-footer .ban > center > a,
body.mobile.light #html-footer .ban > a,
body.mobile.light .ban > center > a,
body.mobile.light .ban > a { display: inline-block !important; width: 88px !important; min-width: 88px !important; max-width: 88px !important; height: 31px !important; min-height: 31px !important; max-height: 31px !important; margin: 0 2px 0 0 !important; padding: 0 !important; vertical-align: top !important; overflow: hidden !important; background: transparent !important; border: 0 !important; box-shadow: none !important; font-size: 0 !important; line-height: 0 !important; }
body.mobile.light #html-footer .ban img,
body.mobile.light .ban img { display: block !important; width: 88px !important; min-width: 88px !important; max-width: 88px !important; height: 31px !important; min-height: 31px !important; max-height: 31px !important; margin: 0 !important; padding: 0 !important; object-fit: cover !important; object-position: center center !important; border: 0 !important; background: transparent !important; box-shadow: none !important; vertical-align: top !important; }


/* =========================================================
   ËÈ×ÍÛÅ ÑÎÎÁÙÅÍÈß / #profilenav
   ========================================================= */

body.mobile.light #pun-messages #pun-main,
body.mobile.light #pun-main .messages-container,
body.mobile.light #profile.formal.messages-container {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

body.mobile.light #profile.formal.messages-container > .container,
body.mobile.light .messages-container > .container {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

body.mobile.light #profilenav {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    float: none !important;
    clear: both !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 auto 10px !important;
    padding: 8px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    z-index: 1 !important;
}

body.mobile.light #profilenav h2 {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 6px 0 5px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    text-align: center !important;
    line-height: 1.1 !important;
}

body.mobile.light #profilenav h2 span {
    display: inline-block !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 3px 12px !important;
    border-radius: 999px !important;
    font-size: 10px !important;
    line-height: 1.1 !important;
    text-align: center !important;
    text-transform: uppercase !important;
}

body.mobile.light #profilenav ul {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 5px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    list-style: none !important;
}

body.mobile.light #profilenav li {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    text-align: center !important;
}

body.mobile.light #profilenav li a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 24px !important;
    margin: 0 !important;
    padding: 4px 6px !important;
    border-radius: 999px !important;
    font-size: 9px !important;
    line-height: 1.15 !important;
    text-align: center !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
}

body.mobile.light #profilenav li.isactive a { font-weight: 700 !important; }

body.mobile.light form#messages,
body.mobile.light #messages {
    position: relative !important;
    float: none !important;
    clear: both !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

body.mobile.light #messages fieldset {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

body.mobile.light #messages legend {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    text-align: center !important;
}

body.mobile.light #messages legend span {
    display: inline-block !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 3px 12px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    line-height: 1.15 !important;
    text-align: center !important;
}

body.mobile.light #messages .fs-box,
body.mobile.light #messages .fs-box > .container {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

body.mobile.light #messages table {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border-collapse: separate !important;
    table-layout: fixed !important;
    overflow: visible !important;
}

body.mobile.light #messages thead { display: none !important; }

body.mobile.light #messages tbody,
body.mobile.light #messages tbody.hasicon {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

body.mobile.light #messages tbody tr {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 74px 64px 24px !important;
    column-gap: 6px !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 38px !important;
    margin: 8px 0 !important;
    padding: 8px !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

body.mobile.light #messages tbody tr > td {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: none !important;
    border: 0 !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    overflow: hidden !important;
}

body.mobile.light #messages tbody tr > td[colspan] {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 8px 10px !important;
    text-align: center !important;
    border-radius: 999px !important;
}

body.mobile.light #messages tbody tr > td.tcl,
body.mobile.light #messages tbody tr > td.pmtcl1 { grid-column: 1 !important; text-align: left !important; }
body.mobile.light #messages tbody tr > td.tc2,
body.mobile.light #messages tbody tr > td.pmtc22 { grid-column: 2 !important; text-align: center !important; }
body.mobile.light #messages tbody tr > td.tc3,
body.mobile.light #messages tbody tr > td.pmtc33 { grid-column: 3 !important; text-align: center !important; }
body.mobile.light #messages tbody tr > td.pmtc24 { grid-column: 4 !important; text-align: center !important; }

body.mobile.light #messages .linksb {
    display: flex !important;
    flex-flow: row wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 10px 0 0 !important;
    padding: 6px 0 !important;
}

body.mobile.light #messages .linksb .pagelink,
body.mobile.light #messages .linksb .postlink {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

body.mobile.light #messages .linksb input.button,
body.mobile.light #messages .linksb input[type="submit"] {
    width: auto !important;
    min-width: 72px !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 4px 12px !important;
    border-radius: 999px !important;
    text-align: center !important;
}

/* ╔══════════════════════════════════════════════════════════════╗
   ║ MOBILE CONTENT — org-áëîêè ìàò÷àñòè                         ║
   ║ Ðàáîòàåò äëÿ âñåõ body.mobile: light / light.dark / sylv.   ║
   ╚══════════════════════════════════════════════════════════════╝ */

/* ──────────────────────────────────────────────────────────────
   18. ÎÁÙÀß ÁÀÇÀ ÄËß ÎÑÎÁÛÕ ÁËÎÊÎÂ Â ÏÎÑÒÀÕ
   ────────────────────────────────────────────────────────────── */

body.mobile .post-content .org,
body.mobile .post-content .org2,
body.mobile .post-content .strani {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    left: 0 !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
}

body.mobile .post-content .org *,
body.mobile .post-content .org2 *,
body.mobile .post-content .strani * {
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
}

/* ──────────────────────────────────────────────────────────────
   19. custom_tag_moa
   ────────────────────────────────────────────────────────────── */

body.mobile .post-content .custom_tag_moa {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: 58px auto !important;
    row-gap: 7px !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 86px !important;
    margin: 0 auto 14px !important;
    padding: 0 10px 10px !important;
    box-sizing: border-box !important;
    background-repeat: no-repeat !important;
    background-position: center top !important;
    background-size: 100% 58px !important;
    overflow: visible !important;
}

body.mobile .post-content .custom_tag_moa > p:first-child {
    grid-row: 1 !important;
    grid-column: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 58px !important;
    margin: 0 !important;
    padding: 0 8px !important;
    box-sizing: border-box !important;
    font-size: clamp(22px, 8vw, 36px) !important;
    line-height: 0.95 !important;
    text-align: center !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}

body.mobile .post-content .custom_tag_moa > .moatitle {
    grid-row: 2 !important;
    grid-column: 1 !important;
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    display: block !important;
    width: fit-content !important;
    max-width: calc(100% - 16px) !important;
    margin: 0 auto !important;
    padding: 4px 14px 3px !important;
    box-sizing: border-box !important;
    border-radius: 999px !important;
    z-index: 2 !important;
}

body.mobile .post-content .custom_tag_moa > .moatitle p {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 10px !important;
    line-height: 1.15 !important;
    text-align: center !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
}

body.mobile .post-content .custom_tag_moa > .moatitle p span,
body.mobile .post-content .custom_tag_moa > .moatitle p strong {
    font-size: inherit !important;
    line-height: inherit !important;
}

body.mobile .post-content .org.idei > .custom_tag_moa > p:first-child { font-size: clamp(23px, 8vw, 34px) !important; }
body.mobile .post-content .org.chto_igraem > .dop > .custom_tag_moa > p:first-child { font-size: clamp(24px, 8.8vw, 38px) !important; }

body.mobile.light .post-content span.custom_tag.custom_tag_h4,
body.mobile.light .post-content .custom_tag_h4 {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 12px auto 10px !important;
    padding: 0 12px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    background-size: 100% 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    font-size: clamp(20px, 7.2vw, 28px) !important;
    line-height: 1 !important;
    text-align: center !important;
    white-space: nowrap !important;
    letter-spacing: 0.02em !important;
    text-transform: uppercase !important;
}

/* ──────────────────────────────────────────────────────────────
   20. .org.chto_igraem
   ────────────────────────────────────────────────────────────── */

body.mobile .post-content .org.chto_igraem {
    height: auto !important;
    min-height: 0 !important;
    padding-bottom: 14px !important;
}

body.mobile .post-content .org.chto_igraem .dop,
body.mobile .post-content .org.chto_igraem .s_wrap {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

body.mobile .post-content .org.chto_igraem .dop { background: none !important; }

body.mobile .post-content .org.chto_igraem .custom_tag_dm1,
body.mobile .post-content .org.chto_igraem .custom_tag_intall {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

body.mobile .post-content .org.chto_igraem p {
    font-size: 11px !important;
    line-height: 1.55 !important;
    text-align: left !important;
}

/* ──────────────────────────────────────────────────────────────
   21. .org.idei
   ────────────────────────────────────────────────────────────── */

body.mobile .post-content .org.idei {
    height: auto !important;
    padding-bottom: 10px !important;
}

body.mobile .post-content .org.idei .ideya {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 12px 0 18px !important;
    padding: 10px !important;
    border-radius: 6px !important;
    overflow: visible !important;
}

body.mobile .post-content .org.idei .karti {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

body.mobile .post-content .org.idei .karti img.postimg {
    display: block !important;
    width: 100% !important;
    max-width: 260px !important;
    height: auto !important;
    margin: 0 auto !important;
    object-fit: cover !important;
}

body.mobile .post-content .org.idei .karti .moatitle {
    position: relative !important;
    right: auto !important;
    left: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: fit-content !important;
    max-width: calc(100% - 24px) !important;
    margin: -28px auto 4px !important;
    padding: 2px 10px 1px !important;
    z-index: 3 !important;
}

body.mobile .post-content .org.idei .karti .moatitle p {
    font-size: 12px !important;
    line-height: 1.15 !important;
    text-align: center !important;
}

body.mobile .post-content .org.idei .opis {
    width: 100% !important;
    max-width: 100% !important;
    margin: 4px 0 0 !important;
    padding: 0 8px 0 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    scrollbar-gutter: stable !important;
}

body.mobile .post-content .org.idei .opis.collapsed { max-height: 210px !important; }
body.mobile .post-content .org.idei .opis:not(.collapsed) { max-height: none !important; overflow-y: visible !important; }

body.mobile .post-content .org.idei .opis p {
    font-size: 11px !important;
    line-height: 1.45 !important;
    text-align: left !important;
}

body.mobile .post-content .org.idei .opisbutt {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    top: auto !important;
    display: block !important;
    width: fit-content !important;
    margin: 8px auto 0 !important;
    padding: 3px 12px !important;
    text-align: center !important;
}

/* ──────────────────────────────────────────────────────────────
   22. .strani / .ideya.strani
   ────────────────────────────────────────────────────────────── */

body.mobile .post-content .strani,
body.mobile .post-content .strani .ideya.strani,
body.mobile .post-content .strani [class*="opiss"],
body.mobile .post-content .strani .opi,
body.mobile .post-content .strani .custom_tag_intall,
body.mobile .post-content .strani .opi > p,
body.mobile .post-content .strani .opi > ul {
    width: 100% !important;
    max-width: 100% !important;
}

body.mobile .post-content .strani .ideya.strani {
    display: block !important;
    margin: 0 0 28px !important;
    padding: 10px !important;
    border-radius: 6px !important;
    overflow: visible !important;
}

body.mobile .post-content .strani [class*="opiss"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    scrollbar-gutter: stable !important;
}

body.mobile .post-content .strani .opi {
    order: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

body.mobile .post-content .strani .opi > table,
body.mobile .post-content .strani .opi > table tbody,
body.mobile .post-content .strani .opi > table tr,
body.mobile .post-content .strani .opi > table td {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

body.mobile .post-content .strani .opi > table td.hover {
    width: 100% !important;
    margin: 0 0 6px !important;
    text-align: center !important;
}

body.mobile .post-content .strani .opi > table td.hover p { text-align: center !important; }

body.mobile .post-content .strani .anturaz {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 4px !important;
    width: 100% !important;
    margin: 0 0 4px !important;
}

body.mobile .post-content .strani .anturaz .ttls {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 2px 4px !important;
    padding: 1px 8px !important;
}

body.mobile .post-content .strani .anturaz .ttls p {
    padding: 0 !important;
    font-size: 10px !important;
    line-height: 1.25 !important;
    text-align: center !important;
}

body.mobile .post-content .strani .karti.strani {
    order: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 8px auto 0 !important;
    padding: 0 !important;
}

body.mobile .post-content .strani .karti.strani img.postimg {
    display: block !important;
    width: 100% !important;
    max-width: 260px !important;
    height: auto !important;
    margin: 0 auto !important;
}

body.mobile .post-content .strani .custom_tag_intall,
body.mobile .post-content .strani .opi > p,
body.mobile .post-content .strani .opi > ul {
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: left !important;
}

body.mobile .post-content .strani .opi p,
body.mobile .post-content .strani .opi li {
    font-size: 11px !important;
    line-height: 1.45 !important;
    text-align: left !important;
}

body.mobile .post-content .strani .opisbutt {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    top: auto !important;
    display: block !important;
    width: fit-content !important;
    margin: 10px auto 0 !important;
    padding: 3px 12px !important;
    text-align: center !important;
}

body.mobile .post-content .strani > .ideya.strani > .opiss.collapsed {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    max-height: none !important;
    padding: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

body.mobile .post-content .strani > .ideya.strani > .opiss.collapsed > .opi {
    width: 100% !important;
    max-width: 100% !important;
    max-height: 260px !important;
    margin-bottom: 12px !important;
    padding-right: 7px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
    -webkit-overflow-scrolling: touch !important;
}

body.mobile .post-content .strani > .ideya.strani > .opiss.collapsed > .karti.strani {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: 270px !important;
    margin: 0 auto !important;
    padding: 10px 0 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
    -webkit-overflow-scrolling: touch !important;
}

body.mobile .post-content .strani > .ideya.strani > .opiss.collapsed > .karti.strani > p:first-child {
    margin: 0 auto 12px !important;
    padding: 0 !important;
    text-align: center !important;
}

body.mobile .post-content .strani > .ideya.strani > .opiss.collapsed > .karti.strani > p:first-child img.postimg {
    display: block !important;
    width: 100% !important;
    max-width: 260px !important;
    max-height: 250px !important;
    margin: 0 auto !important;
    object-fit: contain !important;
}

body.mobile .post-content .strani > .ideya.strani > .opiss.collapsed > .karti.strani p:not(:first-child) {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

body.mobile .post-content .strani > .ideya.strani > .opiss.collapsed > .karti.strani p:not(:first-child) img.postimg {
    display: block !important;
    max-width: 220px !important;
    max-height: 150px !important;
    margin: 0 auto !important;
    object-fit: contain !important;
}

body.mobile .post-content .strani > .ideya.strani > .opiss.collapsed > .opi::-webkit-scrollbar,
body.mobile .post-content .strani > .ideya.strani > .opiss.collapsed > .karti.strani::-webkit-scrollbar { width: 4px; }
body.mobile .post-content .strani > .ideya.strani > .opiss.collapsed > .opi::-webkit-scrollbar-thumb,
body.mobile .post-content .strani > .ideya.strani > .opiss.collapsed > .karti.strani::-webkit-scrollbar-thumb {
    background: rgba(136, 161, 157, 0.55);
    border-radius: 10px;
}

body.mobile .post-content .strani > .ideya.strani > .opiss:not(.collapsed) {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}

body.mobile .post-content .strani > .ideya.strani > .opiss:not(.collapsed) > .opi,
body.mobile .post-content .strani > .ideya.strani > .opiss:not(.collapsed) > .karti.strani {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}


/* ──────────────────────────────────────────────────────────────
   23. MOBILE — ÃÎÑÒÅÂÀß
   ────────────────────────────────────────────────────────────── */

body.mobile .post-content .custom_tag_gostevaya {
    display: grid !important;
    grid-template-columns:
        calc(100% - 24px)
        calc(100% - 24px)
        calc(100% - 24px) !important;
    grid-template-rows: 150px 150px !important;
    column-gap: 12px !important;
    row-gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 auto 12px !important;
    padding: 12px 10px 10px !important;
    box-sizing: border-box !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    background-repeat: no-repeat !important;
    background-position: 55% top !important;
}

body.mobile .post-content .custom_tag_gostevaya::-webkit-scrollbar { height: 4px; }
body.mobile .post-content .custom_tag_gostevaya::-webkit-scrollbar-thumb {
    background: rgba(136, 161, 157, 0.55);
    border-radius: 10px;
}

body.mobile .post-content .custom_tag_gostevaya > .custom_tag_dm1,
body.mobile .post-content .custom_tag_gostevaya > .navig {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    float: none !important;
    clear: none !important;
    box-sizing: border-box !important;
}

body.mobile .post-content .custom_tag_gostevaya > .custom_tag_dm1[alt="lore1g"] {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    scroll-snap-align: start !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 40px 15px 15px 20px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    background: transparent !important;
    color: #f1f1f1 !important;
}

body.mobile .post-content .custom_tag_gostevaya > .custom_tag_dm1[alt="lore1g"] p {
    margin: 0 0 6px !important;
    padding: 0 !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
    text-align: left !important;
    color: inherit !important;
}

body.mobile .post-content .custom_tag_gostevaya .checkfaq {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    display: block !important;
    width: fit-content !important;
    max-width: 100% !important;
    margin: 8px auto !important;
    padding: 3px 12px !important;
    box-sizing: border-box !important;
    text-align: center !important;
}

body.mobile .post-content .custom_tag_gostevaya .checkfaq p {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 10px !important;
    line-height: 1.15 !important;
    text-align: center !important;
}

body.mobile .post-content .custom_tag_gostevaya > .custom_tag_dm1[alt="lore12"] {
    grid-column: 2 !important;
    grid-row: 1 !important;
    scroll-snap-align: start !important;
}

body.mobile .post-content .custom_tag_gostevaya > .custom_tag_dm1[alt="lore22"] {
    grid-column: 2 !important;
    grid-row: 2 !important;
}

body.mobile .post-content .custom_tag_gostevaya > .custom_tag_dm1[alt="lore12"],
body.mobile .post-content .custom_tag_gostevaya > .custom_tag_dm1[alt="lore22"] {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 8px 10px !important;
    overflow: hidden !important;
    background: rgba(0, 0, 0, 0.48) !important;
    color: #f1f1f1 !important;
    border-radius: 3px !important;
}

body.mobile .post-content .custom_tag_gostevaya > .custom_tag_dm1[alt="lore12"] > p:first-child,
body.mobile .post-content .custom_tag_gostevaya > .custom_tag_dm1[alt="lore22"] > p:first-child {
    display: block !important;
    margin: 0 0 6px !important;
    padding: 0 !important;
    font-size: 13px !important;
    line-height: 1.1 !important;
    letter-spacing: 0.03em !important;
    text-align: right !important;
    text-transform: uppercase !important;
    color: #f1f1f1 !important;
}

body.mobile .post-content .custom_tag_gostevaya > .custom_tag_dm1[alt="lore12"] > p:first-child span,
body.mobile .post-content .custom_tag_gostevaya > .custom_tag_dm1[alt="lore22"] > p:first-child span {
    font-style: normal !important;
    font-size: inherit !important;
    line-height: inherit !important;
}

body.mobile .post-content .custom_tag_gostevaya > .custom_tag_dm1[alt="lore12"] .wrap,
body.mobile .post-content .custom_tag_gostevaya > .custom_tag_dm1[alt="lore22"] .wrap {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: 106px !important;
    margin: 0 !important;
    padding: 0 6px 0 0 !important;
    box-sizing: border-box !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

body.mobile .post-content .custom_tag_gostevaya > .custom_tag_dm1[alt="lore12"] .wrap ul,
body.mobile .post-content .custom_tag_gostevaya > .custom_tag_dm1[alt="lore22"] .wrap ul {
    margin: 0 !important;
    padding-left: 16px !important;
}

body.mobile .post-content .custom_tag_gostevaya > .custom_tag_dm1[alt="lore12"] .wrap li,
body.mobile .post-content .custom_tag_gostevaya > .custom_tag_dm1[alt="lore22"] .wrap li,
body.mobile .post-content .custom_tag_gostevaya > .custom_tag_dm1[alt="lore12"] .wrap p,
body.mobile .post-content .custom_tag_gostevaya > .custom_tag_dm1[alt="lore22"] .wrap p {
    margin: 0 0 5px !important;
    padding: 0 !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
    text-align: left !important;
    color: inherit !important;
}

body.mobile .post-content .custom_tag_gostevaya > .navig {
    grid-column: 3 !important;
    grid-row: 1 / span 2 !important;
    scroll-snap-align: start !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 26px 10px 10px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    background: transparent !important;
    color: #f1f1f1 !important;
    text-align: center !important;
}

body.mobile .post-content .custom_tag_gostevaya > .navig .navttl {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    text-align: center !important;
}

body.mobile .post-content .custom_tag_gostevaya > .navig .navttl p {
    margin: 0 !important;
    padding: 0 !important;
    color: #aac3a3 !important;
    font-size: 22px !important;
    line-height: 1 !important;
    text-align: center !important;
    text-transform: uppercase !important;
}

body.mobile .post-content .custom_tag_gostevaya > .navig > p {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 6px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

body.mobile .post-content .custom_tag_gostevaya > .navig br { display: none !important; }
body.mobile .post-content .custom_tag_gostevaya > .navig a {
    display: block !important;
    width: fit-content !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    font-size: 12px !important;
    line-height: 1.15 !important;
    text-align: center !important;
    text-transform: uppercase !important;
    color: #f1f1f1 !important;
}

body.mobile .post-content .custom_tag_gostevaya > .custom_tag_dm1[alt="lore1g"]::-webkit-scrollbar,
body.mobile .post-content .custom_tag_gostevaya > .custom_tag_dm1[alt="lore12"] .wrap::-webkit-scrollbar,
body.mobile .post-content .custom_tag_gostevaya > .custom_tag_dm1[alt="lore22"] .wrap::-webkit-scrollbar,
body.mobile .post-content .custom_tag_gostevaya > .navig::-webkit-scrollbar { width: 4px; }
body.mobile .post-content .custom_tag_gostevaya > .custom_tag_dm1[alt="lore1g"]::-webkit-scrollbar-thumb,
body.mobile .post-content .custom_tag_gostevaya > .custom_tag_dm1[alt="lore12"] .wrap::-webkit-scrollbar-thumb,
body.mobile .post-content .custom_tag_gostevaya > .custom_tag_dm1[alt="lore22"] .wrap::-webkit-scrollbar-thumb,
body.mobile .post-content .custom_tag_gostevaya > .navig::-webkit-scrollbar-thumb {
    background: rgba(136, 161, 157, 0.55);
    border-radius: 10px;
}

/* ──────────────────────────────────────────────────────────────
   24. MOBILE — ËÈÊÁÅÇ / lorkratko
   ────────────────────────────────────────────────────────────── */

body.mobile .post-content .custom_tag_lorkratko,
body.mobile .post-content .lorkratko {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: 260px auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 auto 12px !important;
    padding: 0 10px 12px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    background-repeat: no-repeat !important;
    background-position: 1% top !important;
    background-size: 150% 260px !important;
}

body.mobile .post-content .custom_tag_lorkratko > .custom_tag_dm1[alt="lore1"],
body.mobile .post-content .custom_tag_lorkratko > .custom_tag_dm1[alt="lore4"],
body.mobile .post-content .lorkratko > .custom_tag_dm1[alt="lore1"],
body.mobile .post-content .lorkratko > .custom_tag_dm1[alt="lore4"] {
    grid-row: 1 !important;
    grid-column: 1 !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    float: none !important;
    clear: none !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    background: transparent !important;
    color: #f1f1f1 !important;
}

body.mobile .post-content .custom_tag_lorkratko > .custom_tag_dm1[alt="lore1"],
body.mobile .post-content .lorkratko > .custom_tag_dm1[alt="lore1"] {
    z-index: 2 !important;
    padding: 98px 10px 0 !important;
}

body.mobile .post-content .custom_tag_lorkratko > .custom_tag_dm1[alt="lore1"],
body.mobile .post-content .custom_tag_lorkratko > .custom_tag_dm1[alt="lore1"] p,
body.mobile .post-content .lorkratko > .custom_tag_dm1[alt="lore1"],
body.mobile .post-content .lorkratko > .custom_tag_dm1[alt="lore1"] p {
    font-size: 11px !important;
    line-height: 1.28 !important;
    text-align: left !important;
    color: #f1f1f1 !important;
}

body.mobile .post-content .custom_tag_lorkratko > .custom_tag_dm1[alt="lore1"] p,
body.mobile .post-content .lorkratko > .custom_tag_dm1[alt="lore1"] p {
    margin: 0 0 5px !important;
    padding: 0 !important;
}

body.mobile .post-content .custom_tag_lorkratko > .custom_tag_dm1[alt="lore1"] p[style*="text-align:center"],
body.mobile .post-content .lorkratko > .custom_tag_dm1[alt="lore1"] p[style*="text-align:center"] {
    margin: 6px 0 0 !important;
    text-align: left !important;
}

body.mobile .post-content .custom_tag_lorkratko > .custom_tag_dm1[alt="lore1"] p[style*="text-align:center"] strong,
body.mobile .post-content .lorkratko > .custom_tag_dm1[alt="lore1"] p[style*="text-align:center"] strong {
    display: inline-block !important;
    padding: 3px 12px !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.74) !important;
    color: #2f3f3d !important;
    font-size: 10px !important;
    line-height: 1.1 !important;
    text-transform: uppercase !important;
}

body.mobile .post-content .custom_tag_lorkratko > .custom_tag_dm1[alt="lore4"],
body.mobile .post-content .lorkratko > .custom_tag_dm1[alt="lore4"] {
    z-index: 3 !important;
    padding: 180px 10px 0 !important;
}

body.mobile .post-content .custom_tag_lorkratko > .custom_tag_dm1[alt="lore4"] > p,
body.mobile .post-content .lorkratko > .custom_tag_dm1[alt="lore4"] > p {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 4px 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

body.mobile .post-content .custom_tag_lorkratko > .custom_tag_dm1[alt="lore4"] br,
body.mobile .post-content .lorkratko > .custom_tag_dm1[alt="lore4"] br { display: none !important; }

body.mobile .post-content .custom_tag_lorkratko > .custom_tag_dm1[alt="lore4"] a,
body.mobile .post-content .lorkratko > .custom_tag_dm1[alt="lore4"] a {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 10px !important;
    line-height: 1.1 !important;
    text-align: left !important;
    text-transform: uppercase !important;
    color: #f1f1f1 !important;
}

/* ──────────────────────────────────────────────────────────────
   25. ÃÎÑÒÅÂÀß / ËÈÊÁÅÇ — ÍÈÆÍÈÅ ÏËÀØÊÈ
   ────────────────────────────────────────────────────────────── */

.gostevaya-table-anchor[hidden],
.lorkratko-table-anchor[hidden] { display: none !important; }

body.mobile .post-content .custom_tag_gostevaya,
body.mobile .post-content .gostevaya,
body.mobile .post-content .custom_tag_lorkratko,
body.mobile .post-content .lorkratko { margin-bottom: 12px !important; }

body.mobile .post-content table.gostevaya-mobile-bottom,
body.mobile .post-content table.lorkratko-mobile-bottom {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    display: block !important;
    float: none !important;
    clear: both !important;
    width: calc(100% - 20px) !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 12px auto 24px !important;
    padding: 12px 0 0 !important;
    box-sizing: border-box !important;
    background: transparent !important;
    border-top: 1px solid rgba(136, 161, 157, 0.45) !important;
    overflow: visible !important;
    z-index: 20 !important;
}

body.mobile .post-content table.gostevaya-mobile-bottom tbody,
body.mobile .post-content table.gostevaya-mobile-bottom tr,
body.mobile .post-content table.lorkratko-mobile-bottom tbody,
body.mobile .post-content table.lorkratko-mobile-bottom tr {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    background: transparent !important;
    overflow: visible !important;
}

body.mobile .post-content table.gostevaya-mobile-bottom td,
body.mobile .post-content table.lorkratko-mobile-bottom td {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    display: block !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    background: transparent !important;
    overflow: visible !important;
    text-align: center !important;
}

body.mobile .post-content table.gostevaya-mobile-bottom td:nth-child(1),
body.mobile .post-content table.gostevaya-mobile-bottom td:nth-child(2),
body.mobile .post-content table.lorkratko-mobile-bottom td:nth-child(1),
body.mobile .post-content table.lorkratko-mobile-bottom td:nth-child(2) { flex: 0 0 90% !important; }

body.mobile .post-content table.gostevaya-mobile-bottom td:nth-child(5),
body.mobile .post-content table.lorkratko-mobile-bottom td:nth-child(5) { flex: 0 0 94% !important; }

body.mobile .post-content table.gostevaya-mobile-bottom td:nth-child(3),
body.mobile .post-content table.gostevaya-mobile-bottom td:nth-child(4),
body.mobile .post-content table.lorkratko-mobile-bottom td:nth-child(3),
body.mobile .post-content table.lorkratko-mobile-bottom td:nth-child(4) { flex: 0 0 28% !important; }

body.mobile .post-content table.gostevaya-mobile-bottom td:nth-child(3) .custom_tag_dm1[alt="lore"],
body.mobile .post-content table.gostevaya-mobile-bottom td:nth-child(4) .custom_tag_dm1[alt="lore"],
body.mobile .post-content table.lorkratko-mobile-bottom td:nth-child(3) .custom_tag_dm1[alt="lore"],
body.mobile .post-content table.lorkratko-mobile-bottom td:nth-child(4) .custom_tag_dm1[alt="lore"] {
    max-width: 120px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

body.mobile .post-content table.gostevaya-mobile-bottom .custom_tag_dm1[alt="lore"],
body.mobile .post-content table.lorkratko-mobile-bottom .custom_tag_dm1[alt="lore"] {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
}

body.mobile .post-content table.gostevaya-mobile-bottom .custom_tag_dm1[alt="lore"] p,
body.mobile .post-content table.lorkratko-mobile-bottom .custom_tag_dm1[alt="lore"] p {
    margin: 0 !important;
    text-align: center !important;
}


/* ──────────────────────────────────────────────────────────────
   26. MOBILE — êàáèíåò ÀÌÑ / #tema.cabinet
   ────────────────────────────────────────────────────────────── */

body.mobile .post-content div#tema.cabinet {
    position: relative !important;
    display: grid !important;
    grid-template-columns:
        calc(100% - 24px)
        calc(100% - 24px) !important;
    grid-template-rows: 300px !important;
    column-gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 324px !important;
    margin: 14px auto 18px !important;
    padding: 12px 10px !important;
    box-sizing: border-box !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: auto 100% !important;
    border-radius: 5px !important;
}

body.mobile .post-content div#tema.cabinet::-webkit-scrollbar { height: 4px; }
body.mobile .post-content div#tema.cabinet::-webkit-scrollbar-thumb {
    background: rgba(54, 234, 225, 0.55);
    border-radius: 10px;
}

body.mobile .post-content div#tema.cabinet > div#box1,
body.mobile .post-content div#tema.cabinet > div#box2 {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 300px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 12px 12px 10px !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    scroll-snap-align: start !important;
    border-radius: 5px !important;
}

body.mobile .post-content div#tema.cabinet > div#box2 {
    grid-column: 1 !important;
    grid-row: 1 !important;
    text-align: left !important;
}

body.mobile .post-content div#tema.cabinet > div#box1 {
    grid-column: 2 !important;
    grid-row: 1 !important;
}

body.mobile .post-content div#tema.cabinet > div#box1 p,
body.mobile .post-content div#tema.cabinet > div#box2 p,
body.mobile .post-content div#tema.cabinet > div#box1 li,
body.mobile .post-content div#tema.cabinet > div#box2 li {
    font-size: 11px !important;
    line-height: 1.38 !important;
    text-align: left !important;
}

body.mobile .post-content div#tema.cabinet > div#box1 p[style*="text-align:center"],
body.mobile .post-content div#tema.cabinet > div#box2 p[style*="text-align:center"] { text-align: center !important; }

body.mobile .post-content div#tema.cabinet > div#box1 ul,
body.mobile .post-content div#tema.cabinet > div#box2 ul {
    margin: 0 !important;
    padding-left: 16px !important;
}

body.mobile .post-content div#tema.cabinet > div#box1 li,
body.mobile .post-content div#tema.cabinet > div#box2 li {
    margin: 0 0 6px !important;
    padding: 0 !important;
}

body.mobile .post-content div#tema.cabinet > div#box1::-webkit-scrollbar,
body.mobile .post-content div#tema.cabinet > div#box2::-webkit-scrollbar { width: 4px; }
body.mobile .post-content div#tema.cabinet > div#box1::-webkit-scrollbar-thumb,
body.mobile .post-content div#tema.cabinet > div#box2::-webkit-scrollbar-thumb {
    background: rgba(54, 234, 225, 0.55);
    border-radius: 10px;
}

/* ──────────────────────────────────────────────────────────────
   27. MOBILE — table-country
   ────────────────────────────────────────────────────────────── */

body.mobile .post-content #table-country {
    --country-slide-width: 84%;
    position: relative !important;
    display: grid !important;
    grid-template-columns:
        var(--country-slide-width)
        var(--country-slide-width)
        var(--country-slide-width) !important;
    grid-template-rows: 300px !important;
    column-gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 324px !important;
    margin: 14px auto 18px !important;
    padding: 12px 26px 12px 10px !important;
    box-sizing: border-box !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scroll-padding-left: 10px !important;
    -webkit-overflow-scrolling: touch !important;
}

body.mobile .post-content #table-country::-webkit-scrollbar { height: 4px; }
body.mobile .post-content #table-country::-webkit-scrollbar-thumb {
    background: rgba(136, 161, 157, 0.55);
    border-radius: 10px;
}

body.mobile .post-content #table-country > div {
    position: relative !important;
    float: none !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 300px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    scroll-snap-align: start !important;
}

body.mobile .post-content #table-country-left { grid-column: 1 !important; grid-row: 1 !important; }
body.mobile .post-content #table-country > div:not(#table-country-left):not(#table-country-right) {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}
body.mobile .post-content #table-country-right { grid-column: 3 !important; grid-row: 1 !important; }

body.mobile .post-content #table-country-left,
body.mobile .post-content #table-country-right {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

body.mobile .post-content #table-country > div:not(#table-country-left):not(#table-country-right) {
    display: flex !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

body.mobile .post-content #table-country > div:not(#table-country-left):not(#table-country-right) > div {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    text-align: center !important;
}

body.mobile .post-content #table-country > div:not(#table-country-left):not(#table-country-right) img {
    display: block !important;
    width: auto !important;
    max-width: 230px !important;
    max-height: 230px !important;
    height: auto !important;
    margin: 0 auto 10px !important;
    object-fit: contain !important;
}

body.mobile .post-content #table-country > div:not(#table-country-left):not(#table-country-right) font {
    display: block !important;
    max-width: 100% !important;
    font-size: 24px !important;
    line-height: 1.05 !important;
    text-align: center !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
}

body.mobile .post-content #table-country .custom_tag_dm0 {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 26px !important;
    margin: 0 !important;
    padding: 4px 10px !important;
    box-sizing: border-box !important;
    text-align: center !important;
    font-size: 18px !important;
    line-height: 1.1 !important;
    border-radius: 5px !important;
}

body.mobile .post-content #table-country .custom_tag_dm1 {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 112px !important;
    min-height: 0 !important;
    margin: 0 0 8px !important;
    padding: 10px !important;
    box-sizing: border-box !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    text-align: left !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
}

body.mobile .post-content #table-country .custom_tag_dm1 center {
    display: block !important;
    margin-bottom: 4px !important;
    text-align: center !important;
}

body.mobile .post-content #table-country-left::-webkit-scrollbar,
body.mobile .post-content #table-country-right::-webkit-scrollbar,
body.mobile .post-content #table-country .custom_tag_dm1::-webkit-scrollbar,
body.mobile .post-content #table-country > div:not(#table-country-left):not(#table-country-right)::-webkit-scrollbar { width: 4px; }

body.mobile .post-content #table-country-left::-webkit-scrollbar-thumb,
body.mobile .post-content #table-country-right::-webkit-scrollbar-thumb,
body.mobile .post-content #table-country .custom_tag_dm1::-webkit-scrollbar-thumb,
body.mobile .post-content #table-country > div:not(#table-country-left):not(#table-country-right)::-webkit-scrollbar-thumb {
    background: rgba(136, 161, 157, 0.55);
    border-radius: 10px;
}

/* ──────────────────────────────────────────────────────────────
   28. .org.plani / Ïëàíû Ìèðîçäàíèÿ
   ────────────────────────────────────────────────────────────── */

body.mobile .post-content .org.plani {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 auto 18px !important;
    padding: 8px !important;
    left: auto !important;
    right: auto !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

body.mobile .post-content .org.plani .s_wrap {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

body.mobile .post-content .org.plani .freelbl {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 16px auto 6px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    text-align: left !important;
    font-size: 17px !important;
    line-height: 1.15 !important;
    letter-spacing: 0.03em !important;
}

body.mobile .post-content .org.plani .custom_tag_dm1[alt="lbl"] {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: fit-content !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 22px !important;
    margin: 0 0 10px !important;
    padding: 4px 12px !important;
    box-sizing: border-box !important;
    text-align: center !important;
    white-space: normal !important;
    border-radius: 999px !important;
}

body.mobile .post-content .org.plani .custom_tag_dm1[alt="lbl"],
body.mobile .post-content .org.plani .custom_tag_dm1[alt="lbl"] p {
    font-size: 10px !important;
    line-height: 1.15 !important;
    text-transform: uppercase !important;
}

body.mobile .post-content .org.plani .plan {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto auto !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 12px auto 18px !important;
    padding: 10px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    border-radius: 6px !important;
}

body.mobile .post-content .org.plani .plan .cell1,
body.mobile .post-content .org.plani .plan .cell2,
body.mobile .post-content .org.plani .plan .cell3,
body.mobile .post-content .org.plani .plan .opis,
body.mobile .post-content .org.plani .plan .opisbutt {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    float: none !important;
    clear: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

body.mobile .post-content .org.plani .plan .cell1 {
    grid-row: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 5px !important;
}

body.mobile .post-content .org.plani .plan .cell1 img,
body.mobile .post-content .org.plani .plan .cell1 .postimg {
    display: block !important;
    width: 100% !important;
    max-width: 260px !important;
    height: auto !important;
    max-height: 160px !important;
    margin: 0 auto !important;
    object-fit: cover !important;
    border-radius: 5px !important;
}

body.mobile .post-content .org.plani .plan .cell2 {
    grid-row: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    text-align: center !important;
}

body.mobile .post-content .org.plani .plan .ttl {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 2px auto 4px !important;
    padding: 0 !important;
    font-size: 24px !important;
    line-height: 1 !important;
    text-align: center !important;
}

body.mobile .post-content .org.plani .plan .ttls {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    display: block !important;
    width: fit-content !important;
    max-width: 100% !important;
    margin: 3px auto !important;
    padding: 3px 12px !important;
    box-sizing: border-box !important;
    text-align: center !important;
    border-radius: 999px !important;
}

body.mobile .post-content .org.plani .plan .ttls,
body.mobile .post-content .org.plani .plan .ttls p {
    font-size: 10px !important;
    line-height: 1.15 !important;
    text-align: center !important;
}

body.mobile .post-content .org.plani .plan .cell3,
body.mobile .post-content .org.plani .plan .opis {
    grid-row: 3 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 8px 10px !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    text-align: left !important;
}

body.mobile .post-content .org.plani .plan .cell3 p,
body.mobile .post-content .org.plani .plan .opis p,
body.mobile .post-content .org.plani .plan .cell3,
body.mobile .post-content .org.plani .plan .opis {
    font-size: 11px !important;
    line-height: 1.45 !important;
    text-align: left !important;
}

body.mobile .post-content .org.plani .plan .opis.collapsed {
    max-height: 210px !important;
    padding-right: 8px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
}

body.mobile .post-content .org.plani .plan .opis:not(.collapsed) {
    max-height: none !important;
    overflow: visible !important;
}

body.mobile .post-content .org.plani .plan .custom_tag_marble {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 8px !important;
    padding: 6px 8px !important;
    box-sizing: border-box !important;
    font-size: 10px !important;
    line-height: 1.25 !important;
    text-align: center !important;
}

body.mobile .post-content .org.plani .plan .opisbutt {
    display: block !important;
    width: fit-content !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 8px auto 0 !important;
    padding: 3px 12px !important;
    border-radius: 999px !important;
    font-size: 10px !important;
    line-height: 1.15 !important;
    text-align: center !important;
}

body.mobile .post-content .org.plani .plan .opis.collapsed::-webkit-scrollbar { width: 4px; }
body.mobile .post-content .org.plani .plan .opis.collapsed::-webkit-scrollbar-thumb {
    background: rgba(136, 161, 157, 0.55);
    border-radius: 10px;
}


/* ──────────────────────────────────────────────────────────────
   29. .org.races / Ðàñû êðàòêî
   ────────────────────────────────────────────────────────────── */

body.mobile .post-content .org.races,
body.mobile .post-content .org.orgi,
body.mobile .post-content .org.countries {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 auto 18px !important;
    padding: 8px !important;
    left: auto !important;
    right: auto !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

body.mobile .post-content .org.races .tag_mob,
body.mobile .post-content .org.countries .tag_mob {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 32px !important;
    margin: 18px auto 6px !important;
    padding: 6px 10px !important;
    box-sizing: border-box !important;
    border-radius: 5px !important;
    font-size: 18px !important;
    line-height: 1.1;
    letter-spacing: 0.04em !important;
    text-align: center !important;
    text-transform: uppercase !important;
}

body.mobile .post-content .org.races .custom_tag_dm1[alt="lbl"],
body.mobile .post-content .org.countries .custom_tag_dm1[alt="lbl"] {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: fit-content !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 22px !important;
    margin: 0 auto 12px !important;
    padding: 4px 12px !important;
    box-sizing: border-box !important;
    border-radius: 999px !important;
    text-align: center !important;
    white-space: normal !important;
}

body.mobile .post-content .org.races .custom_tag_dm1[alt="lbl"],
body.mobile .post-content .org.races .custom_tag_dm1[alt="lbl"] p,
body.mobile .post-content .org.countries .custom_tag_dm1[alt="lbl"],
body.mobile .post-content .org.countries .custom_tag_dm1[alt="lbl"] p {
    font-size: 10px !important;
    line-height: 1.15 !important;
    text-transform: uppercase !important;
}

body.mobile .post-content .org.races .race,
body.mobile .post-content .org.races .raceXL,
body.mobile .post-content .org.orgi .race,
body.mobile .post-content .org.orgi .raceXL,
body.mobile .post-content .org.orgi .raceXXL {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 12px auto 18px !important;
    padding: 10px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    border-radius: 6px !important;
}

body.mobile .post-content .org.races .raceXL { padding: 12px !important; }

body.mobile .post-content .org.races .race .cell1,
body.mobile .post-content .org.races .raceXL .cell1,
body.mobile .post-content .org.orgi .race .cell1,
body.mobile .post-content .org.orgi .raceXL .cell1,
body.mobile .post-content .org.orgi .raceXXL .cell1,
body.mobile .post-content .org.races .race .cell3,
body.mobile .post-content .org.races .raceXL .cell3,
body.mobile .post-content .org.orgi .race .cell3,
body.mobile .post-content .org.orgi .raceXL .cell3,
body.mobile .post-content .org.orgi .raceXXL .cell3 {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    float: none !important;
    clear: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

body.mobile .post-content .org.races .race .cell1,
body.mobile .post-content .org.races .raceXL .cell1,
body.mobile .post-content .org.orgi .race .cell1,
body.mobile .post-content .org.orgi .raceXL .cell1,
body.mobile .post-content .org.orgi .raceXXL .cell1 {
    grid-row: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    border-radius: 5px !important;
}

body.mobile .post-content .org.races .race .cell1 a,
body.mobile .post-content .org.races .raceXL .cell1 a,
body.mobile .post-content .org.orgi .race .cell1 a,
body.mobile .post-content .org.orgi .raceXL .cell1 a,
body.mobile .post-content .org.orgi .raceXXL .cell1 a {
    display: block !important;
    width: 100% !important;
    max-width: 260px !important;
    margin: 0 auto !important;
}

body.mobile .post-content .org.races .race .cell1 img,
body.mobile .post-content .org.races .raceXL .cell1 img,
body.mobile .post-content .org.races .race .cell1 .postimg,
body.mobile .post-content .org.races .raceXL .cell1 .postimg,
body.mobile .post-content .org.orgi .race .cell1 img,
body.mobile .post-content .org.orgi .raceXL .cell1 img,
body.mobile .post-content .org.orgi .raceXXL .cell1 img,
body.mobile .post-content .org.orgi .race .cell1 .postimg,
body.mobile .post-content .org.orgi .raceXL .cell1 .postimg,
body.mobile .post-content .org.orgi .raceXXL .cell1 .postimg {
    display: block !important;
    width: 100% !important;
    max-width: 260px !important;
    height: auto !important;
    max-height: 170px !important;
    margin: 0 auto !important;
    object-fit: cover !important;
    border-radius: 5px !important;
}

body.mobile .post-content .org.races .raceXL .cell1 img,
body.mobile .post-content .org.races .raceXL .cell1 .postimg { max-height: 190px !important; }

body.mobile .post-content .org.races .race .cell3,
body.mobile .post-content .org.races .raceXL .cell3,
body.mobile .post-content .org.orgi .race .cell3,
body.mobile .post-content .org.orgi .raceXL .cell3,
body.mobile .post-content .org.orgi .raceXXL .cell3 {
    grid-row: 2 !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 8px 10px !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    text-align: left !important;
}

body.mobile .post-content .org.races .race .ttl,
body.mobile .post-content .org.races .raceXL .ttl,
body.mobile .post-content .org.orgi .race .ttl,
body.mobile .post-content .org.orgi .raceXL .ttl,
body.mobile .post-content .org.orgi .raceXXL .ttl {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto 6px !important;
    padding: 0 !important;
    text-align: center !important;
    font-size: 24px !important;
    line-height: 1 !important;
}

body.mobile .post-content .org.races .raceXL .ttl { font-size: 26px !important; }
body.mobile .post-content .org.orgi .race .ttl,
body.mobile .post-content .org.orgi .raceXL .ttl,
body.mobile .post-content .org.orgi .raceXXL .ttl {
    font-size: 22px !important;
    line-height: 1.05 !important;
}

body.mobile .post-content .org.races .race .ttl a,
body.mobile .post-content .org.races .raceXL .ttl a,
body.mobile .post-content .org.orgi .race .ttl a,
body.mobile .post-content .org.orgi .raceXL .ttl a,
body.mobile .post-content .org.orgi .raceXXL .ttl a {
    font-size: inherit !important;
    line-height: inherit !important;
}

body.mobile .post-content .org.races .race .cell3 > .ttls,
body.mobile .post-content .org.races .raceXL .cell3 > .ttls,
body.mobile .post-content .org.orgi .race .ttls,
body.mobile .post-content .org.orgi .raceXL .ttls,
body.mobile .post-content .org.orgi .raceXXL .ttls {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    max-width: 100% !important;
    min-height: 24px !important;
    margin: 4px 6px 4px 0 !important;
    padding: 3px 12px !important;
    box-sizing: border-box !important;
    border-radius: 999px !important;
    text-align: center !important;
    vertical-align: top !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
}

body.mobile .post-content .org.races .race .cell3 > .ttls.race-ttls-long,
body.mobile .post-content .org.races .raceXL .cell3 > .ttls.race-ttls-long {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 4px auto !important;
}

body.mobile .post-content .org.races .race .cell3 > .ttls,
body.mobile .post-content .org.races .raceXL .cell3 > .ttls,
body.mobile .post-content .org.races .race .cell3 > .ttls p,
body.mobile .post-content .org.races .raceXL .cell3 > .ttls p,
body.mobile .post-content .org.races .race .cell3 > .ttls a,
body.mobile .post-content .org.races .raceXL .cell3 > .ttls a,
body.mobile .post-content .org.orgi .race .ttls,
body.mobile .post-content .org.orgi .raceXL .ttls,
body.mobile .post-content .org.orgi .raceXXL .ttls,
body.mobile .post-content .org.orgi .race .ttls p,
body.mobile .post-content .org.orgi .raceXL .ttls p,
body.mobile .post-content .org.orgi .raceXXL .ttls p,
body.mobile .post-content .org.orgi .race .ttls a,
body.mobile .post-content .org.orgi .raceXL .ttls a,
body.mobile .post-content .org.orgi .raceXXL .ttls a {
    font-size: 10px !important;
    line-height: 1.15 !important;
    text-align: center !important;
}

body.mobile .post-content .org.races .race-ttls-break {
    display: block !important;
    clear: both !important;
    width: 100% !important;
    height: 8px !important;
}

body.mobile .post-content .org.races .race .cell3,
body.mobile .post-content .org.races .raceXL .cell3,
body.mobile .post-content .org.races .race .cell3 p,
body.mobile .post-content .org.races .raceXL .cell3 p,
body.mobile .post-content .org.races .race .cell3 li,
body.mobile .post-content .org.races .raceXL .cell3 li,
body.mobile .post-content .org.orgi .race .cell3,
body.mobile .post-content .org.orgi .raceXL .cell3,
body.mobile .post-content .org.orgi .raceXXL .cell3,
body.mobile .post-content .org.orgi .race .cell3 p,
body.mobile .post-content .org.orgi .raceXL .cell3 p,
body.mobile .post-content .org.orgi .raceXXL .cell3 p,
body.mobile .post-content .org.orgi .race .cell3 li,
body.mobile .post-content .org.orgi .raceXL .cell3 li,
body.mobile .post-content .org.orgi .raceXXL .cell3 li {
    font-size: 11px !important;
    line-height: 1.45 !important;
    text-align: left !important;
}

body.mobile .post-content .org.races .cell3 a {
    overflow-wrap: break-word !important;
    word-break: normal !important;
}

body.mobile .post-content .org.races .race:has(a[href*="p556774"]) .cell3 {
    max-height: 320px !important;
    overflow-y: auto !important;
    padding-right: 8px !important;
    -webkit-overflow-scrolling: touch !important;
}

body.mobile .post-content .org.races .race:has(a[href*="1910"]) .cell3,
body.mobile .post-content .org.races .race:has(a[href*="p75"]) .cell3 {
    max-height: 300px !important;
    overflow-y: auto !important;
    padding-right: 8px !important;
    -webkit-overflow-scrolling: touch !important;
}

body.mobile .post-content .org.races .race:has(a[href*="p556774"]) .cell3::-webkit-scrollbar,
body.mobile .post-content .org.races .race:has(a[href*="1910"]) .cell3::-webkit-scrollbar,
body.mobile .post-content .org.races .race:has(a[href*="p75"]) .cell3::-webkit-scrollbar { width: 4px; }
body.mobile .post-content .org.races .race:has(a[href*="p556774"]) .cell3::-webkit-scrollbar-thumb,
body.mobile .post-content .org.races .race:has(a[href*="1910"]) .cell3::-webkit-scrollbar-thumb,
body.mobile .post-content .org.races .race:has(a[href*="p75"]) .cell3::-webkit-scrollbar-thumb {
    background: rgba(136, 161, 157, 0.55);
    border-radius: 10px;
}

body.mobile .post-content .org.orgi .raceXXL .cell3 {
    max-height: 360px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-right: 8px !important;
    -webkit-overflow-scrolling: touch !important;
}

body.mobile .post-content .org.orgi .raceXL .cell3 {
    max-height: 330px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-right: 8px !important;
    -webkit-overflow-scrolling: touch !important;
}

body.mobile .post-content .org.orgi .raceXXL .cell3::-webkit-scrollbar,
body.mobile .post-content .org.orgi .raceXL .cell3::-webkit-scrollbar { width: 4px; }
body.mobile .post-content .org.orgi .raceXXL .cell3::-webkit-scrollbar-thumb,
body.mobile .post-content .org.orgi .raceXL .cell3::-webkit-scrollbar-thumb {
    background: rgba(136, 161, 157, 0.55);
    border-radius: 10px;
}

body.mobile .post-content .org.orgi .race .cell3::after,
body.mobile .post-content .org.orgi .raceXL .cell3::after,
body.mobile .post-content .org.orgi .raceXXL .cell3::after {
    content: "" !important;
    display: block !important;
    clear: both !important;
}

/* ──────────────────────────────────────────────────────────────
   30. .org.countries / Ãåîãðàôèÿ + Ñòðàíû êðàòêî
   ────────────────────────────────────────────────────────────── */

body.mobile .post-content .org.countries > table {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 10px auto 18px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    background: transparent !important;
    overflow: visible !important;
}

body.mobile .post-content .org.countries > table tbody,
body.mobile .post-content .org.countries > table tr,
body.mobile .post-content .org.countries > table td {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

body.mobile .post-content .org.countries > table td[width="5px"],
body.mobile .post-content .org.countries > table td[style*="5px"] { display: none !important; }

body.mobile .post-content .org.countries > table .custom_tag_dm1 {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: 280px !important;
    margin: 0 0 12px !important;
    padding: 12px !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    text-align: left !important;
}

body.mobile .post-content .org.countries > table .custom_tag_dm1,
body.mobile .post-content .org.countries > table .custom_tag_dm1 p,
body.mobile .post-content .org.countries > table .custom_tag_dm1 li {
    font-size: 11px !important;
    line-height: 1.45 !important;
    text-align: left !important;
}

body.mobile .post-content .org.countries > table .custom_tag_dm1::-webkit-scrollbar { width: 4px; }
body.mobile .post-content .org.countries > table .custom_tag_dm1::-webkit-scrollbar-thumb {
    background: rgba(136, 161, 157, 0.55);
    border-radius: 10px;
}

body.mobile .post-content .org.countries > p[style*="text-align: center"],
body.mobile .post-content .org.countries > div[align="center"],
body.mobile .post-content .org.countries > center {
    width: 100% !important;
    max-width: 100% !important;
    margin: 10px auto 12px !important;
    padding: 0 !important;
    text-align: center !important;
}

body.mobile .post-content .org.countries > p[style*="text-align: center"] img,
body.mobile .post-content .org.countries > div[align="center"] img,
body.mobile .post-content .org.countries > center img {
    display: block !important;
    width: 100% !important;
    max-width: 280px !important;
    height: auto !important;
    margin: 0 auto !important;
    object-fit: contain !important;
    border-radius: 5px !important;
}

body.mobile .post-content .org.countries .qut {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: 430px !important;
    margin: 12px auto 20px !important;
    padding: 12px !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    border-radius: 6px !important;
}

body.mobile .post-content .org.countries .qut .custom_tag_dm0 {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 32px !important;
    margin: 0 auto 8px !important;
    padding: 6px 10px !important;
    box-sizing: border-box !important;
    border-radius: 5px !important;
    text-align: center !important;
}

body.mobile .post-content .org.countries .qut .custom_tag_dm0,
body.mobile .post-content .org.countries .qut .custom_tag_dm0 a {
    font-size: 20px !important;
    line-height: 1.1 !important;
    text-align: center !important;
}

body.mobile .post-content .org.countries .qut .ttls {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 24px !important;
    margin: 6px auto 10px !important;
    padding: 5px 10px !important;
    box-sizing: border-box !important;
    border-radius: 999px !important;
    text-align: center !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
}

body.mobile .post-content .org.countries .qut .ttls,
body.mobile .post-content .org.countries .qut .ttls p,
body.mobile .post-content .org.countries .qut .ttls a {
    font-size: 10px !important;
    line-height: 1.2 !important;
    text-align: center !important;
}

body.mobile .post-content .org.countries .qut .custom_tag_column,
body.mobile .post-content .org.countries .qut .column {
    width: 100% !important;
    max-width: 100% !important;
    column-count: 1 !important;
    columns: 1 !important;
}

body.mobile .post-content .org.countries .qut ul {
    margin: 8px 0 0 !important;
    padding-left: 18px !important;
}

body.mobile .post-content .org.countries .qut,
body.mobile .post-content .org.countries .qut p,
body.mobile .post-content .org.countries .qut li {
    font-size: 11px !important;
    line-height: 1.45 !important;
    text-align: left !important;
}

body.mobile .post-content .org.countries .qut::-webkit-scrollbar { width: 4px; }
body.mobile .post-content .org.countries .qut::-webkit-scrollbar-thumb {
    background: rgba(136, 161, 157, 0.55);
    border-radius: 10px;
}

body.mobile .post-content .org.countries .plan {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto auto !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 12px auto 18px !important;
    padding: 10px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    border-radius: 6px !important;
}

body.mobile .post-content .org.countries .plan .cell1,
body.mobile .post-content .org.countries .plan .cell2,
body.mobile .post-content .org.countries .plan .cell3 {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    float: none !important;
    clear: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

body.mobile .post-content .org.countries .plan .cell1 {
    grid-row: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    border-radius: 5px !important;
}

body.mobile .post-content .org.countries .plan .cell1 a {
    display: block !important;
    width: 100% !important;
    max-width: 260px !important;
    margin: 0 auto !important;
}

body.mobile .post-content .org.countries .plan .cell1 img,
body.mobile .post-content .org.countries .plan .cell1 .postimg {
    display: block !important;
    width: 100% !important;
    max-width: 260px !important;
    height: auto !important;
    max-height: 170px !important;
    margin: 0 auto !important;
    object-fit: cover !important;
    border-radius: 5px !important;
}

body.mobile .post-content .org.countries .plan .cell2 {
    grid-row: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

body.mobile.light.dark .post-content .org.idei .ideya,
body.mobile.light.dark .post-content .strani .ideya.strani { background: #3c403f !important; }

body.mobile.light.dark .post-content .org.chto_igraem,
body.mobile.light.dark .post-content .org.idei {
    background-color: #232c2e !important;
    border-color: #3f4a46 !important;
}

body.mobile.light.dark .post-content .strani [class*="opiss"].collapsed::after,
body.mobile.light.dark .post-content .org.idei .opis.collapsed::after { background: linear-gradient(0deg, #3c403f, transparent) !important; }

/* =========================================================
   7. DARK / ÓÇÊÈÅ ÝÊÐÀÍÛ
   ========================================================= */

body.mobile.light.dark #ForumD-ru,
body.mobile.light.dark #ForumD-ru.sticky { background: rgba(40, 52, 50, 0.96) !important; }
body.mobile.light.dark #ForumD-ru #pun-ulinks .container { background: rgba(18, 25, 24, 0.98) !important; border-color: rgba(97, 121, 117, 0.36) !important; }
body.mobile.light.dark #ForumD-ru #pun-navlinks li a::before,
body.mobile.light.dark #ForumD-ru #pun-ulinks::before { color: #d3dfdb !important; }
body.mobile.light.dark #pun-about .container { background-image: url(https://forumstatic.ru/files/001c/70/90/81141.png) !important; }
body.mobile.light.dark .post-content .org.idei .ideya,
body.mobile.light.dark .post-content .strani .ideya.strani { background: #3c403f !important; }
body.mobile.light.dark .post-content .org.chto_igraem,
body.mobile.light.dark .post-content .org.idei { background-color: #232c2e !important; border-color: #3f4a46 !important; }
body.mobile.light.dark .post-content .strani [class*="opiss"].collapsed::after,
body.mobile.light.dark .post-content .org.idei .opis.collapsed::after { background: linear-gradient(0deg, #3c403f, transparent) !important; }

@media screen and (max-width: 380px) {
    body.mobile.light {
        --mob-page-gap: 20px;
        --mob-tabla-w: calc(100vw - 56px);
    }

    body.mobile.light .tabla,
    body.mobile.light #active,
    body.mobile.light #pun-announcement plashki,
    body.mobile.light #html-header::before { width: var(--mob-tabla-w) !important; }
    body.mobile.light #pun-announcement plashki .scroll_goriz { width: 100% !important; }

    body.mobile.light #pun-main.show_recent .forum tbody tr,
    body.mobile.light #pun-viewforum #pun-main .forum tbody tr {
        grid-template-columns: minmax(112px, 1fr) minmax(48px, 0.38fr) 26px minmax(58px, 0.46fr) !important;
        column-gap: 4px !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    body.mobile.light #pun-userlist .usertable tbody tr {
        grid-template-columns: minmax(70px, 1fr) 44px 25px 23px 48px 36px !important;
        column-gap: 2px !important;
        padding-left: 4px !important;
        padding-right: 4px !important;
    }

    body.mobile.light #pun-userlist .usertable tbody tr > td { font-size: 8px !important; }
    body.mobile.light #pun-userlist .usertable td.username .usersname a { font-size: 8.5px !important; }

    body.mobile.light #pun-main .online-list tbody tr {
        grid-template-columns: minmax(68px, 0.75fr) minmax(0, 1fr) 62px !important;
        column-gap: 5px !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    body.mobile.light #pun-main .online-list tbody tr > td,
    body.mobile.light #pun-main .online-list tbody tr > td.action a,
    body.mobile.light #pun-main .online-list td.username .registered-user { font-size: 9px !important; }

    body.mobile.light #pun-main .online-list tbody tr > td.time,
    body.mobile.light #pun-main .online-list tbody tr > td.tc3 { font-size: 8.5px !important; }
}

/* =========================================================
   MOBILE — ÊÍÎÏÊÈ ÂÂÅÐÕ / ÂÍÈÇ
   íå òðîãàåì ëîãèêó, òîëüêî âíåøíèé âèä è ïîçèöèîíèðîâàíèå
   ========================================================= */

.mobile.light .go-up,
.mobile.light .go-down {
    position: fixed !important;
    left: auto !important;
    right: 0px !important;
    margin-left: 0 !important;
    width: 25px !important;
    height: 28px !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    background-image: none !important;
    border: none !important;
    border-radius: 25% 0% 0% 25% !important;
    box-sizing: border-box !important;
    z-index: 9999 !important;
    cursor: pointer;
    font-size: 0 !important;
    line-height: 0 !important;
    overflow: visible !important;
    backdrop-filter: blur(5px);
    background: #00000047;
    padding: 8px 3px 9px 5px !important;
}

.mobile.light.dark .go-up,
.mobile.light.dark .go-down { background: #2b2b2b1a; }

.mobile.light .go-up { top: auto !important; bottom: 60px !important; }
.mobile.light .go-down { top: auto !important; bottom: 26px !important; }

.mobile.light .go-up::before,
.mobile.light .go-down::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 8px;
    height: 8px;
    box-sizing: border-box;
    border-right: 2px solid #ffffffa3;
    border-bottom: 2px solid #ffffffa3;
}

.mobile.light .go-up::before { transform: translate(-50%, -30%) rotate(225deg); }
.mobile.light .go-down::before { transform: translate(-50%, -70%) rotate(45deg); }

/* Êíîïêà "Îòêðûòü âñå ñïîéëåðû" */
body.mobile div#spoiler-open-all,
body.mobile.light div#spoiler-open-all {
    left: -135px !important;
    margin-left: 0 !important;
    top: 50% !important;
    margin-top: -15px !important;
    transform: rotate(-90deg) !important;
    transform-origin: center center !important;
    right: auto !important;
    bottom: auto !important;
}

@media screen and (max-width: 540px) {
    div#spoiler-open-all {
        left: -135px !important;
        margin-left: 0 !important;
        top: 50% !important;
        margin-top: -15px !important;
        transform: rotate(-90deg) !important;
        transform-origin: center center !important;
        right: auto !important;
        bottom: auto !important;
    }
}

body.mobile #toggle-spoilers-btn {
    border-radius: 0 0 8px 8px !important;
    padding: 2px 10px 3px !important;
    min-width: 180px !important;
    font-size: 11px !important;
}