/* DLE 21 controls within the original WhatsApp layout. */
[hidden] { display: none !important; }
html { scroll-padding-top: 90px; }
img { max-width: 100%; }
.full-news-content img, .stt-block-content img { height: auto; }
.full-news-content, .main-news-text, .stt-block-content { overflow-wrap: anywhere; }
.login-soc:not(:has(a)) { display: none; }
.mob-menu, .mob-menu2, .login-open { cursor: pointer; }
.head-line .mobile-brand, .head-line .mobile-menu-toggle, .mobile-extra-link { display: none; }
.mob-menu:focus-visible, .mob-menu2:focus-visible, .login-open:focus-visible { outline: 2px solid #128c7e; }
.article-body h2, .article-body h3 { scroll-margin-top: 90px; }
.full-news-content .contents { text-align: left; }
.main-news-title h1 { overflow-wrap: anywhere; }
.left-panel .mob-menu2 { display: none; }
.left-panel.migration-menu-open .mob-menu { display: none; }
.left-panel.migration-menu-open .mob-menu2 { display: block; }
.left-panel.migration-menu-open { width: 200px; }
.left-panel.migration-menu-open .left-menu-link { padding-left: 70px; }
.left-panel.migration-menu-open .left-menu-link span {
    display: block; position: static; text-align: left;
    padding: 17px 0 0 !important; background: none !important;
    color: #656f79 !important; font-size: 14px !important; white-space: normal;
}
.left-panel.migration-menu-open .logo span { display: inline; }
.pm-dialog .pmtt-mess { margin: 20px 0; border-bottom: 1px solid #e4e8eb; padding-bottom: 20px; }
.pm-dialog .pm-message-own { background: #f0f9f6; }
.pm-dialog .pm-message-head { display: flex; align-items: center; gap: 12px; }
.pm-dialog .pm-message-head img { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; }
.pm-dialog .pm-message-date { font-size: 12px; color: #666; }
.pm-dialog .pmtt-mess-text { text-align: left; padding: 15px 0; }
.pmtt-pm-list-content { overflow-x: auto; }
.pmtt-pm-list-content .pm { border-collapse: collapse; }
.pmtt-pm-list-content .pm th, .pmtt-pm-list-content .pm td { padding: 12px 8px; text-align: left; }
.pmtt-pm-list-content .pm_subj { min-width: 160px; }
.pmtt-pm-list-content .pm_last_user { min-width: 95px; }
.pmtt-pm-list-content .pm_last_date, .pm_with_user { font-size: 12px; color: #777; }
.pmtt-pm-list-content .pm_navigation { margin-top: 15px; }
.pm-dialog .reply-form { text-align: left; }
.pm-dialog .reply-form button { margin-top: 15px; }
.tox .tox-tinymce, .tox-tinymce { max-width: 100%; }
.editor-panel, .editor-group { display: flex; flex-wrap: wrap; gap: 4px; }
.bbcodes { cursor: pointer; padding: 8px 12px; border: 1px solid #dce5e9; border-radius: 4px; }
.dle-attachment { display: flex; align-items: center; gap: 12px; padding: 12px; border: 1px solid #dce5e9; }
.dle-attachment svg { width: 28px; height: 28px; }
.fastsearch-item { display: block; padding: 10px; border-bottom: 1px solid #e8eded; }
.fastsearch-item small { display: block; color: #777; }
@media (max-width: 1160px) {
    .head-line .mobile-brand, .head-line .mobile-menu-toggle { display: block; }
    .left-panel.migration-menu-open { left: 0; width: 250px; z-index: 1001; overflow-y: auto; height: 100dvh; }
    .left-panel.migration-menu-open .left-menu { display: block; }
    .left-panel .mobile-extra-link { display: block; }
    .dark { z-index: 1000; }
    .fix-scroll { overflow: hidden; }
}
@media (max-width: 600px) {
    .pm-dialog .pm-message-head { align-items: flex-start; }
    .pm-dialog .pmtt-mess-menu a { display: inline-block; margin: 6px; }
    .stt-block-content input[type=text], .stt-block-content input[type=password],
    .stt-block-content textarea, .stt-block-content select { max-width: 100%; box-sizing: border-box; }
    .full-news-content table { display: block; max-width: 100%; overflow-x: auto; }
}

/* Aligned listings: headings and navigation do not change the card columns. */
.zoom-news .main-center-block:has(> .left-col):has(> .center-col) {
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr) 250px;
    align-items: start;
    gap: 30px;
    max-width: 100%;
    box-sizing: border-box;
}
.zoom-news .main-center-block:has(> .left-col):has(> .center-col) > :is(.left-col, .center-col, .right-col) {
    float: none;
    width: auto;
    min-width: 0;
    margin: 0;
}
.zoom-news .main-center-block:has(> .left-col):has(> .center-col) > div[style*="clear"] { display: none; }
.zoom-news .main-center-block :is(.content-block, #dle-content, .center-col, .one-col, .mob1):has(> .main-news) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: 30px;
    min-width: 0;
}
.zoom-news .main-center-block :is(.content-block, #dle-content, .center-col, .one-col, .mob1):has(> .main-news) > :not(.main-news) {
    grid-column: 1 / -1;
    min-width: 0;
    margin-top: 0;
    margin-bottom: 0;
}
.zoom-news .main-center-block :is(.content-block, #dle-content, .center-col, .one-col, .mob1):has(> .main-news) > div[style*="clear"] { display: none; }
.zoom-news .main-center-block :is(.content-block, #dle-content, .center-col, .one-col, .mob1):has(> .main-news) > .main-news {
    float: none;
    display: flex;
    flex-direction: column;
    width: auto;
    min-width: 0;
    height: auto;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    overflow: hidden;
}
.zoom-news .main-center-block :is(.content-block, #dle-content, .center-col, .one-col, .mob1):has(> .main-news) > .main-news > .main-news-image {
    order: -1;
    position: relative;
    inset: auto;
    width: 100%;
    height: auto;
    margin: 0;
    aspect-ratio: 2 / 1;
    box-sizing: border-box;
}
.zoom-news .main-center-block :is(.content-block, #dle-content, .center-col, .one-col, .mob1):has(> .main-news) > .main-news > .main-news-image:not(:has(img, svg, video, iframe)) { display: none; }
.zoom-news .main-center-block :is(.content-block, #dle-content, .center-col, .one-col, .mob1):has(> .main-news) > .main-news > .main-news-image > a {
    display: block;
    width: 100%;
    height: 100%;
}
.zoom-news .main-center-block :is(.content-block, #dle-content, .center-col, .one-col, .mob1):has(> .main-news) > .main-news > .main-news-image img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    max-width: 100%;
    object-fit: cover;
    padding: 0;
    border-radius: 0;
}
.zoom-news .main-center-block :is(.content-block, #dle-content, .center-col, .one-col, .mob1):has(> .main-news) > .main-news > :is(.groups, .quotation, .stickers) {
    height: 200px;
    aspect-ratio: auto;
}
.zoom-news .main-center-block :is(.content-block, #dle-content, .center-col, .one-col, .mob1):has(> .main-news) > .main-news > :is(.groups, .quotation, .stickers) > a {
    display: flex;
    align-items: center;
    justify-content: center;
}
.zoom-news .main-center-block :is(.content-block, #dle-content, .center-col, .one-col, .mob1):has(> .main-news) > .main-news > :is(.groups, .quotation) img {
    width: 140px;
    height: 140px;
    max-width: calc(100% - 40px);
    object-fit: contain;
    border-radius: 50%;
}
.zoom-news .main-center-block :is(.content-block, #dle-content, .center-col, .one-col, .mob1):has(> .main-news) > .main-news > .groups img { object-fit: cover; }
.zoom-news .main-center-block :is(.content-block, #dle-content, .center-col, .one-col, .mob1):has(> .main-news) > .main-news > .stickers img {
    width: 180px;
    height: 180px;
    object-fit: contain;
}
.zoom-news .main-center-block :is(.content-block, #dle-content, .center-col, .one-col, .mob1):has(> .main-news) > .main-news > .wallfon { aspect-ratio: 9 / 16; }
.zoom-news .main-center-block :is(.content-block, #dle-content, .center-col, .one-col, .mob1):has(> .main-news) > .main-news > .wallfon img { object-fit: contain; }
.main-news-image .premium { top: 0; left: 0; z-index: 1; }
.zoom-news .main-center-block :is(.content-block, #dle-content, .center-col, .one-col, .mob1):has(> .main-news) > .main-news > .main-news-info {
    position: static;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    width: auto;
    height: auto;
    padding: 16px 20px 0;
    margin: 0;
}
.zoom-news .main-center-block :is(.content-block, #dle-content, .center-col, .one-col, .mob1):has(> .main-news) > .main-news > .main-news-title {
    padding: 0 20px;
    margin: 18px 0;
    line-height: 1.4;
    overflow-wrap: anywhere;
}
.zoom-news .main-center-block :is(.content-block, #dle-content, .center-col, .one-col, .mob1):has(> .main-news) > .main-news > .main-news-text {
    height: auto;
    margin: 0 20px 20px;
    line-height: 1.65;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
.zoom-news .main-center-block :is(.content-block, #dle-content, .center-col, .one-col, .mob1):has(> .main-news) > .main-news > .main-news-more {
    padding: 0 20px 20px;
    margin: auto 0 0;
    border: 0;
}
.zoom-news .main-center-block :is(.content-block, #dle-content, .center-col, .one-col, .mob1):has(> .main-news) > .main-news > .main-news-more:not(:has(a, button, input)) { display: none; }
.zoom-news .main-center-block :is(.content-block, #dle-content, .center-col, .one-col, .mob1):has(> .main-news) .main-news-more :is(a, button):not(.promotion-action) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    max-width: 100%;
    padding: 12px 16px;
    box-sizing: border-box;
    border: 0;
    border-radius: 3px;
    color: #fff;
    background: #8dd03d;
    font-family: inherit;
    font-size: 13px;
    line-height: 20px;
    white-space: normal;
    text-align: center;
    cursor: pointer;
}
.zoom-news .main-center-block :is(.content-block, #dle-content, .center-col, .one-col, .mob1):has(> .main-news) .main-news-more i { position: static; }
.zoom-news .main-center-block :is(.content-block, #dle-content, .center-col, .one-col, .mob1):has(> .main-news) .main-news-more i:before { font-size: 18px; }
.zoom-news .main-center-block :is(.content-block, #dle-content, .center-col, .one-col, .mob1):has(> .main-news) .whatsism-promotion { justify-content: center; gap: 8px; margin: 0; }
.zoom-news .main-center-block :is(.content-block, #dle-content, .center-col, .one-col, .mob1):has(> .main-news) .main-news-info-item { margin: 0; }
.zoom-news .main-center-block :is(.content-block, #dle-content, .center-col, .one-col, .mob1):has(> .main-news) .main-news-info-item-category { position: static; }
.navigation-center { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 5px; }
@media (max-width: 1350px) {
    .zoom-news .main-center-block:has(> .left-col):has(> .center-col) { grid-template-columns: 250px minmax(0, 1fr); }
    .zoom-news .main-center-block:has(> .left-col):has(> .center-col) > .right-col { display: none; }
}
@media (max-width: 1000px) {
    .zoom-news .main-center-block:has(> .left-col):has(> .center-col) { grid-template-columns: minmax(0, 1fr); }
    .zoom-news .main-center-block:has(> .left-col):has(> .center-col) > .left-col { display: none; }
}
@media (max-width: 640px) {
    .zoom-news .main-center-block :is(.content-block, #dle-content, .center-col, .one-col, .mob1):has(> .main-news) { grid-template-columns: minmax(0, 1fr); gap: 20px; }
    .nav-load a { max-width: 100%; padding: 0 30px; box-sizing: border-box; }
}

.zoom-news .main-center-block:not(:has(> .left-col)) > .center-col:has(> .main-news) { width: 100%; margin: 0; float: none; }
/* Keep profile identity and actions in normal flow, including long names. */
.user-wallpaper:not(:has(img, video, iframe)) { display: none; }
.profile-menu-line {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 18px 24px;
    height: auto;
    padding: 24px;
    box-sizing: border-box;
}
.profile-menu-line .profile-icon { order: -1; flex-basis: 100%; position: static; width: auto; margin: 0; }
.profile-menu-line .profile-icon-title { overflow-wrap: anywhere; }
.profile-menu-line :is(.profile-menu-line-left, .profile-menu-line-right) {
    float: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px 20px;
    margin: 0;
}
.profile-menu-line :is(.profile-menu-line-left, .profile-menu-line-right) a { display: block; margin: 0; line-height: 1.5; }
.profile-menu-line > div[style*="clear"] { display: none; }
.profile-menu-line .profile-icon-menu { position: static; display: flex; flex-basis: 100%; justify-content: center; gap: 12px; width: auto; margin: 0; }
.profile-icon-menu :is(.profile-email, .profile-pm):not(:has(a)) { display: none; }
.profile-menu-line .profile-icon-menu a { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin: 0; }
.hidden-edit-profile.profile-edit-visible { display: block; scroll-margin-top: 90px; }
.hidden-edit-profile :is(input, select, textarea) { min-width: 0; max-width: 100%; box-sizing: border-box; }
.hidden-edit-profile .form-line-tt-right { max-width: 100%; }
@media (max-width: 640px) {
    .hidden-edit-profile .herh { padding: 15px; }
    .hidden-edit-profile .form-line-tt-right { display: block; }
    .hidden-edit-profile input:is([type=text], [type=password]), .hidden-edit-profile textarea { width: 100% !important; font-size: 16px; }
}