/* Каталог -> Показываем офферы для мобилки */
.product-block.js-product-block {
    grid-template-areas:
        "image image"
        "sizes sizes"
        "title title"
        "price price"
        "article color"
        "full full";
}

.product-block.js-product-block
.product-block__sizes {
    display: block;
    grid-area: sizes;
}
.pagination__arrow--prev, .pagination__arrow--next{
    width: 5em !important;
    background: #847b79 !important;
    color: #fff !important;
}
@media (max-width: 424px) {
    .product-block.js-product-block{
        grid-template-rows: auto minmax(0, auto) auto !important; /* Когда товары в одну колонку */
    }
}

/* Каталог -> Товар успешно добавлен в корзину */
.product-block__details {
    opacity: 1;
}

/* Все шрифты в моб версии, меньше 12px увеличить до 12px */
html
.phone__text {
    font-size: 12px;
}

html
.header-menu
.phone__text {
    font-size: 12px;
}

html
.header-menu
.header-phone__text {
    font-size: 12px;
}

html
.product-sizes__amount {
    font-size: 12px;
}

html
.header-icon__count {
    font-size: 12px;
}

html
.header-profile__button {
    font-size: 12px;
}

html
.sizes__count {
    font-size: 12px;
}

html
.checkout__describe {
    font-size: 12px;
}


.product-images__item {
    position: relative;
}
.block-info-in-img{
    position: absolute;
    width: 100%;
}
.info-in-img{
    position: absolute;
    z-index: 9;
    bottom: 10%;
    text-align: center;
    width: 100%;
    background: #756e6bcf;
    /* padding: 8px; */
    text-transform: uppercase;
    color: #fff;
    background: radial-gradient(circle, rgba(117, 110, 107, 1) 0%, rgba(117, 110, 107, 0) 100%);
    /* background: none; */
    width: 50%;
    margin-left: 20px;
    bottom: 20px;
    text-align: center;
    width: calc(100% - 40px);
    margin-right: 20px;
}

@media (min-width: 1280px) {
    html
    .footer-subscribe__describe {
        font-size: 12px;
    }
}

@media (max-width: 1279px) {
    html
    .header--whole .logo__text {
        font-size: 12px;
    }

    html
    .catalog-sort {
        font-size: 12px;
    }

    html
    .catalog-header__count {
        font-size: 12px;
    }

    html
    .breadcrumbs__item {
        font-size: 12px;
    }

    html
    .logo__text {
        font-size: 12px;
    }

    html
    .footer-nav__link {
        font-size: 12px;
        line-height: normal;
    }

    html
    .footer-subscribe__describe {
        font-size: 12px;
    }

    html
    .footer__copy {
        font-size: 12px;
    }
}

@media (max-width: 639px) {
    html
    .product-block__article,
    html
    .product-block__color {
        font-size: 12px;
    }

    html
    .section__sub-title {
        font-size: 12px;
        letter-spacing: 1.2px;
    }

    html
    .product-block__label {
        font-size: 12px;
    }


    html
    .product-block__title {
        font-size: 12px;
    }

    html
    .compare-section .section__text {
        font-size: 12px;
    }

    html
    .collapse__button {
        font-size: 12px;
    }

    html
    .collapse__box {
        font-size: 12px;
    }

    html
    .reviews-swiper__text {
        font-size: 12px;
    }

    html
    .order-card__name a {
        font-size: 12px;
    }

    html
    .order-card__text {
        font-size: 12px;
    }

    html
    .order-card__quantity {
        font-size: 12px;
    }

    html
    .form-checkbox .form-checkbox__label,
    html
    .form-radio__label {
        font-size: 12px;
    }

    html
    .order-status__prop,
    html
    .order-status__value {
        font-size: 12px;
    }

    html
    .profile-card__name {
        font-size: 12px;
    }

    html
    .profile-card__text {
        font-size: 12px;
    }

    html
    .profile-total__prop,
    html
    .profile-total__value {
        font-size: 12px;
    }

    html
    .profile-info__value {
        font-size: 12px;
    }

     .product-images .product-block__label_exclusive {
        top: 25px !important;
        right: 55px !important;
    }
}

@media (max-width: 600px) {
    html
    .header--whole
    .logo__text {
        display: none;
    }

    html
    .header--whole
    .logo__separator {
        display: none;
    }

    html
    .footer
    .logo__separator {
        display: none;
    }

    html
    .footer
    .logo__text {
        display: none;
    }
}

/* / Все шрифты в моб версии, меньше 12px увеличить до 12px */

/* Заказ -> Детально -> Размерная сетка */
.profile-card
.product-sizes {
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    isolation: isolate
}

.profile-card
.product-sizes:has(.product-sizes__item--active) {
    z-index: 3
}

.profile-card
.product-sizes__title {
    width: 100%;
    color: var(--color-primary);
    font-size: 14px;
    line-height: 1;
    letter-spacing: 1.4px
}

.profile-card
.product-sizes__item {
    position: relative
}

.profile-card
.product-sizes__item--active {
    --counter-opacity: 1;
    --counter-pointer-events: auto;
    --label-border-color: var(--color-primary)
}

.profile-card
.product-sizes__button {
    display: flex
}

.profile-card
.product-sizes__input {
    display: none
}

.profile-card
.product-sizes__label {
    padding: 16px 11px 12px;
    border: 1px solid var(--label-border-color, var(--color-line-light));
    border-radius: 4px;
    background-color: #fffc;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 1;
    text-transform: uppercase;
    cursor: pointer;
    transition: border-color var(--transition-primary)
}

.profile-card
.product-sizes__counter.counter {
    position: absolute;
    top: calc(100% + 6px);
    left: 50%;
    z-index: 2;
    opacity: 0;
    opacity: var(--counter-opacity, 0);
    pointer-events: none;
    pointer-events: var(--counter-pointer-events, none);
    translate: -50% 0
}

.profile-card
.product-sizes__input:disabled+.product-sizes__label {
    border-color: var(--color-background-secondary);
    background-color: var(--color-background-secondary);
    color: var(--color-line-primary);
    cursor: default
}

.profile-card
.product-sizes__amount {
    position: absolute;
    top: -3px;
    right: -3px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 19px;
    height: 19px;
    padding-top: 1px;
    padding-left: 2px;
    border: 1px solid;
    border-radius: 100vmax;
    background-color: var(--color-error);
    color: var(--color-background-light);
    font-weight: 550;
    font-style: normal;
    font-size: 11px;
    line-height: 12px;
    text-align: center;
    text-transform: uppercase
}

.profile-card
.product-sizes__amount:empty {
    display: none
}

.profile-card
.product-sizes__dl {
    width: 180px;
    color: var(--color-primary);
    font-weight: 400;
    font-size: 11px;
    line-height: 1;
    letter-spacing: 1.1px
}

.profile-card
.product-sizes__row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px
}

.profile-card
.product-sizes__row:last-child {
    margin-bottom: 0
}

.profile-card
.product-sizes__dd {
    color: var(--color-background-alternate);
    font-weight: 500
}

.profile-card
.product-sizes {
    margin: 28px 0 0 0;
}

.profile-card
.product-sizes:first-child {
    margin: 0;
}


.banner-cat{
	width: 100%;
    aspect-ratio: 9 / 1;
    position: relative;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}


.product-block__price-new {
    color: #F86F68!important;
}

.mail__registr_btn{
	font-weight: 400!important;
    font-size: 17px!important;
    color: #FFFFFF;
    padding: 14px 21px;
    background: #776E6C;
    border-radius: 10px;
    width: 364px;
    text-align: left;
}
.mail__registr_btn-code{
    position: absolute;
    top: 0;
    right: 13px;
    height: 100%;
    width: 165px;
    letter-spacing: 1.2px;
}
.mail__registr_btn-pass-show {
    position: absolute;
    top: 19px;
    right: 33px;
    height: 27px;
    width: 27px;
}
.auth__form_block_button .mail__enter_btn {
    display: inline-block;
    font-size: 17px;
    text-transform: none;
    letter-spacing: 1.4px;
    color: #fff!important;
    text-transform: uppercase;
}
.mail__enter_btn.disabled {
    background: #e3e3e3;
    color: #978E8C !important;
    border: 1px #978E8C solid;
    text-transform: uppercase;
    cursor: no-drop;
}
.mail__registr_btn:hover{
    color: #FFFFFF;
}
.light-btn-color{
    border: 1px #978E8C solid;
    color: #978E8C !important;
    background: #fff !important;
}
.light-btn-color:hover{
    color: #978E8C;
}
.mail__registr_btn span {
    display: inline-block;
    height: 20px;
    width: 1px;
    background: #fff;
    margin: 0 9px;
    position: relative;
    top: 4px;
}
.mail__registr_btn svg {
    position: relative;
    top: 4px;
}
.form__message.notice {
    background-color: #FFF0F0;
    color: #FF2400;
    font-size: 17px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 26px;
    padding: 16px 10px;
    margin-bottom: 34px;
}
#modal-login-auth {
    max-width: 500px;
}
#modal-login-auth-code,
#modal-login-auth-old,
#form__auth_new,
#form__auth_new-email {
    max-width: 464px;
}
.error-block,
.notice-block {
    align-items: center;
    padding: 30px 36px;
    margin-top: 0px;
}
.error-block.visible,
.notice-block.visible {
    display: flex;
}
.error-block.visible svg,
.notice-block.visible svg {
    visibility: visible;
}
.error-block .error,
.notice-block .notice {
    padding-left: 12px;
    font-size: 16px;
    letter-spacing: 1.2px;
    font-weight: 500;
    max-width: 280px;
    letter-spacing: normal;
}
.error-block .error a {
    font-weight: 700;
    text-decoration: underline;
}
.form__message.notice span {
    font-size: 24px;
}
.form__message.notice div {
    height: 4px;
}
@media (max-width: 767px) {
  /* стили для xs-устройств */
    .profile .catalog-list {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
  /* стили для sm-устройств */
    .profile .catalog-list {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
      .product-images .product-block__label_exclusive {
        top: 15px !important;
        right: 20px !important;
    }
}
@media (min-width: 991px) and (max-width: 1199px) {
  /* стили для md-устройств */
    .profile .catalog-list {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
    .product-images .product-block__label_exclusive {
        top: 15px !important;
        right: 20px !important;
    }
}
@media (min-width: 1200px) {
  /* стили для lg-устройств */
    .profile .catalog-list {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
    .product-images .product-block__label_exclusive {
        top: 15px !important;
        right: 20px !important;
    }
}

/* / Заказ -> Детально -> Размерная сетка */
.product-images__item picture{
    position: relative;
    display: flex;
}

.product-images__item picture:before{
    position: absolute;
    letter-spacing: 3px;
    background: linear-gradient(90deg, #585251 0, #fff 50%, #585251);
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: flashing 6s linear infinite;
    pointer-events: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* content: "VILATTE"; */
    top: 5px;
    right: 10px;
}
.size picture:before{
display:none;
}

.product-info__buttons{
position: relative;
}

@keyframes flashing {
    to {
        background-position: -200%
    }
}


.swiper-slide-active:hover img{

}

    .header-bottom__item:hover .header-bottom__content {
        opacity: 1;
        visibility: visible;
    }


/*Всплывающее предупреждение*/

.tsoft-content {
    width: 100%;
    display: flex;
    gap: 10px;
}

.tsoft-cookie .tsoft-cookie-policy-block .tsoft-cookie-policy-text .tsoft-cookie-link-details {
    color: hsl(0deg 0% 0%);
    font-weight: bold;
}

.tsoft-cookie .tsoft-cookie-policy-block .tsoft-cookie-policy-details .tsoft-cookie-policy-details-block {
    max-height: 400px;
    overflow: scroll;
    overflow-x: hidden;
    padding-right: 30px;
}

.tsoft-cookie-policy-details-block p {
    font-size: 13px;
    color: black;
    line-height: normal;
}

.tsoft-cookie .tsoft-cookie-policy-block .tsoft-cookie-policy-details .tsoft-cookie-policy-details-block .tsoft-cookie-title {
    margin-bottom: 20px;
    font-size: 18px;
    margin-top: 20px;
}

.tsoft-cookie .tsoft-cookie-policy-block .tsoft-cookie-policy-details .tsoft-cookie-policy-details-block .tsoft-cookie-title {
    font-size: 14px !important;
}

.tsoft-cookie .tsoft-cookie-policy-block .tsoft-cookie-policy-details .tsoft-cookie-policy-details-block .tsoft-cookie-title:first-child {
    margin-top: 0;
}


.tsoft-cookie {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0;
    right: 0;
    bottom: -100%;
    transition: all .5s ease;
	z-index: 1;
}

.tsoft-cookie p{
	line-height: 30px;
}

.tsoft-cookie.tsoft-cookie-animate:not(.hide-cookie) {
    top: 30%;
    bottom: auto;
    padding: 0 30px;
	z-index: 99999;
}
.tsoft-cookie.tsoft-cookie-animate:not(.hide-cookie):before{
    content: "";
    background: #0000009c;
    width: 100vw;
    height: 200vh;
    position: absolute;
    top: -100%;
    bottom: 0px;
}
.hide-cookie:before, .approve:before{
	display:none;
}

.tsoft-cookie .tsoft-cookie-policy-block {
    position: relative;
    width: 100%;
    max-width: 850px;
    box-shadow: hsl(0deg 0% 39% / 20%) 0px 0px 8px 0px;
    background-color: hsl(0deg 0% 100%);
    padding: 70px 10px 100px 10px;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.tsoft-cookie .tsoft-cookie-policy-block .tsoft-cookie-policy-text {
    font-size: 14px;
    color: hsl(0deg 0% 0%);
    line-height: 22px;
    width: 100%;
    text-align: center;
}

.tsoft-cookie .tsoft-cookie-policy-block .tsoft-cookie-policy-approve {
    background-color: #02d365;
    box-shadow: hsl(0deg 0% 39% / 20%) 0px 0px 8px 0px;
    color: white;
    border-radius: 10px;
    padding: 10px;
    font-size: 12px;
    cursor: pointer;
    min-width: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 15px;
    right: 50px;
}

.tsoft-cookie .tsoft-cookie-policy-block .tsoft-cookie-policy-arrow-close {
    position: absolute;
    top: 5px;
    right: 5px;
    //background-color: hsl(0deg 0% 100%);
    min-width: 50px;
    height: auto;
    min-height: 38px;
    /* box-shadow: hsl(0deg 0% 39% / 20%) 0px 0px 8px 0px; */
    border-radius: 10px;
    cursor: pointer;
}

.tsoft-cookie .tsoft-cookie-policy-block .tsoft-cookie-policy-arrow-close:before {
    content: '';
    position: absolute;
    width: 4px;
    height: 20px;
    background-color: hsl(0deg 0% 40%);
    border-radius: 10px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
}

.tsoft-cookie .tsoft-cookie-policy-block .tsoft-cookie-policy-arrow-close:after {
    content: '';
    position: absolute;
    width: 4px;
    height: 20px;
    background-color: hsl(0deg 0% 40%);
    border-radius: 10px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}

.tsoft-cookie .tsoft-cookie-policy-block .tsoft-cookie-policy-details {
    padding: 30px 30px 0 30px;
    border-bottom: solid 1px hsl(0deg 0% 87%);
    margin-bottom: 10px;
    border-radius: 10px;
    padding-bottom: 20px;
    box-shadow: hsl(0deg 0% 73% / 24%) 0px 1px 8px;
}

.tsoft-cookie-policy-details-block::-webkit-scrollbar-track {   
    background-color: #F5F5F5;
}

.tsoft-cookie-policy-details-block::-webkit-scrollbar {
    width: 2px;
    background-color: #F5F5F5;
}

.tsoft-cookie-policy-details-block::-webkit-scrollbar-thumb {
    background-color: #000000;
}

.product-info__price-new {
    color: #F86F68 !important;
}

.product-info__price-old {
    color: #b6b6b6;
    font-weight: 300;
    font-size: 18px;
    letter-spacing: .1em;
    text-decoration: line-through;
}

@media screen and (max-width: 600px) {
    .mail__registr_btn-code {
        width: 115px;
        text-align: center;
        padding-top: 8px;
    }
    .mail__registr_btn {
       font-size: 15px!important;
       letter-spacing: 0!important;
    }
    .tsoft-content {
        flex-direction:column;
    }

    .tsoft-cookie .tsoft-cookie-policy-block .tsoft-cookie-policy-details {
        padding: 8px;
    }

    .tsoft-cookie .tsoft-cookie-policy-block .tsoft-cookie-policy-details .tsoft-cookie-policy-details-block {
        padding-right: 8px;
    }

    .tsoft-cookie-policy-details-block :is(p,li) {
        font-size: 12px;
    }

    .tsoft-cookie .tsoft-cookie-policy-block .tsoft-cookie-policy-details .tsoft-cookie-policy-details-block {
        max-height: 300px;
    }
}
.menu-new-mark{
    position: absolute;
    padding: 2px 7px;
    background: green;
    color: #fff;
    font-style: normal;
    font-weight: bold;
    border-radius: 4px;
    margin-left: 4px;
    margin-top: 0px;
}
.header-category__col .header-category__item:nth-child(3) .menu-new-mark{
    position: absolute;
    padding: 2px 7px;
    /* background: rgb(193, 0, 0); */
    color: #fff;
    font-style: normal;
    font-weight: bold;
    border-radius: 4px;
    margin-left: 4px;
    margin-top: 0px;
}

.block_sale{
    position: absolute;
    float: left;
    left: 15px;
    bottom: 15px;
    z-index: 1;
    align-items: center;
    width: 100%;
    justify-content: start;
    align-content: center;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-flow: column;
    gap: 20px;  
}
.def_sale{
    float: left;
    color: #ffffff;
    font-weight: bold;
    padding: 5px 10px;
    background: linear-gradient(135deg, #ffa3a31a 0%, #F86F68 100%);
    border-radius: 4px;
    font-size: 0.8em;
    grid-column-start: 1;
}
.red_sale{
float: left;
    z-index: 1;
    color: #ffffff;
    font-weight: bold;
    padding: 3px 10px;
    background: linear-gradient(135deg, #ffa3a31a 0%, #ff0012 100%);
    border-radius: 4px;
}
@media screen and (min-width: 1440px) {
    .product-block {
        grid-template-rows: auto minmax(60px, auto) auto;
		align-self: start;
    }
	
	.product-block__title {
        min-height: 60px;
    }
}

@media screen and (min-width: 770px) {
    .product-block {
        grid-template-rows: auto minmax(60px, auto) auto;
		align-self: start;
    }
	
	.product-block__title {
        min-height: 60px;
    }
    
}

.product-block__labels {
    width: 100%;
}

    .product-block__label_exclusive {
    font-size: 12px;
    position: absolute;
    top: 0px;
    background: #766e6c;
    color: #fff;
    text-transform: uppercase;
    background: #838382;
    background: repeating-radial-gradient(ellipse farthest-corner at center center, #c4c4c4 0%, #837463 100%);
    padding: 4px 10px;
    right: 20px;
    text-shadow: 1px 1px #837463;
    }

  
    .product-block__like{
        display:none;
    }


    /*You can use [title] selector as well*/
[data-title] {
  position: relative;
  cursor: help;
}

[data-title]:hover::before {
    content: attr(data-title);
    position: absolute;
    bottom: 42px;
    display: inline-block;
    padding: 3px 6px;
    border-radius: 2px;
    background: #766e6c;
    color: #fff;
    font-size: 12px;
    font-family: sans-serif;
    white-space: nowrap;
}
[data-title]:hover::after {
    content: '';
    position: absolute;
    bottom: 27px;
    left: 8px;
    display: inline-block;
    color: #fff;
    border: 8px solid transparent;
    border-top: 8px solid #766e6c;
}
.info-in-video{
    position: absolute;
    width: 40px;
    height: 40px;
    z-index: 1;
    display: block;
    right: 10px;
    top: 10px;
}
.info-in-video::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(/images/play-icon.png);
    z-index: 1;
    background-size: cover;
}