:root { --green-main: #03BD6C; --green-dark: #029a58; --gray-text: #6c757d; }
body {
    font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

    background: #fff;
}
@media (max-width: 991.99px) {
    body {
        background: #fff;
    } .container,
    .container-sm {
        max-width: none;
    }
}
header {
    background: #fff;
}

.mobile {
    display: none;
}
@media (max-width: 991.98px) {
    .mobile {
        display: inherit;
    }
    .desktop-header-full {
        display: none !important;
    }
    aside > * {
        padding: 0; 

        border: 0 none;
    }
}
@media (min-width: 992px) {
    .mobile-header {
        display: none !important;
    }
}
@media (max-width: 767.98px) {
    .tablet-search-bar {
        position: relative;
        z-index: 9999; ;

        display: none !important;
    }
}


/* Logo */
.logo-svg {
    margin-right: 8px; 

    flex-shrink: 0;
}
.rplogo {
    position: relative;
}
.logo-main-text {
    font-weight: 700;
    line-height: 1.05; 

    color: #111;
}
.logo-sub {
    font-size: 7.5px;
    line-height: 1.1;

    margin-top: 3px;
}
@media (min-width: 992px) {
    .logo-svg {
        width: 40px;
        height: auto;
    } .logo-main-text {
        font-size: 11px;
    }
    .current-menu-item .nav-link::after {
        position: absolute;
        bottom: -8px;
        left: 50%;

        width: 100%;
        height: 2px;

        content: '';
        transform: translateX(-50%);

        background: var(--green-main);
    }
}
@media (min-width: 768px) and (max-width: 991.99px) {
    .logo-svg {
        width: 36px;
    } .logo-main-text {
        font-size: 14px;
    }
    .logo-sub {
        font-size: 14px;

        position: absolute;
        top: -3px;
        left: 114px;

        padding-left: 12px;

        color: #999; 
        border-left: 2px solid #ccc;
    }
}
@media (max-width: 767.98px) {
    .logo-svg {
        width: 52px;
        height: auto;
        margin-bottom: .4rem;
    }
    .logo-main-text {
        font-size: 1.35rem;
    }
    .logo-sub {
        font-size: .85rem;
    }
}

/* Navigation */
/* Compact category nav (lower navbar) */
.nav-link--cat { padding: .75rem .65rem !important; }
@media (min-width: 1200px) { .nav-link--cat { padding: .75rem .9rem !important; } }

/* CTA button-style nav link ("Разместить рекламу") */
.nav-link--cta {
    background: var(--green-main);
    color: #fff !important;
    border-radius: 20px;
    padding: 6px 16px !important;
    font-size: 13px !important;
    margin-left: 20px;
    transition: background 0.2s;
}
.nav-link--cta:hover { background: var(--green-dark); color: #fff !important; }
.nav-link--cta::after { display: none !important; }

.nav-link {
    font-size: 14px;
    font-weight: 500;

    position: relative;

    padding: .75rem 1.1rem;

    white-space: nowrap;

    color: #212529;
}
.current-menu-item .nav-link,
.nav-link:hover,
.nav-link.active {
    color: var(--green-main);
}

/* Header buttons & bars */
.guest-only button,
button.green {
    font-size: 13px;

    width: 66px;
    height: 36px;

    color: #fff;
    border-radius: 12px; 
    background: #03bd6c;
}
.guest-only button:hover,
button.green:hover {
    color: #fff;
    background-color: #009e59;
}
#tglSearch {
    position: absolute;
    top: 18px;
    right: 70px;

    cursor: pointer;
}
.market-bar,
.ordinary-bar {
    padding: .5rem 0; 

    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}
.market-bar {
    padding: .9rem 0;

    background: #f8f9fa;
}
.btn-category {
    font-weight: 500; 

    color: white;
    border: none;
    background: var(--green-main);
}
.btn-category:hover {
    background: var(--green-dark);
}
.btn-post-ad {
    font-weight: 500; 

    color: white;
    border: none;
    background: #3996ff;
}
.btn-post-ad:hover {
    background: #0b5ed7;
}
.form-control-green {
    border-width: 2px; 
    border-color: var(--green-main);
}
.form-control-green:focus {
    border-color: var(--green-dark);
    box-shadow: 0 0 0 .25rem rgba(3,189,108,.25);
}
.region-link {
    font-size: 14px; 
    font-weight: 500;

    text-decoration: none;

    color: #111;
}
.region-link:hover {
    text-decoration: underline;
}
.region-link i {
    display: none;
}

/* Content blocks */
.daylist,
.anylist {
    padding: 24px;

    border: 1px solid #0c121d24; 
    border-radius: 24px;
}
aside > * {
    margin-bottom: 24px; 
    padding: 24px;

    border: 1px solid #0c121d24;
    border-radius: 24px;
}
aside .carousel-item {
    float: none;
}

/* ==========================================================================
   Theme styles
   ========================================================================== */
h1,
.h1 {
    font-size: 28px;
    font-weight: 600;
}
.fs-14 {
    font-size: 14px;
}
.greena {
    color: var(--green-main);
}
.breadcrumbs a,
.breadcrumbs > span {
    font-size: 14px;
    font-weight: 500;

    margin-bottom: 8px; 

    text-decoration: none;

    color: #0c121d8f;
}

.tags a {
    font-size: 14px;

    display: inline-block;

    margin: 10px 6px 0 0;
    padding: 3px 7px;

    transition: all 1s; ;
    text-decoration: none;

    color: #111;
    border: 1px solid #bbb;
    border-radius: 6px;
} .tags a:hover {
    background: #ddd;
}
.widget_democracy {
    font-size: 16px; ;

    background: #fff;
}
.widget_democracy .dem-loader {
    display: none;
}
.widget_democracy .sidebar__subtitle {
    margin-bottom: 5px; 

    color: #999;
}
.widget_democracy .dem-poll-title {
    font-size: 18px;

    display: block; 

    margin-bottom: 16px;
}
.widget_democracy .dem-vote {
    padding-left: 0; 

    list-style-type: none;
}
.widget_democracy .dem-vote li {
    margin-bottom: 10px;
}
.widget_democracy label {
    cursor: pointer;
}
.widget_democracy .dem__radio {
    display: none; 

    margin-right: 15px;

    transform: scale(150%);
}
.widget_democracy .dem__spot {
    position: relative; 

    display: inline-block;

    box-sizing: border-box;
    width: 24px;
    height: 24px;
    margin-right: 13px;

    vertical-align: bottom;

    border: 2px solid #ccc;
    border-radius: 50%;
}
.widget_democracy input:checked + .dem__spot {
    border: 6px solid var(--green-main);
}
/*.widget_democracy input:checked + .dem__spot:after { content:''; display:block; height:8px; width:8px; border-radius:50%; position:absolute; left:6px; top:6px; background:var(--green-main); }*/
.widget_democracy .dem-button,
.anylist .light-green-button {
    font-size: 16px;
    font-weight: 500;

    width: 100%;
    margin: 24px 0 12px;
    padding: 10px 0;

    color: #fff;
    border: 0 none; 
    border-radius: 12px;
    background: #03bd6c0f;
}
.widget_democracy .dem-button,
.anylist .light-green-button:hover {
    color: #fff !important; 
    background: var(--green-main);
}
.widget_democracy .dem-button:disabled {
    color: #fff; ;
    background: #b2b7b5;
}
.widget_democracy .dem-link {
    text-decoration: none;

    color: var(--green-main);
}
.load_more {
    font-size: 16px;
    font-weight: 500;
    line-height: 52px;

    display: block;

    height: 52px;
    padding: 0 0 0;

    text-align: center;
    text-decoration: none;

    color: #111;
    border-radius: 12px; ;
    background: #0c121d0f;
}
.load_more:hover {
    background: #0c121d1b !important;
}
.banners-wrapper {
    margin-bottom: 24px;

    text-align: center; 

    border: 1px solid #e8e9e9;
    border-radius: 12px;
    background-color: #f7f7f7;
}
.banners-wrapper img {
    width: 100%;
    max-width: 100%;
    height: auto;

    border: 1px solid #e8e9e9;
    border-radius: 12px;
}
.social-icons a {
    margin-right: .3rem;

    transition: color .2s;
}
.selskiychas .origin {
    font-size: 12px; ;

    background: #0c121d0f;
}

.newslist:after,
.daylist:after,
.anylist:after {
    display: block;
    clear: both; 

    content: '';
}
.newslist button,
.daylist button,
.anylist button {
    border-color: #0c121d0f; 
    background: #0c121d0f;
}
.newslist button:hover,
.daylist button:hover,
.anylist button:hover {
    color: rgb(108, 117, 125); ;
    border-color: #0c121d1a;
    background: #0c121d1a;
}
.newslist .h2,
.anylist .h2,
.daylist .h2 {
    display: block;

    transition: all 1s; 
    text-decoration: none;
}
.newslist .h2:hover,
.anylist .h2:hover,
.daylist .h2:hover {
    color: var(--green-main);
}
.carousel-item {
    display: none;
}
.carousel-item.active {
    display: block;
}
.oln0w .carousel-item .justify-content-between {
    justify-content: start !important;
}
.newzzz img {
    max-width: 100%;

    border-radius: 20px;
}
.newzzz .forimg {
    float: left;

    margin-right: 24px;
}
.newzzz .card-news {
    display: block;

    margin-bottom: 24px; 

    border: 1px solid #0c121d24;
    border-radius: 20px;
}
.newzzz a {
    text-decoration: none; 

    color: #0c121d8f;
}
.newzzz .excerpt {
    font-size: 14px; 

    color: #0c121d8f;
}
.newzzz .flowcal {
    font-size: 14px;
}
.card-title {
    font-size: 16px;
    font-weight: 400;

    margin: 4px 0 0 0;

    color: #0c121d;;
}
.clear {
    clear: both;
}
.rblock {
    padding: 24px;
}
.forimg {
    overflow: hidden;

    border-radius: 16px;
}
.forimg .card-img-top {
    transition: all 1s;
}
.forimg img:hover {
    transform: scale(110%);
}
.adv > [class*="col-"] {
    margin-bottom: 35px;
    padding-right: 7px;
    padding-left: 7px;
}
.adv > [class*="col-"] > a {
    text-decoration: none;

    border: 0 none;
}
.adv .card-news .forimg {
    border-radius: 12px;
    aspect-ratio: 4/3;
    overflow: hidden;
}
.adv .card-news .forimg .card-img-top {
    width: 100%;
    height: 100%;
    border-radius: 12px;
    object-fit: cover;
}
.adv .card-news .card-body {
    padding: 0 0 0;
}
.adv .card-news .card-title {
    font-weight: 400;
    overflow: hidden;
    height: 42px;
    margin: 8px 0 4px;
}
.adv .card-news .price {
    font-size: 18px;
    font-weight: 600;
}
.adv .card-news .location {
    font-size: 14px;
    margin: 2px 0;
}
.listings-title {
    font-size: 17px;
    font-weight: 600;

    padding: 16px 16px 8px;

    color: #212121;
    border-top: 1px solid #f0f0f0;
}
.sidebar .listings-title {
    padding: 0 16px 0 0;

    border-top: 0 none;
}
.listings-grid {
    padding: 16px 0 0;
}
.listing-item {
    display: block;
    clear: both; 

    text-decoration: none;
}
.listing-item img {
    float: left;

    width: 84px;
    height: 84px;
    margin: 0 12px 12px 0; ;

    border-radius: 12px;

    object-fit: cover;
}
.listing-info {
    font-size: 14px;
    line-height: 1.4;

    padding: 3px;
}
.listing-price {
    font-size: 16px;
    font-weight: 700;
    line-height: 2; 

    color: #0c121d;
}
.listing-text {
    display: -webkit-box;
    overflow: hidden; 

    color: #424242;

    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.listing-item .text-muted {
    font-size: inherit;
}




input[type='radio'] {
    border-color: var(--green-main); 
    accent-color: var(--green-main);
}
/*  tabs  */
.nav-pills-custom {
    width: 100%;
}
.nav-pills-custom .nav-item {
    flex: 1 1 0;
}
.nav-pills-custom .nav-link {
    font-size: 16px;
    font-weight: 500;

    width: 100%;
    padding: .6rem 1.5rem;

    transition: all .2s;
    text-align: center;

    color: #0c121d8f;
    border-radius: 50rem;
}
.nav-pills-custom .nav-link.active {
    color: #0c121d !important;
    background-color: white !important;
    box-shadow: 0 2px 8px rgba(0,0,0,.08);
}
.nav-pills-custom .nav-link:hover:not(.active) {
    color: var(--green-main); ;
    background-color: rgba(13,110,253,.08);
}
.tabs-container {
    display: flex;

    padding: .35rem;

    border-radius: 50rem;
    background: #f8f9fa;
}

.wp-pagenavi {
    font-size: 16px;
    font-weight: 500;

    padding: 0 24px 24px;

    text-align: center;
}
.wp-pagenavi > * {
    line-height: 36px;

    display: inline-block;

    width: 36px;
    height: 36px;

    text-align: center;
    vertical-align: middle;
    text-decoration: none; ;

    color: #111 !important;
    border-radius: 12px;
}
.wp-pagenavi .current {
    background: #0c121d0f;
}
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink {
    font-size: 185%;
    font-weight: 400; 
    line-height: 1.1;
}
.wp-pagenavi .extend {
    display: none;
}
@media( max-width:991.99px ) {
    .wp-pagenavi {
        padding: 0 0 24px;

        text-align: center;
    }
    .wp-pagenavi .larger:nth-child(6),
    .wp-pagenavi .larger:nth-child(7),
    .wp-pagenavi .larger:nth-child(8),
    .wp-pagenavi .larger:nth-child(9),
    .wp-pagenavi .larger:nth-child(10) {
        display: none;
    }
}

.top5 {
    font-size: 16px;

    margin-bottom: 24px;
}
.section-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px; 

    color: #0c121d;
}
.top5 a {
    padding-bottom: 1rem; ;

    text-decoration: none;

    color: #0c121d;
    border-bottom: 1px solid #eee;
}
.top5 a:hover {
    color: var(--green-main);
}
.top5 span {
    display: inline-block;

    margin-right: 8px; 

    text-align: center;
    vertical-align: middle;

    color: #0c121d52;

    flex: 0 0 24px;
} .top5 .color1 {
    color: #c81e1e;
} .top5 .color2 {
    color: #d7a00d;
}
.top5 .item:last-of-type a {
    padding-bottom: 0; 

    border-bottom: 0 none;
}

.modal-content {
    border-radius: 22px;
}
.modal-header,
.modal-footer,
.modal-body {
    padding: 24px 24px;

    border-top: 0 none;
    border-bottom: 0 none;
}
.modal-footer .btn {
    line-height: 44px;

    height: 44px;
    margin-right: 0; ;
    margin-left: 0;
    padding: 0 0 0 0;

    border-radius: 16px;
    background: #0c121d0f;
}
.modal-footer .btn:hover {
    background: #0c121d1b;
}

.overlay {
    position: fixed;
    z-index: 1111;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    height: 100%;

    opacity: .6;
    background: #555;
}
.w240 {
    width: 240px;
}
.modal2w {
    position: absolute;
    z-index: 1112;

    padding: 30px;

    border-radius: 16px;
    background: #fff;
    box-shadow: 0 0 14px 4px #000029;
}
.modal2wc {
    font: bold 15px Courier New;

    position: absolute;
    top: 5px;
    right: 5px;

    cursor: pointer;

    color: transparent;
}

.forma a {
    text-decoration: none;
}
.forma .form-label {
    font-weight: 500;
}
.forma .required-asterisk {
    font-weight: bold;

    margin-left: .25rem; 

    color: red;
}
.forma input[type=text],
.forma input[type=email],
.forma input[type=tel],
.forma input[type=password] {
    font-size: 16px;

    width: 100%;
    height: 44px;
    padding-left: 1rem;

    border: 0 none; 
    border-radius: 12px;
    background: #0c121d0f;
}
.forma input:hover,
.forma .btn:hover {
    background: #0c121d1b;
}
.forma input:focus {
    outline: 2px solid var(--green-main); ;
    background: #fff;
}
.forma .password-wrapper {
    position: relative;
}
.forma .password-wrapper input {
    padding-right: 2.5rem;
}
.forma .toggle-password {
    font-size: 1.2rem;

    position: absolute;
    z-index: 10; 
    top: 50%;
    right: .75rem;

    padding: 0;

    cursor: pointer;
    transform: translateY(-50%);

    color: #6c757d;
    border: none;
    background: transparent;
}
.forma .toggle-password:focus {
    outline: none;
}
.forma .btn-success {
    font-size: 16px;

    height: 44px; 

    border: 0 none;
    border-radius: 16px;
    background-color: var(--green-main);
} .forma .btn-success:hover {
    background: #009e59;
}
.forma .errors {
    font-size: 80%;

    margin-bottom: 15px; 

    color: #a00;
}
.forma .forgot {
    font-size: 85%;

    display: block;

    margin-bottom: 15px; ;

    color: #888;
}
.forma .forgot:hover {
    color: var(--green-main);
}
.forma .form-check {
    margin-bottom: 15px;
}


.subscribe .form-control:focus {
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .15);
}
.subscribe .light-green-button {
    width: 100%;

    transition: all .2s;
    letter-spacing: .3px;

    color: var(--green-main) !important;
}
.subscribe .terms-text {
    font-size: .85rem;

    color: #6c757d;
}
.subscribe .terms-text a {
    text-decoration: underline; 

    color: #0c121d8f;
}

#sr4prompt {
    font: 500 14px Inter;

    position: fixed;
    z-index: 999;

    padding: 8px;

    color: #111;
    border-radius: 20px; ;
    background: #fff;
}
#sr4prompt .close {
    font-size: 30px;

    position: absolute;
    top: -3px;
    right: 5px;

    cursor: pointer; ;
    transition: all .5s;
    transform: rotate( 45deg );

    color: #999;
}
#sr4prompt .close:hover {
    color: #111;
}
#sr4prompt small {
    font-size: 12px;

    display: block;

    margin: 8px 12px; ;

    color: #0c121d8f;
}
#sr4prompt div {
    margin: 17px 12px;

    cursor: pointer;
}

@media (max-width: 991.99px) {
    header {
        min-height: 56px;
    }
    .menu_swit4.active {
        height: 17px;
    }
    .offcanvas-backdrop.show,
    .offcanvas-header {
        display: none;
    }
    #offcanvasMenu {
        top: 56px;
        left: 0;

        width: auto;
    }
    #offcanvasMenu .nav > li:first-child {
        display: none;
    }
    #offcanvasMenu .nav-link {
        padding-left: 0 !important;
    }
    .rain3 {
        position: absolute;
        bottom: 10px;
    }
    .menu_swit4 .btn-close,
    .menu_swit4.active .bi {
        display: none;
    }
    .menu_swit4.active .btn-close {
        display: inline-block;
    }
    #offcanvasMenu .guest-only button {
        font-size: 16px; ;

        width: 100%;
        height: 44px;
    }
    .guest-only .mobile {
        font: 600 18px/1.5 Inter;

        display: block;

        margin-bottom: 12px;
    }
    #offcanvasMenu .region-link {
        display: block !important;

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

        border-bottom: 1px solid #ccc;
    }
    #offcanvasMenu .region-link i {
        font-style: normal; 

        display: block;
        float: right;

        color: var(--green-main);
    }
    #democracy-2 {
        margin-bottom: 1.5rem;
    }
    .adv > .col-md-3,
    .adv .col-md-3 {
        width: 50%;
    }
}

@media (max-width:767.99px) {
    main .text-muted {
        font-size: 12px;
    }
    main .card-title {
        font-size: 14px;
        font-weight: 400;
    }
    main #messageBoard .card-title {
        overflow: hidden; ;

        height: 52px;
    }
    main .anylist .price {
        font-size: 16px;
    }
    main .anylist .location {
        font-size: 12px;
    }
    main .slick-dots {
        bottom: 0;
    }
}

/* ==========================================================================
   Front page — newslist (from front-page.php)
   ========================================================================== */
.newslist {
    padding: 24px; ;

    border-radius: 24px;
    background: linear-gradient( to bottom, #03bd6c0f, #fff );
} .newIco {
    float: left;

    margin-right: 12px;
}
.newslist h2 .bi {
    font-size: 20px;
}
.newslist small {
    color: #0c121d82;
}
.card-news,
.card-news .main {
    display: flex;

    width: 100%;

    border: 0 none; 

    flex-wrap: nowrap;
}
.card-news .main {
    margin-bottom: 8px;
    padding-bottom: 8px;

    border-bottom: 1px solid rgba(12,18,29,.14);
}
.card-news:hover .card-title {
    color: var(--green-main);
}
.card-news .forim img {
    margin-right: 12px;

    border-radius: 8px;
}
.card-news .num {
    margin-right: 12px;
    padding-top: 2px;

    text-align: center;

    color: #0c121d82; 

    flex: 0 0 20px;
}
.card-news a {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;

    text-decoration: none;

    color: #0c121d;
}
.card-news .main .forim {
    flex: 0 0 60px;
}
.card-news hr {
    display: block;

    margin: 12px 0 12px 60px;

    border: 0 none;
    border-bottom: 1px solid #ccc;
}
@media (max-width: 991.99px) {
    .card-news .main {
        align-items: start !important;
    }
}

/* ==========================================================================
   Front page — daylist/anylist cards (from front-page.php)
   ========================================================================== */
.section-title {
    font-size: 24px;
    font-weight: 600; 

    margin-bottom: 0;
} .section-title .bi {
    font-size: 20px;
}
/* Daylist card images */
.daylist .card-img-top,
.anylist .card-img-top {
    height: auto; aspect-ratio: 16/10; object-fit: cover; border-radius: 12px;
    transition: transform 0.35s ease;
}
.daylist .card-news .card-img-wrap { overflow: hidden; border-radius: 12px; }
/* Daylist card base */
.daylist .card-news,
.anylist .card-news {
    display: flex; flex-direction: column; text-decoration: none; background: transparent; color:#111; height: 100%;
}
.daylist .card-news:hover .card-title { color: var(--green-main); }
.daylist .card-news:hover .card-img-top { transform: scale(1.05); }

/* Date line */
.daylist .card-date { font-size: 13px; color: var(--gray-text); margin-bottom: 6px; }

/* Title: fixed height for 3 lines */
.daylist .card-title {
    font-size: 16px; font-weight: 600; line-height: 1.35; margin-bottom: 10px;
    min-height: calc(16px * 1.35 * 3); /* 3 lines */
    display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
    transition: color 0.2s;
}

/* Excerpt: always visible, 2-3 lines */
.daylist .excerpt { font-size: 14px; color: #555; line-height: 1.5; margin-top: 10px; flex: 1; }
.daylist .excerpt p {
    display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
    overflow: hidden; margin: 0;
}
/* No-image card: more excerpt text */
.daylist .card-news--no-img .excerpt p { -webkit-line-clamp: 6; }

/* Stats: always at bottom */
.daylist .card-stats { font-size: 13px; color: var(--gray-text); margin-top: 10px; }
.daylist .card-stats b { margin: 0 2px; }

/* Legacy flowcal (still used in other places) */
.flowcal {
    font-size: 12px;
    z-index: 1;
    top: 85px;
    left: 8px;
    padding: 3px 10px 3px 0;
    text-align: left;
}
.flowcal .c2 { font-size: 24px; font-weight: bold; }

/* Mobile */
@media (max-width: 991.99px) {
    .daylist, .anylist { padding: 0; border: 0 none; }
    .daylist .carousel-control-arrows { visibility: hidden; }
    .daylist .carousel-inner { padding-bottom: 50px; }
    .daylist .slick-slide { margin: 0 10px; }
}

/* ==========================================================================
   Front page — anylist price/location (from front-page.php)
   ========================================================================== */
/* Ads board card styling */
.anylist .card-title {
    font-size: 16px; font-weight: 600; line-height: 1.35; margin-bottom: 10px;
    min-height: calc(16px * 1.35 * 3);
    display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
    transition: color 0.2s;
}
.anylist .card-news:hover .card-title { color: var(--green-main); }
.anylist .card-news:hover .card-img-top { transform: scale(1.05); }
.anylist .card-news { display: flex; flex-direction: column; height: 100%; }
.anylist .card-img-wrap { overflow: hidden; border-radius: 12px; }
.anylist .card-img-top { transition: transform 0.35s ease; }
.anylist .price { font-size: 18px; font-weight: bold; margin-top: 4px; }
.anylist .location { font-size: 14px; color: var(--gray-text); }
.anylist .card-stats { font-size: 13px; color: var(--gray-text); margin-top: auto; padding-top: 8px; }
.anylist .card-stats b { margin: 0 2px; }
.anylist .card-date { font-size: 13px; color: var(--gray-text); margin-bottom: 6px; }
.anylist .card-news--no-img .excerpt p { -webkit-line-clamp: 6; }

/* Press review - same as daylist */
.pressa .card-title { font-size: 16px; font-weight: 600; line-height: 1.35; margin-bottom: 10px;
    min-height: calc(16px * 1.35 * 3);
    display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
    transition: color 0.2s;
}
.pressa .card-news:hover .card-title { color: var(--green-main); }
.pressa .card-news:hover .card-img-top { transform: scale(1.05); }
.pressa .card-news { display: flex; flex-direction: column; height: 100%; }
.pressa .excerpt { font-size: 14px; color: #555; line-height: 1.5; margin-top: 10px; flex: 1; }
.pressa .excerpt p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin: 0; }
.pressa .card-news--no-img .excerpt p { -webkit-line-clamp: 6; }
.pressa .card-img-wrap { overflow: hidden; border-radius: 12px; }
.pressa .card-img-top { transition: transform 0.35s ease; }
.pressa .card-stats { font-size: 13px; color: var(--gray-text); margin-top: 10px; }
.pressa .card-stats b { margin: 0 2px; }
.pressa .card-date { font-size: 13px; color: var(--gray-text); margin-bottom: 6px; }

/* ==========================================================================
   Front page — pressa mobile (from front-page.php)
   ========================================================================== */
/*	#messageBoard img { transition:all 0.5s ease; clip-path:inset(0); display:block; overflow:hidden; }
	#messageBoard img:hover { clip-path: inset(10% 10% 10% 10%); transform:scale( 123% ) }*/
@media (max-width:767px) {
    #messageBoard {
        padding: 24px 0 0;
    }
    #messageBoard .carousel-control-arrows {
        visibility: hidden;
    }
    #messageBoard .card-img-top,
    #messageBoard .col-md-4 {
        width: 42vw;
        margin-right: 12px;
    }
    #messageBoard .slick-list,
    .pressa .carousel-inner {
        overflow: visible;
    }
}

/* ==========================================================================
   Front page — pressa responsive (from front-page.php)
   ========================================================================== */
@media (max-width:767px) {
    .pressa {
        padding: 24px 0 0;
    }
    .pressa .carousel-control-arrows {
        visibility: hidden;
    }
    .pressa .card-img-top,
    .pressa .col-md-4 {
        width: 65vw;
        margin-right: 12px;
    }
    .pressa .slick-list,
    .pressa .carousel-inner {
        overflow: visible;
    }
}

/* ==========================================================================
   Single advertisement (from single-advertisements.php)
   ========================================================================== */
.share-button {
    opacity: .5;
} .share-button:hover {
    opacity: 1;
}
.main > .row {
    margin-top: 0;
}
.main .article__title {
    font-size: 28px;
    font-weight: 600;

    color: #0c121d;
}
.main .h2 {
    font-size: 24px;
    font-weight: 600;

    color: #0c121d;
}
.product-layout {
    display: flex;

    flex-wrap: wrap;
    gap: 18px;
    align-items: flex-start;
}
.main-photo {
    min-width: 320px;

    flex: 1 1 60%;
}
.main-photo img {
    width: 100%;
    height: auto;

    border-radius: 12px;

    object-fit: cover;
}
.thumbnails-slider {
    max-width: 86px;

    flex: 0 0 86px;
}
.thumb-slide {
    overflow: hidden; 

    margin: 8px 0;

    cursor: pointer;
    transition: all .25s ease;

    opacity: 1;
    border-radius: 8px;
}
.thumb-slide img {
    display: block;

    width: 78px;
    height: auto;
    padding: 2px;

    border: 2px solid transparent; 
    border-radius: 12px;
}
.thumb-slide .active {
    border-color: var(--green-main);
}
/*.thumb-slide.slick-current, .thumb-slide:hover {opacity:1; transform:scale(1.06); box-shadow:0 6px 20px rgba(0,0,0,0.18);}*/
.thumb-slide .label {
    font-size: .78rem;

    position: absolute;
    bottom: 6px;
    left: 8px;

    padding: 2px 8px;

    color: white;
    border-radius: 4px;
    background: rgba(0,0,0,.65);
}
.slick-vertical .slick-slide {
    margin: 10px 0;
}
.slick-vertical .slick-list {
    overflow: hidden;

    -height: 520px !important;
}
.region a {
    text-decoration: none;

    color: #0c121d;
}
article .adv .col-md-3 {
    margin-bottom: 35px; 
    padding-right: 7px;
    padding-left: 7px;
}
article .adv .card-news,
article .adv .card-news a,
.adv .card-news,
.adv .card-news a {
    border: 0 none;
    text-decoration: none !important;
}
article .adv .card-news .forimg .card-img-top {
    border-radius: 12px;
}


/* Mobile-only seller card hidden on desktop */
.seller-card-mobile { display: none; }

.seller-card {
    font-family: -apple-system, BlinkMacOSystemFont, 'Segoe UI', Roboto, sans-serif;

    overflow: hidden;

    width: 100%;
    max-width: 420px;
    margin: 12px auto;

    border: 1px solid #e0e0e0;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.08);
}
.seller-card .price-row {
    display: flex;

    padding: 16px 16px 8px;

    align-items: center;
    justify-content: space-between;
}
.seller-card .price {
    font-size: 26px;
    font-weight: 700;
}
.seller {
    display: flex;

    padding: 0 16px 12px;

    align-items: center;
    gap: 12px;
}
.avatar {
    overflow: hidden;

    width: 48px;
    height: 48px;

    border-radius: 50%;
    background: #e0e0e0;

    flex-shrink: 0;
}
.avatar img {
    width: 100%;
    height: 100%;

    object-fit: cover;
}
.seller-info {
    min-width: 0;

    flex: 1;
}
.seller-card .name {
    font-size: 16px;
    font-weight: 600;

    margin: 0 0 4px;

    color: #1a1a1a;
}
.seller-card .status {
    font-size: 13px;

    color: #757575;
}
.seller-card .buttons {
    padding: 0 16px 16px;
}
.seller-card .buttons .btn {
    font-size: 15px;
    font-weight: 600;
    line-height: 44px;

    display: block;

    width: 100%;
    height: 44px;
    margin-bottom: 10px;
    padding: 0;

    cursor: pointer;
    transition: all .15s ease;

    border: none;
    border-radius: 10px;
}
.seller-card .buttons .btn-phone {
    color: white;
    background: #4caf50;
}
.seller-card .buttons .btn-phone:hover {
    background: #43a047;
}
.seller-card .btn-message {
    color: #2e7d32;
    background: #e8f5e9;
}
.seller-card .btn-message:hover {
    background: #dcedc8;
}
@media (max-width: 900px) {
    .product-layout {
        display: block;
    }
    /* Hide .main-photo only if thumbnails-slider is present (multiple photos) */
    .product-layout:has(.thumbnails-slider) .main-photo {
        display: none;
    }
    /* Show single main photo on mobile when no slider */
    .main-photo img { width: 100%; border-radius: 12px; }
    .thumbnails-slider {
        max-width: none;
        min-height: 30vh;
        margin-right: -12px;
        margin-left: -12px;

        background: #f4f4f4;
    }
    .thumb-slide {
        margin: 0 0;
    }
    .thumb-slide img {
        display: none;

        width: 80%;
        margin: 0 auto; 
        padding: 0;

        border: 0 none;
        border-radius: 0;
    }
    .share-button {
        margin-top: -1px !important; ;

        opacity: 1;
    }
    .header-block,
    .share-button span {
        display: none;
    }
    .breadcrumbs {
        color: #888;
    }
    .classifieds-slider.adv {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }
    .classifieds-slider.adv > [class*="col-"] {
        width: 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 4px !important;
        margin-bottom: 16px !important;
        box-sizing: border-box;
    }
    .classifieds-slider.adv > [class*="col-"] .forimg img {
        width: 100%;
        height: auto;
    }
    /* Mobile-only seller card visible, sidebar one hidden */
    .seller-card-mobile { display: block !important; max-width: none; margin: 16px 0 !important; }
    .sidebar-right .seller-card:not(.seller-card-mobile) { display: none; }
    .seller-card {
        max-width: none;
        margin-bottom: 0; ;
        padding-bottom: 10px;

        border: 0 none;
        border-bottom: 1px solid #eee;
        border-radius: 0;
        box-shadow: none;
    }
    .seller {
        order: 3;
    }
    .seller-card .buttons {
        display: flex;

        gap: 12px;
    }
    .main .h2 {
        font-size: 18px;
    }
}

/* ==========================================================================
   Taxonomy cats (from taxonomy-cats.php)
   ========================================================================== */
h1 span {
    color: #0c121d8f;
}
.header-block .sortingm {
    font-size: 14px; ;

    float: right;

    margin-top: 10px;

    cursor: pointer;
} .sortingm i {
    font-size: 60%;
    font-style: normal;

    padding-left: 6px;
}
.mobile.post_adv {
    display: none;
}
.custom-card {
    display: flex;
    overflow: hidden;

    height: 80px;

    text-decoration: none; ;

    border: none;
    border-radius: 12px;
    background-color: #0c121d0f;

    justify-content: space-between;
}
.subcats {
    padding-bottom: 16px;

    border-bottom: 1px solid #0c121d24;
}
.subcats a {
    font-size: 14px;
    font-weight: 500;

    display: block;

    margin-top: 8px; ;

    text-decoration: none;

    color: var(--green-main);
}
.subcats .h {
    display: none;
}

.prfilter {
    padding: 16px 0;
}
.prfilter .flex {
    display: flex;

    margin: 16px 0;
    padding-bottom: 16px;

    border-bottom: 1px solid #0c121d24; ;

    justify-content: space-between;
    gap: 8px;
}
.prfilter input {
    font: 500 16px/44px Inter;

    width: 41%;
    padding: 0 20px;

    border: 0 none;
    border-radius: 12px; ;
    background: #0c121d0f;

    appearance: textfield;
    flex: 1 1 41%;
}
.prfilter input:hover {
    background: #0c121d16;
}
.prfilter input:focus {
    outline: 2px solid var(--green-main);
    background-color: #fff;
}
.prfilter .options {
    padding: 8px 0;
}
.prfilter .option {
    display: flex;

    padding: 8px 0;

    cursor: pointer;
    transition: background .2s;

    align-items: center;
}
.prfilter .option:hover {
    background: #f8f9fa;
}
.prfilter .option input[type='radio'] {
    display: none;
}
.prfilter .custom-radio {
    position: relative;

    width: 20px;
    height: 20px;
    margin-right: 12px;

    transition: all .2s;

    border: 2px solid #c0c4cc;
    border-radius: 50%;

    flex-shrink: 0;
}
.prfilter .option input[type='radio']:checked + .custom-radio {
    border-color: #00c853;
}
.prfilter .option input[type='radio']:checked + .custom-radio::after {
    position: absolute;
    top: 50%;
    left: 50%;

    width: 10px;
    height: 10px;

    content: '';
    transform: translate(-50%, -50%);

    border-radius: 50%;
    background: #00c853;
}
.prfilter .option-label {
    font-size: 15px;

    color: #1f1f1f;
}
.prfilter .buttons {
    display: flex;

    padding: 16px 0;

    border-bottom: 0 none; ;

    gap: 12px;
}
.prfilter .buttons .btn {
    font-size: 16px; 

    width: 41%;
    height: 40px;

    flex: 1 1 41%;
}
.prfilter .buttons .reset {
    color: var(--green-main); ;
    background-color: #03bd6c0f;
}
.prfilter .buttons .reset:hover {
    background-color: #03bd6c16;
}
.sortform {
    display: none;
}
.modal2w .sortform {
    display: block;
}
.sortform label {
    display: flex;

    padding: 4px 0; ;

    cursor: pointer;

    justify-content: space-between;
}
.sortform input {
    width: 20px;
    height: 20px;

    border: 1px solid #ccc;
    border-radius: 10px; ;
    background: #fff;

    appearance: none;
}
.sortform input:checked {
    border: 6px solid var(--green-main);
}

@media (max-width:1399px) {
    .bgdych_wrap {
        overflow-x: scroll;

        margin-right: -12px;
        padding-right: 12px;
    }
    .bgdych {
        width: 856px;
    }
}
@media (max-width:991px) {
    .sidebar {
        display: none;
    }
    h1 span,
    .header-block .sortingm {
        display: none;
    }
    .tools {
        display: flex;

        margin-bottom: 15px; ;

        justify-content: space-between;
    }
    .tools > * {
        font-size: 14px; ;

        cursor: pointer;
    }
    .foundm {
        font: 500 12px/1 Inter;

        margin-bottom: 15px; ;

        text-align: center;

        color: #0c121d8f;
    }
    .mobile.post_adv {
        display: block;

        padding: 24px 0 0;
    }
    .mobile.post_adv button {
        display: block;

        width: 100%;
        height: 44px;
    }
}

/* ==========================================================================
   Ads board (from template-ads.php)
   ========================================================================== */
.mobile.post_adv {
    display: none;
}
.bgdych {
    display: flex;

    justify-content: space-between;
    gap: 10px;
}
.custom-card {
    display: flex;
    overflow: hidden;

    height: 80px;

    text-decoration: none; ;

    border: none;
    border-radius: 12px;
    background-color: #0c121d0f;

    justify-content: space-between;
}
.bgdych.mt-2 .custom-card {
    gap: 16px;
}
.bgdych .card-title {
    font-size: 14px;
    font-weight: 500;

    margin: 12px 0 0 12px; 

    color: #0c121d;
}
.bgdych .icon {
    font-size: 0;

    width: 58px; 

    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: 100%;

    flex: 0 0 58px;
}
@media (max-width:1399px) {
    .bgdych_wrap {
        overflow-x: scroll;

        margin-right: -12px;
        padding-right: 12px;
    }
    .bgdych {
        width: 856px;
    }
}
@media (max-width:991px) {
    .mobile.post_adv {
        display: block;

        padding: 24px 0 0;
    }
    .mobile.post_adv button {
        display: block;

        width: 100%;
        height: 44px;
    }
}

/* ==========================================================================
   Footer (from footer.php)
   ========================================================================== */
footer {
    font-size: .95rem;

    padding: 3rem 0 1.5rem;

    color: #111;
    border-top: 1px solid rgb(33, 37, 41, .5); ;
    background: #fff;
}
footer a {
    transition: color .2s; 
    text-decoration: none;
    text-decoration: none;

    color: #111;
}
.footer-link {
    font-size: 16px;

    display: block;

    margin-bottom: .6rem;
}
footer ul { list-style: none !important; padding: 0 !important; margin: 0 !important; }
footer ul li { margin: 0; padding: 0; list-style: none !important; background: none !important; }
footer ul li::before, footer ul li::marker { content: none !important; display: none !important; }
footer a:hover {
    color: #03bd6c;
}
.footer-title {
    font-size: 14px; 

    margin-bottom: 1.25rem;

    color: #777a80;
}
footer .logo {
    font-size: 30px;
    font-weight: 600;
    line-height: 1;

    margin-bottom: 30px; 

    color: #000;
}
footer .phone {
    font-size: 18px;
    font-weight: 500;

    display: block;

    margin: 10px 0; 

    text-decoration: none;

    color: #111;
}
.order {
    color: var(--green-main);
}
.riklam {
    font-weight: 500;

    text-decoration: none; ;

    color: #111;
}
.copy-text {
    font-size: .85rem;

    margin-top: 2rem;
    padding-top: 1.5rem; 

    color: #999;
    border-top: 1px solid #333;
}
@media (min-width: 992px) {
    footer {
        border-top: 0 none;
    }
    footer .row > div {
        max-width: 25%; 

        flex: 0 0 25%;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    footer .logo {
        font-size: 24px;
    }
    footer .row > div {
        max-width: 33%;
        margin-bottom: 2rem; 

        flex: 0 0 33%;
    }
    footer .row > div:nth-child(4),
    footer .partners-logos {
        max-width: 100%;
        margin-bottom: 0; 

        flex: 0 0 100%;
    }
    #bottomLine {
        display: block !important;
    }
    #bottomLine .footer-link {
        float: left;

        margin-right: 100px;
    }
    #bottomLine .footer-link:after {
        display: block;
        clear: both;

        height: 15px; 

        content: '';
    }
}
@media (max-width: 767.98px) {
    footer .row {
        display: block;
    }
    footer .row > div {
        margin-bottom: 2rem;
    }
    #bottomLine {
        display: block !important;
    }
    #bottomLine .footer-link {
        float: none;

        margin-right: 0;
    }
    #bottomLine .footer-link:after {
        display: block;
        clear: both;

        height: 15px; 

        content: '';
    }
}

/* ==========================================================================
   Styles moved from inline <style> blocks in PHP templates
   ========================================================================== */

/* comments.php – comment form & comment items */
#commentform {
    position: relative;
}
#comment {
    line-height: 1.3; 

    width: 100%;
    height: 52px;
    padding: 5px 100px 0 12px;

    border: 0 none;
    border-radius: 12px;
    background: #0c121d0f;
} #comment.over {
    color: #a00;
}
#submit {
    font-size: 14px;
    font-weight: 500;
    line-height: 36px;

    position: absolute;
    top: 8px;
    right: 8px;

    height: 36px;
    margin: 0;
    padding: 0 15px;

    color: #fff;
    border: 0 none; 
    border-radius: 12px;
    background: #03bd6c5c;
}
#smile2 {
    position: absolute;
    top: 15px;
    right: 123px;

    display: block;

    filter: grayscale(1);
}
#max2 {
    font-size: 12px; 

    position: absolute;
    top: 19px;
    right: 156px;

    display: block;

    color: #0c121d8f;
} #max2 b {
    font-weight: 400;
}
.article__comment__head i {
    font-style: normal;

    padding-left: 15px; ;

    opacity: .5;
}
.article__comment .greena {
    cursor: pointer;
}
.comment__item {
    display: flex;

    margin-bottom: 20px; ;

    gap: 8px;
}
.comment__item > .icon {
    flex: 0 0 44px;
}
.comment__item .avatar {
    width: 44px;
    height: 44px;

    border-radius: 50%;
}
.comment__item .zaki_like_dislike_box {
    display: inline-block;

    margin-left: 30px; ;

    border: 0 none;
}
.comment__item .zaki_like_dislike_box img {
    height: 20px;
}
.comment__item .zaki_like_dislike_box > * {
    display: inline-block;

    vertical-align: top;
}
.zaki_like_dislike_dislike {
    margin-left: 30px;
}

.comment__item .comment-reply-link,
.comment__item .comment-edit-link,
.comment__item .comments__time,
.comment__item .url,
.comment-reply-login {
    font-size: 14px;

    text-decoration: none; ;

    color: #777;
}


/* inc/popup-cities.php – city list flush borders */
.list-group-flush > a {
    border-bottom: 0 none;
}

/* inc/popup-cities.php – region list responsive layout */
@media (min-width:768px) {
    #regionList {
        display: flex;
        overflow-x: auto; 
        overflow-y: hidden;
        flex-direction: row;

        -gap: 30px;
        flex-wrap: wrap;
    }
    #regionList .list-group-item {
        flex: 1 1 28%;
    }
}

/* inc/popup-ad-cats.php – popup category styles */
#popupCatz {
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;

    width: 636px; ;
    padding: 16px 16px 16px 0;

    background: #fff;
}
#popupCatz .catz_ul > li {
    font-size: 16px;
    font-weight: 500;
    line-height: 44px;

    display: flex;

    width: 290px;
    height: 44px;
    padding: 0 10px 0 44px;

    cursor: pointer;
    white-space: nowrap;

    background-repeat: no-repeat;
    background-position: 12px 50%;
    background-size: 24px;

    justify-content: space-between;
}
#popupCatz .catz_ul > li > span {
    padding-top: 2px;
}
#popupCatz a {
    text-decoration: none;

    color: #111;
}
#popupCatz .catz_ul > li:hover,
#popupCatz .catz_ul > li.active {
    border-radius: 12px; ;
    background-color: #0c121d0f;
}
#popupCatz .catz_ul > li.active > .sub_cat {
    display: block;
}
#popupCatz .sub_cat {
    position: absolute;
    top: 10px;
    left: 306px;

    display: none;

    list-style-type: none;
}
#popupCatz .sub_cat > li {
    line-height: 34px; ;

    height: 34px;
}
#tglSearch,
#sr4block {
    display: none;
}
.formadv {
    position: relative;

    overflow: hidden; ;

    border-radius: 12px;
    background: #03bd6c;
}
.formadv button {
    position: absolute;
    top: 0;
    right: 0;

    width: 85px;
    height: 100%;

    cursor: pointer; ;
    text-align: center;

    color: #fff;
    border: 0 none;
    background: #03bd6c;
}
.formadv input {
    width: calc( 100% - 85px ); ;

    border-radius: 12px;
    background: #fff;
}
@media (max-width:991px) {
    #sr4block {
        display: flex;

        margin-top: 16px;
        margin-bottom: 16px; ;

        gap: 8px;
    }
    #sr4block b {
        display: block;

        padding: 10px;

        cursor: pointer; ;
        text-align: center;

        border-radius: 12px;
        background: #03bd6c;

        flex: 0 0 44px;
    }
    #sr4block input {
        width: 100%;
        height: 44px;
        padding-left: 40px;

        border: 0 none; ;
        background: #0c121d0f;
    }
    #sr4block button {
        position: absolute;
        top: 1px;
        left: 5px;

        width: 33px;

        color: transparent;
        background: transparent url('../images/search.svg') no-repeat 50% 50%;
    }
    #sr4block form {
        background: transparent;

        flex: 100%;
    }
    #popupCatz {
        overflow: hidden; ;

        width: 100%;
        min-height: calc( 100vh - 56px );
    }
    #popupCatz .catz_ul {
        padding-left: 0;
    }
    #popupCatz .catz_ul > li.active {
        background-color: transparent;
    }
    #popupCatz .catz_ul > li {
        width: 100%;
        padding-right: 0;
    }
    #popupCatz .sub_cat {
        visibility: hidden;
    }
    #popupCatz .close {
        font-size: 18px;
        font-weight: 600;
        line-height: 1;

        margin-bottom: 10px; ;

        cursor: pointer;

        color: #0c121d;
    }
    #popupCatz .close i {
        font-size: 26px;
        font-weight: 300;
        font-style: normal;

        display: inline-block;

        margin: 0 16px 0 17px; ;

        transform: rotate(45deg);
    }
    #popupCatz > .sub_cat {
        position: static; ;

        display: block;
        visibility: visible;
    }
    #popupCatz > .sub_cat svg {
        display: none;
    }
    #popupCatz > .sub_cat s {
        font-size: 26px;

        display: inline-block;

        margin-right: 15px; ;

        text-decoration: none;
    }
    #popupCatz > .sub_cat .root {
        margin-bottom: 10px;
    }
}

/* inc/module_widgets.php – comment widget styles */
.comment {
    font-size: 14px;

    margin-bottom: 25px;
}
.comment a {
    text-decoration: none;

    color: #111;
}
.comment .text-muted {
    display: block;
    overflow: hidden; ;

    height: 22px;
}
.comment a:hover {
    color: var(--green-main);
}

/* inc/module_widgets.php – video widget (.alien / selskiychas) styles */
.alien > .item:first-child .image {
    margin-bottom: 15px; ;

    border-radius: 12px;
    background-size: contain;

    aspect-ratio: 1.78;
} .alien .video-text {
    display: none;
}
.alien > .item:first-child { margin-bottom: 16px; }
.alien > .item:first-child .date {
    font-size: 14px;
    display: block;
    margin-bottom: 5px;
    color: #999;
}
.alien > .item:first-child .text {
    font-size: 16px;
    font-weight: 600;
    color: #111;
    margin-bottom: 5px;
}
.alien > .item:first-child .sc-link {
    display: block;
}
.alien .sc-link {
    display: flex;

    margin-bottom: 5px;

    text-decoration: none;

    color: #111;

    justify-content: space-between;
    align-items: center;
    gap: 15px;
}
.selskiychas .sc-link:hover,
.selskiychas .sc-link:hover p {
    color: var(--green-main);
}
.alien .image {
    border-radius: 6px; 
    background-size: contain;

    flex: 0 0 107px;
    aspect-ratio: 1.78;
    order: 3;
}
.alien .date {
    display: none;
} .alien .text p {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
}
.selskiychas .origin {
    background: var(--green-main); color: #fff; border-radius: 20px; padding: 4px 14px; font-size: 13px; text-decoration: none;
} .selskiychas .origin:hover {
    background: var(--green-dark); color: #fff;
}
.selskiychas .selskiy-chas-heading a { color: #111; text-decoration: none; font-weight: 600; }
.selskiychas .selskiy-chas-heading a:hover { color: var(--green-main); }
@media (max-width: 991.99px) {
    .selskiychas {
        margin-bottom: 32px; 
        padding: 3%;

        border: 1px solid #ccc;
        border-radius: 20px;
    }
    .selskiychas:after {
        display: block;
        clear: both; 

        content: '';
    }
    .alien > .item:first-child {
        float: left; 

        width: 48%;
        margin-right: 3.5%;
    }
}
@media (max-width: 767.99px) {
    .selskiychas {
        margin-bottom: 32px; 
        padding: 3%;

        border: 1px solid #ccc;
        border-radius: 20px;
    }
    .selskiychas:after {
        display: block;
        clear: both; 

        content: '';
    }
    .alien > .item:first-child {
        float: none; 

        width: 100%;
        margin-right: 0;
    }
}

/* functions.php – custom admin comment edit styles */
.comment-edit-box {
    font-size: 14px;

    width: 100%;
}
.comment-edit-box .comment-edit-box-wrapper {
    float: right;

    box-sizing: border-box;
    width: 132px;
    padding: 5px;

    border: 1px solid #c9c9c9;
}
.comment-edit-box input,
.comment-edit-box button {
    display: block;
    float: left;

    box-sizing: border-box;
    width: 100%;
    height: 25px;
}
.comment-edit-box input {
    width: calc(100% - 27px);
}
.comment-edit-box button {
    width: 23px;

    color: #fff;
    border: none;
    background-color: #2fb812;
}
div.zaki_like_dislike_box {
    clear: both;
}


/* page-forgot.php, page-register.php – registration/forgot card styles */
.registration-card { font-size:14px; max-width:480px; width:100%; margin:25px auto; border:1px solid #0C121D24; border-radius:24px; }
a.back {color:#999} a.back:hover {color:var(--green-main)}

/* wp-recall/filters.php – profile deletion styles */
.remove-profile-button{
	background: none;
	border: 2px solid #e03a3a;
	color: #e03a3a;
	padding: 8px 10px 8px;
	text-transform: uppercase;
	margin: 10px 0;
	font-weight: bold;
}

.remove-profile-button:hover {
	background-color: #e03a3a;
	color: #fff;

}
.remove-profile-wrapper{
	margin: 20px 0;
}
.remove-profile-description{
	font-size: 16px;
}

/* ==========================================================================
   Cabinet / Personal Account
   ========================================================================== */
.account-cabinet {
    padding-top: 16px;
}

/* Sidebar */
.cabinet-sidebar {
    position: sticky;
    top: 24px;
}
.cabinet-user-card {
    margin-bottom: 8px; 
    padding: 24px 16px 16px;

    text-align: center;

    border-bottom: 1px solid #e8e9e9;
}
.cabinet-avatar {
    margin-bottom: 12px;
}
.cabinet-avatar-img {
    width: 80px;
    height: 80px;

    border-radius: 50%;

    object-fit: cover;
}
.cabinet-user-name {
    font-size: 18px;
    font-weight: 600;

    margin-bottom: 2px; 

    color: #111;
}
.cabinet-user-email {
    font-size: 14px;

    color: var(--gray-text);
}

/* Navigation */
.cabinet-nav {
    display: flex;
    flex-direction: column;
}
.cabinet-nav-link {
    font-size: 15px;
    font-weight: 500;

    display: flex;

    padding: 12px 16px;

    cursor: pointer;
    transition: background .2s; 
    text-decoration: none;

    color: #111;
    border: 0 none;
    border-radius: 12px;
    background: transparent;

    align-items: center;
    gap: 10px;
}
.cabinet-nav-link:hover {
    color: #111; 
    background: #f5f5f5;
}
.cabinet-nav-link.active {
    color: var(--green-main); 
    background: #03bd6c0f;
}
.cabinet-nav-link .rcl-bttn-icon {
    margin-right: 4px;
}

.cabinet-logout {
    margin-top: 8px;
    padding-top: 8px; 

    border-top: 1px solid #e8e9e9;
}
.cabinet-logout a {
    font-size: 15px;
    font-weight: 500;

    display: flex;

    padding: 12px 16px;

    text-decoration: none;

    color: #111;
    border-radius: 12px; 

    align-items: center;
    gap: 10px;
}
.cabinet-logout a:hover {
    background: #f5f5f5;
}

/* Content area */
.cabinet-content {
    min-height: 400px;
}
.cabinet-content .wprecallblock {
    padding: 0; 

    border: 0 none;
    box-shadow: none;
}

/* Hide wp-recall default elements on cabinet page */
.account-cabinet #lk-conteyner {
    display: none !important;
}
.account-cabinet #lk-menu {
    display: none !important;
}
.account-cabinet #lk-content {
    margin: 0; 
    padding: 0;

    border: 0 none;
}
.account-cabinet .wprecallblock {
    margin: 0; 
    padding: 0;

    border: 0 none;
    background: transparent;
    box-shadow: none;
}
.account-cabinet .cab_sidebar {
    display: none !important;
}
.account-cabinet .cabinet_sidebar_before {
    display: none !important;
}
.account-cabinet .cab_content_blk {
    display: flex;
}
.account-cabinet .cab_content_blk #lk-content {
    flex: 1;
}

/* Avatar uploader in profile tab */
.account-cabinet #rcl-avatar {
    display: block;

    max-width: 200px;
    margin-bottom: 24px;
    margin-left: 0; 

    text-align: center;
}
.account-cabinet #rcl-avatar .avatar-image {
    position: relative; 

    display: inline-block;
}
.account-cabinet #rcl-avatar .avatar-image img {
    width: 150px;
    height: 150px;

    border-radius: 50%;

    object-fit: cover;
}
.account-cabinet #rcl-avatar .avatar-icons {
    display: flex;

    margin-top: 8px; 

    justify-content: center;
    gap: 8px;
}
.account-cabinet #rcl-avatar .rcl-avatar-icon {
    position: relative;
}
.account-cabinet #rcl-avatar .icon-avatar-upload a {
    font-size: 14px;

    display: inline-flex;

    width: 32px;
    height: 32px;

    cursor: pointer;
    transition: all .2s; 
    text-decoration: none;

    color: #111;
    border: 1px solid #dee2e6;
    border-radius: 50%;
    background: #fff;

    align-items: center;
    justify-content: center;
}
.account-cabinet #rcl-avatar .icon-avatar-upload a:hover {
    color: #fff;
    border-color: var(--green-main); 
    background: var(--green-main);
}
.account-cabinet #rcl-avatar .icon-avatar-delete a {
    font-size: 14px;

    display: inline-flex;

    width: 32px;
    height: 32px;

    transition: all .2s; 
    text-decoration: none;

    color: #dc3545;
    border: 1px solid #dee2e6;
    border-radius: 50%;
    background: #fff;

    align-items: center;
    justify-content: center;
}
.account-cabinet #rcl-avatar .icon-avatar-delete a:hover {
    color: #fff;
    border-color: #dc3545; 
    background: #dc3545;
}
.account-cabinet #rcl-avatar .icon-user-info {
    display: none;
}
.account-cabinet #rcl-avatar .uploader-input {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    cursor: pointer; 

    opacity: 0;
}
.account-cabinet #rcl-avatar #avatar-upload-progress {
    display: block;
    overflow: hidden; 

    height: 3px;
    margin-top: 4px;

    border-radius: 2px;
}
.account-cabinet #rcl-avatar #avatar-upload-progress span {
    display: block;

    width: 0;
    height: 100%;

    transition: width .3s; 

    background: var(--green-main);
}

/* WP-Recall office block reset */
.account-cabinet #rcl-office {
    border: 0 !important;
    background: transparent !important; 
    box-shadow: none !important;
}

/* Profile form styling */
.account-cabinet .rcl-table__zebra .rcl-table__row:nth-child(even) {
    background: transparent !important;
}
.account-cabinet .rcl-table__zebra .rcl-table__row:nth-child(odd) {
    background: transparent !important;
}
.account-cabinet .rcl-table__zebra .rcl-table__row {
    background: transparent !important;
}

/* Stack labels above fields (like mockup) */
.account-cabinet .rcl-table__type-cell-2 .rcl-table__row {
    display: flex;
    flex-direction: column;

    padding: 16px 0;

    border: 0 none;
}
.account-cabinet .rcl-table__type-cell-2 .rcl-table__cell {
    width: 100% !important;
}
.account-cabinet .rcl-table__type-cell-2 .rcl-table__col-0 {
    margin-bottom: 6px;
}
.account-cabinet .rcl-field-title {
    font-size: 14px;
    font-weight: 500; 

    color: var(--gray-text);
}
.account-cabinet .rcl-field-title .required {
    color: #dc3545;
}

/* Form inputs (override wp-recall core.css) */
.account-cabinet .rcl-field-input input[type='text'],
.account-cabinet .rcl-field-input input[type='email'],
.account-cabinet .rcl-field-input input[type='password'],
.account-cabinet .rcl-field-input textarea,
.account-cabinet .rcl-field-input select {
    font-size: 16px !important;
    line-height: 1.4 !important;

    float: none !important;

    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 14px 16px !important;

    transition: all .2s;

    color: #111 !important;
    border: 1px solid #f1f1f2 !important;
    border-radius: 12px !important;
    outline: none !important;
    background: #f1f1f2 !important;
    box-shadow: none !important;
}
.account-cabinet .rcl-field-input input[type='text']:focus,
.account-cabinet .rcl-field-input input[type='email']:focus,
.account-cabinet .rcl-field-input input[type='password']:focus,
.account-cabinet .rcl-field-input textarea:focus,
.account-cabinet .rcl-field-input select:focus {
    border-color: var(--green-main) !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(3,189,108,.15) !important;
}
.account-cabinet .rcl-field-notice {
    font-size: 13px;

    display: block; 

    margin-top: 4px;

    color: var(--gray-text);
}
.account-cabinet .rcl-field-notice .rcli {
    margin-right: 4px;
}

/* Profile tab heading */
.account-cabinet #subtab-profile > h3 {
    font-size: 22px;
    font-weight: 600;

    margin-bottom: 20px;
}

/* Submit button area */
.account-cabinet #your-profile > div[style*='text-align'] {
    margin-top: 24px; 

    text-align: right;
}

/* Primary button (green) */
.account-cabinet .rcl-bttn.rcl-bttn__type-primary {
    font-size: 15px !important;
    font-weight: 500 !important;

    padding: 10px 24px !important;

    text-decoration: none !important;

    color: #fff !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: var(--green-main) !important;
}
.account-cabinet .rcl-bttn.rcl-bttn__type-primary:hover {
    background: var(--green-dark) !important;
}

/* Delete profile button - danger style */
.account-cabinet #delete_acc {
    margin-top: 12px;

    color: #dc3545 !important;
    border: 1px solid #dc3545 !important;
    background: transparent !important;
}
.account-cabinet #delete_acc:hover {
    color: #fff !important;
    background: #dc3545 !important;
}

/* Hide admin bar toggle (not in mockup) */
.account-cabinet #profile-field-show_admin_bar_front {
    display: none;
}

/* Comments tab (latestcomments) */

.account-cabinet .lca_single {
    margin-bottom: 0; 
    padding: 16px 0 !important;

    border: 0 none !important;
    border-bottom: 1px solid #f0f0f0 !important;
    background: transparent !important;
}
.account-cabinet .lca_single:last-child {
    border-bottom: 0 none !important;
}
.account-cabinet .lca-single__head {
    display: flex;

    margin-bottom: 4px; 

    align-items: flex-start;
    justify-content: space-between;
}
.account-cabinet .lca-single__left {
    display: flex;

    min-width: 0; 

    align-items: center;
    gap: 8px;
    flex: 1;
}
.account-cabinet .lca_num {
    font-weight: 300 !important;

    color: #03bd6c;
}
.account-cabinet .lca_title {
    font-size: 15px;
    font-weight: 600;

    overflow: hidden;

    white-space: nowrap; 
    text-overflow: ellipsis;
}
.account-cabinet .lca_title a {
    text-decoration: none; 

    color: #111;
}
.account-cabinet .lca_title a:hover {
    color: var(--green-main);
}
.account-cabinet .lca_title .rcli {
    display: none;
}
.account-cabinet .lca_date {
    font-size: 13px;

    margin-top: 15px; 
    margin-left: 12px;

    white-space: nowrap;

    color: var(--gray-text);

    flex-shrink: 0;
}
.account-cabinet .lca_content {
    font-size: 14px;
    line-height: 1.5;

    overflow: hidden;

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

    color: #555;

    padding-top: 0;
    padding-left: 50px;
}
.account-cabinet .lca__background-color {
    font-size: 20px;
    font-weight: bold;

    margin-left: 0;
    padding-left: 0;

    background: transparent !important;
}
#tab-latestcomments .rcl-pager {
    box-shadow: none !important;
}
/* SSI Modal (wp-recall avatar crop dialog) */
.ssi-modalWindow {
    overflow: hidden; 

    border-radius: 16px !important;
}
.ssi-modalWindow .ssi-topPanel {
    border-bottom: 1px solid #e8e9e9; 
    background: #fff !important;
}
.ssi-modalWindow .ssi-title {
    font-size: 18px !important;
    font-weight: 600 !important;

    color: #111 !important;
}
.ssi-modalWindow .ssi-buttons {
    padding: 12px 16px !important;

    border-top: 1px solid #e8e9e9;
    background: #fff !important;
}
.ssi-modalWindow .ssi-buttons .ssi-leftBtn,
.ssi-modalWindow .ssi-buttons .ssi-rightBtn {
    font-size: 14px !important;
    font-weight: 500 !important; 

    padding: 8px 20px !important;

    border-radius: 12px !important;
}
.ssi-modalWindow .ssi-buttons .ssi-leftBtn {
    color: #fff !important;
    border: 0 !important; 
    background: var(--green-main) !important;
}
.ssi-modalWindow .ssi-buttons .ssi-leftBtn:hover {
    background: var(--green-dark) !important;
}
.ssi-modalWindow .ssi-buttons .ssi-rightBtn {
    color: #111 !important;
    border: 1px solid #ddd !important; 
    background: #f5f5f5 !important;
}
.ssi-modalWindow .ssi-body {
    background: #fafafa !important;
}

/* Header icon links */
.header-icon-link {
    display: inline-flex;

    text-decoration: none; 

    align-items: center;
}
.header-icon-link:hover {
    opacity: .7;
}

/* Mobile: stack sidebar above content */
@media (max-width: 991.98px) {
    .cabinet-sidebar {
        position: static;
    }
    .cabinet-nav {
        overflow-x: auto;
        flex-direction: row;

        padding-bottom: 8px; 

        gap: 4px;
    }
    .cabinet-nav-link {
        font-size: 14px;

        padding: 8px 12px; 

        white-space: nowrap;
    }
    .cabinet-user-card {
        display: flex;

        padding: 16px; 

        text-align: left;

        align-items: center;
        gap: 12px;
    }
    .cabinet-avatar-img {
        width: 48px;
        height: 48px;
    }
}

/* ==========================================================================
   PublicPost - Advertisement Form (wp-recall add-on)
   ========================================================================== */

/* Form container */
.rcl-public-form { background:#fff; border-radius:16px; padding:0; }
.rcl-public-form .rcl-field-input { margin-bottom:0; }

/* All text inputs, textareas, selects in publicpost form */
.rcl-public-form input[type="text"],
.rcl-public-form input[type="email"],
.rcl-public-form input[type="number"],
.rcl-public-form input[type="tel"],
.rcl-public-form input[type="url"],
.rcl-public-form input[type="password"],
.rcl-public-form textarea,
.rcl-public-form select {
	width:100% !important; padding:14px 16px !important; font-size:15px !important; color:#111 !important;
	border:1px solid #F1F1F2 !important; border-radius:12px !important; background:#F1F1F2 !important;
	outline:none !important; box-shadow:none !important; margin:0 !important;
	height:auto !important; line-height:1.4 !important; max-width:100% !important;
	float:none !important; transition:all 0.2s; box-sizing:border-box !important;
}
.rcl-public-form input:focus,
.rcl-public-form textarea:focus,
.rcl-public-form select:focus {
	background:#fff !important; border-color:var(--green-main) !important;
	box-shadow:0 0 0 3px rgba(3,189,108,0.15) !important;
}

/* Select dropdowns - keep reasonable width */
.rcl-public-form select { max-width:400px !important; cursor:pointer; }

/* Field labels */
.rcl-public-form .rcl-field-title,
.rcl-public-form label {
	font-size:14px; color:var(--gray-text); font-weight:500; display:block; margin-bottom:6px;
}
.rcl-public-form .required { color:#dc3545; }

/* Table layout (like profile form) */
.rcl-public-form .rcl-table__row {
	display:flex; flex-direction:column; padding:16px 0; border:0 none;
	background:transparent !important;
}
.rcl-public-form .rcl-table__cell { width:100% !important; }
.rcl-public-form .rcl-table__col-0 { margin-bottom:6px; }

/* No zebra stripes */
.rcl-public-form .rcl-table__zebra .rcl-table__row:nth-child(even),
.rcl-public-form .rcl-table__zebra .rcl-table__row:nth-child(odd) { background:transparent !important; }

/* Upload areas */
.rcl-public-form .rcl-uploader,
.rcl-public-form .rcl-upload-area {
	border:2px dashed #dee2e6 !important; border-radius:12px !important;
	padding:24px !important; text-align:center; background:#fafafa !important;
	transition:border-color 0.2s;
}
.rcl-public-form .rcl-uploader:hover,
.rcl-public-form .rcl-upload-area:hover { border-color:var(--green-main) !important; }

/* Upload button */
.rcl-public-form .rcl-uploader-button,
.rcl-public-form .uploader-button {
	display:inline-flex; align-items:center; gap:6px;
	padding:8px 16px; font-size:14px; font-weight:500;
	color:var(--green-main); background:transparent; border:1px solid var(--green-main);
	border-radius:10px; cursor:pointer; text-decoration:none; transition:all 0.2s;
}
.rcl-public-form .rcl-uploader-button:hover,
.rcl-public-form .uploader-button:hover { background:var(--green-main); color:#fff; }

/* Radio buttons */
.rcl-public-form input[type="radio"] {
	width:auto !important; height:auto !important; padding:0 !important;
	background:transparent !important; margin-right:4px !important;
	accent-color:var(--green-main);
}

/* Submit button */
.rcl-public-form .rcl-bttn.rcl-bttn__type-primary,
.rcl-public-form input[type="submit"],
.rcl-public-form button[type="submit"] {
	background:var(--green-main) !important; color:#fff !important;
	border-radius:12px !important; padding:12px 28px !important;
	font-size:16px !important; font-weight:500 !important; border:0 !important;
	cursor:pointer; transition:background 0.2s;
}
.rcl-public-form .rcl-bttn.rcl-bttn__type-primary:hover,
.rcl-public-form input[type="submit"]:hover,
.rcl-public-form button[type="submit"]:hover { background:var(--green-dark) !important; }

/* Field notices/hints */
.rcl-public-form .rcl-field-notice { font-size:13px; color:var(--gray-text); margin-top:4px; }

/* TinyMCE editor wrapper */
.rcl-public-form .wp-editor-container { border-radius:12px; overflow:hidden; border:1px solid #dee2e6 !important; }
.rcl-public-form .wp-editor-container textarea { border-radius:0 !important; border:0 !important; }
.rcl-public-form .wp-editor-tabs button { border-radius:8px 8px 0 0; }
.rcl-public-form .mce-toolbar-grp { background:#F1F1F2 !important; border-bottom:1px solid #dee2e6 !important; }

/* Post title input */
.rcl-public-form #post_title,
.rcl-public-form input[name="post_title"] {
	font-size:18px !important; font-weight:500 !important; padding:16px !important;
}
.rcl-public-box .rcl-form-field {
	background-color: unset !important;
	border: none !important;
	padding: 8px 0;
}
.rcl-content .rcl-content-area {
	padding: 0 !important;
}


/* Responsive */
@media (max-width: 767.98px) {
	.rcl-public-form select { max-width:100% !important; }
}

/* Advertisement form custom fields */
.adv-field { margin-bottom:20px; }
.adv-field label { display:block; font-size:14px; color:var(--gray-text); font-weight:500; margin-bottom:6px; }
.adv-field .required { color:#dc3545; }
.adv-field input[type="text"],
.adv-field input[type="email"],
.adv-field input[type="number"],
.adv-field input[type="tel"],
.adv-field select {
	width:100% !important; padding:14px 16px !important; font-size:15px !important; color:#111 !important;
	border:1px solid #F1F1F2 !important; border-radius:12px !important; background:#F1F1F2 !important;
	outline:none !important; box-shadow:none !important; height:auto !important;
	transition:all 0.2s; box-sizing:border-box !important;
}
.adv-field input:focus, .adv-field select:focus {
	background:#fff !important; border-color:var(--green-main) !important;
	box-shadow:0 0 0 3px rgba(3,189,108,0.15) !important;
}
.adv-field select { max-width:400px !important; cursor:pointer; }

/* Two fields in a row (email + phone) */
.adv-field-row { display:flex; gap:16px; margin-bottom:20px; }
.adv-field-row .adv-field { flex:1; margin-bottom:0; }
@media (max-width: 767.98px) { .adv-field-row { flex-direction:column; gap:0; } .adv-field-row .adv-field { margin-bottom:20px; } }

/* Toggle buttons for Buy/Sell */
.adv-toggle { display:flex; gap:0; border-radius:12px; overflow:hidden; width:fit-content; }
.adv-toggle-option { cursor:pointer; margin:0; }
.adv-toggle-option input { display:none; }
.adv-toggle-option span { display:block; padding:10px 24px; font-size:15px; font-weight:500; color:#111; background:#F1F1F2; transition:all 0.2s; }
.adv-toggle-option input:checked + span { background:var(--green-main); color:#fff; }
.adv-toggle-option:first-child span { border-radius:11px 0 0 11px; }
.adv-toggle-option:last-child span { border-radius:0 11px 11px 0; }


/* Search results page */
.search .search__title { margin-top: 24px; }
.search .breadcrumbs { margin-bottom: 20px; }
.search .content-main > .anylist { padding: 0; border: 0 none; border-radius: 0; }
/* Search keyword highlight — green brand color (overrides default browser yellow or plugin orange) */
mark, .highlight, .search-highlight, .search-excerpt, strong.highlight {
    background: rgba(3, 189, 108, 0.2) !important;
    color: inherit !important;
    padding: 0 2px;
    border-radius: 3px;
}

/* Common page — h1 margin-top on standard/about/contacts templates */
.content-main > .header-block > .article__title,
.content-main .article__title { margin-top: 24px; }

/* Tables inside post/page content */
.article__content table,
.about-article table,
.contacts-article table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.5rem 0;
    font-size: 14px;
    line-height: 1.5;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    overflow: hidden;
}
.article__content table th,
.article__content table td,
.about-article table th,
.about-article table td,
.contacts-article table th,
.contacts-article table td {
    padding: 12px 14px;
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid #e8e9e9;
}
.article__content table th,
.about-article table th,
.contacts-article table th {
    font-weight: 600;
    color: #111;
    background: #f7f8f9;
    border-bottom: 2px solid #d8dade;
    white-space: nowrap;
}
.article__content table tr:last-child td,
.about-article table tr:last-child td,
.contacts-article table tr:last-child td { border-bottom: 0; }
.article__content table tr:nth-child(even) td,
.about-article table tr:nth-child(even) td,
.contacts-article table tr:nth-child(even) td { background: #fafbfc; }
/* Horizontal scroll on small screens */
.article__content,
.about-article,
.contacts-article { overflow-x: auto; }
@media (max-width: 767.98px) {
    .article__content table,
    .about-article table,
    .contacts-article table { font-size: 13px; }
    .article__content table th,
    .article__content table td,
    .about-article table th,
    .about-article table td,
    .contacts-article table th,
    .contacts-article table td { padding: 8px 10px; }
}

/* About page — company info + team grid */
.about-article p { line-height: 1.65; margin-bottom: 1rem; }
.about-article .team-title {
    font-size: 24px; font-weight: 600; margin: 40px 0 24px;
    padding-top: 24px; border-top: 1px solid #e8e9e9;
}
.team-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
@media (max-width: 767.98px) { .team-grid { grid-template-columns: 1fr; } }
.team-card {
    display: flex; gap: 16px; padding: 16px;
    background: #fafafa; border-radius: 16px;
    transition: background 0.2s;
}
.team-card:hover { background: #f0f0f0; }
.team-photo { flex: 0 0 90px; }
.team-photo img { width: 90px; height: 120px; object-fit: cover; border-radius: 12px; }
.team-info { flex: 1; min-width: 0; }
.team-name { font-weight: 600; font-size: 15px; color: #111; margin-bottom: 4px; line-height: 1.3; }
.team-position { font-size: 13px; color: var(--gray-text); margin-bottom: 8px; line-height: 1.4; }
.team-contacts { font-size: 13px; word-break: break-word; }
.team-contacts a { color: var(--green-main); text-decoration: none; }
.team-contacts a:hover { text-decoration: underline; }

/* Contacts page */
.contacts-article p { line-height: 1.65; margin-bottom: 1rem; }
.contacts-extra .contacts-card {
    padding: 20px; background: #fafafa; border-radius: 16px; height: 100%;
}
.contacts-extra .contacts-card h4 {
    font-size: 16px; font-weight: 600; margin: 0 0 12px; color: #111;
}
.contacts-extra .contacts-card p { margin: 0 0 8px; font-size: 14px; }
.contacts-extra .contacts-card a { color: var(--green-main); text-decoration: none; }
.contacts-extra .contacts-card a:hover { text-decoration: underline; }
.contacts-extra .contacts-card .phone { font-size: 16px; font-weight: 500; color: #111; }
.contacts-extra .contacts-card .btn-success {
    background: var(--green-main); border-color: var(--green-main);
    color: #fff !important; padding: 6px 16px; border-radius: 10px;
}
.contacts-extra .contacts-card .btn-success:hover { background: var(--green-dark); border-color: var(--green-dark); }
.contacts-extra .contacts-card .social-icons { display: flex; gap: 8px; }
.contacts-extra .contacts-card .social-icons a img { width: 32px; height: 32px; }

/* Utility classes (refactored from inline styles) */
.u-hidden {
    display: none;
}
.u-border-none {
    border: 0 none;
}
.u-cursor-pointer {
    cursor: pointer;
}
.u-w-full {
    width: 100%;
}

/* header.php */
.nav-link--contacts {
    margin-right: -1.5rem;
}
.avatar-circle {
    width: 44px;
    height: 44px;
}

/* footer.php */
.counter-img {
    width: 88px;
    height: 31px;

    border: 0;
}
.tracking-pixel {
    position: absolute;
    left: -9999px;
}

/* front-page.php */
.news-heading-col {
    flex: 0 0 260px;
}
.aspect-ratio-press {
    aspect-ratio: 1.51;
}

/* single.php */
.share-button-inline {
    margin: 10px 0 0 6px;

    cursor: pointer;
}
.social-list-hidden {
    display: none;

    text-align: right;
}
.spacer-24 {
    height: 24px;
}

/* single-advertisements.php */
.share-button-adv {
    margin: 1px 0 0 6px;

    cursor: pointer;
}

/* search.php, tag.php, page-dayarticles.php */
.content-wrapper-with-img {
    width: calc(100% - 180px);
}

/* Component styles (refactored from inline) */

/* Modal cities (popup-cities.php) */
.modal-cities-dialog {
    display: block;

    width: 100%;
    height: 100%;
    margin: 0;

    background: #fff;
}
.modal-cities-content {
    border: 0 none;
}
.modal-cities-close {
    margin-right: 20px;

    border: 0 none;
    background: transparent;
}
.modal-cities-search-icon {
    border: 0 none;
    background-color: #0c121d0f;
}
.modal-cities-input {
    background: #0c121d0f;
}
.modal-cities-list {
    overflow-y: auto; 

    max-height: 80vh;
}
.modal-login-dialog {
    max-width: 460px;
}
.modal-login-img {
    cursor: crosshair;
}
.modal-login-footer {
    padding-top: 0;
}
.modal-login-register {
    width: 100%;
}

/* Popup ad-cats (popup-ad-cats.php) */
.popup-ad-cats-svg {
    margin: 5px 0 0 12px;
}

/* Module widgets (module_widgets.php) */
.widget-section-hidden {
    display: none;
}
.selskiy-chas-title {
    margin-bottom: 24px;
}
.selskiy-chas-origin {
    float: right;

    padding: 5px 16px;

    text-decoration: none; 

    color: #000;
    border-radius: 12px;
}
.selskiy-chas-heading {
    font-size: 18px; 
    line-height: 1.5;
}

/* Login popup (-popup-login.php) */
.login-tab-hidden {
    display: none;
}
.login-tab-active {
    display: block;
}

/* Subscribe (subscribe.php) */
.subscribe-btn {
    margin: 0;
}