:root {
    --main-color: #76583C;
}

/* django theme override */
input,
textarea {
    background-color: initial;
}


/* Fonts */
@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Regular.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-SemiBold.ttf') format('truetype');
    font-weight: 600;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Black.ttf') format('truetype');
    font-weight: 900;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Regular.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-SemiBold.ttf') format('truetype');
    font-weight: 600;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Bold.ttf') format('truetype');
    font-weight: 700;
}

/* Reset */

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

table {
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
}

ul,
li {
    list-style: none;
}

a {
    text-decoration: none;
    color: var(--main-color);
}

input:focus {
    outline: none;
}

input {
    outline: none;
    border: none;
}


/* Boostrap overrides */

dl,
ol,
ul {
    margin-bottom: 0;
    padding-left: 0;
}


.modal-backdrop.show {
    z-index: auto;
}

.page-link.active {
    background-color: var(--main-color);
    border-color: var(--main-color);
}

.choices__list--multiple .choices__item--selectable {
    background-color: var(--main-color);
    border: 1px solid var(--main-color);
}

/* Base  */

.content {
    min-height: 50dvh;
}

/* Components */
body {
    font-family: 'Lato';
    font-weight: 400;
    font-size: 14px;
}

.breadcrumb {
    margin-bottom: 20px;
}

.breadcrumb li {
    display: inline;
    font-size: 14px;
    color: rgba(41, 35, 27, 0.4);
    ;
}

.breadcrumb li a {
    color: rgba(41, 35, 27, 0.4);
    ;
}

.breadcrumb li+li:before {
    padding: 0 8px;
    color: rgba(41, 35, 27, 0.4);
    content: "/\00a0";
}

.sort-by-card {
    display: flex;
    align-items: center;
    margin: 20px 0;
}

.sort-by-word {
    display: flex;
    align-items: center;
    margin: 0 0 25px;
}

.sort-by-word__item a {
    color: #837258;
}

.sort-by-word__item:not(:last-child) {
    margin-right: 15px;
}

.sort-by-word__item.active {
    font-weight: bold;
}

.sort-by-card li+li:before {
    padding: 0 20px;
    color: #837258;
    content: "\003A";
}

.sort-by-card a {
    color: #837258;
}


.product-small {
    border: 1px solid #F2EBE0;
    border-radius: 8px;
    display: inline-block;
    padding: 5px 6px 9px 5px;
}

.product-small__image-wrapper {
    background-color: #EFEAE3;
    padding: 11px 15px;
    margin-bottom: 4px;
    width: 129px;
    height: 85px;
    border-radius: 7px;

}

.product-small__img {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 7px;
}

.product-small__name {
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;
    color: #837258;
    margin-bottom: 9px;
    border-bottom: 1px solid;
    width: 110px;
}

.product-small__price {
    font-family: 'Inter';
    font-weight: 600;
    color: #29231B;
}

.header-top__options li:not(:last-child) {
    border-bottom: 1px solid #d3d3d3;
}

.header-top__options {
    border: 1px solid #d3d3d3;
}

.header-top__options li:hover {
    background: #e7e7e7;
}

.header-top__options li.active {
    background: #d3d3d3;
}

section {
    padding: 45px 0;
}


.section__title-wrapper {
    display: flex;

}

.section__title {
    font-family: 'Inter';
    font-weight: 600;
    font-size: 24px;
    color: lightgray;
    margin-bottom: 25px;
    margin-right: 25px;
    cursor: pointer;
    text-align: center;
}

.section__title--text-pointer {
    cursor: text !important;
    text-decoration: none;
}

.section__title.active {
    color: var(--main-color);
}

.page__head_flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.page__head {
    margin-bottom: 25px;
}

.page__head-link {
    color: #9D6E53;
    font-family: 'Lato';
    font-weight: 500;
}

.page__title {
    font-family: 'Inter';
    font-weight: 600;
    font-size: 18px;
    color: #29231B;
}

.page__wrapper {
    display: flex;
    justify-content: space-between;
}

.page__subtitle {
    font-family: 'Inter';
    font-weight: 700;
    font-size: 18px;
    color: #29231B;
    margin-bottom: 13px;
}

.page__descriptions {
    width: 750px;
    font-size: 16px;
    line-height: 1.5em;
    color: rgba(41, 35, 27, 0.7);
    margin: 15px 0 20px;
}

.page__left {
    max-width: 1065px;
}

.page__text .page__text_center span {
    text-transform: uppercase;
    font-weight: 600;
}

.page__underline_text {
    border-bottom: 1px solid #837258;
    width: 381px;
    color: #837258;
    display: block;
}

.page__text_long {
    width: 599px;
}

.page__content_long {
    width: 645px;
}

.page__content-center {
    margin: 0 auto;
    width: 533px;
}

.page__title_center {
    text-align: center;
    margin-bottom: 25px;
}

.page__title_form {
    margin-bottom: 10px;
}

.page__text {
    font-size: 16px;
    color: rgba(41, 35, 27, 0.8);
    line-height: 1.5em;
}

.page__text_center {
    text-align: center;
    margin: 0 auto;
}

.page__text_short {
    width: 385px;
}

.page__head_underline {
    padding-bottom: 20px;
    border-bottom: 1px solid #F2EBE0;
}

.page__btns {
    display: flex;
    justify-content: center;
    margin: 35px auto 0;
}

.page__btns_indent {
    margin: 30px auto 0;
}

.page__btn {
    padding: 20px 35px;
    display: block;
}

.page__btn:not(:last-child) {
    margin-right: 10px;
}

.btn {
    border-radius: 32px;
    border-color: #61471F !important;

}

.honspot {
    position: absolute;
    left: -9999px;
}

.btn_ghost {
    background-color: transparent;
    border: 1px solid #61471F;
    color: #61471F;
}

.btn_fill {
    background-color: #61471F;
    color: #fff;
}

.btn-advanced-tooltip {
    background-color: #fff;
    color: #61471F;
    border-radius: 32px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    border: 1px solid #61471F;
    display: inline-block;
}

.dropContainer {
    border: 1px solid #EBE5DC;
    border-radius: 10px;
    padding: 17px 12px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.dropContainer__btn {
    display: inline-block;
}

.dropContainer__image-wrapper {
    display: flex;
    align-items: center;
}

.dropContainer__image-wrapper .preview {
    width: 105px;
    height: 55px;
    object-fit: contain;
    border: 1px solid #EBE5DC;
    border-radius: 5px;
    overflow: hidden;
}

.settings__dropanddrop {
    margin-top: 15px;
}

.dropContainer__wrapper span {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: rgba(41, 35, 27, 0.4);
    margin-left: 14px;
}

.dropContainer__image-wrapper {
    display: none;
}

.img-delete img {
    top: 35px;
    right: 33px;
    object-fit: contain;
    cursor: pointer;
    margin-left: 10px;
}

.error-code {
    font-size: 303px;
    color: transparent;
    -webkit-text-stroke: 1px #F0EAE1;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 900;
    line-height: 0.8em;
    margin-bottom: 12px;
}

.error-code::before {
    position: absolute;
    content: '404';
    font-weight: 900;
    font-size: 240px;
    text-align: center;
    color: #61471F;
}

.now-ebay__item:not(:last-child) {
    margin-bottom: 10px;
}

.dropdown__select {
    background: #FFFFFF;
    border: 2px solid #F2EBE0;
    border-radius: 8px;
    padding: 14px 20px 14px 16px;
    width: 100%;
    text-align: left;
    color: rgba(41, 35, 27, 0.9);
    font-family: "Inter";
    display: flex;
    align-items: center;
    justify-content: space-between;
    white-space: nowrap;
}

.dropdown__options {
    display: none;
    z-index: 1;
}

.show {
    display: block;
}

.dropdown__select::after {
    position: absolute;
    right: 10px;
    content: '';
    display: block;
    width: 12px;
    height: 6px;
    background: url('../img/arrow-down-drop.svg') no-repeat center center / contain;
}

.dropdown__select::before {
    position: absolute;
    content: '';
    display: block;
    width: 30px;
    height: 50%;
    background: #fff;
    right: 1px;
    border-radius: 5px;
}

.position__sort-drop {
    width: 245px;
}

.position__sort-text {
    color: rgba(41, 35, 27, 0.9);
    margin-right: 15px;
    font-family: "Inter";
}

.position__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.position__search {
    display: flex;
}

.position__search input {
    border-radius: 8px 0 0 8px;
    border-color: #EBE5DC;
    border-style: solid;
    border-width: 1px 0 1px 1px;
    padding: 14px 0 14px 19px;
    width: 445px;
}

.position__search button {
    border-radius: 0 8px 8px 0;
    padding: 13px 35px;
}

.position__sort-text {
    color: rgba(41, 35, 27, 0.9);
    font-family: "Inter";
    font-weight: 400;
}

.position__sorting {
    display: flex;
    align-items: center;
}

.table-cust {
    width: 100%;
    color: rgba(41, 35, 27, 0.7);
    line-height: 1.29em;
}

.table-cust tr {
    cursor: pointer;
}

.table-cust th:not(:last-child),
.table-cust td:not(:last-child) {
    border-style: solid;
    border-width: 0 1px 0 0;
    border-color: #F2EBE0;
}


.table-cust th {
    background-color: #E5D4C3;
    padding: 10px;
    text-align: center;
}

.table-cust td {
    padding: 15px;
    vertical-align: middle;
    text-align: center;
}

.table-cust td:last-child {
    padding-left: 0;
    padding-right: 0;
}

.table-cust th:first-child {
    border-radius: 10px 0 0;
}

.table-cust th:last-child {
    border-radius: 0 10px 0 0;
}

.table-cust tr:nth-child(odd):not(:first-child) {
    background: #F9F6F3;
    border-style: solid;
    border-width: 1px 0;
    border-color: #F2EBE0;
}

.table-cust tr:nth-child(even) {
    background: #FFF;
}

.table-cust .info {
    text-align: center;
}

.table-cust .info {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: rgba(41, 35, 27, 0.5);
}

.table-cust .correct:before {
    content: "";
    width: 16px;
    height: 16px;
    margin-bottom: 8px;
    background: url(../img/warning-yellow.svg) no-repeat center center/contain;
}

.table-cust .not-info:before {
    content: "";
    width: 16px;
    height: 16px;
    margin-bottom: 8px;
    background: url(../img/warning-red.svg) no-repeat center center/contain;
}

.table-cust .data:before {
    content: "";
    width: 16px;
    height: 16px;
    margin-bottom: 8px;
    background: url(../img/warning-green.svg) no-repeat center center/contain;
}

.table-cust__medium {
    font-weight: 600;
    font-size: 16px;
}



.checkbox-cust__input+label {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    line-height: 1.5em;
}

.checkbox-cust {
    position: relative;
}

.checkbox-cust:not(:last-child) {
    margin-bottom: 8px;
}




.table-info tr {
    vertical-align: top;
}

.table-info__name {
    font-weight: 700;
    color: #29231B;
}

.table-info__replase {
    display: flex;
    align-items: center;
}

.table-info tr td {
    padding-bottom: 10px;
}

.table-info__replase li+li:before {
    padding: 0 8px;
    color: rgba(41, 35, 27, 0.4);
    content: "\007C";
}

.table-info__replase .bold {
    font-weight: 900;
    color: #837258;
}

.table-info__value {
    font-size: 16px;
    color: #29231B;
}

.table-info__value a {
    color: #837258;
}

.table-info__value img {
    width: 110px;
    height: 60px;
    object-fit: contain;
    margin-top: 5px;
}

.input-cust {
    width: 100%;
    color: rgba(41, 35, 27, 0.5);
    padding: 14px 15px;
    font-size: 16px;
    border-radius: 5px;
    border: 2px solid #F2EBE0;
}

.support__input {
    width: 100%;
    color: rgba(41, 35, 27, 0.5);
    padding: 14px 15px;
    font-size: 16px;
    border-radius: 5px;
    border: 2px solid #F2EBE0;
    height: 53px;
    resize: none;
}

.support__textarea {
    width: 100%;
    color: rgba(41, 35, 27, 0.5);
    padding: 14px 15px;
    font-size: 16px;
    border-radius: 5px;
    border: 2px solid #F2EBE0;
    height: 125px;
    resize: none;
}

.input-cust::placeholder {
    font-family: 'Lato';
    font-weight: 400;
    font-size: 14px;
    color: rgba(41, 35, 27, 0.8);
}

.input-cust_fz14 {
    font-size: 14px;
}

.textarea-cust::placeholder {
    font-family: 'Lato';
    font-weight: 400;
    font-size: 14px;
    color: rgba(41, 35, 27, 0.8);
}

.input-cust::-webkit-input-placeholder {
    color: rgba(41, 35, 27, 0.8);
}

.input-cust:not(:last-child) {
    margin-bottom: 10px;
}

.input-code {
    padding: 14px 0 14px 15px;
    border-radius: 8px;
    margin: 24px auto 15px;
    width: 340px;
    display: block;
}



/* Gallery Product */
.gallery-product {
    display: flex;
    align-items: center;
    margin: 35px 0 30px;
}

.gallery-product__item {
    width: 126px;
    height: 126px;
}

.gallery-product__item img {
    object-fit: contain;
    width: 100%;
    height: 100%;
    padding-left: 5px;
    padding-right: 5px;
}

/*  */

.technology__list a {
    font-weight: 500;
    font-size: 16px;
    color: #837258;
}

.group-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
}

.group-list__wrapper {
    width: 33.3%;
    padding-right: 30px;
}

.group-list__title {
    font-family: 'Inter';
    font-weight: 600;
    font-size: 20px;
    color: #29231B;
    margin: 15px 0 15px;
}

.descendant a {
    font-weight: 500;
    font-size: 16px;
    color: #837258;
}

.descendant:not(:last-child) {
    margin-bottom: 12px;
}

.descendant:last-child {
    margin-bottom: 68px;
}

/* Modal  */

.modal {
    position: fixed;
    z-index: 999;
    display: none;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.modal__bg {
    width: 100%;
    height: 100%;
    background-color: #14141437;
}

.modal.active {
    display: flex;
}

.modal__wrapper {
    background-color: #fff;
    width: 425px;
    border-radius: 20px;
    position: absolute;
    padding: 50px 32px 40px 32px;
}

.modal__image-wrapper {
    background-color: #fff;
    flex-direction: column;
    border-radius: 20px;
    position: absolute;
    padding: 50px 32px 40px 32px;
    text-align: center;
}

.modal__image-wrapper img {
    max-width: 50vw;
    max-height: 60vh;
    width: auto;
    height: auto;
}

.modal__image-wrapper p {
    max-width: 50vw;
}

.modal__close {
    position: absolute;
    right: 0;
    top: 0;
    margin: 25px 20px 0 0;
    cursor: pointer;
}

.modal__title {
    font-family: 'Inter';
    font-weight: 600;
    font-size: 22px;
    color: #29231B;
    padding: 0 0 25px 0;
}

.modal__not-pass {
    color: rgba(130, 105, 97, 0.8);
    margin: 7px 0 0;
}

.modal__btn {
    width: 100%;
    padding: 14px 22px;
    border-radius: 30px;
    margin-top: 20px;
}

.modal__wrapper-block {
    display: flex;
    margin-top: 20px;
}

.modal__text {
    color: #29231BCC;
    line-height: 1.43em;
}

.modal__login {
    color: #826961CC;
    border-bottom: 1px solid rgba(41, 35, 27, 0.4);
    margin-left: 5px;
    padding-bottom: 1px;
}

.modal__text_indent {
    margin-bottom: 20px;
}

.modal__replace {
    color: rgba(41, 35, 27, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 12px 0 20px;
}

.modal__replace::before {
    content: "";
    height: 2px;
    width: 60px;
    background-color: rgba(41, 35, 27, 0.2);
    margin-right: 21px;
}

.modal__replace::after {
    content: "";
    height: 2px;
    width: 60px;
    margin-left: 21px;
    background-color: rgba(41, 35, 27, 0.2);
}


/*  */

.authorization-google,
.authorization-facebook,
.authorization-vk {
    background-color: #F2EBE0;
    width: 100%;
    border-radius: 5px;
    padding: 16px 0 15px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
}

.authorization-google:before {
    content: "";
    background: url(../img/google-icon.png) no-repeat center center/contain;
    width: 29px;
    height: 29px;
    margin-right: 18px;
}

.authorization-facebook:before {
    content: "";
    background: url(../img/facebook-icon.png) no-repeat center center/contain;
    width: 29px;
    height: 29px;
    margin-right: 18px;
}

.authorization-vk:before {
    content: "";
    background: url(../img/vk-icon.png) no-repeat center center/contain;
    width: 29px;
    height: 29px;
    margin-right: 18px;
}


/* Header */
.header {
    padding: 12px 0 0 0;
}

.header-top {
    display: flex;
    align-items: center;
}

.logo {
    width: 90px;
    height: auto;
}

.logo img {
    width: 100%;
    height: auto;
}

.logo_footer {
    width: 107px;
}

.header-top__search {
    border-radius: 30px;
    background-color: #F8F8F8;
    padding: 15px 22px 17px;
    display: flex;
    align-items: center;
    width: 40%;
    margin: 0 30px;
}

.header-top__search::before {
    content: '';
    background: url('../img/search-icon.svg') no-repeat center center / contain;
    width: 16px;
    height: 16px;
    display: block;
    margin-right: 10px;
}

.header-top__search input {
    border: none;
    background-color: transparent;
    font-size: 18px;
    width: 100%;

}


.header-top__wrapper {
    display: flex;
    align-items: center;
    margin-left: auto;
}

.header-top__lang {
    background-color: transparent;
    border: none;
    cursor: pointer;
    color: #9A9EA6;
    display: flex;
    align-items: center;
    width: 150px;
}

.header-top__lang::before {
    content: '';
    background: url('../img/lang-icon.svg') no-repeat center center / contain;
    width: 20px;
    height: 20px;
    display: block;
    margin-right: 8px;
    right: auto;
    position: relative;
}

.header-top__lang::after {
    content: '';
    background: url('../img/arrow-down.svg') no-repeat center center / contain;
    width: 10px;
    height: 6px;
    display: block;
    margin-left: 10px;
    right: 0;
    position: relative;
}



.header-top__btn-registration {
    margin-right: 8px;
}

.header-brands {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 30px 0 20px;
}

.header-brands__audio-cassette {
    display: contents;
}

.header-brands__audio-cassette.nototal .categories__ads-count {
    display: none;
}

.categories__ads-count {
    font-size: smaller;
    margin-bottom: 0;
    margin-left: 10px;
    font-variant: all-small-caps;
    color: #666;
    line-height: 0.9;
    text-align: center;
}




.header-brands__line {
    background-color: #E6E5E5;
    width: 1px;
    height: 22px;
}

.header-brands__link {
    text-align: end;
}

.header-brands__link .image-wrapper {
    height: 43px;
}

.header-brands__link .image-wrapper img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.header-brands__video-cassette {
    display: flex;
    align-items: center;
}

.header-menu {
    background-color: var(--main-color);
    padding: 14px 0;
}

.header-menu__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-menu__list {
    display: flex;
    align-items: center;
}

.header-menu__item a {
    color: #fff;
    font-weight: 600;
}

.header-menu__item:not(:last-child) {
    margin: 0 40px 0 0;
}

.header-menu__item_left {
    margin: 0 0 0 40px !important;
}

/* Catalog */


.section_breadcrumb {
    padding: 25px 0 90px;
}

.catalog__title {
    margin-bottom: 30px;
}


.catalog-info {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    padding: 25px;
    border: 1px solid #E7DCCB;
    border-radius: 10px;
}

.catalog-info__item {
    max-width: 430px;
    padding-right: 16px;
}

.catalog-info__title {
    color: #29231B;
    margin-bottom: 11px;
    font-family: 'Inter';
    font-weight: 600;
    font-size: 18px;
}

.catalog-info__text {
    color: rgba(41, 35, 27, 0.7);
    line-height: 1.43em;
}

.side_cols {
    border: 1px solid #E7DCCB;
    border-radius: 10px;
    padding: 10px 25px;
    min-width: 200px;
}

.side_cols__item {
    margin-bottom: 3px;
    margin-left: 16px;
    text-decoration: underline;
}

.brand-link,
.side_cols__item a {
    color: #837258;
}

.side_cols__item a span {
    color: rgba(41, 35, 27, 0.6);
    margin-left: 6px;
    font-size: 12px;
}

.catalog-isers__title {
    display: block;
    color: #29231B;
    font-family: 'Inter';
    font-weight: 600;
    margin-bottom: 7px;
    cursor: pointer;
}


.categories {
    display: flex;
    gap: 30px;
    position: relative;
    padding: 10px 15px;
    max-width: 1400px;
    margin: 0 auto;
    justify-content: center;
    width: calc(100% - 30px);
}


.categories__line {
    width: 1px;
    background-color: #e0e0e0;
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    transform: translateX(-50%);
    display: block;
}


.categories__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 115px;
    gap: 15px;
    padding: 0;
    margin: 0;
    list-style: none;
    justify-content: center;
}


.categories__item {
    background: white;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 12px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    width: 300px;
}

.categories__link {
    text-decoration: none;
    color: inherit;
    display: flex;
    align-items: center;
    padding: 15px;
    height: 100%;
    box-sizing: border-box;
    gap: 16px;
}

.categories__img {
    width: 115px;
    height: 80px;
    object-fit: contain;
    transition: transform 0.3s ease;
    flex-shrink: 0;
}

.categories__wrapper {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1;
    min-width: 0;
}

.categories__title {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    color: #29231B;
    overflow: hidden;
    text-overflow: ellipsis;
}


.categories__item:hover {
    transform: translateY(-4px);
    box-shadow:
        0 4px 20px rgba(0, 0, 0, 0.08),
        0 1px 3px rgba(0, 0, 0, 0.05);
}

.categories__item:hover::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(45deg,
            rgba(255, 255, 255, 0.1),
            rgba(255, 255, 255, 0.2));
    z-index: -1;
}

.categories__item:hover .categories__img {
    transform: scale(1.05);
}

/* Активное состояние */
.categories__item:active {
    transform: translateY(-2px);
    transition: transform 0.1s;
}

/* Средние экраны */
@media (max-width: 1280px) {
    .categories {
        gap: 40px;
    }

    .categories__list {
        grid-template-columns: repeat(2, minmax(270px, 300px));
    }

    .categories__item {
        width: 270px;
    }
}

@media (max-width: 1200px) {
    .categories {
        gap: 15px;
    }

    .categories__list {
        grid-template-columns: repeat(2, minmax(240px, 300px));
    }

    .categories__item {
        width: 240px;
    }
}

/* Планшеты */
@media (max-width: 1024px) {
    .categories {
        flex-direction: column;
        gap: 30px;
    }

    .categories__list {
        grid-template-columns: repeat(2, minmax(250px, 300px));
    }

    .categories__line {
        width: 100%;
        height: 1px;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    .categories__line {
        position: relative;
    }
}

/* Мобильные */
@media (max-width: 768px) {
    .categories {
        padding: 10px;
        gap: 20px;
    }

    .categories__list {
        grid-template-columns: repeat(1, minmax(250px, 300px));
        width: 100%;
    }

    .categories__item {
        width: 100%;
        min-width: 250px;
        max-width: 300px;
        margin: 0 auto;
    }

    /* .categories__line {
        display: none;
    } */
}

/* Маленькие экраны */
@media (max-width: 640px) {
    .categories {
        padding: 10px 5px;
    }

    .categories__list {
        grid-template-columns: 1fr;
    }
}

/* Last Update */


#updated-tapes,
#added-tapes {
    display: none;
}

.product {
    min-width: 180px;
    max-width: 180px;
}

.product__img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
}

.product__categories {
    font-size: 10px;
    color: rgba(41, 35, 27, 0.6);
    margin-bottom: 5px;
}

.product__name {
    font-weight: 600;
    line-height: 18px;
    color: #29231B;
}

/* Last Comments */

.comment-last__item {
    display: flex;
    border-top: 1px solid #F2EBE0;
    width: 100%;
    padding-top: 12px;
}

.comment-last__item:not(:last-child) {
    margin-bottom: 20px;
}

.comment-last__img {
    width: 102px;
    height: 65px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.comment-last__wrapper {
    width: 75%;
}

.comment-last__product {
    line-height: 18px;
    color: #837258;
    font-weight: 600;
    border-bottom: 1px solid;
    margin-left: 33px;
}

.comment-last__text {
    line-height: 20px;
    color: #29231B;
    margin: 14px 41px 0 33px;
    width: 100%;
    padding-right: 40px;
}

.more {
    line-height: 18px;
    color: #837258;
    border-bottom: 1px solid;
    display: inline-block;
}

.comment-last__more {
    margin-left: 10px;
}

.tabs__list {
    display: flex;
    width: 252px;
    height: 275px;
    flex-direction: column;
    margin: 17px 12px 17px 11px;
    gap: 17px;
}

.tabs__item {
    border-radius: 18px;
    background-color: #F4F4F4;
    width: 252px;
    height: 56px;
    align-content: center;
    box-shadow:
        1px 1px 3px 0px #A1A1A1E5,
        -1px -1px 2px 0px #FFFFFFE5,
        1px -1px 2px 0px #A1A1A133,
        -1px 1px 2px 0px #A1A1A133,
        -1px -1px 2px 0px #A1A1A180 inset,
        1px 1px 2px 0px #FFFFFF4D inset;
    padding: 19px 22px 20px 20px;
}

.tabs__item.active {
    background: #F9F6F3;
}

.tabs__link {
    display: flex;
}

.tabs__icon {
    width: 14px;
    height: 13px;
    margin-right: 13px;
    color: #5B3A30;
}

.tabs__share {
    height: 18px;
    margin-left: 16px;
}


.tabs__name {
    font-family: 'Inter';
    font-weight: 500;
    color: #5B3A30;
    font-size: 14px;
}

.tabs__count {
    margin-left: auto;
    color: #5B3A30;
}

.comment {
    display: flex;
    justify-content: flex-start;
}

.comment__text {
    text-align: justify;
    padding-left: 20px;
    line-height: 20px;
    color: rgba(41, 35, 27, 0.7);
    max-width: 790px;
}

.user {
    display: flex;
}

.comment-last__from {
    font-size: 12px;
    line-height: 20px;
    color: rgba(41, 35, 27, 0.4);
    margin-bottom: 5px;
}

.user__avatar {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    width: 45px;
    height: 45px;
}

.user__links {
    margin-left: 8px;
    font-size: 11px;
}

.user__name {
    font-family: 'Inter';
    font-weight: 600;
    color: #837258;
    margin-left: 8px;
    font-size: 14px;
    position: relative;
}

.user__nick {
    color: rgba(41, 35, 27, 0.6);
    font-size: 12px;
    margin-left: 8px;
    text-align: left;
}

/* Сategories-page */

/* Delete-account */

.delete-account {
    padding: 90px 0 202px;
}

/* Aplplication send */

.application-send {
    padding: 140px 0 228px;
}

/* Info Processed */

.info-processed {
    padding: 140px 0 250px;
}

/* Object */

.object {
    padding: 140px 0 214px;
}

/* My list */

.my-list {
    padding: 140px 0 250px;
}

/* User exists */

.user-exists {
    padding: 130px 0 255px;
}

/* Product info */

.product__info {
    border-top: 1px solid #F2EBE0;
    border-bottom: 1px solid #F2EBE0;
    padding: 25px 0;
}

.product__info-wrapper {
    display: flex;
    justify-content: space-between;
}

.product__left {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.product__block {
    width: 455px;
}

.product__subtitle {
    font-family: 'Inter';
    font-weight: 700;
    font-size: 18px;
    color: #29231B;
    margin-bottom: 15px;
}

ins {
    text-decoration: none;
}

.product__frequencies {
    margin-top: 40px;
}

.product__frequencies-image {
    object-fit: contain;
    width: auto;
    height: 205px;
}

/* Variant */
.variant {
    display: flex;
}

.variant__img img {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    margin-bottom: 12px;
}

.variant__text {
    width: 162px;
    margin-left: 16px;
    font-size: 14px;
    color: #29231B;
}

.variant-release {
    display: flex;
}

.variant-release__wrapper {
    margin-left: 12px;
}

.variant-release__name {
    color: #29231B;
    font-size: 14px;
    font-weight: 400;
}

.variant-release__index {
    margin-top: 2px;
    color: rgba(41, 35, 27, 0.6);
}

.variant-release__img img {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
}

.product__variants {
    margin-top: 40px;
}

.product__variants-radio {
    position: absolute;
    left: -9999px;
}

.product__variants-radio+label {
    cursor: pointer;
}

.product__variants-radio:checked+label .variant__img,
.product__variants-radio:checked+label .variant-release__img {
    position: relative;
}

.product__variants-radio:checked+label .variant__img:before,
.product__variants-radio:checked+label .variant-release__img:before {
    position: absolute;
    top: 7px;
    right: 7px;
    z-index: 2;
    content: '';
    width: 32px;
    height: 32px;
    background: url('../img/warning-green.svg') no-repeat center center / contain;
    display: block;
}




.textarea-cust {
    font-family: 'Lato';
    width: 100%;
    min-height: 125px;
    display: block;
    border: 2px solid #F2EBE0;
    border-radius: 8px;
    padding: 14px 15px;
    resize: vertical;
    font-weight: 400;
    font-size: 14px;
    color: rgba(41, 35, 27, 0.8);
}

.textarea-cust_no-resize {
    resize: none;
}


.product__comments-btn {
    margin-top: 15px;
}

.product__comments {
    margin-top: 60px;
}

.product__comments-item {
    max-width: 925px;
}

.product__comments-add {
    margin-top: 40px;
}

.product__comments-item:not(:last-child) {
    padding-bottom: 20px;
    border-bottom: 1px solid #F2EBE0;
    margin-bottom: 15px;
}

.product__comments-title {
    font-family: 'Inter';
    font-weight: 700;
    font-size: 22px;
    color: #29231B;
}

.product__comments-text {
    color: rgba(41, 35, 27, 0.6);
    margin: 13px 0 20px;
}

/*  */

.technology-desc {
    padding: 25px 0 90px;
}

.page__subtitle {
    margin-top: 25px;
}

.technology-desc__text {
    margin-top: 14px;
}

.page__content {
    max-width: 900px;
}

.page__list {
    margin-left: 25px;
}

.page__item {
    list-style: disc;
}


.page__text .bold {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.5em;
    color: rgba(41, 35, 27, 0.8);
}

.technology-desc__subtitle {
    max-width: 540px;
}

.technology-desc__image {
    margin-top: 30px;
    max-width: 530px;
    height: auto;
    display: block;
}

.technology-desc__descriptions {
    margin-top: 10px;
}

.technology-desc__link-more,
.help-page__link-more {
    display: table;
    margin-top: 20px;
}

.help-page__link-more_top-margin {
    margin-top: 35px;
}

/*  */

.collector-user {
    background-color: #E7E7E7;
}

.collector-user__list {
    width: 275px;
    height: auto;
    border-radius: 12px;
    background: white;

}

.collector-user__list-title {
    width: 162px;
    height: 29px;
    margin: 17px 20px 0 31px;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 1;
    letter-spacing: 0;
    color: #29231B;
}


.collector-user__list-title_medium {
    font-weight: 500;
    margin-bottom: 0;
}



.collector-user__info-wrapper {
    background-color: #FFFFFF;
    width: 924px;
    height: 290px;
    border-radius: 12px;
    margin-left: 25px;
    display: flex;
}

.collector-user__avatar-socials {
    padding: 14px 0 18px 25px;
}

.collector-user__buy-object {
    font-weight: 500;
    font-size: 15px;
    color: #48B515;
    margin-top: 8px;
    display: block;
}

.collector-user__info {
    margin: 15px 23px 0 43px;
}

.collector-user__personal span {
    font-family: Inter;
    font-weight: 600;
    font-style: normal;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0;
    color: #29231B;
}

.collector-user__details {
    margin-top: 21px;
}

.collector-user__row {
    width: 190px;
    display: flex;
    margin-bottom: 12px;
}

.collector-user__label {
    width: 65px;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 13px;
    line-height: 1;
    letter-spacing: 0;
    vertical-align: middle;
    color: #29231B66;
}

.collector-user__value {
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    font-size: 13px;
    line-height: 1;
    letter-spacing: 0;
    flex: 1;
    margin-left: 10px;
    width: 75px;
}

.collector-user__row--about {
    width: auto;
}

.collector-user__row--about .collector-user__label {
    margin: 22px 0 0 0;
}

.collector-user__row--about .collector-user__value {
    margin: 23px 0 0 0;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0;
    color: #29231BB2;
    width: auto;
    min-height: 50px;
    max-height: 90px;
    overflow-y: auto;
}

.collector-user__row--about.with-expert .collector-user__value {
    max-height: 50px;
}


.collector-user__print {
    font-weight: 500;
    font-size: 12px;
    color: rgba(41, 35, 27, 0.4);
    margin: 5px 0 20px;
    display: block;
}

.collector-user__avatar {
    border: 1px solid #EBE5DC;
    border-radius: 8.5px;
    width: 258px;
    height: 258px;
}

.collector-user__fullname {
    font-family: 'Inter';
    font-weight: 600;
    font-size: 24px;
    line-height: 1.17em;
    color: #29231B;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.collector-user__nick {
    font-family: 'Inter';
    font-weight: 400;
    font-size: 12px;
    color: rgba(41, 35, 27, 0.8);
    margin-top: 6px;
}

.reyting::before {
    content: '';
    width: 13px;
    height: 13px;
    background: url('../img/star.svg') no-repeat center center / contain;
    margin-right: 3px;
}

.collector-user__about {
    margin-top: 25px;
}

.collector-user__about-title {
    font-weight: 500;
    font-size: 12px;
    color: rgba(41, 35, 27, 0.4);
    margin-bottom: 10px;
}

.collector-user__about-text {
    font-weight: 400;
    font-size: 12px;
    line-height: 1.5em;
    color: rgba(41, 35, 27, 0.7);
}

.collector-user__about-text:not(:last-child) {
    margin-bottom: 15px;
}

.collector-user__note {
    margin-top: 25px;
}

.collector-user__note-title {
    font-family: 'Lato';
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #29231B;
}

.collector-user__textarea {
    margin: 15px 0 10px;
    width: 100%;
}

.collector-user__complain {
    margin-top: 20px;
    display: inline-block;
    font-family: 'Inter';
    font-weight: 500;
    font-size: 12px;
    color: #C45636;
}

.collector-user__premium {
    margin: 15px 0 0 25px;
    width: 924px;
    height: auto;
    padding: 13px 15px 0 19px;
    border-radius: 12px;
    background-color: white;
}


.collector-user__premium-title {
    font-family: Inter;
    font-weight: 700;
    font-style: normal;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0;

}

.collector-user__collection {
    width: 995px;
    margin-left: 30px;
}

.collector-user__premium-text {
    font-weight: 400;
    font-size: 12px;
    color: rgba(41, 35, 27, 0.7);
    margin-bottom: 10px;
}

.collector-user__premium-form {
    margin: 13px 0 20px 0;
}

.collector-user__premium-button {
    width: 100%;
    height: 50px;
    border-radius: 5px;
    border: 1px solid #F2EBE0;
    background: white;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0;
    cursor: pointer;
    position: relative;
    padding-right: 8px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    padding-left: 15px;
    color: #5B3A30;
}

.collector-user__premium-button--soon {
    width: 231px;
}


.collector-user__premium-button .btn-icon svg {
    display: block;
}

.feature {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    width: 100%;
}

.feature__text {
    margin-right: auto;
}

.feature__help {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid #5B3A30;
    color: #5B3A30;
    font-weight: 600;
    font-size: 11px;
    line-height: 1;
    flex: 0 0 18px;
    cursor: help;
}

.feature__help::after {
    content: attr(data-help);
    position: absolute;
    right: 0;
    bottom: 100%;
    transform: translateY(-8px);

    min-width: 260px;
    max-width: 300px;
    white-space: normal;
    word-break: normal;
    overflow-wrap: break-word;

    padding: 8px 10px;
    border: 1px solid #F2EBE0;
    border-radius: 6px;
    background: #fff;
    color: #5B3A30;
    font-size: 12px;
    line-height: 1.4;

    box-shadow: 0 2px 8px rgba(0, 0, 0, .06);
    text-align: left;

    opacity: 0;
    pointer-events: none;
    transition: opacity .12s ease, transform .12s ease;
    z-index: 5;
}

.feature__help::before {
    content: "";
    position: absolute;
    right: 6px;
    bottom: 100%;
    width: 8px;
    height: 8px;
    background: #fff;
    border-left: 1px solid #F2EBE0;
    border-top: 1px solid #F2EBE0;
    transform: translateY(-2px) rotate(45deg);
    opacity: 0;
    pointer-events: none;
    transition: opacity .12s ease;
    z-index: 6;
}

.feature__help:hover::after,
.feature__help:focus::after,
.feature__help:hover::before,
.feature__help:focus::before {
    opacity: 1;
    transform: translateY(-10px);
}

.feature[disabled] {
    cursor: not-allowed;
}

.feature[disabled] .feature__help {
    cursor: help;
    opacity: .85;
}

.feature[disabled] {
    cursor: not-allowed;
}

.feature[disabled] .feature__help {
    cursor: help;
    opacity: .85;
}

.collector-user__premium-purchase-button {
    min-width: 161px;
    height: 50px;
    border-radius: 5px;
    border: 1px solid #533C19;
    background: #61471F;
    color: white;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;

    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.underline-link {
    font-family: 'Lato';
    font-weight: 700;
    font-size: 12px;
    text-decoration-line: underline;
    color: #837258;
    display: block;
}

/*  */

.help-page__list {
    margin-bottom: 15px;
}

.help-page__text_top-margin {
    margin-top: 15px;
}

.help-page_btn {
    margin-top: 40px;
    display: inline-block;
}

.page__form {
    margin-top: 25px;
}

.page__form-btn {
    margin: 0 auto;
    display: block;
    margin-top: 25px;
    padding: 20px 35px;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    color: #FFFFFF;
}


.page__form-table-value {
    width: 70px;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.29em;
    color: #29231B;
}

.page__form-table-value_long {
    width: 125px;
}



.page__form-table-value_pt {
    padding-top: 16px;
}

.page__form-table-value_middle {
    vertical-align: middle;
}

.page__form-table-input {
    width: 460px;
    padding-left: 20px;
}

.page__form-table-input_long {
    width: 360px;
}

.page__form-table-input input {
    font-size: 14px;
}

.page__form-table-input textarea {
    font-size: 14px;
}

/*  */

.support {
    padding: 60px 0 65px;
}

/*  */

.edit-email {
    padding: 90px 0 195px;
}

/*  */
.edit-password {
    padding: 90px 0 140px;
}

/*  */

.error {
    padding: 60px 0 100px;
}


/*  */

.settings__wrapeer {
    display: flex;
    justify-content: space-between;
}


.setting__left-block {
    width: 610px;
}

.setting__right-block {
    width: 600px;
}

.settings__title {
    margin-bottom: 25px;
}

.settings__title-block {
    margin-bottom: 15px;
    font-family: 'Inter';
    font-weight: 600;
    font-size: 18px;
    color: #29231B;
}

.settings__social-block {
    margin-bottom: 15px;
    font-family: 'Inter';
    font-weight: 600;
    font-size: 18px;
    color: #29231B;
}

.social-icons {
    cursor: pointer;
}

.social-active {
    color: var(--main-color)
}

.settings__checkbox:not(:last-child) {
    margin-bottom: 0px;
}

.settings__wrapper-checkbox_objects {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.settings__checkbox {
    margin-right: 30px;
}

.settings__wrapper {
    margin-top: 25px;
}

.settings__user-avatar {
    width: 170px;
    height: 170px;
    object-fit: cover;
    border: 1px solid #EBE5DC;
    border-radius: 10px;
    margin-top: 10px;
    display: block;
}

.settings__link-delete {
    margin-top: 5px;
}

.settings__select-img {
    display: table;
    margin-top: 12px;
}

.settings__block {
    margin-bottom: 30px;
}

.settings__block-edit {
    display: inline-flex;
    flex-direction: column;
    margin-bottom: 24px;
}



/* Footer */

footer {
    border-top: 1px solid #E6E5E5;
    padding: 22px 0;
}

.footer-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer-top__menu {
    display: flex;
    align-items: center;
}

.footer-top__menu-item a {
    color: #29231B;
    font-weight: 500;
}

.footer-top__menu-item:not(:last-child) {
    margin-right: 30px;
}

.footer-bottom {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer-bottom__credits {
    color: rgba(41, 35, 27, 0.4);
}

.footer-bottom__politics {
    color: rgba(41, 35, 27, 0.4);
    font-weight: 500;
    border-bottom: 1px solid rgba(41, 35, 27, 0.4);
}

.footer-buttons div {
    margin: 0px 10px;
}

.footer-buttons {
    align-items: center;
    display: inline-flex;
    position: relative;
    left: 30%;
    padding: 10px;
}

.table__inputs-text {
    width: 120px;
}

.table__inputs-value {
    padding-left: 10px;
    width: 340px;
}

.table__inputs td {
    padding-bottom: 10px;
}

.settings__text-bold {
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    color: #29231B;
}

.settings__title {
    margin-bottom: 15px;
}

.settings__text {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.29em;
    color: rgba(41, 35, 27, 0.7);
    margin-bottom: 15px;
}

.settings__del-user {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: rgba(239, 32, 32, 0.7);
    margin-top: 20px;
    display: inline-block;
}


.setting__btn {
    display: block;
    margin: 0 auto;
    padding: 10px 50px;
}

.burger {
    width: 50px;
    height: 50px;
    border-radius: 10px;
    background: #61471F;
    margin-left: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    display: none;
}

.burger span {
    width: 25px;
    height: 2px;
    display: block;
    background: #fff;
    position: relative;
}

.burger span::before {
    content: '';
    width: 25px;
    height: 2px;
    background: #fff;
    display: block;
    position: absolute;
    top: -8px;
}

.burger span::after {
    content: '';
    width: 25px;
    height: 2px;
    background: #fff;
    display: block;
    position: absolute;
    bottom: -8px;
}

.page__text_long {
    width: 100%;
}


/* pagination */

.pagination a {
    color: var(--main-color);
}


@media (max-width: 1200px) {

    .categories__ads-count {
        font-size: smaller;
    }

    .catalog-info {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        max-width: 870px;
        padding: 25px;
        border: 1px solid #E7DCCB;
        border-radius: 10px;
    }

    .categories__img {
        width: 80px;
    }

    .categories__item {
        width: 270px;
    }

    .now-ebay {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .page__wrapper {
        flex-direction: column;
    }

    .gallery-product__item {
        width: 120px;
        height: 120px;
    }

    .product__left {
        width: 100%;
    }

    .product__now-ebay {
        justify-content: flex-start;
    }

    .product__now-ebay .now-ebay__item {
        margin-right: 30px;
    }


    .header-brands__item:not(:last-child) {
        margin-right: 5px;
    }




    .settings__textarea {
        width: 95%;
    }

    .header-menu__item:not(:last-child) {
        margin: 0 25px 0 0;
    }

    .categories__item {
        width: 100%;
    }

    .categories__img {
        width: 110px;
    }

    .catalog-info__item {
        max-width: 315px;
        padding-right: 16px;
    }

    .catalog-info {
        max-width: 690px;
    }


    .gallery-product__item {
        width: 100px;
        height: 100px;
    }

    .variant,
    .variant-release {
        margin-bottom: 20px;
    }
}

@media (max-width: 992px) {

    .header-brands__audio-cassette {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .header-brands__item:not(:last-child) {
        margin-right: 20px;
    }


    .header-menu {
        padding: 3px 0;
    }

    .header-menu__wrapper {
        display: none;
    }

    .burger {
        display: flex;
    }

    .header-menu__wrapper {
        position: absolute;
        background: var(--main-color);
        flex-direction: column;
        top: 0;
        right: 0;
        padding: 30px 30px;
        z-index: 3;
    }

    .burger-show {
        display: flex;
    }

    .header-menu__list {
        flex-direction: column;
        width: 100%;
    }

    .header-menu__list:first-child {
        border-top: 1px solid #fff;
    }

    .header-menu__item {
        width: 100%;
        padding: 20px 0;
        border-bottom: 1px solid #fff;
        text-align: center;
    }

    .header-menu__item a {
        font-size: 18px;
    }

    .header-menu__item:not(:last-child) {
        margin: 0 0 0 0;
    }

    .header-menu__item_left {
        margin: 0 0 0 0 !important;
    }

    .position__search input {
        width: 230px;
    }

    .sort-by-word__item:not(:last-child) {
        margin-right: 15px;
    }

    .table-overflow {
        width: 100%;
        overflow-x: auto;
    }



    .collector-user__list {
        width: 100%;
    }

    .tabs__list {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-bottom: 20px;
    }

    .tabs__item {
        width: 100%;
    }

    .tabs__item:not(:last-child) {
        margin-bottom: 0px;
    }





    .catalog-info {
        max-width: 100%;
        margin-bottom: 20px;
    }

    .catalog__wrapper {
        flex-direction: column;
    }

    .comment__text {
        margin-left: 30px;
    }

    .settings__wrapeer {
        flex-direction: column;
    }

    .setting__left-block {
        width: 100%;
    }

    .setting__right-block {
        width: 100%;
    }

    .table__inputs-value {
        width: 80%;
    }

    .table__inputs-text {
        width: 20%;
    }

    .table__inputs {
        width: 100%;
    }
}

@media (max-width: 768px) {

    .section__title {
        font-size: 1rem;
    }

    .page__descriptions {
        width: 100%;
    }

    .position__wrapper {
        flex-direction: column;
    }

    .position__search {
        width: 100%;
    }

    .position__search input {
        width: 100%;
    }

    .position__sorting {
        width: 100%;
        margin-top: 20px;
        justify-content: space-between;
    }

    .sort-by-word {
        flex-wrap: wrap;
    }

    .sort-by-word__item {
        margin: 0 15px 10px;
    }

    .sort-by-card li+li:before {
        padding: 0px 9px;
    }

    .sort-by-card {
        flex-wrap: wrap;
    }

    .sort-by-card__item {
        margin-top: 10px;
    }

    .categories {
        flex-direction: column;
    }

    .tabs__list {
        flex-wrap: wrap;
        align-items: start;
    }

    .tabs__item {
        width: 100%;
        margin-bottom: 10px;
    }

    .tabs__item:not(:last-child) {
        margin-bottom: 10px;
    }

    .collector-user__info-wrapper {
        margin-left: 0px;
    }

    .group-list__wrapper {
        width: 45%;
    }

    .catalog-info {
        flex-direction: column;
    }

    .catalog-info__item {
        max-width: 100%;
        margin-bottom: 20px;

    }

    .technology-desc__image {
        width: 100%;
    }
}

@media (max-width: 576px) {

    .modal {
        width: 95%;
    }

    .authorization-google {
        font-size: 12px;
    }



    .header-top__wrapper {
        display: none;
    }

    .tabs__item {
        width: 100%;
    }

    .burger {
        margin-left: auto;
    }

    .footer-top {
        flex-direction: column;
    }

    .footer-top__menu {
        margin-top: 10px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .footer-top__menu-item:not(:last-child) {
        margin-right: 20px;
    }



    .footer-top__menu-item {
        margin: 0 20px 20px;
    }

    .footer-bottom {
        flex-direction: column;
    }

    .footer-bottom__politics {
        margin-top: 20px;
    }

    .error-code {
        font-size: 150px;
    }

    .error-code::before {
        font-size: 125px;
    }

    .page__content-center {
        width: 100%;
    }

    .page__text_short {
        width: 100%;
    }

    .page__title {
        width: 100%;
        font-size: 16px;
    }

    .page__btns {
        flex-direction: column;
    }

    .page__btn:not(:last-child) {
        margin-right: 0;
        margin-bottom: 20px;
    }

    .position__sorting {
        flex-direction: column;
        align-items: flex-start;
    }

    .dropdown__select {
        width: 100%;
    }

    .position__sort-drop {
        width: 100%;
        margin-top: 10px;
    }

    .collector-user__avatar {
        margin: 0 auto 20px;
    }

    .collector-user__info-wrapper {
        flex-direction: column;
    }

    .input-code {
        width: 100%;
    }

    .page__form-table-value {
        display: none;
    }

    .page__form-table-input::before {
        content: attr(data-header);
        font-weight: 700;
        font-size: 14px;
        line-height: 1.29em;
        color: #29231B;
        display: block;
        margin-bottom: 10px;
    }

    .page__form-table {
        width: 100%;
    }

    .page__form-table-input input {
        width: 100%;
    }

    .group-list__wrapper {
        width: 100%;
    }



    .comment-last__item {
        flex-direction: column;
    }

    .comment-last__wrapper {
        order: 1;
    }

    .comment-last__img {
        width: 204px;
        height: 130px;
        object-fit: contain;
        margin: 0 auto 10px;
    }

    .comment-last__author {
        margin: 0 auto 20px;
    }

    .product__frequencies-image {
        width: 100%;
        height: auto;
    }

}

/* chats-page */
.chat-card {
    position: relative;
    border: 1px solid lightgrey;
    border-radius: 15px;
    padding: 10px;
    padding-left: 20px;
}

.chat-card_active {
    background-color: #76583c68;
}

.chat-card__full-name {
    font-weight: 700;
}

.chat-card__user-name {
    color: gray;
    cursor: pointer;
}

.collector-send-message {
    border: 1px solid lightgray;
    border-radius: 5px;
    padding: 5px;
    font-size: 12px;
    vertical-align: middle;
}


.chat-container {
    margin-top: -30px;
    display: grid;
    grid-template-columns: 290px 1fr;
    grid-template-rows: auto 1fr;
    grid-column-gap: 12px;
    overflow: hidden;
    margin-right: 20px;
    margin-left: 20px;
    padding: 45px 0 5px 0;
}

.conversations {
    height: 100%;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    grid-row: 1 / -1;
    gap: 0.25em;
}


.messages {
    height: 50vh;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
    padding: 8px;
    border: 1px solid lightgray;
    gap: 4px;

    ::-webkit-scrollbar {
        display: none;
    }

    scrollbar-width: none;
}


.chat-container {
    overflow-x: hidden;
}

@media (max-width: 600px) {
    .chat-container {
        gap: 0;
        grid-template-columns: 100vw 100vw;
    }
}

.message-cnt {
    display: flex;
}

.message {
    display: inline-block;
    background-color: #48B515;
    font-size: 14px;
    padding: 4px 16px;
    border-radius: 10px;
    align-items: center;
    text-align: end;
}

.system-message-text {
    background-color: white;
    border-radius: 5px;
    margin: 5px;
    padding: 10px;
}

.message-time {
    position: relative;
    font-size: 10px;
    font-weight: 800;
    color: gray;
    justify-self: end;
}

.my-message {
    justify-content: flex-end;
}

.my-message>div {
    background-color: #76583c68;
}

.not-my-message {
    justify-content: flex-start;
}

.not-my-message>div {
    text-align: start;
    background-color: lightgray;
}

.chat-header {
    height: 50px;
    padding: 30px;
    border: 1px solid lightgray;
    border-radius: 10px 10px 0px 0px;
    border-bottom: none;
    display: none;
    align-items: center;
}

.chat-input-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.25em;
}

.chat-input {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
    border: 1px solid lightgrey;
    background-color: white;
    border-radius: 10px;
}

.send-button {
    background-color: #76583c68;
    border-radius: 10px;
    height: 46px;
    width: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* unread messages flag in header */
.header-menu__item:has(.header__unread_messages_flag) {
    position: relative;
}

.header__unread_messages_flag {
    visibility: hidden;
    position: absolute;
    right: -16px;
    top: -5px;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #cf4d3c;
    color: white;
    font-size: 10px;
}

.chat-card__unread_messages_flag {
    position: absolute;
    right: 10px;
    top: 8px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #cf4d3c;
    color: white;
    font-weight: bold;
}

.header__unread_messages_flag.header__unread_messages_flag_visible {
    visibility: visible;
}

.auth-btn {
    background-color: transparent;
    border: none;
    color: white;
}

.message-input {
    border: 1px solid lightgray;
    border-radius: 10px;
    padding-left: 10px;
    width: 100%;
    height: 100px;
    margin-top: 10px;
}

.send-message-form {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.message-submit {
    height: 35px;
    border-radius: 10px;
}

.choices__placeholder {
    opacity: 1;
    color: #76583c;
    font-weight: 600;
}

.captcha-wrapper {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 10px;
}

.captcha-wrapper img {
    border-radius: 5px;
    border: 1px solid #ccc;
    width: auto;
}

.captcha-wrapper input {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    border-radius: 5px;
    border: 2px solid #F2EBE0;
    outline: none;
}

.captcha-wrapper input:focus {
    border-color: #007bff;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}