@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap");

:root {
    --header-height: 50px;
    --transition: 0.2s;
    --color-white: #fff;
    --color-dark: #000;
    --color-primary: #2962ff;
}

.container-custom {
    width: 100%;
    max-width: 1200px;
    margin-inline: auto;
    padding-inline: 1.5rem;
}

body {
    font-family: "Nunito Sans", sans-serif;
}

.main-title {
    font-size: 23px;
    font-weight: 700;
}

.header {
    display: grid;
    grid-template-columns: 140px 1fr 230px;
    grid-template-areas: "h-logo h-search h-nav";
    align-items: center;
    grid-gap: 20px;
    height: var(--header-height);
}

@media (max-width: 992px) {
    .header {
        grid-template-columns: 1fr 1fr;
        grid-template-areas: "h-logo h-nav" "h-search h-search";
        height: auto;
    }
}

@media (max-width: 576px) {
    .header img {
        height: 35px;
    }
}

.header-logo {
    grid-area: h-logo;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.header-search {
    grid-area: h-search;
}

.header-search input {
    width: 100%;
    border-radius: 12px;
    background-color: #f2f3f7;
    border: 1px solid transparent;
    padding-inline: 15px;
    height: 45px;
    font-size: 15px;
    outline: none;
}

.header-search input:focus {
    border-color: #dbdbdb;
}

.header-search input::-webkit-search-cancel-button {
    display: none;
}

.header-search .btn-search {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    font-size: 14px;
    font-weight: 400;
}

.header-nav {
    grid-area: h-nav;
}

.header-nav .btn-options {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    height: 45px;
    background-color: transparent;
    border: none;
    border-radius: 10px;
    transition: var(--transition);
    padding-inline: 15px;
    font-size: 12px;
    font-weight: 700;
    opacity: 0.5;
    position: relative;
}

@media (max-width: 576px) {
    .header-nav .btn-options {
        height: 30px;
        padding-inline: 10px;
    }

    .header-nav .btn-options span {
        display: none;
    }
}

.header-nav .btn-options svg {
    stroke: var(--color-dark);
    transition: var(--transition);
}

.header-nav .btn-options:hover, .header-nav .btn-options.active {
    opacity: 1;
}

.header-nav .btn-options.notify-allert::before {
    content: "";
    width: 8px;
    height: 8px;
    background-color: #f91155;
    border-radius: 50%;
    position: absolute;
    top: -2px;
    right: 17px;
}

.header .btn-burger {
    display: flex;
    align-items: center;
    justify-content: start;
    flex-shrink: 0;
    width: 40px;
    height: 50px;
    background: transparent;
    border: none;
}

.menu-desctop {
    height: 30px;
}

.menu-desctop nav a {
    padding: 5px 10px;
    font-size: 14px;
    border-radius: 0 0 10px 10px;
    opacity: 0.8;
    font-weight: 600;
    transition: var(--transition);
}

.menu-desctop nav a.active {
    background-color: #212529;
    color: var(--color-white);
    opacity: 1;
}

.menu-desctop nav a:hover {
    opacity: 1;
}

.menu-desctop .dropdown-menu-kurs {
    width: 6rem !important;
    min-width: 1px;
}

.menu-mobile {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 30px 10px;
}

.menu-mobile-item {
    text-align: center;
    font-size: 11px;
    display: flex;
    flex-direction: column;
    gap: 7px;
    background-color: transparent;
    border: none;
    width: 100%;
}

.menu-mobile-item span {
    text-align: center;
    width: 100%;
}

.menu-mobile-item .iconbox {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background-color: #f2f3f7;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-inline: auto;
}

.menu-mobile-item .iconbox svg {
    stroke: #696969;
    width: 25px;
    height: 25px;
}

.menu-nav {
    display: grid;
    grid-template-columns: max-content 130px 1fr;
    justify-content: start;
}

@media (max-width: 576px) {
    .menu-nav {
        display: none;
    }
}

@media (max-width: 992px) {
    .menu-nav {
        grid-template-columns: minmax(10px, 100%) max-content max-content;
    }
}

.menu-nav .item {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: nowrap;
    text-wrap: nowrap;
    font-size: 13px;
    font-weight: 700;
    color: #888985;
    text-decoration: none;
    padding-inline: 0;
}

.menu-nav .item:hover {
    color: var(--color-dark);
}

.menu-nav .item.active {
    color: #00a6a6;
}

.menu-nav .item.active svg {
    fill: #00a6a6;
}

.menu-nav-inner {
    display: flex;
    align-items: center;
    width: 100%;
    overflow: hidden;
    position: relative;
}

@media (max-width: 1140px) {
    .menu-nav-inner::before {
        content: "";
        position: absolute;
        top: 0;
        right: -2px;
        height: 100%;
        width: 50px;
        background: linear-gradient(to left, white, rgba(255, 255, 255, 0));
        z-index: 10;
    }
}

.menu-nav nav {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: nowrap;
    overflow-x: auto;
}

.menu-nav nav::-webkit-scrollbar, .menu-nav nav::-webkit-scrollbar-track, .menu-nav nav::-webkit-scrollbar-thumb {
    width: 0;
    height: 0;
    visibility: hidden;
}

.menu-nav .btn-buisines::before {
    content: "·";
    margin-right: 5px;
}

.menu-nav .btn-сity {
    justify-self: end;
    display: flex;
    align-items: center;
    gap: 5px;
    flex-shrink: 0;
    flex-wrap: nowrap;
    text-wrap: nowrap;
    font-size: 13px;
    font-weight: 700;
}

.menu-nav .btn-сity span {
    color: #888985;
    font-size: 14px;
}

.menu-nav .btn-сity span::after {
    content: "·";
    margin-left: 5px;
}

.menu-nav .btn-сity a {
    color: #005bff;
    font-weight: 700;
    font-size: 14px;
}

.btn-kurs {
    color: var(--color-dark);
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
}

.swiper {
    width: 100%;
    height: 300px;
}

@media (max-width: 576px) {
    .swiper {
        height: 200px;
    }
}

.slide {
    width: 100%;
    position: relative;
    border-radius: 30px;
    overflow: hidden;
    height: 300px;
}

@media (max-width: 576px) {
    .slide {
        height: 200px;
    }
}

.slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 768px) {
    .swiper-button-next,
    .swiper-button-prev {
        display: none !important;
    }
}

.promo {
    display: block;
    width: 100%;
    transition: var(--transition);
    position: relative;
}

.promo:hover {
    transform: translateY(-2px);
}

.promo:hover .promo-cover::before {
    opacity: 1;
}

.promo:hover .promo-options {
    transform: translateY(0);
}

.promo-cover {
    aspect-ratio: 1/1;
    object-fit: cover;
    border-radius: 30px;
    overflow: hidden;
    position: relative;
    width: 100%;
    margin-inline: auto;
}

.promo-cover::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    opacity: 0;
    transition: var(--transition);
}

.promo-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.promo-title {
    margin-top: 14px;
    font-weight: 800;
    font-size: 14px;
    margin-inline: auto;
    width: 100%;
    max-width: 150px;
    text-align: center;
}

.promo-rating {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-weight: 700;
    font-size: 12px;
    margin-top: 3px;
}

.promo-rating .bi-star-fill {
    color: #ffb800;
    font-size: 12px;
}

.promo-sale {
    display: flex;
    justify-content: center;
    align-items: end;
    gap: 5px;
}

.promo-sale .new-price {
    font-weight: 800;
    font-size: 16px;
    color: #f81b5d;
}

.promo-sale .old-price {
    font-size: 14px;
    color: #888985;
    font-weight: 600;
    text-decoration: line-through;
}

.promo-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    color: var(--color-badge);
    background-color: var(--background-badge);
    display: flex;
    align-items: center;
    height: 24px;
    border-radius: 50px;
    font-size: 12px;
    padding-inline: 14px;
    z-index: 10;
}

.promo-badge-red {
    --color-badge: var(--color-white);
    --background-badge: #e13949;
}

.promo-badge-muted {
    --color-badge: var(--color-white);
    --background-badge: #d8838e;
}

.promo-options {
    position: absolute;
    bottom: 15px;
    width: 100%;
    padding-inline: 15px;
    left: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
    transform: translateY(140%);
    transition: 0.3s ease-in-out;
}

@media (max-width: 576px) {
    .promo-options {
        transform: translateY(0);
    }
}

.promo-options-btn {
    background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
    width: 100%;
    border: none;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 100%;
    font-weight: 700;
    transition: var(--transition);
    color: var(--color-dark);
}

.promo-options-btn:hover {
    background-color: rgb(255, 255, 255);
}

@media (max-width: 992px) {
    .banner {
        width: 100%;
        max-width: 360px;
        margin-inline: auto;
    }
}

.banner img {
    max-width: 100%;
    border-radius: 25px;
}

.news {
    border-bottom: 1px solid #f3f3f3;
}

.news__item {
    display: grid;
    grid-template-columns: 100px 1fr;
    grid-gap: 15px;
    transition: var(--transition);
}

@media (max-width: 552px) {
    .news__item {
        grid-template-columns: 80px 1fr;
    }
}

.news__item-cover img {
    width: 100%;
    aspect-ratio: 1/1;
    border-radius: 20px;
}

.news__item:hover {
    transform: translateY(-2px);
}

.news__item-info {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-height: 100px;
    padding-block: 5px;
}

@media (max-width: 552px) {
    .news__item-info {
        padding-block: 0;
    }
}

.news__item-title {
    font-size: 18px;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news__item-link {
    font-size: 15px;
    font-weight: 800;
    color: #131313;
    margin-top: auto;
}

.ads img {
    max-width: 100%;
}

.modal-login-header {
    display: flex;
    justify-content: space-between;
}

.modal-login .btn-login-close {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border: none;
    transition: var(--transition);
}

.modal-login .btn-login-close:hover {
    background-color: #f2f3f7;
}

.modal-login .modal-body {
    margin-inline: auto;
    width: 100%;
    max-width: 370px;
}

.footer {
    height: 70px;
    font-size: 14px;
}

@media (max-width: 992px) {
    .footer {
        flex-direction: column;
        gap: 15px;
        padding-bottom: 20px;
        height: auto;
    }
}

.footer .telegram-btn {
    height: 40px;
    border-radius: 10px;
    color: var(--color-dark);
    padding-inline: 10px;
    line-height: 20px;
    transition: var(--transition);
}

.footer .telegram-btn::before {
    content: "";
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_1_164)'%3e%3cpath d='M12 0C8.81812 0 5.76375 1.26506 3.51562 3.51469C1.2652 5.76522 0.000643966 8.81734 0 12C0 15.1813 1.26562 18.2357 3.51562 20.4853C5.76375 22.7349 8.81812 24 12 24C15.1819 24 18.2362 22.7349 20.4844 20.4853C22.7344 18.2357 24 15.1813 24 12C24 8.81869 22.7344 5.76431 20.4844 3.51469C18.2362 1.26506 15.1819 0 12 0Z' fill='url(%23paint0_linear_1_164)'/%3e%3cpath d='M5.4319 11.8733C8.93065 10.3493 11.2632 9.3445 12.4294 8.859C15.7632 7.47282 16.455 7.23207 16.9069 7.22391C17.0063 7.22232 17.2275 7.24688 17.3719 7.3636C17.4919 7.46203 17.5257 7.59516 17.5425 7.68863C17.5575 7.782 17.5782 7.99482 17.5613 8.16094C17.3813 10.0584 16.5994 14.6631 16.2019 16.7884C16.035 17.6876 15.7032 17.9891 15.3825 18.0186C14.685 18.0827 14.1563 17.5581 13.4813 17.1158C12.4257 16.4233 11.8294 15.9924 10.8038 15.3169C9.61878 14.5361 10.3875 14.1069 11.0625 13.4057C11.2388 13.2221 14.31 10.4293 14.3682 10.176C14.3757 10.1443 14.3832 10.0262 14.3119 9.96394C14.2425 9.9015 14.1394 9.92288 14.0644 9.93975C13.9575 9.96375 12.2719 11.079 9.0019 13.2853C8.52378 13.6142 8.09065 13.7745 7.70065 13.7661C7.27315 13.7569 6.44815 13.5238 5.83503 13.3247C5.08503 13.0804 4.4869 12.9512 4.5394 12.5363C4.56565 12.3203 4.86378 12.0992 5.4319 11.8733Z' fill='white'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient id='paint0_linear_1_164' x1='1200' y1='0' x2='1200' y2='2400' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%232AABEE'/%3e%3cstop offset='1' stop-color='%23229ED9'/%3e%3c/linearGradient%3e%3cclipPath id='clip0_1_164'%3e%3crect width='24' height='24' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");
    width: 24px;
    height: 24px;
    display: block;
}

.footer .telegram-btn:hover {
    background-color: #f1f1f1;
}

.user {
    text-align: center;
}

.user-avatar {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    margin-inline: auto;
}

.user-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.user-name {
    font-size: 25px;
    font-weight: 700;
}

.user-review {
    border-top: 1px solid #eee;
    display: grid;
    grid-template-columns: 100px 1fr;
    max-width: 700px;
    grid-gap: 15px;
    width: 100%;
    margin-inline: auto;
    padding-top: 15px;
}

@media (max-width: 576px) {
    .user-review {
        grid-template-columns: 50px 1fr;
    }
}

.user-review-cover {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
}

@media (max-width: 576px) {
    .user-review-cover {
        width: 50px;
        height: 50px;
    }
}

.user-review-title {
    font-size: 20px;
    font-weight: 700;
}

.user-review-date {
    font-size: 13px;
    color: #777;
}

.user-review-text {
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
}

.user-review-rating {
    display: flex;
    gap: 3px;
}

.user-review-rating .active svg {
    color: #f5a73c;
}

.user-review-rating svg {
    width: 15px;
    height: 15px;
    color: #777;
}

@media (max-width: 768px) {
    .nav-link {
        padding: 0.5rem;
    }
}

.post {
    display: grid;
    grid-template-columns: 250px 1fr;
    gap: 30px;
}

@media (max-width: 992px) {
    .post {
        grid-template-columns: 215px 1fr;
        gap: 20px;
    }
}

@media (max-width: 768px) {
    .post {
        grid-template-columns: 1fr;
    }
}

.post-cover img {
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
    aspect-ratio: 1/1;
    display: block;
}

@media (max-width: 768px) {
    .post-cover img {
        width: 200px;
        margin-inline: auto;
    }
}

.post-bages .b-category {
    background-color: #f2f3f7;
    border-radius: 5px;
    padding-inline: 10px;
    color: #757575;
    font-size: 12px;
    display: flex;
    align-items: center;
    height: 30px;
}

.post-bages .b-rating {
    padding-inline: 10px;
    border-radius: 5px;
    background-color: #25292d;
    color: var(--color-white);
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    height: 30px;
}

.post-bages .b-rating::before {
    content: "";
    background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.45171 3.2245C6.36676 1.7415 6.82428 1 7.5 1C8.17572 1 8.63324 1.7415 9.54829 3.2245L9.92861 3.84089C10.1861 4.25825 10.3149 4.46694 10.5113 4.6061C10.7077 4.74527 10.951 4.80023 11.4375 4.91014L12.1561 5.07245C13.8849 5.46298 14.7493 5.65825 14.9581 6.28505C15.1669 6.91185 14.5853 7.56539 13.422 8.87247L12.9385 9.41573C12.6111 9.78358 12.4474 9.96751 12.3724 10.1927C12.2974 10.4179 12.3189 10.6605 12.3621 11.1458L12.4259 11.8625C12.5793 13.5869 12.6561 14.4491 12.1094 14.8364C11.5627 15.2238 10.7457 14.8862 9.1117 14.211L8.43255 13.9304C7.97268 13.7404 7.74275 13.6454 7.5 13.6454C7.25725 13.6454 7.02731 13.7404 6.56745 13.9304L5.8883 14.211C4.25429 14.8862 3.43729 15.2238 2.89062 14.8364C2.34395 14.4491 2.42067 13.5869 2.5741 11.8625L2.63787 11.1458C2.68106 10.6605 2.70265 10.4179 2.62763 10.1927C2.55262 9.96751 2.38892 9.78358 2.06153 9.41573L1.57802 8.87246C0.414709 7.56539 -0.166945 6.91185 0.0418634 6.28505C0.250672 5.65825 1.11509 5.46298 2.84393 5.07245L3.56249 4.91014C4.04904 4.80023 4.29232 4.74527 4.48871 4.6061C4.6851 4.46694 4.81387 4.25825 5.07139 3.84089L5.45171 3.2245Z' fill='white' /%3e%3c/svg%3e");
    width: 15px;
    height: 15px;
    display: block;
    margin-bottom: 3px;
}

.post-bages .b-rec {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #00c71a;
    font-weight: 700;
    height: 30px;
    font-size: 13px;
}

.post-bages .b-rec p {
    margin-bottom: 0;
    color: #676767;
    font-weight: 500;
}

.post-bages .b-views {
    display: flex;
    align-items: center;
    height: 30px;
    gap: 8px;
    font-size: 12px;
    color: #676767;
}

.post-text {
    color: #717171;
    font-size: 14px;
}

.post-links {
    border-radius: 15px;
    border: 2px solid #f2f3f7;
    margin-top: 15px;
    padding: 15px;
    max-width: 880px;
}

.post-links label {
    color: #717171;
    font-size: 12px;
}

.post-links a {
    display: flex;
    align-items: center;
    height: 35px;
    color: #757575;
    padding-inline: 15px;
    background-color: #f2f3f7;
    border-radius: 6px;
    font-size: 14px;
    transition: var(--transition);
}

.post-links a:hover {
    background-color: #ebebeb;
}

.postreviews .review-count {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 20px;
    font-weight: 700;
}

.postreviews .review-count span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 30px;
    height: 30px;
    border-radius: 20px;
    background-color: #25292d;
    font-size: 13px;
    color: var(--color-white);
}

.postreviews .review-sort {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #717171;
    font-size: 16px;
}

.postreviews .review-sort .btn-sort {
    background: transparent;
    border: none;
    color: var(--color-dark);
    font-size: 16px;
    font-weight: 700;
}

.postreviews .reviews-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.postreviews .review {
    display: grid;
    grid-template-columns: 150px 1fr;
    grid-gap: 15px;
    background-color: #f2f3f7;
    border-radius: 15px;
    padding: 15px;
}

@media (max-width: 768px) {
    .postreviews .review {
        grid-template-columns: 90px 1fr;
    }
}

@media (max-width: 576px) {
    .postreviews .review {
        grid-template-columns: 70px 1fr;
    }
}

.postreviews .review-author img {
    width: 100%;
    border-radius: 10px;
    object-fit: cover;
    aspect-ratio: 1/1;
}

.postreviews .review-header-rating {
    display: flex;
    align-items: center;
    gap: 7px;
    height: 30px;
    border-radius: 6px;
    background-color: #25292d;
    color: var(--color-white);
    padding-inline: 10px;
    font-size: 14px;
    font-weight: 600;
}

.postreviews .review-header-date {
    font-size: 14px;
    color: #717171;
}

.postreviews .review-box {
    border: 2px solid #e5e7ed;
    border-radius: 0 0 15px 15px;
    padding: 15px;
}

.postreviews .review-text {
    font-size: 15px;
    color: #717171;
}

.postreviews .review-title {
    font-size: 18px;
}

.postreviews .review-detalic {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.postreviews .review-detalic .item {
    display: flex;
    gap: 8px;
    font-size: 15px;
}

.postreviews .review-detalic .item p {
    color: #717171;
}

.postreviews .review-detalic .item span {
    font-weight: 700;
}

.postreviews .review-detalic .item-green p {
    color: #00c71a;
}

.postreviews .review-detalic .item-red p {
    color: #ff2e00;
}

.addreview-icon {
    width: 50px;
    height: 50px;
    border-radius: 8px;
    object-fit: cover;
}

.addreview-title {
    font-size: 20px;
    font-weight: 600;
}

.addreview-category {
    background-color: #f2f3f7;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 12px;
    color: #757575;
}

.stars-rating {
    list-style: none;
    padding-left: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
}

.stars-rating li.active,
.stars-rating li:hover {
    color: var(--color-primary);
}

.btn-back {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background-color: transparent;
    color: var(--color-dark);
    border: none;
    transition: var(--transition);
}

.formLabel {
    font-size: 14px;
    font-weight: 600;
}

.formLabel sup {
    color: #ff2828;
    font-size: 18px;
    font-weight: 600;
    top: -0.1em;
}

.formLabelText {
    font-size: 12px;
    color: #a9a9a9;
}

.formLabelRequest {
    font-size: 12px;
    color: #717171;
}

.formLabelRequest sup {
    color: #ff2828;
    font-size: 18px;
    font-weight: 600;
    top: 0.3rem;
}

.btn-option {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #2b3137;
    border: none;
    border: 2px solid #2b3137;
    border-radius: 8px;
    transition: var(--transition);
    padding-inline: 10px;
    height: 40px;
    color: #d1d4dc;
}

.btn-option:hover {
    background-color: #2b3137;
}

.btn-recom::before {
    content: "";
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.6167 8.95416H17.2275C19.3492 8.95416 16.5908 18.0333 15.0708 18.0333H4.63668C4.42553 18.0351 4.22231 17.953 4.07168 17.805C3.92105 17.657 3.83532 17.4553 3.83334 17.2442V9.42333C3.83334 9.13416 3.99418 8.86833 4.25168 8.73C5.97001 7.80833 7.98584 7.05333 8.98334 5.28916L10.05 3.40083C10.1139 3.28886 10.2063 3.19585 10.3179 3.13128C10.4294 3.06672 10.5561 3.03292 10.685 3.03333C13.335 3.03333 12.5492 6.89166 12.1892 8.425C12.1747 8.48884 12.1749 8.55513 12.1897 8.6189C12.2045 8.68267 12.2336 8.74225 12.2747 8.79317C12.3158 8.8441 12.368 8.88504 12.4272 8.91292C12.4864 8.9408 12.5512 8.9549 12.6167 8.95416Z' stroke='%23D1D4DC' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
    width: 21px;
    height: 21px;
    display: block;
}

.btn-notrecom::before {
    content: "";
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.21694 12.1125H4.60611C2.48444 12.1125 5.24278 3.03332 6.76278 3.03332H17.1969C17.4081 3.03155 17.6113 3.11367 17.7619 3.26164C17.9126 3.40962 17.9983 3.61134 18.0003 3.82249V11.6433C18.0003 11.9325 17.8394 12.1983 17.5819 12.3367C15.8636 13.2583 13.8478 14.0133 12.8503 15.7775L11.7836 17.6658C11.7198 17.7778 11.6273 17.8708 11.5158 17.9354C11.4042 17.9999 11.2775 18.0337 11.1486 18.0333C8.49861 18.0333 9.28444 14.175 9.64444 12.6417C9.65892 12.5778 9.65875 12.5115 9.64394 12.4478C9.62913 12.384 9.60006 12.3244 9.55892 12.2735C9.51778 12.2226 9.46564 12.1816 9.40641 12.1537C9.34718 12.1258 9.2824 12.1117 9.21694 12.1125Z' stroke='%23D1D4DC' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
    width: 21px;
    height: 21px;
    display: block;
}

.addcard-icon {
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 20px;
    font-size: 14px;
    color: #747a8b;
}

@media (max-width: 576px) {
    .addcard-icon {
        grid-template-columns: 90px 1fr;
    }
}

.addcard .btn-upload {
    width: 120px;
    height: 120px;
    background-color: #fbfbfb;
    border: 1px dashed #d7d7d7;
    border-radius: 8px;
    position: relative;
}

.addcard .btn-upload::before {
    content: "";
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='32' height='30' viewBox='0 0 32 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.32546 3.07453L10.0326 3.78164L9.32546 3.07453ZM9.59998 2.80001L10.3071 3.50712V3.50712L9.59998 2.80001ZM22.4 2.80001L21.6929 3.50712L21.6929 3.50712L22.4 2.80001ZM22.6745 3.07453L23.3816 2.36742L23.3816 2.36742L22.6745 3.07453ZM29.4 14C29.4 14.5523 29.8477 15 30.4 15C30.9523 15 31.4 14.5523 31.4 14H29.4ZM15.2 27.8C15.7523 27.8 16.2 27.3523 16.2 26.8C16.2 26.2477 15.7523 25.8 15.2 25.8V27.8ZM19.0719 1.20707L19.1261 0.208536L19.0719 1.20707ZM22.0169 2.42695L21.3492 3.17134L21.3492 3.17134L22.0169 2.42695ZM9.98302 2.42695L10.6508 3.17134L10.6508 3.17134L9.98302 2.42695ZM12.9281 1.20707L12.8739 0.208536H12.8739L12.9281 1.20707ZM21.0078 13.5752C21.2151 14.0872 21.798 14.3342 22.31 14.127C22.8219 13.9197 23.0689 13.3367 22.8617 12.8248L21.0078 13.5752ZM14.1507 22.7668C14.6856 22.9045 15.2308 22.5825 15.3684 22.0476C15.5061 21.5128 15.1841 20.9676 14.6492 20.8299L14.1507 22.7668ZM24.6 28.4C24.6 28.9523 25.0477 29.4 25.6 29.4C26.1523 29.4 26.6 28.9523 26.6 28.4H24.6ZM26.6 18.8C26.6 18.2477 26.1523 17.8 25.6 17.8C25.0477 17.8 24.6 18.2477 24.6 18.8H26.6ZM30.4 24.6C30.9523 24.6 31.4 24.1523 31.4 23.6C31.4 23.0477 30.9523 22.6 30.4 22.6V24.6ZM20.8 22.6C20.2477 22.6 19.8 23.0477 19.8 23.6C19.8 24.1523 20.2477 24.6 20.8 24.6V22.6ZM2.59998 17.2V8.9255H0.599976V17.2H2.59998ZM10.0326 3.78164L10.3071 3.50712L8.89287 2.0929L8.61835 2.36742L10.0326 3.78164ZM13.4627 2.20001H18.5372V0.200012H13.4627V2.20001ZM21.6929 3.50712L21.9674 3.78164L23.3816 2.36742L23.1071 2.0929L21.6929 3.50712ZM29.4 8.9255V14H31.4V8.9255H29.4ZM15.2 25.8H11.2V27.8H15.2V25.8ZM25.8745 5.40001C27.8216 5.40001 29.4 6.97843 29.4 8.9255H31.4C31.4 5.87386 28.9261 3.40001 25.8745 3.40001V5.40001ZM21.9674 3.78164C23.0036 4.81787 24.409 5.40001 25.8745 5.40001V3.40001C24.9395 3.40001 24.0428 3.02858 23.3816 2.36742L21.9674 3.78164ZM18.5372 2.20001C18.8178 2.20001 18.9211 2.20035 19.0177 2.2056L19.1261 0.208536C18.9627 0.19967 18.7962 0.200012 18.5372 0.200012V2.20001ZM23.1071 2.09291C22.924 1.90984 22.8064 1.79177 22.6847 1.68256L21.3492 3.17134C21.4212 3.23591 21.4946 3.3088 21.6929 3.50712L23.1071 2.09291ZM19.0177 2.2056C19.8822 2.25252 20.7047 2.59323 21.3492 3.17134L22.6847 1.68256C21.701 0.800182 20.4456 0.280149 19.1261 0.208536L19.0177 2.2056ZM10.3071 3.50712C10.5055 3.30872 10.5788 3.23593 10.6508 3.17134L9.31527 1.68256C9.1935 1.79179 9.07601 1.90977 8.89287 2.09291L10.3071 3.50712ZM13.4627 0.200012C13.2037 0.200012 13.0372 0.19967 12.8739 0.208536L12.9823 2.2056C13.0789 2.20035 13.1821 2.20001 13.4627 2.20001V0.200012ZM10.6508 3.17134C11.2952 2.59323 12.1178 2.25252 12.9823 2.2056L12.8739 0.208536C11.5544 0.280149 10.2989 0.800182 9.31527 1.68256L10.6508 3.17134ZM6.12546 5.40001C7.59091 5.40001 8.99634 4.81786 10.0326 3.78164L8.61835 2.36742C7.9572 3.02858 7.06048 3.40001 6.12546 3.40001V5.40001ZM2.59998 8.9255C2.59998 6.97843 4.17839 5.40001 6.12546 5.40001V3.40001C3.07382 3.40001 0.599976 5.87386 0.599976 8.9255H2.59998ZM0.599976 17.2C0.599976 19.4345 0.597852 21.2109 0.784629 22.6002C0.975273 24.0182 1.37904 25.1815 2.29876 26.1012L3.71297 24.687C3.2268 24.2008 2.92762 23.5299 2.76679 22.3337C2.6021 21.1087 2.59998 19.491 2.59998 17.2H0.599976ZM11.2 25.8C8.90896 25.8 7.2913 25.7979 6.06632 25.6332C4.8701 25.4724 4.19914 25.1732 3.71297 24.687L2.29876 26.1012C3.21847 27.0209 4.38183 27.4247 5.79982 27.6154C7.18905 27.8021 8.9655 27.8 11.2 27.8V25.8ZM10.6 15.6C10.6 12.6177 13.0176 10.2 16 10.2V8.20001C11.9131 8.20001 8.59998 11.5131 8.59998 15.6H10.6ZM16 10.2C18.2646 10.2 20.206 11.5944 21.0078 13.5752L22.8617 12.8248C21.7647 10.1147 19.1071 8.20001 16 8.20001V10.2ZM14.6492 20.8299C12.32 20.2304 10.6 18.1148 10.6 15.6H8.59998C8.59998 19.0495 10.9593 21.9454 14.1507 22.7668L14.6492 20.8299ZM26.6 28.4V23.6H24.6V28.4H26.6ZM26.6 23.6V18.8H24.6V23.6H26.6ZM30.4 22.6H25.6V24.6H30.4V22.6ZM25.6 22.6H20.8V24.6H25.6V22.6Z' fill='%23D1D4DC'/%3e%3c/svg%3e ");
    width: 32px;
    height: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media (max-width: 576px) {
    .addcard .btn-upload {
        width: 90px;
        height: 90px;
    }
}

.fs-7 {
    font-size: 14px !important;
}

.cat-header {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

@media (max-width: 767px) {
    .cat-header {
        flex-direction: column;
    }
}

.offcanvas-mobile {
    border-radius: 20px 20px 0 0;
    height: 70vh !important;
}

.offcanvas-mobile .cat-item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
}

.offcanvas-mobile .cat-item img {
    width: 30px;
    height: 30px;
    object-fit: cover;
    border-radius: 5px;
}

.short {
    display: grid;
    grid-template-columns: 200px 1fr 180px;
    grid-gap: 20px;
}

@media (max-width: 992px) {
    .short {
        grid-template-columns: 1fr;
        border-radius: 15px;
        padding: 5px;
        border: 1px solid #eee;
        grid-gap: 10px;
    }
}

.short__cover {
    display: block;
}

.short__cover img {
    width: 100%;
    aspect-ratio: 1/1;
    border-radius: 15px;
    object-fit: cover;
}

.short__info {
    min-height: 200px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

@media (max-width: 992px) {
    .short__info {
        min-height: 0px;
    }
}

.short__info-title {
    font-size: 18px;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.short__info-title:hover {
    color: var(--color-primary);
}

@media (max-width: 992px) {
    .short__info-title {
        min-height: 58px;
    }
}

.short__info-text {
    margin-top: 5px;
    font-size: 14px;
}

@media (max-width: 992px) {
    .short__info-text {
        display: none;
    }
}

.short__detalic {
    margin-top: auto;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.short__detalic-item span {
    font-size: 14px;
    font-weight: 800;
}

.short__detalic-item a {
    font-size: 14px;
    font-weight: 800;
    color: var(--color-primary);
}

@media (max-width: 992px) {
    .short__detalic-saler {
        order: 2;
    }
}

@media (max-width: 992px) {
    .short__detalic-cat {
        display: none;
    }
}

.short__rating {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

@media (max-width: 992px) {
    .short__rating {
        justify-content: start;
    }
}

.short__rating-stars {
    color: #ffb800;
    font-size: 14px;
    margin-top: 5px;
}

@media (max-width: 992px) {
    .short__rating-stars {
        display: none;
    }
}

.short__rating-starsmobile {
    display: flex;
    align-items: center;
    gap: 2px;
    font-size: 13px;
}

.short__rating-starsmobile i {
    color: #ffb800;
    display: block;
}

.short__rating-starsmobile span {
    font-weight: 700;
}

@media (min-width: 992px) {
    .short__rating-starsmobile {
        display: none;
    }
}

.short__rating-review {
    display: flex;
    align-items: center;
    gap: 2px;
    font-size: 14px;
    font-weight: 700;
    color: #707070;
}

.short__rating-review::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23707070' width='14' height='14' class='size-6'%3E%3Cpath fill-rule='evenodd' d='M5.337 21.718a6.707 6.707 0 0 1-.533-.074.75.75 0 0 1-.44-1.223 3.73 3.73 0 0 0 .814-1.686c.023-.115-.022-.317-.254-.543C3.274 16.587 2.25 14.41 2.25 12c0-5.03 4.428-9 9.75-9s9.75 3.97 9.75 9c0 5.03-4.428 9-9.75 9-.833 0-1.643-.097-2.417-.279a6.721 6.721 0 0 1-4.246.997Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");
    width: 14px;
    height: 14px;
    display: none;
}

@media (max-width: 992px) {
    .short__rating-review::before {
        display: block;
    }
}

.short__price {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-height: 200px;
}

@media (max-width: 992px) {
    .short__price {
        min-height: 0px;
    }
}

@media (max-width: 992px) {
    .short__price-inner {
        display: none;
    }
}

.short__price-label {
    font-size: 14px;
    font-weight: 700;
    color: #707070;
}

.short__price-num {
    font-size: 18px;
    font-weight: 800;
    color: #000;
    display: block;
}

.short__price-btn {
    margin-top: auto;
}

.short__price-btn a {
    font-weight: 800;
    width: 100%;
    font-size: 14px;
}

@media (max-width: 992px) {
    .short__price-btn {
        display: none;
    }
}

@media (min-width: 992px) {
    .short__price-btnmobile {
        display: none;
    }
}

.short__price-btnmobile a {
    font-weight: 800;
    width: 100%;
    font-size: 14px;
}

/* Контейнер для поста */
.post-container {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 20px;
    max-width: 1000px;
    margin: 20px auto;
    font-family: 'Arial', sans-serif;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Заголовок и метаинформация */
.post-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.post-avatar img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 10px;
}

.post-meta {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.post-author {
    font-size: 14px;
    font-weight: bold;
}

.verified-icon {
    color: #00f;
    font-size: 14px;
    margin-left: 5px;
}

.post-category-time {
    font-size: 12px;
    color: #888;
}

.subscribe-button {
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 12px;
    cursor: pointer;
}

/* Заголовок и описание поста */
.post-title {
    font-size: 20px;
    margin: 10px 0;
    font-weight: bold;
}

.post-description {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 15px;
}

/* Изображение в посте */
.post-image-container {
    text-align: center;
    margin-bottom: 15px;
}

.post-image-container img {
    max-width: 100%;
    border-radius: 8px;
}


/* Мобильная адаптация */
@media screen and (max-width: 480px) {
    .post-container {
        padding: 15px;
        margin: 10px;
        max-width: 100%;
    }

    .post-title {
        font-size: 16px;
    }

    .post-description {
        font-size: 13px;
    }

}

.menu-mobile {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px 10px;
}
.menu-mobile-item {
    text-align: center;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    gap: 7px;
    background-color: transparent;
    border: none;
    width: 100%;
}
.menu-mobile-item span {
    text-align: center;
    width: 100%;
}
.menu-mobile-item .iconbox {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background-color: #f2f3f7;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-inline: auto;
}
.menu-mobile-item .iconbox svg {
    stroke: #696969;
    width: 25px;
    height: 25px;
}



.mobile-nav {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1100;
    -webkit-box-shadow: 0px -4px 20px -3px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 0px -4px 20px -3px rgba(34, 60, 80, 0.2);
    box-shadow: 0px -4px 20px -3px rgba(34, 60, 80, 0.2);
    background-color: #fff;
}


@media (max-width: 768px) {
    .mobile-nav {
        display: block;
    }
}

/* Внутренний контейнер с кнопками */
.mobile-nav-inner {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* Количество колонок можно настроить по вашему желанию */
    height: 60px;
    align-items: center; /* Центрирование элементов по вертикали */
    justify-items: center; /* Центрирование элементов по горизонтали */
    background-color: #fff;
}


/* Стили для каждой кнопки */
.mobile-nav-item {
    text-decoration: none;
    color: #000;
    display: flex;
    flex-direction: column;
    gap: 2px;
    text-align: center;
    font-size: 12px;
    position: relative;
    justify-content: center;
    align-items: center;
}

/* Иконки */
.mobile-nav-item svg {
    stroke-width: 1.7 !important;
}

/* Счетчик на кнопке */
.mobile-nav-item-count {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #000;
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    border-radius: 30px;
    position: absolute;
    top: 2px;
    right: -5px;
}

.btn-option {
    background-color: #333; /* Основной цвет кнопки */
    color: #fff; /* Цвет текста */
    border: none; /* Убираем границу */
    transition: background-color 0.3s; /* Плавное изменение цвета */
}

.btn-option.active {
    background-color: #2962FF; /* Цвет при активном состоянии */
    color: #fff; /* Цвет текста при активном состоянии */
}

.btn-option:not(.active):hover {
    background-color: #444; /* Цвет при наведении */
}

.stars-rating {
    list-style: none;
    padding-left: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
}
.stars-rating li.active,
.stars-rating li:hover {
    color: var(--color-primary);
}

.news-section {
    padding: 40px 20px;
    background-color: #f7f7f8;
    max-width: 1300px;
    margin: 0 auto;
    border-radius: 49px;
    min-height: 400px; /* Минимальная высота секции */
}

.news-section h2 {
    font-size: 28px;
    margin-bottom: 30px;
    color: #000;
    text-align: center;
}

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

.news-card {
    border-radius: 30px; /* Закругляем углы контейнера */
    overflow: hidden; /* Скрываем части содержимого, выходящие за границы контейнера */
    text-align: left;
    padding: 20px;
    display: none; /* Скрываем все карточки по умолчанию */
}

.news-card.page-1 {
    display: block; /* Отображаем карточки только для первой страницы по умолчанию */
}

.news-card img {
    width: 100%; /* Задаем ширину изображения 100% */
    height: 200px; /* Устанавливаем фиксированную высоту */
    object-fit: cover; /* Обрезаем изображение, чтобы оно заполнило контейнер */
    border-radius: 30px;
    display: block;
}

.news-card .content {
    display: flex;
    flex-direction: column;
}


.source {
    font-size: 14px;
    color: #888;
    margin-bottom: 10px;
}

.title {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin: 0;
}

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}

.pagination button {
    background-color: #f7f7f8;
    border: none;
    padding: 10px 15px;
    margin: 0 5px;
    cursor: pointer;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}

.pagination button.active {
    background-color: #2d2d2e; /* Цвет кнопки активной страницы */
    color: white;
}

.pagination button:hover {
    background-color: #f6f7f8; /* Цвет кнопки при наведении */
}

@media (max-width: 768px) {
    .news-section h2 {
        font-size: 22px;
    }

    .title {
        font-size: 14px;
    }

    .news-container {
        grid-template-columns: 1fr;
    }
}

.news-sections h2 {
    font-family: 'Arial', sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: #333;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 40px; /* Отступ сверху */
}


.custom-product-tabs {
    display: flex; /* Выровнять кнопки по горизонтали */
    justify-content: flex-start; /* Выровнять кнопки по левому краю */
    gap: 20px; /* Отступ между кнопками */
    margin-bottom: 20px; /* Отступ снизу */
    font-size: 16px; /* Размер шрифта */
    white-space: nowrap; /* Запретить перенос текста */
}

.custom-tab-button {
    background: none;
    border: none;
    font-size: 16px; /* Размер шрифта */
    color: #888; /* Цвет текста */
    cursor: pointer;
    padding: 5px 0; /* Отступы сверху и снизу */
    position: relative;
    transition: color 0.3s;
    white-space: nowrap; /* Запретить перенос текста внутри кнопок */
}

.custom-tab-button.active {
    color: #000; /* Цвет активной кнопки */
}

.custom-tab-button.active::after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: #000; /* Цвет нижней линии активной кнопки */
    position: absolute;
    bottom: -2px; /* Расположение линии прямо под текстом */
    left: 0;
}

.custom-product-tab {
    display: none;
}

.custom-product-tab.active {
    display: block;
}

.custom-box {
    margin-top: 20px; /* Внешний отступ сверху 10px */

}


.custom-modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.custom-modal-content {
    background-color: white;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 500px;
    text-align: center;
    position: relative;
    border-radius: 15px;
}

.custom-close {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 24px;
    cursor: pointer;
}

.custom-logo {
    display: block;
    margin: 0 auto 30px;
    max-width: 120px;
}

#custom-city-search {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 25px;
    outline: none;
    font-size: 16px;
}

#custom-city-list {
    list-style: none;
    padding: 0;
}

#custom-city-list li {
    margin: 5px 0;
    cursor: pointer;
    display: none;
}

#custom-no-city {
    font-size: 14px;
    color: red;
    margin-top: 10px;
}

.submenu {
    display: none;
    margin-left: 20px;
    flex-direction: column;
    gap: 5px;
}

.submenu.active {
    display: flex;
}

.menu-item {
    cursor: pointer;
    font-weight: bold;
}

a {
    text-decoration: none;
    color: inherit;
}

a:hover {
    text-decoration: none;
}

.unique-menu .unique-cat-item {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    border-bottom: none;
    font-weight: bold;
    font-size: 16px;
}

.unique-menu .unique-cat-item img {
    width: 30px;
    height: 30px;
    object-fit: cover;
    border-radius: 5px;
}

.unique-submenu {
    display: none;
    margin-left: 20px;
    flex-direction: column;
    gap: 5px;
}

.unique-submenu.active {
    display: flex;
}

.unique-submenu a {
    text-decoration: none;
    color: inherit;
    margin: 5px 0;
    font-size: 14px;
    padding: 8px;
    display: block;
    border-radius: 5px;
}

.unique-submenu a:hover {
    text-decoration: none;
    background-color: #f9f9f9;
}