.hidden{
    display: none !important;
}
.footer .menu__link:hover {
    color: #afaeae;
    transition: .3s;
}
.header__menu {
    margin-bottom: 0;
}

/* ФИКС для сломанных слайдеров */
.cardimgSlider {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
}

.cardimgSlider .slick-track {
    width: 100% !important;
    transform: translate3d(0px, 0px, 0px) !important;
}

.cardimgSlider .slick-slide {
    width: 100% !important;
    float: none !important;
}

.cardimgSlider img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
}
.product-card__image.cardimgSlider {
    max-width: 100%;
}

.product-card__tag--new, .product-card__tag--sale{
    background: #3f332e;
}
.banner-about__image-img, .banner__image-img {
    object-position: top;
}
p.size__title {
    width: 100%;
    font-size: 15px;
    margin-bottom: 0;
}

.header {
    top: 30px;
}
.promopage .banner-about .banner__info {
    width: 20%;
    color: #3f332e;
    margin: 1.5rem auto 0;
    font-size: clamp(1.2rem, 3vw, 1.6rem);
}
.banner-about__image {
    height: clamp(60rem, 50vw, 90rem);
}
.banner__image {
    height: clamp(60rem, 60vw, 90rem);
}
.size__element {
    min-width: 8rem;
    width: auto;
    text-transform: lowercase;
}
.detail__photo-small {
    max-height: 139px;
    overflow: hidden;
    border-radius: 5px;
}
.detail__slider-thumbs {
    overflow: hidden;
}
.detail__slider {
    overflow: hidden;
}
.sertificate .button-back {
    visibility: hidden;
}

.banner__info {
    width: 20%;
    margin: 1.5rem auto 0;
    font-size: clamp(1.2rem, 3vw, 1.6rem);
}
.slide_num-0 .banner__info{
    width: 80%;
}
.header__nav {
    scrollbar-color: #d3ccc6 transparent;
    scrollbar-width: none;
}
.preloader-1 {
    top: 50%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
}
.preloader-1 svg {
    overflow: visible;
    width: 100px;
    height: 150px;
}
.preloader-1 svg g {
    animation: preloader-1-slide 2s linear infinite;
}
.preloader-1 svg g:nth-child(2) {
    animation-delay: 0.5s;
}
.preloader-1 svg g:nth-child(2) path {
    animation-delay: 0.5s;
    stroke-dasharray: 0px 158px;
    stroke-dashoffset: 1px;
}
.preloader-1 svg path {
    stroke: url(#gradient);
    stroke-width: 20px;
    stroke-linecap: round;
    fill: none;
    stroke-dasharray: 0 157px;
    stroke-dashoffset: 0;
    animation: preloader-1-escalade 2s cubic-bezier(0.8, 0, 0.2, 1) infinite;
}
@keyframes preloader-1-slide {
    0% {
        transform: translateY(-50px);
    }
    100% {
        transform: translateY(50px);
    }
}
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: #cec8c2;
    z-index: 10000000;
}
@keyframes preloader-1-escalade {
    0% {
        stroke-dasharray: 0 157px;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 156px 157px;
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dasharray: 156px 157px;
        stroke-dashoffset: -156px;
    }
}
.certificate-fields input#certificateOtpravitel, .certificate-fields input#certificateReceiver {
    color: #000000;
    margin-bottom: clamp(1.5rem, 3.5vw, 2.5rem);
    font-family: "Inter Tight", sans-serif;
    width: 100%;
    padding: 1rem;
    font-size: clamp(1.4rem, 3.5vw, 1.6rem);
    background: unset;
    box-shadow: unset;
    border: unset;
    border-bottom: 2px solid #D9D9D9;
    max-width: 400px;
}
.certificate-fields .form-group {
    margin: 20px 0px;
}
.certificate-fields small.form-text.text-muted {
    font-size: 12px;
}
.certificate-fields input#certificateReceiver {
    margin-bottom: 10px;
}
.sertificate .detail__slider-main {
    width: 100%;
}
.bonus__card-title{
    margin-bottom: clamp(1.5rem, 3.5vw, 3rem);
}

.blackhead .header-main .header__logo-link,
.blackhead .header-main .header__menu-link,
.blackhead .banner__info,
.blackhead .header-main .header__buttons-btn{
    color: #3F332E;
}
.blackhead .header-main .header__menu-link.active{
    border-color: #3F332E;
}
.blackhead .header-main .header__button svg use{
    color: #fff;
}
.blackhead .header-main .header__button{
    background: #3F332E;
}

div#SDEK_pvz, div#SDEK_title, div#SDEK_head, div#SDEK_map {
    width: 100%;
}
div#sdek-pvz-widget {
    max-width: 679px;
}
.SDEK_mark {
    padding-left: 0;
}
div#SDEK_title {
    display: flex;
    justify-content: space-between;
}
div#SDEK_title div:nth-child(3) {
    display: none;
}
.checkout__inputs.flex-column.devcost {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-direction: row !important;
    flex-wrap: nowrap;
}
.devcost #devcost-input {
    background: unset;
    padding: 0;
    height: auto;
    font-size: clamp(1.4rem, 3vw, 1.6rem);
    color: #fff !important;
}
.devcost #devcost-input::placeholder {
    font-size: clamp(1.4rem, 3vw, 1.6rem);
    color: #fff;
}
.devcost label.dev-label {
    color: #fff;
    font-size: clamp(1.4rem, 3vw, 1.6rem);
    width: 32%;
}
/* Блок характеристик */
.detail__characteristics {
    margin-top: 30px;
    margin-bottom: 30px;
}

/* Заголовок - стили как у detail__info */
.characteristics__title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #333;
    /* Добавьте остальные стили как у .detail__info */
}

/* Список характеристик */
.characteristics__list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Каждый пункт характеристики */
.characteristics__item {
    display: flex;
    align-items: baseline;
    font-size: 14px;
    line-height: 1.4;
}

/* Название характеристики */
.characteristics__name {
    flex-shrink: 0;
    color: #666;
    font-weight: 400;
    white-space: nowrap;
    margin-right: 10px;
}

/* Точки-заполнители */
.characteristics__dots {
    flex-grow: 1;
    border-bottom: 1px dotted #ccc;
    margin: 0 8px;
    height: 1px;
    min-width: 20px;
}

/* Значение характеристики */
.characteristics__value {
    flex-shrink: 0;
    color: #333;
    font-weight: 500;
    text-align: right;
    max-width: 60%;
    word-break: break-word;
    white-space: normal;
}

/* Адаптив для мобильных устройств */
@media (max-width: 768px) {
    .characteristics__item {
        flex-wrap: wrap;
    }

    .characteristics__name {
        width: 40%;
        white-space: normal;
    }

    .characteristics__dots {
        display: none; /* Скрываем точки на мобильных */
    }

    .characteristics__value {
        width: 55%;
        text-align: left;
        max-width: 55%;
    }
}



.characteristics__item--simple .characteristics__name {
    flex: 1;
}

.characteristics__item--simple .characteristics__value {
    flex: 1;
    text-align: right;
}

.detail__characteristics {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #e5e5e5;
}

.characteristics__title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
    padding-bottom: 10px;
    /* если у detail__info есть border-bottom */
    /* border-bottom: 1px solid #e5e5e5; */
}

.header__nav-logo {
    height: 95%;
}
.subscribe__image-icon {
    bottom: 10px;
}

@media (min-width: 1000px) and (max-width: 1300px) {
    .header__menu {
        gap: 1.3rem;
    }
}

@media (max-width: 500px) {
    .promopage .banner-about .banner__info {
        width: 80%;
    }
    .header__logo{
        display: none;
    }
    .banner__section {
        bottom: 3rem;
    }
    .banner-about__image-img, .banner__image-img {
        object-position: top right;
    }
    .banner-collection__image-img {
        object-position: 90%;
    }
    .banner-collection__section {
        width: 65%;
        margin: auto;
        text-align: left;
        margin: 0 30px;
    }
    .banner__info {
        width: 80%;
    }
    .catalog-category__image-img {
        object-position: top;
    }
    .catalog-category__card:last-child {
        width: 100%;
    }
    .catalog-category__title{
        color: white;
        mix-blend-mode: difference;
        opacity: .5;
    }
    .detail__slider {
        height: unset;
        flex-direction: column;
        max-height: 607px;
    }
    .detail__slider-main {
        width: 100%;
        max-height: 404px;
        overflow: hidden;
    }
    .detail__slider-thumbs {
        width: 100%;
        max-height: 170px;
        overflow: hidden;
    }
    .detail__slider-thumbs .slick-track {
        display: flex;
        gap: 10px;
    }


}