:root {
    --bg-cover: #eff3f6;
    --gray: #737373;
    --icon-color: #86929e;
    --lite-gray: #ebe8e8;
    --color-border-form: #bfbfbf;;
    --shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    --placeholder: #b6b6b6;
    --link-color: #2d3e50;
    --link-hover-color: #6c90ce;
    --primary-blue-color: #1A7BBC;

    --font-heading: 'OswaldRegular', sans-serif;
    --color-heading: #222;

    --icon-verified: url('data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20height%3D%2226%22%20viewBox%3D%220%200%2026%2026%22%20width%3D%2226%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m6%206h12v12h-12z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20clip-rule%3D%22evenodd%22%20d%3D%22m14.38%201.51%201.82%201.82c.37.37.86.57%201.38.57h2.57c1.01%200%201.85.77%201.94%201.76l.01.19v2.57c0%20.52.21%201.01.57%201.38l1.82%201.82c.71.71.76%201.84.13%202.61l-.13.15-1.82%201.82c-.37.37-.57.86-.57%201.38v2.57c0%201.01-.77%201.85-1.76%201.94l-.19.01h-2.57c-.52%200-1.01.21-1.38.57l-1.82%201.82c-.71.71-1.84.76-2.61.13l-.15-.13-1.82-1.82c-.37-.37-.86-.57-1.38-.57h-2.57c-1.01%200-1.85-.77-1.94-1.76l-.01-.19v-2.57c0-.52-.21-1.01-.57-1.38l-1.82-1.82c-.71-.71-.76-1.84-.13-2.61l.13-.15%201.82-1.82c.37-.37.57-.86.57-1.38v-2.57c0-1.08.87-1.95%201.95-1.95h2.57c.52%200%201.01-.21%201.38-.57l1.82-1.82c.76-.76%202-.76%202.76%200zm3.2%208.05c-.43-.34-1.03-.31-1.42.06l-.1.11-4.45%205.56-1.75-1.75-.11-.1c-.42-.32-1.03-.29-1.42.1s-.42.99-.1%201.42l.1.11%202.6%202.6.11.1c.42.32%201.02.29%201.4-.08l.1-.11%205.2-6.5.08-.12c.27-.46.17-1.05-.25-1.4z%22%20fill%3D%22%231c93e3%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
    --icon-warning: url("data:image/svg+xml;charset=UTF-8,%3csvg width='64px' height='64px' viewBox='-1.2 -1.2 26.40 26.40' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23000000'%3e%3cg id='SVGRepo_bgCarrier' stroke-width='0'%3e%3crect x='-1.2' y='-1.2' width='26.40' height='26.40' rx='13.2' fill='%23ffffff' strokewidth='0'%3e%3c/rect%3e%3c/g%3e%3cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3e%3c/g%3e%3cg id='SVGRepo_iconCarrier'%3e%3ctitle%3ealert_fill%3c/title%3e%3cg id='页面-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e%3cg id='System' transform='translate(-286.000000, -240.000000)'%3e%3cg id='alert_fill' transform='translate(286.000000, 240.000000)'%3e%3cpath d='M24,0 L24,24 L0,24 L0,0 L24,0 Z M12.5934901,23.257841 L12.5819402,23.2595131 L12.5108777,23.2950439 L12.4918791,23.2987469 L12.4918791,23.2987469 L12.4767152,23.2950439 L12.4056548,23.2595131 C12.3958229,23.2563662 12.3870493,23.2590235 12.3821421,23.2649074 L12.3780323,23.275831 L12.360941,23.7031097 L12.3658947,23.7234994 L12.3769048,23.7357139 L12.4804777,23.8096931 L12.4953491,23.8136134 L12.4953491,23.8136134 L12.5071152,23.8096931 L12.6106902,23.7357139 L12.6232938,23.7196733 L12.6232938,23.7196733 L12.6266527,23.7031097 L12.609561,23.275831 C12.6075724,23.2657013 12.6010112,23.2592993 12.5934901,23.257841 L12.5934901,23.257841 Z M12.8583906,23.1452862 L12.8445485,23.1473072 L12.6598443,23.2396597 L12.6498822,23.2499052 L12.6498822,23.2499052 L12.6471943,23.2611114 L12.6650943,23.6906389 L12.6699349,23.7034178 L12.6699349,23.7034178 L12.678386,23.7104931 L12.8793402,23.8032389 C12.8914285,23.8068999 12.9022333,23.8029875 12.9078286,23.7952264 L12.9118235,23.7811639 L12.8776777,23.1665331 C12.8752882,23.1545897 12.8674102,23.1470016 12.8583906,23.1452862 L12.8583906,23.1452862 Z M12.1430473,23.1473072 C12.1332178,23.1423925 12.1221763,23.1452606 12.1156365,23.1525954 L12.1099173,23.1665331 L12.0757714,23.7811639 C12.0751323,23.7926639 12.0828099,23.8018602 12.0926481,23.8045676 L12.108256,23.8032389 L12.3092106,23.7104931 L12.3186497,23.7024347 L12.3186497,23.7024347 L12.3225043,23.6906389 L12.340401,23.2611114 L12.337245,23.2485176 L12.337245,23.2485176 L12.3277531,23.2396597 L12.1430473,23.1473072 Z' id='MingCute' fill-rule='nonzero'%3e%3c/path%3e%3cpath d='M15.3137,2 C15.8441,2 16.3529,2.21071 16.7279,2.58579 L21.4142,7.27208 C21.7893,7.64715 22,8.15586 22,8.68629 L22,15.3137 C22,15.8441 21.7893,16.3529 21.4142,16.7279 L16.7279,21.4142 C16.3528,21.7893 15.8441,22 15.3137,22 L8.68629,22 C8.15586,22 7.64715,21.7893 7.27208,21.4142 L2.58579,16.7279 C2.21071,16.3528 2,15.8441 2,15.3137 L2,8.68629 C2,8.15586 2.21071,7.64715 2.58579,7.27208 L7.27208,2.58579 C7.64715,2.21071 8.15586,2 8.68629,2 L15.3137,2 Z M12,15 C11.4477,15 11,15.4477 11,16 C11,16.5523 11.4477,17 12,17 C12.5523,17 13,16.5523 13,16 C13,15.4477 12.5523,15 12,15 Z M12,6 C11.48715,6 11.0644908,6.38604429 11.0067275,6.88337975 L11,7 L11,13 C11,13.5523 11.4477,14 12,14 C12.51285,14 12.9355092,13.613973 12.9932725,13.1166239 L13,13 L13,7 C13,6.44772 12.5523,6 12,6 Z' id='形状' fill='%23c32828'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}
@font-face {
    font-family: "Inter";
    src: url("../fonts/Inter/Inter-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "Inter";
    src: url("../fonts/Inter/Inter-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: "Inter";
    src: url("../fonts/Inter/Inter-Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: "OswaldRegular";
    src: url("../fonts/Oswald/static/Oswald-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "OswaldBold";
    src: url("../fonts/Oswald/static/Oswald-Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
}
html, body {
    font-family: "Inter", sans-serif;
    height: 100%;
    margin: 0;
    color: #000000!important;
    background-color: var(--bg-cover);
}
body {
    display: flex;
    flex-direction: column;
}
h1, h2, h3 {
    font-family: var(--font-heading);
    font-weight: 700;
    hyphens: auto;
    color: var(--color-heading);
    line-height: 1.3;
    margin-bottom: 0.2em;
    margin-top: 0;
}
h1 {
    font-size: clamp(1.8rem, 5vw, 2rem);
    letter-spacing: -0.5px;
}
h2 {
    font-size: clamp(1.5rem, 4vw, 1.8rem);
}
h3 {
    font-size: clamp(1.2rem, 3vw, 1.4rem);
}
.h4, .h5, .h6 {
    font-family: 'Inter', sans-serif;
}
.card-title {
    font-size: clamp(1.2rem, 3vw, 1.25rem);
}
#main {
    flex: 1;
}
.font-weight-normal {
    font-weight: normal!important;
}
.font-responsive {
    font-size: 14px;
}
@media (min-width: 768px) {
    .font-responsive {
        font-size: 16px;
    }
}
.logo-header {width: 160px;}
.logo-footer {width: 180px;}
.campaign-offline-icon {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #e30d0d;
    border-radius: 50%;
}
.campaign-published-icon {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #18a80a;
    border-radius: 50%;
    animation: pulse 1.5s infinite;
}
.campaign-wait-icon {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #ffa42c;
    border-radius: 50%;
    animation: pulse 1.5s infinite;
}
.campaign-moderation-icon {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #061afa;
    border-radius: 50%;
    animation: pulse 1.5s infinite;
}
@keyframes pulse {
    0%, 100% {opacity: 0.3;}
    50% {opacity: 1;}
}
.navbar.tgl-shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}
/* Размытие фона при открытом меню */
.offcanvas-backdrop.show {
    backdrop-filter: blur(8px);
    background-color: rgba(0, 0, 0, 0.3); /* затемнение + прозрачность */
}

/* Плавность при открытии */
.offcanvas {
    transition: transform 0.3s ease-in-out;
}

/* Можно по желанию стилизовать заголовок и тело меню */
.offcanvas.th-tg-dark {
    background-color: rgba(30, 30, 30, 0.95); /* чуть прозрачнее, если хочешь эффект стекла */
    color: #fff;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.offcanvas-end {
    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.4);
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}
.swipe-zone {
    position: fixed;
    top: 0;
    right: 0;
    width: 30px;
    height: 100%;
    z-index: 500;
    background: transparent;
}
.search-toggle {
    color: #dadada;
    margin-right: 7px;
    padding: 6px 15px;
}
.navbar-toggler.custom-toggler {
    z-index: 600;
}
#search-form-block {
    z-index: 600;
}
.truncate-2-lines {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 3.1em;
    line-height: 1.55em;
}
.th-tg-dark {
    background-color: #2c3e50!important;
    color: #dadada;
}
.th-tg-dark a {
    color: #dadada!important;
}
.th-tg-dark a:hover {
    color: var(--link-hover-color) !important;
}
nav .nav-link {
    color: #dadada !important;
}
@media (max-width: 767px) {
    .logo-header {width: 120px;}
    .logo-footer {width: 200px;}
    .breadcrumb-item {
        font-size: 3.5vw
    }
    .hide-on-mobile-portrait {
        display: none !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .navbar-expand-lg {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-lg .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-expand-lg .navbar-nav-scroll {
        overflow: visible;
    }
    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }
    .navbar-expand-lg .navbar-toggler {
        display: none;
    }
}
.star-rating {
    display: flex;
    justify-content: center;
    font-size: 24px;
    align-items: center;
    gap: 5px;
}
.star-rating input {
    display: none;
}
.star-rating label {
    cursor: pointer;
    color: #ccc;
    padding: 0 2px;
    transition: color 0.2s ease;
}
.star-rating label.filled {
    color: #f90;
}
.star-rating label.partial {
    background: linear-gradient(90deg, #f90 50%, #ccc 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.star-rating input:disabled + label {
    cursor: default;
}
.average-rating-text {
    font-size: .9rem;
    text-align: center;
}
/*Подтверждение*/
@keyframes star-burst {
    0% {
        transform: scale(1);
        color: #ccc;
    }
    50% {
        transform: scale(1.4);
        color: #fcd34d; /* светло-золотой */
    }
    100% {
        transform: scale(1);
        color: #f90;
    }
}
.star-animate {
    animation: star-burst 0.4s ease-out;
}
/*Сброс*/
@keyframes shake {
    0% { transform: translateX(0); }
    20% { transform: translateX(-5px); }
    40% { transform: translateX(5px); }
    60% { transform: translateX(-4px); }
    80% { transform: translateX(4px); }
    100% { transform: translateX(0); }
}
.shake {
    animation: shake 0.4s ease-in-out;
}

#search-form-main .card {
    box-shadow: none!important;
    background-color: #34495e;
}
.breadcrumb-scroll-container {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
}
.breadcrumb-scroll-container::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--bg-cover));
    pointer-events: none;
    z-index: 2;
}
.breadcrumb-nowrap {
    display: flex;
    flex-wrap: nowrap !important;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    padding-right: 40px;
    scrollbar-width: none;
}
.breadcrumb-nowrap::-webkit-scrollbar {
    display: none;
}
.breadcrumb-item {
    flex: 0 0 auto;
    display: inline-block;
}
.horizontal-scroll-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.horizontal-scroll-content {
    overflow-x: auto;
    display: flex;
    align-items: flex-start;
    padding-top: 6px;
    padding-bottom: 5px;
    margin-top: -5px;
    margin-bottom: -5px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.horizontal-scroll-content::-webkit-scrollbar {
    display: none;
}
.horizontal-scroll-wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--bg-cover));
    pointer-events: none;
    z-index: 2;
}
.topic-pill {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}
.custom-toggler.navbar-toggler {
    border-color: #dadada;
    color: #6c757d!important;
}
.custom-toggler.navbar-toggler > i {
    color: #dadada;
    font-size: 28px;
}
.accordion-button {
    background-color: #f7f7f7;
    border: 1px solid var(--lite-gray);
}
.accordion-button:not(.collapsed) {
    color: #000;
    background-color: #f7f7f7;
    box-shadow: none;
    border: 1px solid var(--lite-gray);
}
.accordion-button:active {
    box-shadow: none;
    border-color: var(--lite-gray);
}
.accordion-button:focus {
    box-shadow: none;
    border-color: var(--lite-gray);
}
.accordion-body {
    border-top: 0;
    border-right: 1px solid #ebe8e8;
    border-bottom: 1px solid #ebe8e8;
    border-left: 1px solid #ebe8e8;
}
.nav-link {
    color: var(--link-color) !important;
}
.nav-link:hover {
    color: var(--link-hover-color) !important;
}
.form-control, .form-select {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--gray);
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid var(--color-border-form);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: unset;
    transition: unset;
}
.form-control:focus, .form-select:focus {
    color:var(--gray);
    background-color:#fff;
    border-color: #bfbfbf;;
    outline:0;
    box-shadow:unset;
}
.form-control::placeholder {
    color:var(--placeholder);
    opacity:1
}
#search-form-wrapper {
    border-radius: 0.25rem;
}
#catalog-categories .title {
    font-weight: bold;
    font-size: 1rem;
}
#catalog-categories .icon i {
    color: var(--icon-color);
}
#footer {
    border-top: 3px solid #547291;
    margin-top: 30px;
}
.btn-success,
.btn-danger,
.btn-primary,
.btn-secondary,
.btn-warning,
.btn-info,
.btn-dark,
.btn-light  {
    border: none;
}
a:not(.btn) {
    text-decoration: none;
    color: var(--link-color);
}
a:hover:not(.btn) {
    text-decoration: none;
    color: var(--link-hover-color);
}
a.default_link {
    color: #2c5aa0;
    text-decoration: none!important;
}
a.default_link:hover {
    color: #000000;
    text-decoration: none!important;
}
a.verified-link-block {
    color: #fff;
    text-decoration: none!important;
}
a.verified-link-block:hover {
    color: #e6e6e6;
    text-decoration: none!important;
}
a.custom_link {
    border-bottom: 1px dashed #333;
}
a.custom_link:hover {
    border-bottom: none;
}
.lk-drop-menu {
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: 0.5rem 0.5rem;
    margin: 8px 0 0 0;
    font-size: .9rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: var(--bg-cover);
    background-clip: padding-box;
    border: 1px solid #dfdfdf;
    border-radius: 0.25rem;
}
.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0;
    border-radius: 0.25rem;
    box-shadow: 0 2px 4px rgba(0,0,0,.03);
}
.card.attention {
    background-color: rgba(255, 246, 236, 0.8);
}
.card-rounded {
    border-radius: 0.9rem!important;
    overflow: hidden!important;
}
.btn:focus,.btn:active {
    outline: none !important;
    box-shadow: none;
}
.card.is-shadow-hover:hover {
    box-shadow: rgba(50, 50, 93, 0.25) 0 13px 27px -5px, rgba(0, 0, 0, 0.3) 0 8px 16px -8px!important;
}
.is_custom_card_header {
    border-bottom: 0;
    padding: 20px 24px;
}
#vip .card.media {
    border-radius: 18px 18px 9px 9px;
}
#vip .media-vip-pic > img {
    border-radius: 18px 18px 0 0;
}
#vip .title, #catalog .title {
    font-weight: bold;
}
.card-vip-modern {
    transition: transform 0.2s, box-shadow 0.2s;
    border: none;
    border-radius: 15px;
    overflow: hidden;
}
.card-vip-modern:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1) !important;
}
.btn-telegram {
    background: linear-gradient(45deg, #0088cc, #00aaff);
    border: none;
    font-weight: 500;
    color: white;
}
.btn-telegram:hover {
    background: linear-gradient(45deg, #0077bb, #0099ee);
    color: white;
}
.badge-vip {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 0.75rem;
}
.media-vip-pic {
    width: 100%;
    overflow: hidden;
    aspect-ratio: 1 / 1;
}
.media-vip-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.b_radius_50 {
    border-radius: 50%;
}
.b_radius_20 {
    border-radius: 20%;
}
.is_text_bold {
    font-weight: bold;
}
.is_cursor_pointer {
    cursor: pointer;
}
.font_size_128 {
    font-size: 128px;
}
.font_size_64 {
    font-size: 64px;
}
.font_size_48 {
    font-size: 48px;
}
.font_size_32 {
    font-size: 32px;
}
.font_size_28 {
    font-size: 28px;
}
.font_size_24 {
    font-size: 24px;
}
.font_size_20 {
    font-size: 20px;
}
.font_size_16 {
    font-size: 16px;
}
.font_size_14 {
    font-size: 14px;
}
.font_size_13 {
    font-size: 13px;
}
.font_size_12 {
    font-size: 12px;
}
.font_size_11 {
    font-size: 11px;
}
.font_size_10 {
    font-size: 10px;
}
.font_size_8 {
    font-size: 8px;
}
.bg_body {
    background-color: var(--bg-cover);
}
.alert-dismissible {
    position: relative;
}
.alert-dismissible .btn-close {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    z-index: 2;
    padding: 1.68rem 1rem;
}
.bg-verified-block {
    background-color: var(--primary-blue-color);
}
.bg-top {
    background-color: var(--primary-blue-color);
}
.bg-top a, .bg-top a:focus, .bg-top a:active, .bg-top a:hover {
    color: #fff !important;
}
.bd-callout {
    padding: 1.25rem;
    margin-top: .75rem;
    margin-bottom: .75rem;
    border: 1px solid #e9ecef;
    border-left-width: 0.25rem;
    border-radius: 0.25rem;
}
.bd-callout-info {
    border-left-color: #5bc0de;
    background-color: #eef6fb;
}
.priority-block {
    background: linear-gradient(135deg, #f8e67a, #e79807);
}
.priority-block  > .card-body, .ads-end-to-end > .card-body {
    position: relative;
}
.priority-card-preview {
    border: 1px solid #ffffffa8; /* Рамка */
    box-shadow: 0 0 12px rgb(197, 197, 197);
    object-fit: cover;
}
.priority-link:not(.btn) {
    text-decoration: none;
    color: #000000;
}
.priority-link:hover:not(.btn) {
    text-decoration: none;
    color: #2d3e50;
}
.priority-card-footer {
    border-top: 0;
    background-color: rgb(203 178 14 / 73%);
}
.ads-end-to-end {
    background-color: #ffe5c0;
    border: 1px dashed #ffb300;
}
.bd-callout-info h4 {
    color: #5bc0de;
}
.bd-callout-danger {
    border-left-color: #d9534f;
}
.bd-callout-danger h4 {
    color: #d9534f;
}
.bs-callout-success {
    border-left-color: #5cb85c;
}
.bs-callout-success h4 {
    color: #5cb85c;
}
.bs-callout-warning {
    border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
    color: #f0ad4e;
}
.bs-callout-primary {
    border-left-color: #428bca;
}
.bs-callout-primary h4 {
    color: #428bca;
}
.bs-callout-default {
    border-left-color: #777;
}
.bs-callout-default h4 {
    color: #777;
}
.is_color_red {
    color: red;
}
.is_color_orange {
    color: darkorange;
}
.is_color_yellow {
    color: #d7ad14;
}
.is_color_green {
    color: green;
}
.is_color_darkgreen {
    color: darkgreen;
}
.is_color_lgray {
    color: #a8a8a8;
}
#score_1:hover {color: red;}
#score_2:hover {color: darkorange;}
#score_3:hover {color: #d7ad14;}
#score_4:hover {color: green;}
#score_5:hover {color: darkgreen;}
.lk-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}
.lk-menu li {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #f7f7f7;
}
.lk-menu a {
    display: flex;
    align-items: center;
    width: 100%;
    text-decoration: none; /* Опционально, чтобы убрать подчеркивание ссылки */
    padding: 15px;
}
.lk-menu i {
    margin-right: 15px; /* Опционально: добавить отступ между иконкой и текстом */
}
.lk-menu li:hover, .active {
    background-color: #e6ebfb;
    border-left: 2px solid #428bca;
}
.card-preview {
    border: 2px solid #ffffff; /* Рамка */
    box-shadow: 0 0 12px rgb(197, 197, 197);
    object-fit: cover; /* Чтобы изображение не искажалось */
}
.card-footer-custom {
    border-top: 0;
    background-color:#f8f8f8;
}
.card {
    position: relative;
}
.card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
}
.card.color-1::before {
    background-color: #c56b6b;
}
.card.color-2::before {
    background-color: #759d75;
}
.card.color-3::before {
    background-color: #6b6be1;
}
.card.color-4::before {
    background-color: #cf9458;
}
.card i.color-1::before {
    color: #c56b6b;
}
.card i.color-2::before {
    color: #759d75;
}
.card i.color-3::before {
    color: #6b6be1;
}
.card i.color-4::before {
    color: #cf9458;
}
.verified-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    padding: 1px;
    text-indent: -10em;
    overflow: hidden;
    background: var(--icon-verified) no-repeat 0 0;
    background-size: 100%;
    vertical-align: middle;
}
.warning-icon {
    display: inline-block;
    padding: 1px;
    text-indent: -10em;
    overflow: hidden;
    background: var(--icon-warning) no-repeat 0 0;
    background-size: 100%;
    vertical-align: middle;
}
.icon-overlay {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
    width: 28px;
    height: 28px;
}
.link--insecure {
    color: #d9534f!important;
    border-bottom: 1px dashed #d9534f;
    display: inline-flex;
    align-items: center;
}
.link--insecure:hover {
    color: #c9302c;
    border-bottom-color: #c9302c;
}
.form-select-filter {
    padding: 0.7rem 2rem 0.7rem 1rem;
    font-size: .9rem;
    color: #343a40;
    border-radius: 0.375rem;
}
#cookie-banner {
    display: none;
}
.cookie-banner {
    position: fixed;
    bottom: 20px;
    left: 20px;
    right: 20px;
    max-width: 600px;
    margin: 0 auto;
    background-color: #2b2b2b;
    color: #fff;
    padding: 16px 20px;
    border-radius: 12px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    z-index: 9999;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    font-size: 14px;
    line-height: 1.4;
    gap: 12px;
    flex-wrap: wrap;
}

.cookie-banner__text {
    flex: 1 1 60%;
}

.cookie-banner__text a {
    color: #ffd95c;
    text-decoration: underline;
}

.cookie-banner__button {
    background-color: #ffd95c;
    color: #000;
    border: none;
    padding: 10px 16px;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 500;
    transition: background-color 0.2s ease;
    flex-shrink: 0;
    white-space: nowrap;
}

.cookie-banner__button:hover {
    background-color: #ffcd2e;
}

@media (max-width: 480px) {
    .cookie-banner {
        flex-direction: column;
        align-items: flex-start;
        padding: 14px 16px;
    }

    .cookie-banner__text {
        flex: 1 1 100%;
    }

    .cookie-banner__button {
        margin-top: 10px;
        width: 100%;
        text-align: center;
    }
}
.social-buttons-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    gap: 5px;
}
.social-buttons-grid a {
    width: 100%;
}
.dashed-border {
    border: 2px dashed #2c5aa0;
    border-radius: 0.475rem;
}
.dashed-border-primary {
    border: 1px dashed #0d6efd;
}
.dashed-border-success {
    border: 1px dashed #198754;
}
.dashed-border-top {
    border-top: 1px dashed #dee2e6;
}
.dashed-border-bottom {
    border-bottom: 1px dashed #dee2e6;
}