@import url('https://fonts.googleapis.com/css2?family=Alumni+Sans:ital,wght@0,100..900;1,100..900&family=Inter+Tight:ital,wght@0,100..900;1,100..900&display=swap');

html {
    font-family: 'Circe', sans-serif;
    font-size: 0.520835vw;
    font-style: normal;
    font-weight: normal;
    -webkit-animation: bugfix infinite 1s;
    line-height: 1.2;
    margin: 0;
    padding: 0;
}
body {
    font-style: normal;
    font-weight: normal;
    -webkit-animation: bugfix infinite 1s;
    line-height: 1.2;
    margin: 0;
    padding: 0;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

*{
    box-sizing: border-box;
}

input,
textarea {
    -webkit-animation: bugfix infinite 1s;
    line-height: inherit;
    margin: 0;
    padding: 0;
}
a {
    color: unset;
}
a,
a:hover {
    text-decoration: none;
}

button,
input,
a,
textarea {
    outline: none;
    cursor: pointer;
    font: inherit;
}
textarea:focus {
    outline: none;
}
textarea:active {
    outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font: inherit;
    margin: 0;
    padding: 0;
}
p {
    margin-top: 0;
    margin-bottom: 0;
}

img {
    width: 100%;
    height: auto;
    display: block;
}

button {
    border: none;
    color: inherit;
    font: inherit;
    text-align: inherit;
    padding: 0;
    background-color: inherit;
}
ul {
    padding: 0;
    margin: 0;
}

ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.container {
    width: 172.8rem;
    margin: 0 auto;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

:root {
    --primary: #FFFFFF;
    --primary--lite: rgba(255, 255, 255, 0.4);
    --black: #2F2E2A;
    --grey: rgba(47, 46, 42, 0.4);
    --grey--lite: rgba(255, 254, 248, 0.2);
    --coockie: rgba(255, 255, 255, 0.8);
    --background: #F6F6F6;
    --red: #A50F0F;
    --background--red: #FFF3F3;
}

.container{
    max-width: 184rem;
    width: 100%;
}

.wrapper__header{
    position: absolute;
    top: 4rem;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    z-index: 102;
}

.header__img{
    width: 2rem;
}

.header__flex{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.paragraph{
    font-family: 'Inter Tight', sans-serif;
    font-weight: 300;
    line-height: 1;
    letter-spacing: 0.02em;
    font-size: 1.5rem;
    color: var(--black);
}

.header__link{
    color: var(--primary);
}

.header__link:not(:last-child){
    margin-right: 2.4rem;
}

.header__lang{
    margin-right: 7rem;
}

.header__lang__text.active{
    color: var(--primary);
}

.black__active{
    color: var(--grey) !important;
}

.header__lang__text{
    color: var(--primary--lite);
    cursor: pointer;
}

.header__lang__text:not(:last-child){
    margin-right: 1.2rem;
}

.header__title{
    font-size: 3rem;
    font-family: "Alumni Sans", sans-serif;
    font-weight: 600;
    color: var(--primary);
    letter-spacing: 0.2rem;
}

.hero__img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 102rem;
    z-index: -1;
}

.hero__text{
    font-family: 'Inter Tight', sans-serif;
    font-weight: 200;
    font-size: 4rem;
    letter-spacing: 0.02rem;
    text-transform: uppercase;
    margin-bottom: 1.25rem;
    color: var(--primary);
}

.hero__block{
    width: 24.4rem;
    margin-top: 65.8rem;
    margin-bottom: 5.4rem;
}

.hero__block__text{
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-bottom: 4rem;
}

.hero__block__link{
    display: flex;
    align-items: center;
    color: var(--primary);
    text-wrap: nowrap;
}

.hero__arrow{
    margin-left: 6.7rem;
}

.hero__paragraph{
    color: var(--primary);
}

.hero__paragraph__more{
    width: 28rem;
    color: var(--primary);
}

.hero__first__line{
    display: block;
    text-align: center;
    color: var(--primary);
}

.hero__line{
    width: 100%;
    height: 0.1rem;
    background-color: var(--grey--lite);
    margin-bottom: 4rem;
}

.hero{
    position: relative;
}




.hero__burger {
    position: relative;
    width: 1.5rem;
    height: 1.1rem;
}

.hero__burger__line,
.hero__burger::before,
.hero__burger::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 0.15rem;
    background-color: var(--primary);
    transition: opacity 0.2s ease, transform 0.3s ease;
}

.hero__burger-black.hero__burger__line,
.hero__burger-black.hero__burger::before,
.hero__burger-black.hero__burger::after{
    background-color: var(--black) !important;
}

.hero__burger__line{
    top: 50%;
    transform: translateY(-50%);
    opacity: 1;
}

.hero__burger::before{
    top: 0;
}

.hero__burger::after{
    bottom: 0;
}

.hero__burger.active .hero__burger__line{
    opacity: 0;
}

.hero__burger.active::before{
    transform: translateY(0.45rem) rotate(45deg);
}

.hero__burger.active::after{
    transform: translateY(-0.45rem) rotate(-45deg);
}

/* Анимация при активном состоянии */

.btn__black{
    border: none;
    padding: 2rem 4rem;
    color: var(--primary);
    background-color: var(--black);
    text-align: center;
}

.btn__lite{
    padding: 1.8rem 4rem;
    border: none;
    color: var(--black);
    outline: 0.1rem solid var(--black);
    text-align: center;
}


.cookie{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: var(--coockie);
    backdrop-filter: blur(4px);
    padding: 2.8rem 4rem;
}

.cookie__content{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;

}


.cookie__text{
    width: 94rem;
}

.cookie__link{
    text-decoration: underline;
}

.cookie__button{
    margin-right: 2rem;
}

.hero__arrow,
.footer__arrow{
    width: 2.4rem;
}

.wrapper__footer{
    padding-top: 14rem;
    background-color: var(--primary);
    padding-bottom: 4rem;
}

.wrapper__promo{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 49rem;
    background: var(--primary);
    padding: 4rem;
    z-index: 103;
    display: none;
}

.promo__content{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.promo__img{
    position: absolute;
    top: 2rem;
    right: 2rem;
    cursor: pointer;
    width: 2rem;
    z-index: 2;
}

.promo__title,
.promo__text{
    text-align: center;
    margin-bottom: 4rem;
}

.promo__title{
    font-size: 2.4rem;
}

.promo__text{
    font-size: 1.8rem;
}

.promo__btn{
    width: 100%;
}

.from__btn{
    margin-bottom: 1rem;
}

#from__promo{
    width: 72.6rem;
}

.from__promo__text{
    color: var(--grey);
    margin-bottom: 4rem;
}

.from__input{
    width: 100%;
    margin-bottom: 2rem;
    border: none;
    background-color: var(--background);
    padding: 1.6rem 1.2rem;
    color: var(--black);
}

.from__input::placeholder{
    color: var(--grey);
}

.aria{
    height: 22rem;
    resize: none;
}

.from__checkbox__text{
    font-size: 1.3rem;
    color: var(--grey);
    margin-left: 1.6rem;
}

.from__block:not(:last-child){
    margin-bottom: 1rem;
}

.from__block{
    display: flex;
    align-items: flex-start;
    justify-content: left;
}

.from__promo__title{
    font-size: 2.4rem;
    margin-bottom: 4rem;
}


.from__promo__content{
    align-items: flex-start;
    padding: 0 6rem;
}

.footer__content{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    align-items: start;
}

.footer__list__info{
    justify-self: start;
}

.footer__list__media,
.footer__list__logo,
.footer__list__links{
    justify-self: center;

}

.footer__form{
    justify-self: end;
}

.footer__item:not(:last-child){
    margin-bottom: 1.6rem;
}

.footer__item__media:not(:last-child){
    margin-bottom: 2.7rem;
}

.footer__link{
    color: var(--black);
}

.footer__link__more{
    display: flex;
    color: var(--black);
    font-size: 1.3rem !important;
    align-items: center;
}

.footer__arrow{
    margin-left:  1.2rem;
}

.footer__text,
.footer__form__text{
    font-family: 'Inter Tight', sans-serif;
    font-weight: 300;
    color: var(--grey);
    max-width: 32rem;
}

.footer__text{
    margin-bottom: 0.8rem;
    font-size: 1.3rem;
}

.footer__form__text{
    font-size: 1rem;
}

.footer__logo{
    width: 7rem;
    margin-top: 4rem;
}

.footer__form__arrow{
    width: 0.6rem;
}

.footer__form__block{
    position: relative;
    width: 32rem;
}

.footer__form__input{
    border: none;
    width: 100%;
    border-bottom: 0.1rem solid var(--black);
    padding-bottom: 1.15rem;
    color: var(--black);
}

.footer__form__arrow{
    position: absolute;
    top: 0.6rem;
    right: 0.9rem;
}

.footer__from__button{
    margin-bottom: 2.4rem;
    color: var(--black);
}

.footer__form__block{
    margin-bottom: 3.7rem;
}

.footer__copyright{
    display: none;
}

.hero__burger{
    display: none;
}

.nav,
.catalog__card__info,
.catalog__card__block,
.nav__block{
    display: flex;
    justify-content: space-between;
}

.nav__block{
    align-items: center;
}

.catalog__navigation,
.gift__card{
    display: flex;
    justify-content: center;
}

.gift__card{
    flex-direction: column;
    align-items: center;
}

.catalog__card__wrapper{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

}

.catalog__card__main-img{
    width: 90rem;
    margin-bottom: 1.6rem;
}

.catalog__cards{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-items: center;
    row-gap: 2.4rem;
    column-gap: 4rem;
}

.catalog__content{
    margin-bottom: 10rem;
}

.catalog__card__title,
.catalog__card__description{
    margin-bottom: 1.2rem;
}

.catalog__card__content{
    background-color: var(--background);
    padding: 0;
    margin-bottom: 1.5rem;
    position: relative;
}

.catalog__card .catalog__card__colors {
    margin-bottom: 1.5rem;
}

.catalog__card__info{
    margin-bottom: 8.3rem;
}

.nav__img{
    width: 2.4rem;
}

.catalog__card__favorite{
    width: 2rem;
    cursor: pointer;
}

.catalog__navigation__arrow{
    width: 1.8rem;
    cursor: pointer;
}

.catalog__card__text{
    color: var(--grey);
}

.catalog__card__text--sold{
    color: #c0392b;
    font-weight: 600;
}

.catalog__navigation__number{
    cursor: pointer;
}

.catalog__card__title{
    color: var(--black);
    font-size: 2.4rem;
}

.catalog__card__price{
    position: relative;
    font-size: 1.8rem;
    color: var(--black);
    width: 10rem;
    flex-shrink: 0;
    text-align: right;
}

.catalog__card__price__sell{
    position: absolute;
    right: 0;
    top: -2.4rem;
    color: var(--grey);
    text-decoration: line-through;
}

.catalog__card__description{
    color: var(--grey);
    width: 90rem;
}

.catalog__card__discount{
    color: var(--red);
}

.card__color{
    font-size: 1.8rem;
}

.card__info-head{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.4rem;
}

.card__name{
    font-family: 'Inter Tight', sans-serif;
    font-size: 3.2rem;
    font-weight: 400;
    color: var(--black);
}



.card__price-main{
    font-family: 'Inter Tight', sans-serif;
    font-size: 4rem;
    font-weight: 400;
    margin-bottom: 0.5rem;
    color: var(--black);
}

.arrows{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.2rem;
    margin-top: 1.8rem;
}

.catalog__card__color-content,
.catalog__card__colors{
    display: flex;
    flex-wrap: wrap;
}

.catalog__card__colors{
    align-items: center;
}

.catalog__card__color-name{
    margin-right: 2rem;
    color: var(--black);
}

.gift__card{
    margin-bottom: 10rem;
}

.gift__card__name{
    margin-bottom: 4rem;
}

.gift__card__content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.gift__card {
    padding: 4rem 0;
}
.gift__card__name{
    font-family: 'Inter Tight', sans-serif;
    font-weight: 400;
    font-size: 3.2rem;
    text-align: center;
    color: var(--black);
}

.gift__card__text{
    font-size: 1.8rem;
    text-align: center;
    margin-bottom: 4rem;
    color: var(--black);
}

.catalog__color{
    cursor: pointer;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 100%;
    background-color: var(--black);
}

.new__up{
    margin-bottom: 2rem;
}

.new__title{
    font-family: 'Inter Tight', sans-serif;
    font-weight: 300;
    color: var(--black);
    margin-bottom: 2rem;
    font-size: 2.4rem;
}

.new__site{
    margin-bottom: 4rem;
}

.new__text{
    color: var(--grey);
    line-height: 120%;
}

/* Image 1 - 9 цветов */
.catalog__color__black{background-color: #2B1F1A;}
.catalog__color__grey{background-color: #6B5548;}
.catalog__color__beige{background-color: #A39388;}
.catalog__color__chocolate{background-color: #5C3D2E;}
.catalog__color__coffee-brown{background-color: #3D342F;}
.catalog__color__tan-brown{background-color: #4A3A32;}
.catalog__color__warm-brown{background-color: #6B4E3D;}
.catalog__color__espresso{background-color: #5A4A3F;}
.catalog__color__light-brown{background-color: #2E2420;}

/* Image 2 - 9 цветов */
.catalog__color__cream{background-color: #2D1F18;}
.catalog__color__taupe{background-color: #E8DDD0;}
.catalog__color__chestnut{background-color: #9B8B7E;}
.catalog__color__burgundy{background-color: #5C3D2E;}
.catalog__color__charcoal{background-color: #C73944;}
.catalog__color__mocha{background-color: #4A4543;}
.catalog__color__slate-grey{background-color: #7A6052;}
.catalog__color__graphite{background-color: #6B6D6A;}
.catalog__color__dark-espresso{background-color: #3A322E;}

/* Image 3 - 9 цветов */
.catalog__color__tan{background-color: #2D1F18;}
.catalog__color__light-grey{background-color: #8B6F52;}
.catalog__color__chocolate-brown{background-color: #B5A89A;}
.catalog__color__dark-grey{background-color: #5C3426;}
.catalog__color__onyx{background-color: #4D524F;}
.catalog__color__camel{background-color: #2E2526;}
.catalog__color__medium-grey{background-color: #8B7355;}
.catalog__color__charcoal-brown{background-color: #7A7B78;}
.catalog__color__cocoa{background-color: #3A322E;}

/* Image 4 - 9 цветов */
.catalog__color__pure-black{background-color: #1A1614;}
.catalog__color__silver-grey{background-color: #C5B5A8;}
.catalog__color__burgundy-red{background-color: #8B8580;}
.catalog__color__dark-red{background-color: #4A3428;}
.catalog__color__walnut{background-color: #A52A2A;}
.catalog__color__charcoal-grey{background-color: #4A4340;}
.catalog__color__ash-grey{background-color: #5C4D42;}
.catalog__color__mahogany{background-color: #6B5D52;}
.catalog__color__stone-grey{background-color: #4A3F38;}

.direction{
    flex-direction: row-reverse;
}

.catalog__color:not(:last-child){
    margin-right: 0.6rem;
}

.catalog__navigation__content{
    margin: 0 8rem;
}

.nav{
    margin-bottom: 4rem;
}

.all{
    margin-bottom: 4rem;
}

.nav__item__decor{
    width: 0.3rem;
    height: 0.3rem;
    background: var(--black);
    margin: 0 0.6rem;
}

.all__content{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 4rem;
}

.main{
    margin-top: 15rem;
    overflow: hidden;
    min-height: 44rem;
}

.black{
    color: var(--black);
}

.wishlist__title{
    font-size: 2.4rem;
    margin-bottom:  2.4rem;
}

.wishlist__text{
    font-size: 1.8rem;
}

.wishlist__text:not(:last-child){
    margin-bottom: 1.6rem;
}

.wishlist__text:last-child{
    margin-bottom: 2rem;
}

.wishlist__item{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.wishlist__list,
.wishlist__btn,
.wishlist__line{
    width: 100%;
}

.wishlist__line{
    height: 0.1rem;
    background: var(--grey);
    margin-bottom: 2rem;
}

.wishlist_wrapper{
    border: 0.1rem solid var(--grey);
    padding: 4rem;
    max-width: fit-content;
}

.wishlist__content{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 66rem;
}

.wishlist{
    margin-top: 18rem;
}

.title{
    font-family: 'Inter Tight', sans-serif;
    font-weight: 250;
    margin-bottom: 4rem;
    font-size: 4rem;
    text-transform: uppercase;
    color: var(--black);
}

.description{
    margin-bottom: 4rem;
}

.text__list{
    margin-bottom: 4rem;
}

.text__list__item{
    position: relative;
    padding-left: 2rem;
    margin-bottom: 1.6rem;
}


.text__list__item::before{
    content: "";
    width: 0.5rem;
    height: 0.5rem;
    position: absolute;
    border-radius: 50%;
    background-color: var(--black);
    left: 0.6rem;
    top: 50%;
    transform: translateY(-50%);
}



.subtitle{
    font-weight: 400;
    font-family: 'Inter Tight', sans-serif;
    margin-bottom: 4rem;
    font-size: 1.8rem;
    color: var(--black);
}

.text{
    margin-bottom: 2rem;
}

.text__subtitle{
    font-weight: 400;
    margin-bottom: 0.4rem;
}

.text__container{
    max-width: 120.6rem;
    margin: 0 auto;
}

.text__list__item-offer{
    padding-left: 0;
    display: flex;
}

.text__subtitle-offer{
    margin-right: 1.2rem;
    width: 2.4rem;
}


.text__list__item-offer::before{
    display: none;
}

.error__content{
    position: relative;
    width: 45.5rem;
    margin: 0 auto;
}

.error__title{
    font-weight: 400;
    font-size: 20rem;
    margin-bottom: 4rem;
    text-align: center;

}

.error__subtitle{
    font-weight: 400;
    font-size: 3.2rem;
    margin-bottom: 4rem;
    text-align: center;
}

.error__text{
    text-align: center;
    font-weight: 400;
    margin-bottom: 5rem;
}

.error__btn{
    display: inline-block;
    width: 100%;
}

.error__img__left{
    position: absolute;
    bottom: 0;
    left: -60rem;
    width: 47.7rem;
    z-index: -1;
}

.error__img__right{
    right: -58rem;
    bottom: 0;
    position: absolute;
    width: 55.7rem;
    z-index: -1;
}

.contacts__content{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 4rem;
    grid-template-areas:
    "c a a"
    "c b b"
    "c b b";
}



.contacts__block{
    display: flex;
    justify-content: space-between;
    grid-area: a;
    margin-bottom: 17.7rem;
}

.contacts__wrapper{
    display: flex;
    justify-content: space-between;
    grid-area: b;
}



.contacts__img{
    width: 74.3rem;
    grid-area: c;
}

.contacts__title{
    margin-bottom: 2rem;
    font-size: 2.4rem;
}

.contacts__list:not(:last-child){
    margin-bottom: 2rem;
}

.contacts__list__img{
    width: 1.2rem;
    margin-right: 0.3rem;
}

.contacts__list__title{
    display: flex;
    color: var(--grey);
    font-size: 1.3rem;
    margin-bottom: 0.8rem;
}

.contacts__promo{
    position: static;
    display: block;
    transform:none;
    padding: 0;
    width: 52rem;
}
.contacts__promo > .from__promo__content{
    padding: 0;
}

.contacts__block__form__title{
    font-weight: 400;
    margin-bottom: 2rem;
    font-size: 2.4rem;
}

.contacts__item__media{
    margin-right: 2rem;
}

.contacts__list__media{
    display: flex;
    margin-bottom: 24rem !important;
}

.contacts__subtitle{
    font-weight: 400;
    display: flex;
    font-size: 1.8rem;
    cursor: pointer;
}

.contacts__subtitle__img{
    margin-left: 1.6rem;
    width: 2.4rem;
}

.partnership__hero{
    text-wrap: nowrap;
    margin-top: 78rem;
}

.collaborations__hero{
    text-wrap: nowrap;
    margin-top: 78rem;
}

.contacts__list__wrapper{
    margin-bottom: 2rem;
}

.partnership__title{
    width: 41rem;
}

.partnership{
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
}

.partnership__wrapper{
    margin-top: 20rem;
}

.partner__contacts__wrapper{
    flex-direction: column;
}
.partnership__contacts__list__wrapper{
    display: flex;
    margin-bottom: 12.5rem;
}

.partnership__contacts__list{
    margin-right: 6rem;
}

.hero__text__black{
    font-size: 4rem;
    color: var(--black);
    font-weight: 200 !important;
}

.partnership__promo__content{
    width: 74rem;
}

.collaborations{
    margin-top: 20rem;
}

.collaborations__title{
    font-weight: 250;
    font-family: 'Inter Tight', sans-serif;
    font-size: 4rem;
    color: var(--black);
    margin-bottom: 4rem;
    text-transform: uppercase;
}
.collaborations__block{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.collaborations__item{
    display: flex;
    align-items: flex-start;
    gap: 4rem;

}

.collaborations__subtitle br{
    display: none;
}

.collaborations__img{
    width: 90rem;
}

.collaborations__text{
    width: 43rem;
    line-height: 1.8rem;
}

.collaborations__from__text{
    color: var(--black);
}

.collaborations__from__img{
    width: 90rem;
}

.brand__collaborations{
    flex-direction: row-reverse;
}

.production__content{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.production{
    margin: 20rem 0;
}

.production__title{
    margin-bottom: 8rem;
}

.production__img{
    margin-bottom: 8rem;
    width: 100%;
}

.production__text{
    width: 83.8rem;
}

.materials{
    margin-bottom: 20rem;
}

.materials__text{
    width: 89.9rem;
}

.materials__title{
    margin-bottom: 3.2rem;
}

.materials__subtitle{
    font-weight: 300;
    font-family: 'Inter Tight', sans-serif;
    font-size: 2.4rem;
    color: var(--black);
    margin-bottom: 5rem;
}

.materials__img{
    width: 90rem;
    margin-bottom: 4rem;
}

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

.work{
    margin-bottom: 8rem;
}

.work__title{
    margin-bottom: 2rem;
}

.work__subtitle{
    margin-bottom: 7rem;
}

.work__description{
    width: 59.7rem;
    line-height: 1.8rem;
}

.work__collaborations{
    margin-top: 0;
}

.work__item{
    margin-bottom: 30rem;
}

.work__subheading{
    font-size: 1.8rem;
    margin-bottom: 2rem;
}

.master__paragraph{
    width: 58rem;
}

.master__title{
    margin-bottom: 3rem;
}

.master__text{
    margin-bottom: 2rem;
}

.master__block{
    display: flex;
    justify-content: space-between;
    gap: 4rem;
}

.master__paragraph{
    line-height: 1.8rem;
}

.charity__title{
    margin-bottom: 6rem;
}

.charity__span{
    font-weight: 400;
    text-transform: uppercase;
}

.charity__text:not(:last-child){
    margin-bottom: 4rem;
}

.charity__text{
    width: 70rem;
}

.charity__description{
    margin-bottom: 8rem;
}

.charity__img__mobil{
    display: none;
}

.mobil__menu{
    display: none;
}

.accordion__link-white,
.accordion__toggle-white{
    color: var(--black) !important;
}
.accordion__item{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.plus{
    position: relative;
    cursor: pointer;
    width: 1.6rem;
    height: 1.6rem;
    transition: transform 0.3s ease;
}

.plus:before,
.plus:after{
    position: absolute;
    content: "";
    width: 100%;
    height: 0.1rem;
    background: var(--primary);
}


.plus-white.plus:before,
.plus-white.plus:after{
    background: var(--black);
}


.plus:before{
    top: 50%;
    transform: translateY(-50%);
}

.plus:after{
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
}

.accordion.active .plus{
    transform: rotate(-45deg);
}

.accordion__toggle{
    font-size: 1.3rem;
    color: var(--primary);

}

.accordion__content{
    padding-top: 1.2rem;
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.3s ease;
    overflow: hidden;
}

.accordion__content__line{
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.accordion.active .accordion__content {
    grid-template-rows: 1fr;
}

.accordion:not(:last-child){
    margin-bottom: 2rem;
}

.accordion__link:not(:last-child){
    margin-bottom: 0.4rem;
}

.accordion__link{
    font-size: 1.2rem;
    color: var(--primary);

}

.nav{
    position: relative;

}

.nav__block__filter{
    cursor: pointer;
}


.price-range{
    padding-top: 1.2rem;
    width: 18rem;
}

.range__input{
    width: 100%;
    height: 0.8rem;
    background: var(--grey);
    accent-color: var(--black);
    border-radius: 0;
    margin-bottom: 1.2rem;
}

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

.range__text{
    border: 0.1rem solid var(--grey);
    padding: 0.4rem 1rem;
}

.accordion__content__price{
    padding-top: 0 !important;
    margin-top: 1.2em;
}

.range__input::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 1.2rem;
    height: 1.2rem;
    background: var(--black);
    border-radius: 0.4rem;
    cursor: pointer;
}

.checkbox {
    display: flex;
    align-items: center;
    gap: 1rem;
    cursor: pointer;
    margin-bottom: 1.2rem;
}

.checkbox__input {
    display: none;
}

.checkbox__custom {
    width: 1.65rem;
    height: 1.65rem;
    border: 0.1rem solid var(--black);
    border-radius: 0.2rem;
    position: relative;
}

.checkbox__input:checked + .checkbox__custom::after {
    content: '';
    position: absolute;
    background: url("../images/chek.svg") no-repeat center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1rem;
    height: 0.8rem;

}

.filer{
    position: absolute;
    right: -32rem;;
    top: 100%;
    padding: 4rem;
    width: 32rem;
    z-index: 5;
    background: var(--primary);
    transition: right 0.3s ease;
    max-height: 40rem;
    overflow-y: auto;
}

.filer.active{
    right: 0;
}

.filer__info{
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.filer__info__text:last-child{
    cursor: pointer;
    margin-bottom: 0;
}

.favorite,
.favorite__header{
    cursor: pointer;
    height: 2rem;
}

.favorite__in{
    stroke: #2F2E2A;
}

.favorite__in-white{
    stroke: #FFFFFF;
    fill: none;
}

.favorite__in.active{
    fill: var(--red);
    stroke: var(--red);
}

.filer__info__arrow{
    width: 2.4rem;
    margin-left: 2rem;
}

.filer__info__text{
    display: flex;
}

.accordion-filer{
    margin-bottom: 3rem !important;
}

.support__content{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
}

.support__header{
    display: flex;
    align-items: center;
    margin-bottom: 0.85rem;
}

.support__icon{
    margin-right: 1.3rem;
    width: 2.4rem;
}

.support__content__img{
    width: 1.6rem;
    margin-right: 1.3rem;
}

.support__list-main{
    padding-left: 1.8rem;
    padding-top: 1rem;
}

.text__list-search{
    margin-bottom: 0.4rem;
}

.support__title{
    font-family: 'Inter Tight', sans-serif;
    font-weight: 400;
    font-size: 1.5rem;
    color: var(--black);
}

.support__text{
    margin-bottom: 2rem;
    line-height: 120%;
}

.support__content__block{
    display: flex;
    flex-direction: column;
    padding: 4rem;
    width: 100%;
    border: 0.1rem solid var(--grey);
}

.support-item{
    margin-bottom: 0.4rem;
}

.btn__white{
    padding: 2rem 0;
    width: 100%;
    border: 0.1rem solid var(--grey);
    text-align: center;
    margin-top: auto;
}

.btn__red{
    width: 100%;
    padding: 1.2rem 0 1.2rem 1.6rem;
    background-color: var(--background--red);
    border: 0.1rem solid var(--grey);
}

.support__contact{
    display: flex;
}

.support__contact:not(:last-child){
    margin-bottom: 0.8rem;
}

.support__text-subtitle{
    margin-bottom: 1rem;
}

.support__contact-wrapper{
    margin-bottom: 2rem;
}

.support__content__message{
    color: var(--grey);
}


.support__content__block-gray{
    background: var(--background);
    grid-area: 4 / 1 / 4 / 2;

}

.support__text-link{
    margin-bottom: 0;
}

.support__text-line{
    text-decoration: underline;
}

.support__content__block-height{
    height: fit-content;
}

.support__description{
    color: var(--grey);
    width: 81rem;
}

.support__highlight{
    font-weight: 400;
}

.support__title-description{
    margin-bottom: 8rem;
    line-height: 110%;
}

.delivery__payment-item{
    display: grid;
    grid-template-columns: repeat(3, 21rem);
    gap: 1rem;
    margin-bottom: 1.6rem;
}

.delivery__way{
    border: 0.1rem solid var(--grey);
    padding: 1.2rem;
}

.delivery__way-red{
    background-color: var(--background--red);
}

.delivery__content{
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.delivery__main{
    grid-area: 1 / 1 / 3 / 3 ;
}

.delivery__last{
    grid-area: 5 / 1 / 5 / 1 ;
}

.delivery__subtitle{
    margin-bottom: 1.8rem;
}

.delivery__head{
    font-family: 'Inter Tight', sans-serif;
    font-size: 1.3rem;
    color: var(--grey);
    margin-bottom: 0.5rem;
}

.support__highlight-delivery{
    margin-bottom: 0.5rem;
}

.delivery__text{
    background-color: var(--background);
    padding: 0.8rem 0 0.8rem 1.2rem;
}

.delivery__text-way{
    grid-area: 2 / 1 / 2 / 4 ;
}

.support__contact-wrapper{
    display: grid;
    grid-template-columns: 24rem 32.5rem;
    column-gap: 8rem;
    row-gap: 0.8rem;
}

.delivery__pay{
    display: flex;
    align-items: center;
    padding: 0 2.4rem;
    border: 0.1rem solid var(--grey);
    height: 4.2rem;
}

.delivery__icon{
    width: 1.1rem;
    margin-right: 1.3rem;
}

.delivery__pay-way{
    margin-top: 1.6rem;
    grid-area: 3 / 1 / 3 / 3 ;
}

.delivery__list{
    padding-left: 1.2rem;
}

.delivery__pay-way br,
.delivery__text-way br,
.delivery__part br{
    display: none;
}


.reviews__wrapper{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 4rem;
}

.reviews__content-waiting{
    grid-area: 1 / 1 / 1 / 3 ;
}

.reviews__content-buy{
    grid-area: 1 / 3 / 1 / 5 ;
}

.reviews__content-waiting,
.reviews__content-buy{
    padding: 4rem;
    border: 0.1rem solid var(--grey);
    margin-bottom: 4rem;
}

.reviews__btns{
    display: flex;
    width: 100%;
    align-items: center;
    gap: 1rem;
}

.reviews__subtitle{
    font-size: 1.8rem;
    margin-bottom: 2rem;
}

.reviews__muted{
    font-family: 'Inter Tight', sans-serif;
    font-weight: 300;
    font-size: 1.3rem;
    color: var(--grey);
}

.reviews__muted-description{
    margin-bottom: 2rem;
}

.reviews__name{
    font-weight: 400;
}

.reviews__muted{
    font-family: 'Inter Tight', sans-serif;
    color: var(--grey);
    font-weight: 300;
    margin-top: 0.8rem;
}

.reviews__muted-span{
    margin-left: 0.5rem;
}

.reviews__title{
    font-size: 2.4rem;
    margin-bottom: 2rem;
}

.reviews__btn--black,
.reviews__btn-wrapper{
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    margin-top: 0;
    height: 5.8rem;
    border: 0.1rem solid var(--black);
    cursor: pointer;
}

.reviews__btn--black{
    background-color: var(--black);
    color: var(--primary);
    border: none;
}

.reviews__icon{
    margin-left: 1rem;
    width: 1.8rem;
}


.reviews__content{
    padding: 2rem;
    border: 0.1rem solid var(--grey);
    display: flex;
    min-height: 34.6rem;
    max-height: fit-content;
    flex-direction: column;
}

.reviews__content.active{
    height: auto;
}


.reviews__img{
    width: 26rem;
    margin-bottom: 1.4rem;
}

.reviews__items{
    display: flex;
    gap: 2rem;
}

.reviews__starts{
    display: flex;
    gap: 0.5rem;
    margin-bottom: 2.5rem;
}

.reviews__images{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1rem;
    margin-bottom: 2rem;
}

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

.reviews__photo{
    width: 12rem;
    height: 11rem;
}

.reviews__text{
    margin-bottom: 1.2rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    transition: max-height 0.3s ease;
    line-height: 120%;
}

.reviews__text.active{
    -webkit-line-clamp: unset;
}

.reviews__promo{
    width: 82rem;
}

.reviews__star{
    width: 2rem;
}

.reviews{
    margin-bottom: 4rem;
}

.index__wrapper{
    margin-top: 8rem;
}

.index__link{
    display: block;
    font-size: 2.4rem;
    margin-bottom: 2rem;
}

.new{
    margin-bottom: 4rem;
}

.new__wrapper{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 4rem;
    row-gap: 10rem;
}

.new__img-wrapper{
    background-color: var(--background);
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 2rem;
}

.new__img{
    width: 100%;
    height: 130rem;
}

.new__block{
    display: flex;
    gap: 4rem;
    align-items: flex-end;
}

.new__description{
    color: var(--grey);
    width: 58rem;
    margin-bottom: 0.8rem;
}

.new__btn{
    width: 100%;
}

.reviews__muted-little{
    font-size: 1rem;
}

.new__name{
    position: absolute;
    left: 2rem;
    top: 2rem;
    z-index: 2;
}

.new__icon{
    position: absolute;
    right: 2rem;
    top: 2rem;
    z-index: 2;
}

.brand__collaborations-grid{
    display: grid;
    column-gap: 24rem;
    grid-template-areas:
        "a b"
        "c b";
}

.collaborations__img-grid{
    grid-area: b;
}

.charity__title-grid{
    grid-area: a;
}

.collaborations__text-all{
    grid-area: c;
}

.collaborations__grid{
    column-gap: 4rem;
}

.materials__head{
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 4rem;
}

.collaborations__place{
    column-gap: 4rem !important;
}

.brand__hero{
    margin-top: 78rem;
}

.brand__text-bottom{
    color: var(--primary);
    width: 40rem;
}

.brand__text-bottom br{
    display: none;
}

.voucher__main{
    padding: 2rem;
    background: #121212 url("../images/logos.png") center/64rem no-repeat;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;

}

.voucher__company{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.voucher__company:not(:last-child){
    margin-bottom: 7rem;
}

.voucher__company::before,
.voucher__company::after{
    content: '';
    height: 0.1rem;
    width: 24rem;
}

.voucher__company::before{
    background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
}
.voucher__company::after{
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));

}

.voucher__items{
    display: none;
}

.voucher__arrow{
    width: 1rem;
}

.voucher__firm{
    font-size: 3rem;
    text-wrap: nowrap;
}

.voucher__name{
    font-size: 5.6rem;
    margin-bottom: 3.4rem;
}

.voucher__subtext{
    margin-bottom: 2.5rem;
    font-size: 2.4rem;
}

.voucher__subtext{
    color: rgba(255, 255, 255, 0.4) !important;
}


.text__secondary{
    font-weight: 600;
    text-transform: uppercase;
    color: var(--primary);
    font-family: "Alumni Sans", sans-serif;
    letter-spacing: 0.2em;
    text-align: center;
}

.voucher__primary{
    font-weight: 700 !important;
    margin-bottom: 5rem;
    font-size: 7.2rem;
}

.voucher__id,
.voucher__date{
    font-size: 2.5rem;

}

.voucher__id{
    margin-bottom: 1.2rem;
}

.voucher__content{
    display: grid;
    grid-template-columns: 1fr 1.4fr;
    column-gap: 8rem;
    align-items: center;
}

.index__link-new{
    width: fit-content;
    padding-bottom: 0.3rem;
    border-bottom: 2px solid var(--black);
}

.voucher__block{
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.voucher__title{
    font-size: 2.4rem;
    letter-spacing: -0.02rem;
    font-family: 'Inter Tight', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
}

.voucher__select{
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    padding: 1rem 1.2rem;
    background-color: rgba(246, 246, 246, 1);
    margin: 0.5rem 0;
}

.voucher__description{
    color: var(--grey);
    font-size: 1.8rem !important;
}

.voucher__paragraph,
.voucher__text,
.voucher__hint,
.voucher__note{
    color: var(--grey);
    font-size: 1.3rem;

}

.voucher__hint{
    font-size: 1rem !important;
}

.voucher__rating{
    display: flex;
    justify-content: space-between;
    border-top: 0.1rem solid var(--grey);
    padding-top: 2rem;
}

.voucher__item{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
}

.voucher__text-all{
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 2rem;
    row-gap: 1.4rem;
    width: fit-content;
}

.voucher__wrapper{
    padding: 2rem;
    border: 0.1rem solid var(--grey);
}

.voucher__paragraph{
    text-align: center;
}

.search{
    margin-top: 1rem;
    display: flex;
    justify-self: right;
    transition: opacity 0.3s ease;
    opacity: 0;
    background-color: var(--primary);
}

.search.active{
    opacity: 1;
}

.search__input{
    width: 42rem;
    padding: 1.2rem 2rem;
    background: url("../images/search.svg") no-repeat  right 2rem center /2rem;
    border: 0.1rem solid var(--grey);
}

.search__input::placeholder{
    color: var(--black);
}

.text__list-loyalty{
    margin-bottom: 0.4rem;
}

.list__loyalty{
    margin-bottom: 2rem;
}

.subtitle-loyalty:not(:first-child){
    margin-top: 4rem;
}
.subtitle-loyalty{
    margin-bottom: 2rem;
}

.card__content{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
}

.card__images{
    display: grid;
    grid-template-columns: 60rem 60rem;
    grid-template-rows: repeat(4, 86.6rem);
    gap: 0;
}

.card__images-right.swiper-button-disabled, .card__images-left.swiper-button-disabled {
    display: none;
}

.cart-link, .header__link {
    position: relative;
    display: inline-block;
}

/* Стили для красного кружка */
.cart-count {
    position: absolute;
    top: -0.5rem; /* Смещение вверх */
    right: -0.8rem; /* Смещение вправо */
    background-color: #ff0000; /* Яркий красный цвет */
    color: #ffffff;
    font-size: 1.1rem;
    font-weight: bold;
    height: 1.4rem;
    min-width: 1.4rem;
    padding: 0 0.4rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.slider__img{
    width: 6.5rem;
    height: 6.5rem;
}

.slider__color {
    width: 6.5rem;
    height: 6.5rem;
    border-radius:0.8rem;
}

.card__left-img,
.card__right-img{
    width: 1.8rem !important;
    height: 1rem;
    cursor: pointer;
}

.arrows__content{
    width: 1.8rem !important;
}

.wrapper__accordion-look .accordion{
    cursor: pointer;
}

.wrapper__accordion-look .accordion.active{
    cursor: auto;
}

.look{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
}

.look__img{
    width: 17rem;
}

.card__subtitle{
    margin-top: 7rem;
    margin-bottom: 2rem;
}

.accordion__look{
    font-size: 1.8rem;
}

.look__btn-main{
    padding: 2rem 4rem;
}

.look__price{
    text-wrap: nowrap;
}

.wrapper__accordion-look{
    margin-bottom: 4.4rem;
}

.look__info{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 6rem;
}

.card__text-smooth{
    color: var(--black);
}

.slider__bugs{
    display: flex;
    gap: 0.4rem;
    margin-bottom: 4rem;
    flex-wrap: wrap;
}

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

.wrapper__slider-img{
    padding: 0.8rem;
    border: 0.1rem solid #969696;
}

.wrapper__slider-img.active{
    border: 0.1rem solid var(--black);
}


.look__btn{
    width: 100%;
    padding: 1.1rem;
}

.wrapper__look-img{
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 30rem;
}

.order__content{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
}

.order__left{
    display: grid;
    gap: 4rem;
}

.order__left {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    grid-template-areas:
        "code details info"
        "baza details info"
        "baza price  price"
        "help .      .";
    gap: 4rem;
    margin-bottom: 4rem;
}

.order__content-code {
    grid-area: code;
}

.order__content-baza {
    grid-area: baza;
}

.order__content-details {
    grid-area: details;
}

.order__content-info {
    grid-area: info;
}

.order__content-price {
    grid-area: price;
}

.order__content-help {
    grid-area: help;
}

.contacts__description{
    line-height: 1.1;
}

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

.order__down{
    width: 50%;
}

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

.order__picture{
    width: 6.6rem;
    height: 6.6rem;
    margin-right: 1.4rem;
}

.order__block{
    display: flex;
    justify-content: flex-start;
    margin-bottom: 2rem ;
}

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

.order__buttons{
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 1.6rem;
    padding-bottom: 2rem;
    border-bottom: 0.1rem solid var(--grey);
}

.card__image {
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.order__content-help{
    background-color: rgba(246, 246, 246, 1);
}

.order__repayment-img{
    width: 1.4rem;
    height: 1.4rem;
    margin-right: 0.8rem;
}

.img__link{
    width: 1.2rem;
    height: 1.2rem;
    margin-left: 1rem;
}

.btn__link{
    display: flex;
    padding: 0.6rem 1.2rem;
    border: 0.1rem solid var(--grey);
    cursor: pointer;
}

.text__order-big,
.text__order-nano,
.text__order-mini,
.text__order{
    font-family: "Inter Tight", sans-serif;
    font-weight: 300;
    color: var(--grey);
    letter-spacing: 0.02rem;
}

.text__order{
    font-size: 1.3rem;
}

.text__order-mini{
    margin-top: 0.4rem;
    font-size: 1.2rem;
}

.text__order-big{
    font-size: 1.5rem;
}

.text__order-nano{
    font-size: 1rem;
}

.order__conclusion{
    text-align: center;
    margin-top: 1.6rem;
}

.result__subtext{
    margin-top: 0.4rem;
}

.header__help{
    margin-bottom: 2rem;
}

.text__order-black-red,
.text__order-black-big,
.text__order-black {
    font-family: "Inter Tight", sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    letter-spacing: 0.02rem;
    color: var(--black);
}

.text__order-black-red{
    color: var(--red);
}

.order__check{
    font-family: "Inter Tight", sans-serif;
    font-size: 1.8rem;
    font-weight: 400;
    color: var(--black);
}

.order__delivery{
    align-items: center;
    margin-bottom: 2rem;
}

.order__span{
    margin-left: 1.2rem;
}

.order_title-code{
    font-weight: 400;
    font-size: 1.8rem;
}

.order__li{
    margin-bottom: 1.4rem;
}

.result{
    padding-top: 0.8rem;
    border-top: 0.1rem solid var(--grey);
}

.result__price{
    font-weight: 400;
    font-size: 1.8rem;
}

.order__title{
    font-weight: 300;
    font-size: 1.8rem;
    margin-bottom: 2rem;
}

.order__price,
.order__name,
.order__smooth{
    margin-bottom: 0.8rem;
}

.order__text{
    margin-bottom: 1.25rem;
}

.result__block{
    padding: 1.2rem;
    border: 0.1rem solid var(--grey);
}

.result__buttons{
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 1.4rem;
}

.result__text{
    font-weight: 400;
    color: var(--black);
}

.result__block-grey{
    background-color:rgba(246, 246, 246, 1);
}

.order__info{
    margin-bottom: 1.6rem;
}

.info__code{
    padding: 0.4rem 0.8rem;
    background-color: rgba(246, 246, 246, 1);
}

.info__text{
    margin-bottom: 0.8rem;
}

.info__title{
    margin-bottom: 0.4rem;
}

.info__address{
    font-weight: 400;
    font-size: 1.5rem;
}

.order__info__data,
.flex__start-info{
    width: 100%;
}

.checkbox.checkout__text,
.checkbox.checkout__subtext{
    margin-bottom: 0;
}

.order__info__text{
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.order__payment-cart{
    font-size: 1.5rem;
}

.order__payment-status{
    font-size: 1.25rem;
}

.text__order-red{
    color: var(--red);
    font-size: 1.3rem;
    margin-bottom: 2rem;
}


.checkout__price,
.checkout__title{
    font-size: 2.4rem;
    font-weight: 300;
    margin-bottom: 4rem;
}
.checkout__price{
    font-family: "Inter Tight", sans-serif;
    margin-bottom: 0;
}


.checkout__text-red,
.checkout__subtext,
.checkout__text{
    font-family: "Inter Tight", sans-serif;
    font-weight: 300;
    font-size: 1.5rem;
    color: var(--black);
}

.checkout__number{
    font-weight: 400;
}

.checkout__subtext{
    font-size: 1.3rem;
    color: var(--grey);
}

.checkout__text-red{
    color: var(--red);
}

.checkout__wrapper{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
}

.checkout__sum,
.checkout__right{
    padding: 4rem;
    border: 0.1rem solid var(--grey);
}

.checkout__left{
    display: flex;
    flex-direction: column;
    gap: 4rem;
}

.checkout__delivery,
.checkout__payment,
.checkout__item{
    padding: 2rem;
    border: 0.1rem solid var(--grey);

}

.checkout__item{
    display: flex;
    gap: 4rem;
    position: relative;
}

.checkout__delivery,
.checkout__payment{
    margin-bottom: 4rem;
}

.checkout__content{
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.checkout__form{
    margin-bottom: 4rem;
}

.checkout__paying{
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 2.4rem;
}

.checkout__btn{
    width: 100%;
    margin-bottom: 2rem;
}

/* Поля "применить" для сертификата и бонусов */
.checkout__coupon-row{
    display: flex;
    gap: 1rem;
    align-items: stretch;
}
.checkout__coupon-row .from__input {
    margin-bottom: 0;
}
.checkout__coupon-row .btn__black {
    padding: 0 4rem;
}
.checkout__coupon-input{
    flex: 1;
    margin-bottom: 0;
}
.checkout__coupon-btn{
    padding: 1.1rem 2rem;
    font-size: 1.3rem;
    white-space: nowrap;
    min-width: 12rem;
}

.checkout__bonus,
.checkout__info{
    display: flex;
    justify-content: space-between;
}

.checkout__info{
    align-items: center;
    margin-top: 2rem;
}

.sum__last {
    margin-top: 1rem !important;
}

.checkout__right{
    height: fit-content;
}

.checkout__item-info{
    margin-bottom: 1.6rem;
}

.checkout__bonus{
    align-items: flex-end;
    margin-bottom: 2rem;
}

.checkout__close{
    width: 2rem;
    height: 2rem;
    position: absolute;
    right: 2rem;
    top: 2rem;
    cursor: pointer;
}

.wrapper__quantity{
    margin-bottom: 10rem;
    display: flex;
    align-items: center;

}

.checkout__quantity{
    margin-bottom: 0.8rem;
}

.checkout__number{
    margin: 0 2rem;
}

.checkout__rate{
    margin-bottom: 2rem;
}

.checkout__color,
.checkout__article{
    margin-bottom: 2rem;
}

.checkout__title-sum{
    padding-bottom: 2.4rem;
    border-bottom: 0.1rem solid var(--grey);
    text-align: center;
    margin-bottom: 2rem;
}

.checkout__subtitle{
    font-size: 1.8rem;
    margin-bottom: 2.4rem;
}

.checkout__minus{
    width: 1.5rem;
    height: 0.1rem;
    background: var(--grey);
    cursor: pointer;
}

.checkout__plus{
    position: relative;
    width: 1.5rem;
    height: 0.1rem;
    background: var(--black);
    cursor: pointer;
}

.checkout__address{
    margin-bottom: 0.4rem;
}

.checkout__arrow{
    position: absolute;
    right: 2rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1.2rem;
    cursor: pointer;
}

.checkout__input{
    position: relative;

}

.checkout__plus::before{
    content: "";
    position: absolute;
    width: 1.5rem;
    height: 0.1rem;
    top: 50%;
    left: 0;
    background: var(--black);
    transform: rotate(90deg);
}

.checkbox__set{
    margin-bottom: 1.6rem !important;
}
.checkout__sum-text{
    font-size: 1.8rem;
    font-weight: 300;
}

.checkout__sum-subtext{
    font-size: 1.8rem;
    font-weight: 400;
}

.checkout__sum-mini{
    font-size: 1.4rem;
    color: var(--grey);
    margin-top: 0.8rem;
}

.checkout__sum-result{
    font-weight: 400;
    font-size: 2.4rem;
}

.checkout__item-img{
    width: 41rem;
    height: 36rem;
    flex-shrink: 0;
}

.cart__slider-name:first-child {
    margin-bottom: 1rem;
}

.cart__slider-name:last-child {
    margin-bottom: 0;
}

.checkbox.checkout__subtext > .checkbox__custom{
    border: 0.1rem solid var(--grey);
}

.checkout__paying-img{
    width: fit-content;
    height: 2.4rem;
    margin-right: 0.6rem;
}

.checkout__text-bold{
    font-family: 'Inter', sans-serif;
}

.container__brand{
    max-width: 185rem;
}

.form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    max-width: 720px;
}

.field {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.field-label {
    font-size: 13px;
    color: #6b6b6b;
}

.field-hint {
    font-size: 12px;
    color: #9b9b9b;
}

.custom-select {
    position: relative;
    user-select: none;
}

.picture__brand{
    width: 100%;
    height: auto;
}

.custom-select__trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.2rem;
    font-size: 1.3rem;
    font-family: "Inter Tight", sans-serif;
    color: var(--black);
    background: var(--background);
    cursor: pointer;
    margin: 0.5rem 0;
}

.custom-select__chevron {
    flex-shrink: 0;
    transition: transform 0.2s ease;
    width: 2rem;
    margin-right: 1.8rem;
}

.custom-select.is-open .custom-select__chevron {
    transform: rotate(180deg);
}

.custom-select__dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: var(--background);
    z-index: 100;
    overflow: hidden;
    display: none;
}

.custom-select.is-open .custom-select__dropdown {
    display: block;
}

.reviews__images .reviews__photo:nth-child(n+4) {
    display: none;
}

.reviews__images.active .reviews__photo:nth-child(n+4) {
    display: block;
}

.custom-select__option {
    padding: 10px 12px;
    font-family: 'Inter Tight', sans-serif;
    font-size: 1.3rem;
    color: #1a1a1a;
    cursor: pointer;
    transition: background 0.1s;
}

.custom-select__option:hover {
    background: #f5f5f5;
}



.custom-select__option.is-selected {
    color: #1a1a1a;
    font-weight: 500;
}

.custom-select__option:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.support__contact-main{
    display: block;
}

.custom-select__trigger-input{
    padding: 0;
    margin: 0 0 0.4rem 0;
}

.custom-select__option-input{
    font-size: 1.5rem;
    padding: 1.6rem 1.2rem;
}

.cart__content{
    display: grid;
    grid-template-columns: 105.7rem 74.3rem;
    gap: 4rem;
}

.card__article{
    color: var(--grey);
}


.sum__btn{
    width: 100%;

    margin-bottom: 4rem;
}

.sum__micro{
    font-size: 1rem;
}

.sum__last{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2rem 1.2rem;
    border: 0.1rem solid var(--grey);
}

.sum__more{
    margin-bottom: 2rem;
}

.cart__main{
    margin-bottom: 6rem;
}

.cart__slider__title{
    margin-top: 4rem;
    margin-bottom: 2rem  ;
}

.cart__slider{
    display: flex;
    gap: 4rem;

}

.cart__slide{
    position: relative;
    width: 27rem;
    flex-shrink: 0;
}

.cart__slide__head{
    position: absolute;
    left: 2rem;
    top: 2rem;
}

.wrapper__image{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 30rem;
    background-color: var(--background);
    margin-bottom: 1.6rem;
}

.accordion__cart{
    margin-bottom: 0.4rem !important;
}

.cart__slider-img{
    width: 18rem;
    height: 17rem;
}

.cart__slider-text{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.6rem;
    flex-wrap: wrap;
    width: 100%
}

.cart__slider-btn{
    width: 100%;
    color: var(--primary);
    background-color: var(--black);
    border: none;
    text-align: center;
    padding: 1.1rem 0;
}

.swiper-slide{
    width: 27rem;
}

.swiper{
    width: 100%;
}

.swiper .swiper-slide {
    width: 27rem;
}

.wrapper__account{
    padding: 4rem;
    border: 0.1rem solid var(--grey);
}

.wrapper__account-head{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
        "top top"
        "left right";
    gap: 4rem;
    margin-bottom: 4rem;
}

.wrapper__account-top{
    grid-area: top;
}

.wrapper__account-left{
    grid-area: left;
}

.wrapper__account-right{
    grid-area: right;
}

.wrapper__account-body{
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: start;
    gap: 4rem;
    position: relative;
    padding-bottom: 48rem;
}



.account__loyalty{
    grid-column: 1;
    grid-row: 1 / 5;
}

.account__warranty{
    grid-column: 1;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 90rem;
}

.account__gift{
    grid-column: 2;
    grid-row: 1;
}

.account__preorder{
    grid-column: 2;
    grid-row: 2;
}

.account__history{
    grid-column: 2;
    grid-row: 3;

}

.account__setting{
    grid-column: 2;
    grid-row: 4;

}

.account__title{
    font-family: 'Inter Tight', sans-serif;
    font-size: 1.8rem;
    font-weight: 300;
    color: var(--black);
}

.account__paragraph-mini,
.account__text-smooth{
    font-family: 'Inter Tight', sans-serif;
    font-size: 1.3rem;
    font-weight: 300;
    color: var(--grey);
}

.account__info{
    display: flex;
    align-items: center;
    margin-bottom: 0.8rem;
}

.account__paragraph-mini{
    font-size: 1rem;
}

.account__block{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.account__logo{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 7.6rem;
    height: 7.6rem;
    border-radius: 100%;
    background-color: var(--background);
}

.account__logo-text{
    font-family: 'Inter Tight', sans-serif;
    font-size: 1.8rem;
    font-weight: 300;
    color: var(--black);
    text-transform: uppercase;
}

.account__icon{
    width: 1.4rem;
    margin-right: 0.8rem;
}

.account__btn-white{
    display: block;
}

.slider__favorites{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 2rem;
}

.wrapper__slider-img{
    padding: 0.4rem;
}
.card__images-right,
.card__images-left{
    display: none;
}

.account__content-profile{
    margin-top: 2rem;
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
}

.account__icon-black{
    font-size: 1.3rem;
    color: var(--black);
}

.account__btn-white{
    padding: 1.2rem 0;
}

.account__title-bottom{
    margin-bottom: 0.8rem;
}

.account__btn-black{
    padding: 2rem 0;
    background: var(--black);
    color: var(--primary);
}

.account__btn-lite{
    width: 39rem;
    text-align: center;
    padding: 2rem 0;
    border: 0.1rem solid var(--black);
}

.account__head-close,
.slider__favorites,
.basket__order{
    padding-top: 2rem;
    margin: 2rem 0;
    border-top: 0.1rem solid var(--grey);
}

.account__img-favorite{
    width: 16rem;
    height: 16rem;
}

.account__point-item{
    padding: 0.8rem 2rem;
    border: 0.1rem solid var(--grey);
}

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

.account__content-point{
    display: flex;
    flex-direction: column;
    gap: 1.4rem;
    margin-bottom: 2rem;
}

.account__point-title{
    font-weight: 400;
    margin-bottom: 0.6rem;
}


.order__block-basket{
    margin-bottom: 0;
}

.warranty__order{
    margin: 2rem 0;
}
.warranty__order .order__block{
    margin-bottom: 0;
}
.warranty__order .order__card{
    padding: 1rem 2rem;
    border: 0.1rem solid var(--grey);
    margin-bottom: 2rem;
}

.warranty-right{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
}

.account__point-price{
    font-weight: 400;
}

.account__point-status{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-top: 0.6rem;
}

.warranty-right .order__price{
    font-size: 1.3rem;
}

.warranty-right .order__smooth{
    margin-bottom: 0;
}

.warranty-right-bottom{
    display: flex;
    align-items: center;
}

.account__content-warranty .order__picture{
    width: 6rem;
    height: 6rem;
}

.account__warranty-text{
    margin: 0.6rem 0;
}

.warranty-right-bottom .plus-white{
    margin-left: 1rem;
    width: 1.2rem;
}

.account__btns{
    display: grid;
    gap: 2rem;
    grid-template-columns: 1fr 1fr;
}

.account__wrapper-img{
    background-color: var(--background);
    padding: 1.2rem 1.5rem;
    margin-bottom: 1.4rem;
    width: 19rem;
    height: 20rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.account__warranty-btn{
    width: 100% !important;

}

.account__content-history{
    margin-top: 2rem;
}

.account__point-smooth{
    color: var(--black);
}

.account__point-red {
    color: var(--red);
}

.account__history-item{
    display: grid;
    grid-template-columns: 7.4fr 1fr 1fr;
}

.account__point-status{
    justify-self: flex-end;
}

.account__warranty-black{
    color: var(--primary);
    background-color: var(--black);
    text-align: center;
}


.account__content-basket .order__block-right{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.account__list-item.active{
    font-weight: 400;
    font-size: 1.5rem;
    margin-bottom: 1rem;
    color: rgba(47, 46, 42, 1);
}

.account__content-loyalty{
    margin-top: 2rem;
}

.account__bonus{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    margin: 2rem 0;
    padding: 2rem 0;
    border-top: 0.1rem solid var(--grey);
    border-bottom: 0.1rem solid var(--grey);

}

.account__bonus-block{
    padding: 1.2rem 2rem;
    border: 0.1rem solid var(--grey);
}

.account__system-header{
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.account__system-logo{
    width: 2rem;
    margin-right: 0.8rem;
}

.account__system-title{
    font-weight: 400;
}

.account__system{
    margin-top: 1rem;
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 2rem;
}

.account__system-block{
    display: flex;
    align-items: center;
    padding: 1.5rem 2rem;
    border: 0.1rem solid var(--grey);
}

.block-red{
    background-color: var(--background--red);
    border: 0.1rem solid var(--red);

}

.account__system-status{
    margin-right: 1rem;
    width: 5.6rem;
    padding: 0.4rem 0;
    text-align: center;
    border: 0.1rem solid var(--grey);
}

.account__system-bonus{
    margin-left: auto;
}

.account__text-black{
    color: var(--black);
}

.account__system-status{
    color: var(--black);
}

.account__bonus-prise{
    font-weight: 400;
}

.account__system-bonus,
.account__system-price{
    font-size: 1.3rem;
}

.account__bonus-text{
    margin-bottom: 0.8rem;
}

.account__list-item{
    font-weight: 300;

    display: flex;
    align-items: center;
    font-size: 1.3rem;
    margin-bottom: 0.6rem;
}

.account__list-item.active .account__list-img{
    width: 1.6rem;
}

.account__list-img{
    width: 1.4rem;
    margin-right: 0.8rem;
}

.account__btn{
    width: 28rem;
    font-size: 1.3rem;
    text-align: center;
    border: 0.1rem solid var(--black);
}

.account__content-setting{
    margin-top: 2rem;
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

.account__setting-item{
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 1.5rem 2rem;
    border: 0.1rem solid var(--grey);
}

.account__setting-item-red{
    border: 0.1rem solid var(--background--red);
}

.account__setting-name{
    font-size: 1.3rem;
    text-wrap: nowrap;
}

.account__setting-name-red{
    color: var(--red);
}

.account__setting-arrow{
    margin-left: auto;
}

.account__setting-img{
    width: 1.4rem;
    margin-right: 0.8rem;
}

.use{
    color: var(--grey);
}

.account__setting-arrow{
    width: 1.4rem;
    transform: rotate(-90deg);
}

.account__content-gift{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    margin-top: 2rem;
}

.account__card{
    padding: 2rem;
    border: 0.1rem solid var(--grey);
}

.account__card-header{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 0.6rem;
}

.account__card-code{
}

.account__card-body{
    display: flex;
    align-self: center;
    justify-content: space-between;
    padding-top: 0.8rem;
    margin-top: 0.8rem;
    border-top: 0.1rem solid var(--grey);
}

.account__text-micro{
    font-family: "Inter Tight", sans-serif;
    font-size: 1rem;
    color: var(--grey);
    font-weight: 300;
}

.account__card-btn{
    display: flex;
    align-self: center;
    cursor: pointer;
    padding: 0.7rem 0.8rem;

}

.account__card-img{
    width: 1.4rem;
    margin-right: 1.2rem;
}


.account__card-title{
    font-weight: 400;
    font-size: 2.4rem;
}

@media (max-width: 48em) {
    .paragraph{
        font-size: 1.3rem;
    }

    .nav, .catalog__card__info, .catalog__card__block, .nav__block {
        display: flex;
        justify-content: flex-start !important;
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .look__info {
        flex-wrap: wrap;
    }

    .look__name {
        width: 100%;
    }

    html {
        font-size: 10px;
        font-size: calc((100/390) * 10vw);
        -webkit-text-size-adjust: none;
    }

    body {
        -webkit-text-size-adjust: none;
    }

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

    .cart__slider{
        gap: 1.2rem;
    }

    .swiper .swiper-slide {
        width: 16.1rem;
    }

    .swiper {
        max-width: 100vw;
        overflow: hidden;
    }

    .card__images-arrow{

        width: 1.8rem;
    }

    .card__images-right{
        right: 1.2rem;
    }

    .card__info-head{
        display: block;
    }

    .card__name{
        font-size: 2.4rem;
        margin-bottom: 1.2rem;
    }

    .accordion__look{
        font-size: 1.8rem;
    }

    .wrapper__accordion-look .accordion:not(:last-child){
        margin-bottom: 1rem;
    }

    .look__btn-main{
        padding: 1.2rem 2.4rem;
    }

    .card__price-main{
        font-size: 3.2rem;
    }

    .card__color{
        font-size: 1.6rem;
        margin-bottom: 1.2rem;
    }

    .slider__bugs{
        margin-bottom: 2rem;
    }

    .card__images-left {
        left: 1.2rem;
    }
    .card__images-right,
    .card__images-left{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 2;
        display: block;
    }

    .cart__left,
    .cart__sum{
        width: 34.3rem !important;
    }

    .wrapper__image{
        height: 20rem;
        margin-bottom: 1.2rem;
    }

    .cart__slider-img{
        width: 14.3rem;
        height: 16.6rem;
        margin-bottom: 1.2rem;
    }

    .cart__slider-name,
    .cart__slider-price{
        font-size: 1.2rem;
    }

    .sum__last-price{
        text-wrap: nowrap;
    }

    .cart__slider-text{
        flex-wrap: wrap;
        width: 100%
    }

    .cart__content{
        gap: 2rem;
    }

    .sum__micro{
        font-size: 1rem;
    }

    .sum__btn{
        padding: 1.2rem 0;
        margin-bottom: 2rem;
    }

    .cart__slide__head{
        top: 0.8rem;
        left: 0.8rem;
        font-size: 0.8rem;
    }

    .checkout__right{
        padding: 1.2rem;
    }

    .result__price,
    .order__title{
        font-size: 1.6rem;
    }

    .checkout__form,
    .checkout__delivery,
    .checkout__payment{
        margin-bottom: 2rem;
    }

    .checkout__payment,
    .checkout__delivery{
        padding: 1.2rem;
    }

    .checkout__text-red{
        font-size: 1.3rem;
    }

    .checkout__price{
        font-size: 1.8rem;
        margin-left: 1.2rem;
    }

    .checkout__title{
        font-size: 1.8rem;
    }

    .checkout__quantity{
        margin-bottom: 0.4rem;
    }

    .checkout__plus,
    .checkout__plus::before,
    .checkout__minus{
        width: 1rem;
    }

    .checkout__rate{
        margin-bottom: 0;
    }

    .checkout__close{
        right: 0.8rem;
        top: 0.8rem;
        width: 2rem;
        height: 2rem;
    }

    .img-split{
        margin-right: 0;
        width: 9.1rem;
    }

    .card__content{
        overflow: hidden;
        grid-template-columns: 1fr;
    }

    .card__info{
        width: 34.3rem;

    }

    .look{
        gap: 0;
    }

    .card__image{
        width: 34.3rem;
        height: 34.3rem;
        object-fit: cover;
    }

    .wrapper__card__images{
        height: 41.3rem ;
    }

    .card__image .swiper-slide{
        height: 34.3rem;
    }

    .wrapper__card__images{
        position: relative;
    }

    .card__images{
        display: grid;
        grid-template-rows: 1fr;
    }

    .checkout__content{
        gap: 1.2rem;
    }

    .checkbox__set{
        display: grid;
        grid-template-columns: 1fr 17fr;
    }

    .checkout__paying{
        gap: 1.6rem;
    }

    .checkout__subtext{
        font-size: 1rem;
    }

    .checkout__left{
        gap: 2rem;
    }

    .checkout__text{
        font-size: 1.3rem;
    }

    .checkout__item{
        gap: 1rem;
    }

    .checkout__item{
        padding: 0.8rem;
    }

    .checkout__sum{
        padding: 2rem;
    }

    .text__order-red{
        font-size: 1rem ;
    }

    .checkout__color,
    .checkout__article{
        margin-bottom: 0.8rem;
    }

    .checkout__title,
    .wrapper__quantity{
        margin-bottom: 1rem;
    }

    .checkout__cost{
        display: flex;
    }

    .checkout__item-img{
        width: 15rem;
        height: 15rem;
    }

    .checkout__paying,
    .checkout__content,
    .checkout__wrapper{
        grid-template-columns: 1fr;
    }

    .order__payment-cart{
        font-size: 1.5rem !important;
    }

    .order__payment-status{
        font-size: 1.25rem !important;
    }

    .order__left {
        grid-template-columns: 1fr;
        grid-template-areas:
        "code"
        "baza"
        "details"
        "info"
        "price"
        "help";
        gap: 2rem;
        margin-bottom: 4rem;
    }

    .support__title-description br{
        display: none;
    }

    .wrapper__account-body,
    .wrapper__account-head{
        width: 34.3rem;

    }

    .wrapper__account{
        padding: 1.2rem;
    }

    .abc__title{
        text-align: center;
    }

    .account__title{
        font-size: 1.6rem;
    }

    .account__content-profile{
        gap: 2rem;
        grid-template-columns: 1fr;
    }

    .abc{
        grid-column: 1/3;
        justify-self: center;
        align-items: center;
    }

    .wrapper__account-body{
        grid-template-columns: 1fr;
        padding-bottom: 2rem;
    }

    .wrapper__account{
        width: 34.3rem;
    }

    .account__system .account__system-block{
        display: grid;
        grid-template-columns: 1fr 4fr;
        grid-template-rows: auto auto;
    }

    .account__system-status {
        grid-row: 1/2;
        grid-column: 1/2;

    }

    .account__system-price{
        grid-row: 1/2;
        grid-column: 2/3;
    }


    .account__system-bonus{
        grid-row: 2/3;
        grid-column: 1/3; /* на всю ширину */
        margin-left: 0;
        margin-top: 0.4rem;
        text-align: start;
    }

    .account__history-item{
        grid-template-columns: 1fr 1fr;
    }

    .abc-btn{
        width: 27rem !important;
    }

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

    .account__warranty-btn{
        padding: 1.2rem 0;
    }

    .account__point-top{
        grid-row: 1/3;
    }

    .account__point-price{
        align-self: flex-end;
        text-align: right;
    }

    .account__warranty{
        position: relative;
        grid-row: auto;
    }

    .account__block{
        display: flex;
        align-items: center;
        justify-content: space-between;
        grid-column: 1/3;
        flex-direction: row;
    }

    .account__wrapper-info{
        width: 14.6rem;
    }

    .wrapper__account-head{
        grid-template-columns: 1fr;
        grid-template-areas:
                "top"
        "left"
        "right"
    }


    .account__btn-white,
    .account__btn-lite{
        width: 15.6rem;
    }

    .abc__del{
        display: none;
    }

    .abc__btns{
        grid-column: 1/3;

    }

    .support__description-delivery,
    .delivery__part,
    .delivery__text,
    .support__text,
    .support__title-description{
        line-height: 1.2;
    }

    .order__delivery{
        align-items: flex-end;
    }

    .order__span{
        display: block;
        margin-left: 0;
        margin-top: 0.8rem;
    }

    .order__buttons{
        grid-template-columns: 1fr;
        gap: 0.4rem;
    }

    .result__buttons{
        grid-template-columns: 1fr;
        gap: 1.2rem;
    }


    .order_title-code{
        font-size: 1.6rem !important;
    }

    .text__list{
        margin-bottom: 4rem;
    }

    .subtitle{
        margin-bottom: 2rem;
    }

    .wrapper__header{
        top: 2rem;
    }

    .search__input{
        width: 24rem;
        padding: 0.8rem 1.2rem;
        background: url("../images/search.svg") no-repeat  right 1.2rem center /2rem;
    }

    .order__info__data{
        display: block;
    }

    .order__info__text{
        display: block;
    }

    .voucher__block{
        padding: 2rem;
        gap: 1.6rem;
    }

    .voucher__title{
        font-size: 1.8rem;
    }

    .offer-one{
        display: none;
    }

    .voucher__paragraph{
        font-size: 1.6rem;
    }

    .voucher__description{
        font-size: 1.6rem !important;
    }

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

    .voucher__content{
        grid-template-columns: 1fr;
        gap: 1.6rem;
    }

    .voucher__wrapper{
        padding: 1.2rem;
    }

    .list__loyalty{
        margin-bottom: 2rem;
    }

    .text__list__item::before{
        top: 0.6rem;
        left: 0.8rem;
        width: 0.4rem;
        height: 0.4rem;
    }

    .checkout__title-sum{
        padding-bottom: 1.2rem;
        margin-bottom: 2rem;
    }

    .nav__policy{
        margin-bottom: 2rem;
    }

    .checkout__sum-result{
        font-size: 1.8rem;
    }

    .checkout__sum-text,
    .checkout__sum-subtext{
        font-size: 1.6rem;
    }

    .voucher__btn{
        padding: 1.2rem 0;
    }

    .voucher__text-all{
        grid-template-columns: 1fr;
        row-gap: 0.4rem;
    }

    .voucher__note{
        font-size: 1rem;
    }

    .voucher__company:not(:last-child){
        margin-bottom: 3.2rem;
    }
    .voucher__firm{
        font-size: 1.4rem;
    }

    .voucher__main{
        padding: 1rem;
    }

    .voucher__name{
        font-size: 2.6rem;
        margin-bottom: 1.4rem;
    }

    .voucher__subtext{
        font-size: 1.2rem;
        margin-bottom: 0.8rem;
    }

    .voucher__primary{
        font-size: 3.4rem;
        margin-bottom: 2rem;
    }


    .voucher__company::before,
    .voucher__company::after{
        width: 9rem;
    }

    .voucher__id{
        margin-bottom: 0.4rem;
    }

    .voucher__paragraph br {
        display: none;
    }

    .voucher__id,
    .voucher__date{
        font-size: 1.2rem;
    }

    .brand__text-bottom{
        width: 30rem;
        text-align: end;
        align-self: flex-end;
    }

    .brand__hero{
        margin-top: 37rem !important;
    }

    .brand__text-bottom br {
        display: block;
    }


    .brand__text-bottom .hero__first__line{
        text-align: end;
    }

    .brand__text-main{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .brand__text-top{
        width: 25rem;
        margin-bottom: 2rem;
    }

    .brand__text-top br {
        display: none;
    }

    .brand__title-main{
        margin-bottom: 4rem !important;
    }

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

    .production__img-long{
        object-fit: contain;
        height: 40rem;
    }

    .collaborations__img-height{
        height: 52rem;
        object-fit: cover;
    }

    .materials__subtitle,
    .master__text{
        font-size: 1.8rem;
    }

    .production__img-master{
        height: 40rem;
        margin-bottom: 2rem !important;
    }

    .brand__collaborations-grid{
        column-gap: 0;
        grid-template-areas:
        "a"
        "b"
        "c";
    }

    .new__img{
        height: 32rem;
        object-fit: contain;

    }


    .new__main{
        margin-bottom: 6rem;
    }

    .new__description{
        width: 34rem;
    }

    .card{
        margin-bottom: 4rem;
    }

    .card__subtitle{
        margin-top: 5rem;
    }

    .new__block{
        flex-direction: column;
        gap: 2rem;
    }

    .new__wrapper{
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .reviews__content-waiting,
    .reviews__content-buy{
        grid-area: unset;
        margin-bottom: 0;
    }

    .reviews__items{
        flex-wrap: wrap;
    }

    .reviews__img{
        width: 14rem;
    }

    .reviews__btn--black,
    .reviews__btn-wrapper{
        height: 4rem;
    }

    .reviews__promo{
        width: 30rem !important;
        padding: 0 !important;
    }

    .header__img{
        width: 2rem;
    }

    .header__link:not(:last-child){
        margin-right: 0.8rem;
    }

    .reviews__star{
        width: 1.2rem;
    }

    .reviews__subtitle{
        font-size: 1.6rem;
    }

    .reviews__muted-small{
        font-size: 1rem;
    }

    .reviews__wrapper{
        grid-template-columns: 1fr;
    }
    .reviews__content-waiting,
    .reviews__content-buy,
    .reviews__content {
        padding: 1.6rem 2rem;
    }

    .reviews__photo{
        width: 9rem;
        height: 9rem;
    }


    .delivery__part{
        margin-bottom: 0.8rem;
    }

    .delivery__part:before{
        top: 30%;
    }

    .delivery__part br,
    .delivery__pay-way br,
    .delivery__text-way br{
        display: block;
    }

    .support__text-subtitle{
        width: 30rem;
    }

    .support__contact-wrapper,
    .delivery__payment-item,
    .delivery__content{
        grid-template-columns: 1fr;
    }

    .delivery__way{
        width: 21rem;
    }

    .support__title-description{
        margin-bottom: 4rem;

    }
    .support__content{
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .delivery__main,
    .delivery__pay-way,
    .delivery__text-way,
    .support__content__block-gray{
        grid-area: auto;
    }

    .support{
        margin-bottom: 4rem;
    }

    .mobil__menu{
        display: block;
        position: absolute;
        z-index: 101;
        right: 100%;
        top: 0;
        padding: 9rem 1.6rem 2.4rem 1.6rem;
        width: 100%;
        background-color: var(--black);
        transition: right  0.3s ease;
    }

    .support__description{
        max-width: 34rem;
        width: 100%;

    }

    .support__content__block{
        padding: 1.2rem;
    }

    .mobil__menu.active{
        right: 0;
    }

    .mobil__menu-white{
        background-color: var(--primary);
    }

    .error__text{
        margin-bottom: 2rem;
    }

    .wrapper__promo{
        width: 34.3rem;
    }

    .promo__input{
        margin-bottom: 1rem;
    }

    .aria__promo{
        height: 12.5rem;
    }

    .promo__text{
        font-size: 1.6rem;
        margin-bottom: 2rem;
    }

    .promo__title{
        font-size: 1.8rem;
        width: 16rem;
        margin-bottom: 2rem;
    }

    .header__flex{
        align-items: center;
    }

    .materials__content{
        flex-direction: column;
    }

    .materials__text,
    .work__description,
    .materials__img,
    .master__paragraph,
    .charity__description,
    .production__text {
        width: 34rem;
    }

    .charity__title{
        font-size: 2.8rem !important;
    }
    .materials__block:not(:last-child),
    .production__img,
    .production__title{
        margin-bottom: 4rem;
    }

    .collaborations__img__mobil{
        display: block;
        margin-bottom: 4rem;
    }

    .charity__img__mobil{
        display: none;
    }

    .work__subheading{
        font-size: 1.6rem;
        margin-bottom: 2rem;
    }

    .work__subtitle{
        width: 34rem;
        font-size: 1.6rem;
        margin-bottom: 1.2rem;
    }

    .charity__text{
        margin-bottom: 2rem;
    }

    .charity__description{
        margin-bottom: 4rem;
    }

    .materials,
    .work__item{
        margin-bottom: 4rem;
    }

    .master__block{
        flex-direction: column;
    }

    .production{
        margin: 4rem 0;
    }

    .collaborations{
        margin-top: 4rem;
        margin-bottom: 4rem;
    }

    .collaborations__title{
        font-size: 3.2rem;
        width: 32rem;
        margin-bottom: 4rem;
        margin-top: 4rem;

    }

    .production__content{
        align-items: flex-start;
    }

    .master__block{
        gap: 2rem;
    }

    .collaborations__item,
    .collaborations__block{
        flex-direction: column;
    }

    .collaborations__item{
        gap: 2rem;
    }

    .collaborations__text{
        width: 34.4rem;
    }

    .collaborations__img{
        width: 34.4rem;
        margin-bottom: 4rem;
    }

    .partnership__hero__paragraph{
        margin-bottom: 2rem;
        width: 100% !important;

    }

    .collaborations__subtitle br{
        display: block;
    }

    .partnership__title > .hero__first__line,
    .partnership__title{
        text-align: end !important;
    }

    .partnership__hero{
        text-wrap: wrap;
        margin-top: 40rem !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;

    }

    .collaborations__hero{
        margin-top: 39.5rem !important;
    }

    .partnership__hero > .hero__text{
        margin-bottom: 0;
    }

    .partnership__wrapper {
        margin-top: 4rem !important;
    }

    .partnership > .contacts__img{
        margin-top: 4rem;
    }

    .partnership{
        display: flex !important;
        flex-direction: column-reverse !important;
    }


    .partnership__hero__block__text{
        display: flex;
        flex-direction: column-reverse;
        margin-bottom: 0;
        padding-bottom: 0 !important;
    }

    .partnership__contacts__list{
        margin: 0;
    }

    .partnership{
        flex-direction: column;
    }

    .partnership__img{
        height: 60rem;
    }

    .partnership__promo__content{
        width: 34rem;
    }

    .contacts__list__wrapper{
        margin-bottom: 0;
    }

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

    .contacts__subtitle__img{
        margin-left: 1.2rem;
        width: 1.6rem;
    }

    .contacts__subtitle{
        font-size: 1.6rem;
    }

    .contacts__content{
        display: grid;
        grid-template-columns: 1fr;
        column-gap: 4rem;
        grid-template-areas:
        "a"
        "c"
        "b";
    }

    .account__content-loyalty{
        grid-row: auto;

    }


    .account__gift{
        grid-column: 1;
        grid-row: auto;
    }

    .account__preorder{
        grid-column: 1;
        grid-row: auto;
    }

    .account__history{
        grid-column: 1;
        grid-row:auto;

    }

    .account__setting{
        grid-column: 1;
        grid-row: auto;

    }

    .contacts__block{
        flex-direction: column;
    }

    .contacts__list__media{
        margin-bottom: 4rem !important;
    }

    .contacts__block__ingo{
        margin-bottom: 4rem;
    }

    .from__checkbox__text{
        font-size: 1rem;
    }

    .contacts{
        margin-bottom: 4rem;
    }

    .contacts__promo{
        width: 34rem;
    }

    .contacts__img{
        width: 34rem;
        margin-bottom: 4rem;
    }

    .contacts__block__form__title{
        font-size: 1.8rem;
    }

    .contacts__block{
        margin-bottom: 4rem;
    }

    .contacts__description{
        width: 34rem;
    }

    .contacts__description br{
        display: none;
    }

    .contacts__wrapper{
        flex-direction: column;
    }

    .error__content{
        width: 34.4rem;

    }

    .error__img__left{
        width: 12.5rem;
        left: -5rem;
        top: 6rem;
    }

    .error__subtitle{
        font-size: 2.4rem;
        margin-bottom: 2rem;
    }

    .error__title{
        font-size: 12rem;
        margin-bottom: 4rem;
    }

    .error__img__right{
        top: 5rem;
        right: -5rem;
        width: 17.5rem;
    }

    .text__container{
        max-width: 34.3rem;
    }

    .title{
        font-size: 3.2rem;
    }

    .policy__title{
        font-size: 2.8rem;
        margin-bottom: 4rem;
    }


    .text__subtitle{
        font-size: 1.6rem;
    }

    .wishlist{
        margin-top: 4rem;
    }

    .wishlist__title{
        font-size: 1.8rem;
        margin-bottom: 1.2rem;
    }

    .wishlist__text{
        font-size: 1.6rem;
    }

    .wishlist__text:not(:last-child){
        margin-bottom: 1.6rem;
    }

    .wishlist__text:last-child{
        margin-bottom: 2rem;
    }


    .wishlist__content,
    .wishlist_wrapper{
        width: 100%;
        max-width: 100%;
    }

    .wishlist_wrapper{
        padding: 1.2rem;
    }

    .catalog__content__mobil{
        display: none;
    }

    .main{
        margin-top: 9rem;
    }

    .all__content{
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem;
    }

    .catalog__content,
    .gift__card{
        margin-bottom: 6rem;
    }

    .catalog__card__wrapper{
        flex-direction: column;
    }

    .catalog__card__title{

    }

    .catalog__card__item-first{
        margin-bottom: 2rem;
    }

    .catalog__card__main-img,
    .catalog__card__description{
        width: 34.3rem;
    }

    .catalog__card__description{
        margin-bottom: 1.2rem;
    }

    .catalog__card__content{
        padding: 0;
        margin-bottom: 1.2rem;
    }

    .catalog__card__title{
        width: 100%;
        margin-bottom: 1.2rem;
        font-size: 1.3rem;
    }

    .catalog__card__info{
        margin-bottom: 1.5rem;
    }

    .catalog__card__price{
        font-size: 1.3rem;
        white-space: nowrap;
        width: 6rem;
    }

    .catalog__card__price__sell{
        top: -1.2rem;
    }

    .catalog__card__block{
        align-items: center;
    }

    .catalog__block__title{
        width: 9rem;
    }

    .catalog__card__price__sell{
        font-size: 1.2rem;
    }

    .gift__card{
        margin-bottom: 6rem;
    }


    .gift__card__name{
        font-size: 2.4rem;
        margin-bottom: 4.8rem;
    }

    .gift__card__text{
        font-size: 1.6rem;
        margin-bottom: 4.8rem;
        width: 20rem;
    }

    .nav__item__filter{
        margin-right: 0.8rem;
    }

    .catalog__navigation__content{
        margin: 0 6rem;
    }
    .header__link__dis,
    .header__lang,
    .header__nav,
    .cookie{
        display: none;
    }

    .container{
        max-width: 34.3rem;
    }

    .hero__block{
        margin-top: 32.7rem;
    }


    .hero__block{
        margin-bottom: 4rem;
    }

    .hero__line{
        margin-bottom: 2rem;
    }

    .hero__paragraph__more{
        width: 24rem;
    }

    .footer__form__text{
        max-width: 100%;
    }

    .hero__block__text{
        padding-bottom: 2rem;
    }

    .hero__arrow{
        margin-left: 8.7rem;
    }

    .hero__img{
        height: 60rem;
    }

    .header__title{
        font-size: 2rem;
    }

    .hero__burger{
        display: block;
    }

    .hero__text{
        font-size: 3.2rem;
    }

    .wrapper__footer{
        padding-top: 4rem;
        padding-bottom: 2rem;
    }

    .footer__content{
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
          "c c"
          "a b"
          "e e"
          "d d"
          "f f";
        column-gap: 2rem;
    }

    .footer__list__logo{
        grid-area: c;
        margin-top: 0;
        justify-self: center;
        margin-bottom: 4rem;
    }

    .footer__list__links{
        grid-area: b;
    }

    .footer__list__info{
        grid-area: a;
    }

    .footer__form{
        grid-area: e;
        margin-bottom: 2.8rem;
        margin-top: 2.8rem;
    }
    .footer__list__media{
        display: flex;
        justify-content: space-between;
        grid-area: d;
        justify-self: stretch;
        margin-bottom: 2.8rem;
    }

    .footer__copyright{
        display: block;
        grid-area: f;
        justify-self: left;
    }

    .footer__form__block{
        width: 100%;
    }

    .charity__title-grid{
        margin-top: 0;
    }

    .charity__title{
        margin-top: 4rem;
    }

    .new__up {
        margin-bottom: 1.2rem;
        font-size: 1rem;
    }

    .new__title{
        margin-bottom: 1.2rem;
        font-size: 1.8rem;
    }

    .new__btn{
        padding: 1.2rem 0;
    }

    .btn__white{
        padding: 1.2rem 0;
    }

    .new__site{
        margin-bottom: 2rem;
    }

    .new__text br{
        display: none;
    }
}


html {
    font-family: 'Circe', sans-serif;
    font-size: 0.520835vw;
    font-style: normal;
    font-weight: normal;
    -webkit-animation: bugfix infinite 1s;
    line-height: 1.2;
    margin: 0;
    padding: 0;
}
body {
    font-style: normal;
    font-weight: normal;
    -webkit-animation: bugfix infinite 1s;
    line-height: 1.2;
    margin: 0;
    padding: 0;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

*{
    box-sizing: border-box;
}

input,
textarea {
    -webkit-animation: bugfix infinite 1s;
    line-height: inherit;
    margin: 0;
    padding: 0;
}
a {
    color: unset;
}
a,
a:hover {
    text-decoration: none;
}

button,
input,
a,
textarea {
    outline: none;
    cursor: pointer;
    font: inherit;
}
textarea:focus {
    outline: none;
}
textarea:active {
    outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font: inherit;
    margin: 0;
    padding: 0;
}
p {
    margin-top: 0;
    margin-bottom: 0;
}

img {
    width: 100%;
    height: auto;
    display: block;
}

button {
    border: none;
    color: inherit;
    font: inherit;
    text-align: inherit;
    padding: 0;
    background-color: inherit;
}
ul {
    padding: 0;
    margin: 0;
}

ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.container {
    width: 172.8rem;
    margin: 0 auto;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

:root {
    --primary: #FFFFFF;
    --primary--lite: rgba(255, 255, 255, 0.4);
    --black: #2F2E2A;
    --grey: rgba(47, 46, 42, 0.4);
    --grey--lite: rgba(255, 254, 248, 0.2);
    --coockie: rgba(255, 255, 255, 0.8);
    --background: #F6F6F6;
    --red: #A50F0F;
    --background--red: #FFF3F3;
}

.container{
    max-width: 184rem;
    width: 100%;
}

.paragraph{
    font-family: 'Inter Tight', sans-serif;
    font-weight: 300;
    line-height: 1;
    letter-spacing: 0.02em;
    font-size: 1.5rem;
    color: var(--black);
}

.wrapper__header{
    position: absolute;
    top: 4rem;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    z-index: 102;
}

.header__img{
    width: 2rem;
}

.header__flex{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.header__link{
    color: var(--primary);
}

.header__link:not(:last-child){
    margin-right: 2.4rem;
}

.header__lang{
    margin-right: 7rem;
}

.header__lang__text.active{
    color: var(--primary) !important;
}

.black.header__lang__text.active {
    color: black !important;
}

.header__lang__text{
    color: var(--primary--lite) !important;
    cursor: pointer;
}

.black.header__lang__text {
    color: rgba(0, 0, 0, 0.4) !important;
}

.header__lang__text:not(:last-child){
    margin-right: 1.2rem;
}

.header__title{
    font-size: 3rem;
    font-family: "Alumni Sans", sans-serif;
    font-weight: 600;
    color: var(--primary);
    letter-spacing: 0.2rem;
}

.hero__img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 102rem;
    z-index: -1;
}

.hero__text{
    font-family: 'Inter Tight', sans-serif;
    font-weight: 200;
    font-size: 4rem;
    letter-spacing: 0.02rem;
    text-transform: uppercase;
    margin-bottom: 1.25rem;
    color: var(--primary);
}

.hero__block{
    width: 24.4rem;
    margin-top: 65.8rem;
    margin-bottom: 5.4rem;
}

.hero__block__text{
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-bottom: 4rem;
}

.hero__block__link{
    display: flex;
    align-items: center;
    color: var(--primary);
    text-wrap: nowrap;
}

.hero__arrow{
    margin-left: 6.7rem;
}

.hero__paragraph{
    color: var(--primary);
}

.hero__paragraph__more{
    width: 28rem;
    color: var(--primary);
}

.hero__first__line{
    display: block;
    text-align: center;
    color: var(--primary);
}

.hero__line{
    width: 100%;
    height: 0.1rem;
    background-color: var(--grey--lite);
    margin-bottom: 4rem;
}

.hero{
    position: relative;
}




.hero__burger {
    position: relative;
    width: 1.5rem;
    height: 1.1rem;
}

.hero__burger__line,
.hero__burger::before,
.hero__burger::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 0.15rem;
    background-color: var(--primary);
    transition: opacity 0.2s ease, transform 0.3s ease;
}

.hero__burger-black.hero__burger__line,
.hero__burger-black.hero__burger::before,
.hero__burger-black.hero__burger::after{
    background-color: var(--black) !important;
}

.hero__burger__line{
    top: 50%;
    transform: translateY(-50%);
    opacity: 1;
}

.hero__burger::before{
    top: 0;
}

.hero__burger::after{
    bottom: 0;
}

.hero__burger.active .hero__burger__line{
   opacity: 0;
}

.hero__burger.active::before{
    transform: translateY(0.45rem) rotate(45deg);
}

.hero__burger.active::after{
    transform: translateY(-0.45rem) rotate(-45deg);
}

/* Анимация при активном состоянии */

.btn__black{
    border: none;
    padding: 2rem 4rem;
    color: var(--primary);
    background-color: var(--black);
    text-align: center;
}

.btn__lite{
    padding: 1.8rem 4rem;
    border: none;
    color: var(--black);
    outline: 0.1rem solid var(--black);
    text-align: center;
}


.cookie{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: var(--coockie);
    backdrop-filter: blur(4px);
    padding: 2.8rem 4rem;
}

.cookie__content{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;

}


.cookie__text{
    width: 94rem;
}

.cookie__link{
    text-decoration: underline;
}

.cookie__button{
    margin-right: 2rem;
}

.hero__arrow,
.footer__arrow{
    width: 2.4rem;
}

.wrapper__footer{
    padding-top: 14rem;
    background-color: var(--primary);
    padding-bottom: 4rem;
}

.wrapper__promo{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 49rem;
    background: var(--primary);
    padding: 4rem;
    z-index: 2;
    display: none;
}

.promo__content{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.promo__img{
    position: absolute;
    top: 2rem;
    right: 2rem;
    cursor: pointer;
    width: 2rem;
    z-index: 2;
}

.promo__title,
.promo__text{
    text-align: center;
    margin-bottom: 4rem;
}

.promo__title{
    font-size: 2.4rem;
}

.promo__text{
    font-size: 1.8rem;
}

.promo__btn{
    width: 100%;
}

.from__btn{
    margin-bottom: 1rem;
}

#from__promo{
    width: 72.6rem;
}

.from__promo__text{
    color: var(--grey);
    margin-bottom: 4rem;
}

.from__input{
    width: 100%;
    margin-bottom: 2rem;
    border: none;
    background-color: var(--background);
    padding: 1.6rem 1.2rem;
    color: var(--black);
}

.from__input::placeholder{
    color: var(--grey);
}

.aria{
    height: 22rem;
    resize: none;
}

.from__checkbox__text{
    font-size: 1.3rem;
    color: var(--grey);
    margin-left: 1.6rem;
}

.from__block:not(:last-child){
    margin-bottom: 1rem;
}

.from__block{
    display: flex;
    align-items: flex-start;
    justify-content: left;
}

.from__promo__title{
    font-size: 2.4rem;
    margin-bottom: 4rem;
}


.from__promo__content{
    align-items: flex-start;
    padding: 0 6rem;
}

.footer__content{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    align-items: start;
}

.footer__list__info{
    justify-self: start;
}

.footer__list__media,
.footer__list__logo,
.footer__list__links{
    justify-self: center;

}

.footer__form{
    justify-self: end;
}

.footer__item:not(:last-child){
    margin-bottom: 1.6rem;
}

.footer__item__media:not(:last-child){
    margin-bottom: 2.7rem;
}

.footer__link{
    color: var(--black);
}

.footer__link__more{
    display: flex;
    color: var(--black);
    font-size: 1.3rem !important;
    align-items: center;
}

.footer__arrow{
    margin-left:  1.2rem;
}

.footer__text,
.footer__form__text{
    font-family: 'Inter Tight', sans-serif;
    font-weight: 300;
    color: var(--grey);
    max-width: 32rem;
}

.footer__text{
    margin-bottom: 0.8rem;
    font-size: 1.3rem;
}

.footer__form__text{
    font-size: 1rem;
}

.footer__logo{
    width: 7rem;
    margin-top: 4rem;
}

.footer__form__arrow{
    width: 0.6rem;
}

.footer__form__block{
    position: relative;
    width: 32rem;
}

.footer__form__input{
    border: none;
    width: 100%;
    border-bottom: 0.1rem solid var(--black);
    padding-bottom: 1.15rem;
    color: var(--black);
}

.footer__form__arrow{
    position: absolute;
    top: 0.6rem;
    right: 0.9rem;
}

.footer__from__button{
    margin-bottom: 2.4rem;
    color: var(--black);
}

.footer__form__block{
    margin-bottom: 3.7rem;
}

.footer__copyright{
    display: none;
}

.hero__burger{
    display: none;
}

.nav,
.catalog__card__info,
.catalog__card__block,
.nav__block{
    display: flex;
    justify-content: space-between;
}

.nav__block{
    align-items: center;
}

.catalog__navigation,
.gift__card{
    display: flex;
    justify-content: center;
}

.gift__card{
    flex-direction: column;
    align-items: center;
}

.catalog__card__wrapper{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

}

.catalog__card__main-img{
    width: 90rem;
    margin-bottom: 1.6rem;
    object-fit: cover;
    object-position: center;
    height: 135rem;
}

.catalog__cards{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-items: center;
    row-gap: 2.4rem;
    column-gap: 4rem;
}

.catalog__content{
    margin-bottom: 10rem;
}

.catalog__card__title,
.catalog__card__description{
    margin-bottom: 1.2rem;
}

.catalog__card__info{
    margin-bottom: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 2rem;
}

.catalog__card__img{
    width: 42rem;
    object-fit: cover;
    object-position: center;
    height: 63rem;
}

.nav__img{
    width: 2.4rem;
}

.catalog__card__favorite{
    width: 2rem;
    cursor: pointer;
}

.catalog__navigation__arrow{
    width: 1.8rem;
    cursor: pointer;
}

.catalog__card__text{
    color: var(--grey);
}

.catalog__card__text--sold{
    color: #c0392b;
    font-weight: 600;
}

.catalog__navigation__number{
    cursor: pointer;
}

.catalog__card__title{
    color: var(--black);
    font-size: 2.4rem;
}

.catalog__card__price{
    position: relative;
    font-size: 1.8rem;
    color: var(--black);
}

.catalog__card__price__sell{
    position: absolute;
    right: 0;
    top: -2.4rem;
    color: var(--grey);
    text-decoration: line-through;
}

.catalog__card__description{
    color: var(--grey);
    width: 90rem;
}

.catalog__card__discount{
    color: var(--red);
}

.card__color{
    font-size: 1.8rem;
}

.card__info-head{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.4rem;
}

.card__name{
    font-family: 'Inter Tight', sans-serif;
    font-size: 3.2rem;
    font-weight: 400;
    color: var(--black);
}



.card__price-main{
    font-family: 'Inter Tight', sans-serif;
    font-size: 4rem;
    font-weight: 400;
    margin-bottom: 0.5rem;
    color: var(--black);
}

.arrows{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.2rem;
    margin-top: 1.8rem;
}

.catalog__card__color-content,
.catalog__card__colors{
    display: flex;
    gap: 0.6rem;
}

.catalog__card__colors{
    align-items: center;
}

.catalog__card__color-name{
    margin-right: 2rem;
    color: var(--black);
}

.gift__card{
    margin-bottom: 10rem;
}

.gift__card__name{
    margin-bottom: 4rem;
}

.gift__card__content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.gift__card__name{
    font-family: 'Inter Tight', sans-serif;
    font-weight: 400;
    font-size: 3.2rem;
    text-align: center;
    color: var(--black);
}

.gift__card__text{
    font-size: 1.8rem;
    text-align: center;
    margin-bottom: 4rem;
    color: var(--black);
}

.catalog__color{
    cursor: pointer;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 100%;
    background-color: var(--black);
}

.new__up{
    margin-bottom: 2rem;
}

.new__title{
    font-family: 'Inter Tight', sans-serif;
    font-weight: 300;
    color: var(--black);
    margin-bottom: 2rem;
    font-size: 2.4rem;
}

.new__site{
    margin-bottom: 4rem;
}

.new__text{
    color: var(--grey);
    line-height: 120%;
}

/* Image 1 - 9 цветов */
.catalog__color__black{background-color: #2B1F1A;}
.catalog__color__grey{background-color: #6B5548;}
.catalog__color__beige{background-color: #A39388;}
.catalog__color__chocolate{background-color: #5C3D2E;}
.catalog__color__coffee-brown{background-color: #3D342F;}
.catalog__color__tan-brown{background-color: #4A3A32;}
.catalog__color__warm-brown{background-color: #6B4E3D;}
.catalog__color__espresso{background-color: #5A4A3F;}
.catalog__color__light-brown{background-color: #2E2420;}

/* Image 2 - 9 цветов */
.catalog__color__cream{background-color: #2D1F18;}
.catalog__color__taupe{background-color: #E8DDD0;}
.catalog__color__chestnut{background-color: #9B8B7E;}
.catalog__color__burgundy{background-color: #5C3D2E;}
.catalog__color__charcoal{background-color: #C73944;}
.catalog__color__mocha{background-color: #4A4543;}
.catalog__color__slate-grey{background-color: #7A6052;}
.catalog__color__graphite{background-color: #6B6D6A;}
.catalog__color__dark-espresso{background-color: #3A322E;}

/* Image 3 - 9 цветов */
.catalog__color__tan{background-color: #2D1F18;}
.catalog__color__light-grey{background-color: #8B6F52;}
.catalog__color__chocolate-brown{background-color: #B5A89A;}
.catalog__color__dark-grey{background-color: #5C3426;}
.catalog__color__onyx{background-color: #4D524F;}
.catalog__color__camel{background-color: #2E2526;}
.catalog__color__medium-grey{background-color: #8B7355;}
.catalog__color__charcoal-brown{background-color: #7A7B78;}
.catalog__color__cocoa{background-color: #3A322E;}

/* Image 4 - 9 цветов */
.catalog__color__pure-black{background-color: #1A1614;}
.catalog__color__silver-grey{background-color: #C5B5A8;}
.catalog__color__burgundy-red{background-color: #8B8580;}
.catalog__color__dark-red{background-color: #4A3428;}
.catalog__color__walnut{background-color: #A52A2A;}
.catalog__color__charcoal-grey{background-color: #4A4340;}
.catalog__color__ash-grey{background-color: #5C4D42;}
.catalog__color__mahogany{background-color: #6B5D52;}
.catalog__color__stone-grey{background-color: #4A3F38;}

.direction{
    flex-direction: row-reverse;
}

.catalog__color:not(:last-child){
    margin-right: 0.6rem;
}

.catalog__navigation__content{
    margin: 0 8rem;
}

.nav{
    margin-bottom: 4rem;
}

.all{
    margin-bottom: 4rem;
}

.nav__item__decor{
    width: 0.3rem;
    height: 0.3rem;
    background: var(--black);
    margin: 0 0.6rem;
}

.all__content{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 4rem;
}

.main{
    margin-top: 15rem;
    overflow: hidden;
}

.black{
    color: var(--black);
}

.wishlist__title{
    font-size: 2.4rem;
    margin-bottom:  2.4rem;
}

.wishlist__text{
    font-size: 1.8rem;
}

.wishlist__text:not(:last-child){
    margin-bottom: 1.6rem;
}

.wishlist__text:last-child{
    margin-bottom: 2rem;
}

.wishlist__item{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.wishlist__list,
.wishlist__btn,
.wishlist__line{
    width: 100%;
}

.wishlist__line{
    height: 0.1rem;
    background: var(--grey);
    margin-bottom: 2rem;
}

.wishlist_wrapper{
    border: 0.1rem solid var(--grey);
    padding: 4rem;
    max-width: fit-content;
}

.wishlist__content{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 66rem;
}

.wishlist{
    margin-top: 18rem;
}

.title{
    font-family: 'Inter Tight', sans-serif;
    font-weight: 250;
    margin-bottom: 4rem;
    font-size: 4rem;
    text-transform: uppercase;
    color: var(--black);
}

.description{
    margin-bottom: 4rem;
}

.text__list{
    margin-bottom: 4rem;
}

.text__list__item{
    position: relative;
    padding-left: 2rem;
    margin-bottom: 1.6rem;
}


.text__list__item::before{
    content: "";
    width: 0.5rem;
    height: 0.5rem;
    position: absolute;
    border-radius: 50%;
    background-color: var(--black);
    left: 0.6rem;
    top: 50%;
    transform: translateY(-50%);
}



.subtitle{
    font-weight: 400;
    font-family: 'Inter Tight', sans-serif;
    margin-bottom: 4rem;
    font-size: 1.8rem;
    color: var(--black);
}

.text{
    margin-bottom: 2rem;
}

.text__subtitle{
    font-weight: 400;
    margin-bottom: 0.4rem;
}

.text__container{
    max-width: 120.6rem;
    margin: 0 auto;
}

.text__list__item-offer{
    padding-left: 0;
    display: flex;
}

.text__subtitle-offer{
    margin-right: 1.2rem;
    width: 2.4rem;
}


.text__list__item-offer::before{
    display: none;
}

.error__content{
    position: relative;
    width: 45.5rem;
    margin: 0 auto;
}

.error__title{
    font-weight: 400;
    font-size: 20rem;
    margin-bottom: 4rem;
    text-align: center;

}

.error__subtitle{
    font-weight: 400;
    font-size: 3.2rem;
    margin-bottom: 4rem;
    text-align: center;
}

.error__text{
    text-align: center;
    font-weight: 400;
    margin-bottom: 5rem;
}

.error__btn{
    display: inline-block;
    width: 100%;
}

.error__img__left{
    position: absolute;
    bottom: 0;
    left: -60rem;
    width: 47.7rem;
    z-index: -1;
}

.error__img__right{
    right: -58rem;
    bottom: 0;
    position: absolute;
    width: 55.7rem;
    z-index: -1;
}

.contacts__content{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 4rem;
    grid-template-areas:
    "c a a"
    "c b b"
    "c b b";
}



.contacts__block{
    display: flex;
    justify-content: space-between;
    grid-area: a;
    margin-bottom: 17.7rem;
}

.contacts__wrapper{
    display: flex;
    justify-content: space-between;
    grid-area: b;
}



.contacts__img{
    width: 74.3rem;
    grid-area: c;
}

.contacts__title{
    margin-bottom: 2rem;
    font-size: 2.4rem;
}

.contacts__list:not(:last-child){
    margin-bottom: 2rem;
}

.contacts__list__img{
    width: 1.2rem;
    margin-right: 0.3rem;
}

.contacts__list__title{
    display: flex;
    color: var(--grey);
    font-size: 1.3rem;
    margin-bottom: 0.8rem;
}

.contacts__promo{
    position: static;
    display: block;
    transform:none;
    padding: 0;
    width: 52rem;
}
.contacts__promo > .from__promo__content{
    padding: 0;
}

.contacts__block__form__title{
    font-weight: 400;
    margin-bottom: 2rem;
    font-size: 2.4rem;
}

.contacts__item__media{
    margin-right: 2rem;
}

.contacts__list__media{
    display: flex;
    margin-bottom: 24rem !important;
}

.contacts__subtitle{
    font-weight: 400;
    display: flex;
    font-size: 1.8rem;
    cursor: pointer;
}

.contacts__subtitle__img{
    margin-left: 1.6rem;
    width: 2.4rem;
}

.partnership__hero{
    text-wrap: nowrap;
    margin-top: 78rem;
}

.collaborations__hero{
    text-wrap: nowrap;
    margin-top: 78rem;
}

.contacts__list__wrapper{
    margin-bottom: 2rem;
}

.partnership__title{
    width: 41rem;
}

.partnership{
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
}

.partnership__wrapper{
    margin-top: 20rem;
}

.partner__contacts__wrapper{
    flex-direction: column;
}
.partnership__contacts__list__wrapper{
    display: flex;
    margin-bottom: 12.5rem;
}

.partnership__contacts__list{
    margin-right: 6rem;
}

.hero__text__black{
    font-size: 4rem;
    color: var(--black);
    font-weight: 200 !important;
}

.partnership__promo__content{
    width: 74rem;
}

.collaborations{
    margin-top: 20rem;
}

.collaborations__title{
    font-weight: 250;
    font-family: 'Inter Tight', sans-serif;
    font-size: 4rem;
    color: var(--black);
    margin-bottom: 4rem;
    text-transform: uppercase;
}
.collaborations__block{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.collaborations__item{
    display: flex;
    align-items: flex-start;
    gap: 4rem;

}

.collaborations__subtitle br{
 display: none;
}

.collaborations__img{
    width: 90rem;
}

.collaborations__text{
    width: 43rem;
    line-height: 1.8rem;
}

.collaborations__from__text{
    color: var(--black);
}

.collaborations__from__img{
    width: 90rem;
}

.brand__collaborations{
    flex-direction: row-reverse;
}

.production__content{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.production{
    margin: 20rem 0;
}

.production__title{
    margin-bottom: 8rem;
}

.production__img{
    margin-bottom: 8rem;
    width: 100%;
}

.production__text{
    width: 83.8rem;
}

.materials{
    margin-bottom: 20rem;
}

.materials__text{
    width: 89.9rem;
}

.materials__title{
    margin-bottom: 3.2rem;
}

.materials__subtitle{
    font-weight: 300;
    font-family: 'Inter Tight', sans-serif;
    font-size: 2.4rem;
    color: var(--black);
    margin-bottom: 5rem;
}

.materials__img{
    width: 90rem;
    margin-bottom: 4rem;
}

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

.work{
    margin-bottom: 8rem;
}

.work__title{
    margin-bottom: 2rem;
}

.work__subtitle{
    margin-bottom: 7rem;
}

.work__description{
    width: 59.7rem;
    line-height: 1.8rem;
}

.work__collaborations{
    margin-top: 0;
}

.work__item{
    margin-bottom: 30rem;
}

.work__subheading{
    font-size: 1.8rem;
    margin-bottom: 2rem;
}

.master__paragraph{
    width: 58rem;
}

.master__title{
    margin-bottom: 3rem;
}

.master__text{
    margin-bottom: 2rem;
}

.master__block{
    display: flex;
    justify-content: space-between;
    gap: 4rem;
}

.master__paragraph{
    line-height: 1.8rem;
}

.charity__title{
    margin-bottom: 6rem;
}

.charity__span{
    font-weight: 400;
    text-transform: uppercase;
}

.charity__text:not(:last-child){
    margin-bottom: 4rem;
}

.charity__text{
    width: 70rem;
}

.charity__description{
    margin-bottom: 8rem;
}

.charity__img__mobil{
    display: none;
}

.mobil__menu{
    display: none;
}

.mobil__menu a {
    color: white !important;
}

.accordion__link-white,
.accordion__toggle-white{
    color: var(--black) !important;
}
.accordion__item{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.plus{
    position: relative;
    cursor: pointer;
    width: 1.6rem;
    height: 1.6rem;
    transition: transform 0.3s ease;
}

.plus:before,
.plus:after{
    position: absolute;
    content: "";
    width: 100%;
    height: 0.1rem;
    background: var(--primary);
}


.plus-white.plus:before,
.plus-white.plus:after{
    background: var(--black);
}


.plus:before{
    top: 50%;
    transform: translateY(-50%);
}

.plus:after{
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
}

.accordion.active .plus{
    transform: rotate(-45deg);
}

.accordion__toggle{
    font-size: 1.3rem;
    color: var(--primary);

}

.accordion__content{
    padding-top: 1.2rem;
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.3s ease;
    overflow: hidden;
}

.accordion__content__line{
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.accordion.active .accordion__content {
    grid-template-rows: 1fr;
}

.accordion:not(:last-child){
    margin-bottom: 2rem;
}

.accordion__link:not(:last-child){
    margin-bottom: 0.4rem;
}

.accordion__link{
    font-size: 1.2rem;
    color: var(--primary);

}

.nav{
    position: relative;

}

.nav__block__filter{
    cursor: pointer;
}


.price-range{
    padding-top: 1.2rem;
    width: 18rem;
}

.range__input{
    width: 100%;
    height: 0.8rem;
    background: var(--grey);
    accent-color: var(--black);
    border-radius: 0;
    margin-bottom: 1.2rem;
}

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

.range__text{
    border: 0.1rem solid var(--grey);
    padding: 0.4rem 1rem;
}

.accordion__content__price{
    padding-top: 0 !important;
    margin-top: 1.2em;
}

.range__input::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 1.2rem;
    height: 1.2rem;
    background: var(--black);
    border-radius: 0.4rem;
    cursor: pointer;
}

.checkbox {
    display: flex;
    align-items: center;
    gap: 1rem;
    cursor: pointer;
    margin-bottom: 1.2rem;
}

.checkbox__input {
    display: none;
}

.checkbox__custom {
    width: 1.65rem;
    height: 1.65rem;
    border: 0.1rem solid var(--black);
    border-radius: 0.2rem;
    position: relative;
    flex-shrink: 0;
}

.checkbox__input:checked + .checkbox__custom::after {
    content: '';
    position: absolute;
    background: url("../images/chek.svg") no-repeat center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1rem;
    height: 0.8rem;

}

.filer{
    position: absolute;
    right: -32rem;;
    top: 100%;
    padding: 4rem;
    width: 32rem;
    z-index: 5;
    background: var(--primary);
    transition: right 0.3s ease;
}

.filer.active{
    right: 0;
}

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

.filer__info__text:last-child{
 cursor: pointer;
}

.favorite,
.favorite__header{
    cursor: pointer;
    height: 2rem;
}

.favorite__in{
    stroke: #2F2E2A;
}

.favorite__in-white{
    stroke: #FFFFFF;
    fill: none;
}

.favorite__in.active{
    fill: var(--red);
    stroke: var(--red);
}

.filer__info__arrow{
    width: 2.4rem;
    margin-left: 2rem;
}

.filer__info__text{
    display: flex;
}

.accordion-filer{
    margin-bottom: 3rem !important;
}

.support__content{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
}

.support__header{
    display: flex;
    align-items: center;
    margin-bottom: 0.85rem;
}

.support__icon{
    margin-right: 1.3rem;
    width: 2.4rem;
}

.support__content__img{
    width: 1.6rem;
    margin-right: 1.3rem;
}

.support__list-main{
    padding-left: 1.8rem;
    padding-top: 1rem;
}

.text__list-search{
    margin-bottom: 0.4rem;
}

.support__title{
    font-family: 'Inter Tight', sans-serif;
    font-weight: 400;
    font-size: 1.5rem;
    color: var(--black);
}

.support__text{
    margin-bottom: 2rem;
    line-height: 120%;
}

.support__content__block{
    display: flex;
    flex-direction: column;
    padding: 4rem;
    width: 100%;
    border: 0.1rem solid var(--grey);
}

.support-item{
    margin-bottom: 0.4rem;
}

.btn__white{
    padding: 2rem 0;
    width: 100%;
    border: 0.1rem solid var(--grey);
    text-align: center;
    margin-top: auto;
}

.btn__red{
    width: 100%;
    padding: 1.2rem 0 1.2rem 1.6rem;
    background-color: var(--background--red);
    border: 0.1rem solid var(--grey);
}

.support__contact{
    display: flex;
}

.support__contact:not(:last-child){
    margin-bottom: 0.8rem;
}

.support__text-subtitle{
    margin-bottom: 1rem;
}

.support__contact-wrapper{
    margin-bottom: 2rem;
}

.support__content__message{
    color: var(--grey);
}


.support__content__block-gray{
    background: var(--background);
    grid-area: 4 / 1 / 4 / 2;

}

.support__text-link{
    margin-bottom: 0;
}

.support__text-line{
    text-decoration: underline;
}

.support__content__block-height{
    height: fit-content;
}

.support__description{
    color: var(--grey);
    width: 81rem;
}

.support__highlight{
    font-weight: 400;
}

.support__title-description{
    margin-bottom: 8rem;
    line-height: 110%;
}

.delivery__payment-item{
    display: grid;
    grid-template-columns: repeat(3, 21rem);
    gap: 1rem;
    margin-bottom: 1.6rem;
}

.delivery__way{
    border: 0.1rem solid var(--grey);
    padding: 1.2rem;
}

.delivery__way-red{
    background-color: var(--background--red);
}

.delivery__content{
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.delivery__main{
    grid-area: 1 / 1 / 3 / 3 ;
}

.delivery__last{
    grid-area: 5 / 1 / 5 / 1 ;
}

.delivery__subtitle{
    margin-bottom: 1.8rem;
}

.delivery__head{
    font-family: 'Inter Tight', sans-serif;
    font-size: 1.3rem;
    color: var(--grey);
    margin-bottom: 0.5rem;
}

.support__highlight-delivery{
    margin-bottom: 0.5rem;
}

.delivery__text{
    background-color: var(--background);
    padding: 0.8rem 0 0.8rem 1.2rem;
}

.delivery__text-way{
    grid-area: 2 / 1 / 2 / 4 ;
}

.support__contact-wrapper{
    display: grid;
    grid-template-columns: 24rem 32.5rem;
    column-gap: 8rem;
    row-gap: 0.8rem;
}

.delivery__pay{
    display: flex;
    align-items: center;
    padding: 0 2.4rem;
    border: 0.1rem solid var(--grey);
    height: 4.2rem;
}

.delivery__icon{
    width: 1.1rem;
    margin-right: 1.3rem;
}

.delivery__pay-way{
    margin-top: 1.6rem;
    grid-area: 3 / 1 / 3 / 3 ;
}

.delivery__list{
    padding-left: 1.2rem;
}

.delivery__pay-way br,
.delivery__text-way br,
.delivery__part br{
    display: none;
}


.reviews__wrapper{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 4rem;
}

.reviews__content-waiting{
    grid-area: 1 / 1 / 1 / 3 ;
}

.reviews__content-buy{
    grid-area: 1 / 3 / 1 / 5 ;
}

.reviews__content-waiting,
.reviews__content-buy{
    padding: 4rem;
    border: 0.1rem solid var(--grey);
    margin-bottom: 4rem;
}

.reviews__btns{
    display: flex;
    width: 100%;
    align-items: center;
    gap: 1rem;
}

.reviews__subtitle{
    font-size: 1.8rem;
    margin-bottom: 2rem;
}

.reviews__muted{
    font-family: 'Inter Tight', sans-serif;
    font-weight: 300;
    font-size: 1.3rem;
    color: var(--grey);
}

.reviews__muted-description{
    margin-bottom: 2rem;
}

.reviews__name{
    font-weight: 400;
}

.reviews__muted{
    font-family: 'Inter Tight', sans-serif;
    color: var(--grey);
    font-weight: 300;
    margin-top: 0.8rem;
}

.reviews__muted-span{
    margin-left: 0.5rem;
}

.reviews__title{
    font-size: 2.4rem;
    margin-bottom: 2rem;
}

.reviews__btn--black,
.reviews__btn-wrapper{
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    margin-top: 0;
    height: 5.8rem;
    border: 0.1rem solid var(--black);
    cursor: pointer;
}

.reviews__btn--black{
    background-color: var(--black);
    color: var(--primary);
    border: none;
}

.reviews__icon{
    margin-left: 1rem;
    width: 1.8rem;
}


.reviews__content{
    padding: 2rem;
    border: 0.1rem solid var(--grey);
    display: flex;
    min-height: 34.6rem;
    max-height: fit-content;
    flex-direction: column;
}

.reviews__content.active{
    height: auto;
}


.reviews__img{
    width: 26rem;
    margin-bottom: 1.4rem;
}

.reviews__items{
    display: flex;
    gap: 2rem;
}

.reviews__starts{
    display: flex;
    gap: 0.5rem;
    margin-bottom: 2.5rem;
}

.reviews__images{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1rem;
    margin-bottom: 2rem;
}

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

.reviews__photo{
    width: 12rem;
    height: 11rem;
}

.reviews__text{
    margin-bottom: 1.2rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    transition: max-height 0.3s ease;
    line-height: 120%;
}

.reviews__text.active{
    -webkit-line-clamp: unset;
}

.reviews__promo{
    width: 82rem;
}

.reviews__star{
    width: 2rem;
}

.reviews{
    margin-bottom: 4rem;
}

.index__wrapper{
    margin: 8rem 0;
}

.index__link{
    display: block;
    font-size: 2.4rem;
    margin-bottom: 2rem;
}

.new{
    margin-bottom: 4rem;
}

.new__wrapper{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 4rem;
    row-gap: 10rem;
}

.new__img-wrapper{
    background-color: var(--background);
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 2rem;
}

.new__img{
    width: 100%;
    height: 130rem;
}

.new__block{
    display: flex;
    gap: 4rem;
    align-items: flex-end;
}

.new__description{
    color: var(--grey);
    width: 58rem;
    margin-bottom: 0.8rem;
}

.new__btn{
    width: 100%;
}

.reviews__muted-little{
    font-size: 1rem;
}

.new__name{
    position: absolute;
    left: 2rem;
    top: 2rem;
    z-index: 2;
}

.new__icon{
    position: absolute;
    right: 2rem;
    top: 2rem;
    z-index: 2;
}

.brand__collaborations-grid{
    display: grid;
    column-gap: 24rem;
    grid-template-areas:
        "a b"
        "c b";
}

.collaborations__img-grid{
    grid-area: b;
}

.charity__title-grid{
    grid-area: a;
}

.collaborations__text-all{
    grid-area: c;
}

.collaborations__grid{
    column-gap: 4rem;
}

.materials__head{
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 4rem;
}

.collaborations__place{
    column-gap: 4rem !important;
}

.brand__hero{
    margin-top: 78rem;
}

.brand__text-bottom{
    color: var(--primary);
    width: 40rem;
}

.brand__text-bottom br{
    display: none;
}

.voucher__main{
    padding: 2rem;
    background: #121212 url("../images/logos.png") center/64rem no-repeat;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;

}

.voucher__company{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.voucher__company:not(:last-child){
    margin-bottom: 7rem;
}

.voucher__company::before,
.voucher__company::after{
    content: '';
    height: 0.1rem;
    width: 24rem;
}

.voucher__company::before{
    background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
}
.voucher__company::after{
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));

}

.voucher__items{
    display: none;
}

.voucher__arrow{
    width: 1rem;
}

.voucher__firm{
    font-size: 3rem;
    text-wrap: nowrap;
}

.voucher__name{
    font-size: 5.6rem;
    margin-bottom: 3.4rem;
}

.voucher__subtext{
    margin-bottom: 2.5rem;
    font-size: 2.4rem;
}

.voucher__subtext{
    color: rgba(255, 255, 255, 0.4) !important;
}


.text__secondary{
    font-weight: 600;
    text-transform: uppercase;
    color: var(--primary);
    font-family: "Alumni Sans", sans-serif;
    letter-spacing: 0.2em;
    text-align: center;
}

.voucher__primary{
    font-weight: 700 !important;
    margin-bottom: 5rem;
    font-size: 7.2rem;
}

.voucher__id,
.voucher__date{
    font-size: 2.5rem;

}

.voucher__id{
    margin-bottom: 1.2rem;
}

.voucher__content{
    display: grid;
    grid-template-columns: 1fr 1.4fr;
    column-gap: 8rem;
    align-items: center;
}

.index__link-new{
    width: fit-content;
    padding-bottom: 0.3rem;
    border-bottom: 2px solid var(--black);
}

.voucher__block{
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.voucher__title{
    font-size: 2.4rem;
    letter-spacing: -0.02rem;
    font-family: 'Inter Tight', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
}

.voucher__select{
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    padding: 1rem 1.2rem;
    background-color: rgba(246, 246, 246, 1);
    margin: 0.5rem 0;
}

.voucher__description{
    color: var(--grey);
    font-size: 1.8rem !important;
}

.voucher__paragraph,
.voucher__text,
.voucher__hint,
.voucher__note{
    color: var(--grey);
    font-size: 1.3rem;

}

.voucher__hint{
    font-size: 1rem !important;
}

.voucher__rating{
    display: flex;
    justify-content: space-between;
    border-top: 0.1rem solid var(--grey);
    padding-top: 2rem;
}

.voucher__item{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
}

.voucher__text-all{
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 2rem;
    row-gap: 1.4rem;
    width: fit-content;
}

.voucher__wrapper{
    padding: 2rem;
    border: 0.1rem solid var(--grey);
}

.voucher__paragraph{
    text-align: center;
}

.search{
    margin-top: 1rem;
    display: flex;
    justify-self: right;
    transition: opacity 0.3s ease;
    opacity: 0;
    background-color: var(--primary);
}

.search.active{
    opacity: 1;
}

.search__input{
    width: 42rem;
    padding: 1.2rem 2rem;
    background: url("../images/search.svg") no-repeat  right 2rem center /2rem;
    border: 0.1rem solid var(--grey);
}

.search__input::placeholder{
    color: var(--black);
}

.text__list-loyalty{
    margin-bottom: 0.4rem;
}

.list__loyalty{
    margin-bottom: 2rem;
}

.subtitle-loyalty:not(:first-child){
    margin-top: 4rem;
}
.subtitle-loyalty{
    margin-bottom: 2rem;
}

.card__content{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
}

.card__images{
    display: grid;
    grid-template-columns: 60rem 60rem;
    grid-template-rows: repeat(4, 90rem);
    gap: 0;
}

.card__left-img,
.card__right-img{
    width: 1.8rem !important;
    height: 1rem;
    cursor: pointer;
}

.arrows__content{
    width: 1.8rem !important;
}

.wrapper__accordion-look .accordion{
    cursor: pointer;
}

.wrapper__accordion-look .accordion.active{
    cursor: auto;
}

.look{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
}

.look__img{
    width: 17rem;
}

.card__subtitle{
    margin-top: 7rem;
    margin-bottom: 2rem;
}

.accordion__look{
    font-size: 1.8rem;
}

.look__btn-main{
    padding: 2rem 4rem;
}

.look__price{
    text-wrap: nowrap;
}

.wrapper__accordion-look{
    margin-bottom: 4.4rem;
}

.look__info{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 6rem;
}

.card__text-club{
    font-family: "Alumni Sans", sans-serif;
    font-size: 1.6rem;
    color: var(--grey);
    margin-bottom: 0.4rem;
}

.card__text-smooth{
    color: var(--black);
}

.slider__bugs{
    display: flex;
    gap: 0.4rem;
    margin-bottom: 4rem;
}

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


.look__btn{
    width: 100%;
    padding: 1.1rem;
}

.wrapper__look-img{
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 30rem;
}

.order__content{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
}

.order__left{
    display: grid;
    gap: 4rem;
}

.order__left {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    grid-template-areas:
        "code details info"
        "baza details info"
        "baza price  price"
        "help .      .";
    gap: 4rem;
    margin-bottom: 4rem;
}

.order__content-code {
    grid-area: code;
}

.order__content-baza {
    grid-area: baza;
}

.order__content-details {
    grid-area: details;
}

.order__content-info {
    grid-area: info;
}

.order__content-price {
    grid-area: price;
}

.order__content-help {
    grid-area: help;
}

.contacts__description{
    line-height: 1.1;
}

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

.order__down{
    width: 50%;
}

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

.order__picture{
    width: 6.6rem;
    height: 6.6rem;
    margin-right: 1.4rem;
}

.order__block{
    display: flex;
    justify-content: flex-start;
    margin-bottom: 2rem ;
}

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

.order__buttons{
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 1.6rem;
    padding-bottom: 2rem;
    border-bottom: 0.1rem solid var(--grey);
}

.order__content-help{
    background-color: rgba(246, 246, 246, 1);
}

.order__repayment-img{
    width: 1.4rem;
    height: 1.4rem;
    margin-right: 0.8rem;
}

.img__link{
    width: 1.2rem;
    height: 1.2rem;
    margin-left: 1rem;
}

.btn__link{
    display: flex;
    padding: 0.6rem 1.2rem;
    border: 0.1rem solid var(--grey);
    cursor: pointer;
}

.text__order-big,
.text__order-nano,
.text__order-mini,
.text__order{
    font-family: "Inter Tight", sans-serif;
    font-weight: 300;
    color: var(--grey);
    letter-spacing: 0.02rem;
}

.text__order{
    font-size: 1.3rem;
}

.text__order-mini{
    margin-top: 0.4rem;
    font-size: 1.2rem;
}

.text__order-big{
    font-size: 1.5rem;
}

.text__order-nano{
    font-size: 1rem;
}

.order__conclusion{
    text-align: center;
    margin-top: 1.6rem;
}

.result__subtext{
    margin-top: 0.4rem;
}

.header__help{
    margin-bottom: 2rem;
}

.text__order-black-red,
.text__order-black-big,
.text__order-black {
    font-family: "Inter Tight", sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    letter-spacing: 0.02rem;
    color: var(--black);
}

.text__order-black-red{
    color: var(--red);
}

.order__check{
    font-family: "Inter Tight", sans-serif;
    font-size: 1.8rem;
    font-weight: 400;
    color: var(--black);
}

.order__delivery{
    align-items: center;
    margin-bottom: 2rem;
}

.order__span{
    margin-left: 1.2rem;
}

.order_title-code{
    font-weight: 400;
    font-size: 1.8rem;
}

.order__li{
    margin-bottom: 1.4rem;
}

.result{
    padding-top: 0.8rem;
    border-top: 0.1rem solid var(--grey);
}

.result__price{
    font-weight: 400;
    font-size: 1.8rem;
}

.order__title{
    font-weight: 300;
    font-size: 1.8rem;
    margin-bottom: 2rem;
}

.order__price,
.order__name,
.order__smooth{
    margin-bottom: 0.8rem;
}

.order__text{
    margin-bottom: 1.25rem;
}

.result__block{
    padding: 1.2rem;
    border: 0.1rem solid var(--grey);
}

.result__buttons{
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 1.4rem;
}

.result__text{
    font-weight: 400;
    color: var(--black);
}

.result__block-grey{
    background-color:rgba(246, 246, 246, 1);
}

.order__info{
    margin-bottom: 1.6rem;
}

.info__code{
    padding: 0.4rem 0.8rem;
    background-color: rgba(246, 246, 246, 1);
}

.info__text{
    margin-bottom: 0.8rem;
}

.info__title{
    margin-bottom: 0.4rem;
}

.info__address{
    font-weight: 400;
    font-size: 1.5rem;
}

.order__info__data,
.flex__start-info{
    width: 100%;
}

.checkbox.checkout__text,
.checkbox.checkout__subtext{
    margin-bottom: 0;
}

.order__info__text{
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.order__payment-cart{
    font-size: 1.5rem;
}

.order__payment-status{
    font-size: 1.25rem;
}

.text__order-red{
    color: var(--red);
    font-size: 1.3rem;
    margin-bottom: 2rem;
}


.checkout__price,
.checkout__title{
    font-size: 2.4rem;
    font-weight: 300;
    margin-bottom: 4rem;
}
.checkout__price{
    font-family: "Inter Tight", sans-serif;
    margin-bottom: 0;
}


.checkout__text-red,
.checkout__subtext,
.checkout__text{
    font-family: "Inter Tight", sans-serif;
    font-weight: 300;
    font-size: 1.5rem;
    color: var(--black);
}

.checkout__number{
    font-weight: 400;
}

.checkout__subtext{
    font-size: 1.3rem;
    color: var(--grey);
}

.checkout__text-red{
    color: var(--red);
}

.checkout__wrapper{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
}

.checkout__sum,
.checkout__right{
    padding: 4rem;
    border: 0.1rem solid var(--grey);
}

.checkout__left{
    display: flex;
    flex-direction: column;
    gap: 4rem;
}

.checkout__delivery,
.checkout__payment,
.checkout__item{
    padding: 2rem;
    border: 0.1rem solid var(--grey);

}

.checkout__item{
    display: flex;
    gap: 4rem;
    position: relative;
}

.checkout__delivery,
.checkout__payment{
    margin-bottom: 4rem;
}

.checkout__content{
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.checkout__form{
    margin-bottom: 4rem;
}

.checkout__paying{
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 2.4rem;
}

.checkout__btn{
    width: 100%;
    margin-bottom: 2rem;
}



.checkout__bonus,
.checkout__info{
    display: flex;
    justify-content: space-between;
}

.checkout__info{
    align-items: center;
}



.checkout__right{
    height: fit-content;
}

.checkout__item-info{
    margin-bottom: 1.6rem;
}

.checkout__bonus{
    align-items: flex-end;
    margin-bottom: 2rem;
}

.checkout__close{
    width: 2rem;
    height: 2rem;
    position: absolute;
    right: 2rem;
    top: 2rem;
    cursor: pointer;
}

.wrapper__quantity{
    margin-bottom: 10rem;
    display: flex;
    align-items: center;

}

.checkout__quantity{
    margin-bottom: 0.8rem;
}

.checkout__number{
    margin: 0 2rem;
}

.checkout__rate{
    margin-bottom: 2rem;
}

.checkout__color,
.checkout__article{
    margin-bottom: 2rem;
}

.checkout__title-sum{
    padding-bottom: 2.4rem;
    border-bottom: 0.1rem solid var(--grey);
    text-align: center;
    margin-bottom: 2rem;
}

.checkout__subtitle{
    font-size: 1.8rem;
    margin-bottom: 2.4rem;
}

.checkout__minus{
    width: 1.5rem;
    height: 0.1rem;
    background: var(--grey);
    cursor: pointer;
}

.checkout__plus{
    position: relative;
    width: 1.5rem;
    height: 0.1rem;
    background: var(--black);
    cursor: pointer;
}

.checkout__address{
    margin-bottom: 0.4rem;
}

.checkout__arrow{
    position: absolute;
    right: 2rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1.2rem;
    cursor: pointer;
}

.checkout__input{
    position: relative;

}

.checkout__plus::before{
    content: "";
    position: absolute;
    width: 1.5rem;
    height: 0.1rem;
    top: 50%;
    left: 0;
    background: var(--black);
    transform: rotate(90deg);
}

.checkbox__set{
    margin-bottom: 1.6rem !important;
}
.checkout__sum-text{
    font-size: 1.8rem;
    font-weight: 300;
}

.checkout__sum-subtext{
    font-size: 1.8rem;
    font-weight: 400;
}

.checkout__sum-mini{
    font-size: 1.3rem;
    color: var(--grey);
    margin-top: 0.8rem;
}

.checkout__sum-result{
    font-weight: 400;
    font-size: 2.4rem;
}

.checkout__item-img{
    width: 24rem;
    height: 36rem;
}

.checkbox.checkout__subtext > .checkbox__custom{
    border: 0.1rem solid var(--grey);
}

.checkout__paying-img{
    width: fit-content;
    height: 2.4rem;
    margin-right: 0.6rem;
}

.checkout__text-bold{
    font-family: 'Inter', sans-serif;
}

.container__brand{
    max-width: 185rem;
}

.form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    max-width: 720px;
}

.field {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.field-label {
    font-size: 13px;
    color: #6b6b6b;
}

.field-hint {
    font-size: 12px;
    color: #9b9b9b;
}

.custom-select {
    position: relative;
    user-select: none;
}

.picture__brand{
    width: 100%;
    height: auto;
}

.custom-select__trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.2rem;
    font-size: 1.3rem;
    font-family: "Inter Tight", sans-serif;
    color: var(--black);
    background: var(--background);
    cursor: pointer;
    margin: 0.5rem 0;
}

.custom-select__chevron {
    flex-shrink: 0;
    transition: transform 0.2s ease;
    width: 2rem;
    margin-right: 1.8rem;
}

.custom-select.is-open .custom-select__chevron {
    transform: rotate(180deg);
}

.custom-select__dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: var(--background);
    z-index: 100;
    overflow: hidden;
    display: none;
}

.custom-select.is-open .custom-select__dropdown {
    display: block;
}

.reviews__images .reviews__photo:nth-child(n+4) {
    display: none;
}

.reviews__images.active .reviews__photo:nth-child(n+4) {
    display: block;
}

.custom-select__option {
    padding: 10px 12px;
    font-family: 'Inter Tight', sans-serif;
    font-size: 1.3rem;
    color: #1a1a1a;
    cursor: pointer;
    transition: background 0.1s;
}

.custom-select__option:hover {
    background: #f5f5f5;
}



.custom-select__option.is-selected {
    color: #1a1a1a;
    font-weight: 500;
}

.custom-select__option:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.support__contact-main{
    display: block;
}

.custom-select__trigger-input{
    padding: 0;
    margin: 0 0 0.4rem 0;
}

.custom-select__option-input{
    font-size: 1.5rem;
    padding: 1.6rem 1.2rem;
}

.cart__content{
    display: grid;
    grid-template-columns: 105.7rem 74.3rem;
    gap: 4rem;
}

.card__article{
    color: var(--grey);
}


.sum__btn{
    width: 100%;

    margin-bottom: 4rem;
}

.sum__micro{
    font-size: 1.3rem;
}

.sum__last{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2rem 1.2rem;
    border: 0.1rem solid var(--grey);
}

.sum__more{
    margin-bottom: 2rem;
}

.cart__main{
    margin-bottom: 6rem;
}

.cart__slider__title{
    margin-top: 4rem;
    margin-bottom: 2rem  ;
}

.cart__slider{
    display: flex;
    gap: 4rem;

}

.cart__slide{
    position: relative;
    width: 27rem;
    flex-shrink: 0;
}

.cart__slide__head{
    position: absolute;
    left: 2rem;
    top: 2rem;
}

.wrapper__image{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 30rem;
    background-color: var(--background);
    margin-bottom: 1.6rem;
}

.accordion__cart{
    margin-bottom: 0.4rem !important;
}

.cart__slider-img{
    width: 18rem;
    height: 17rem;
}

.cart__slider-text{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.6rem;
    flex-wrap: wrap;
    width: 100%
}

.cart__slider-btn{
    width: 100%;
    color: var(--primary);
    background-color: var(--black);
    border: none;
    text-align: center;
    padding: 1.1rem 0;
}

.swiper-slide{
    width: 27rem;
}

.swiper{
    width: 100%;
}

.swiper .swiper-slide {
    width: 27rem;
}

.wrapper__account{
    padding: 4rem;
    border: 0.1rem solid var(--grey);
}

.wrapper__account-head{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
        "top top"
        "left right";
    gap: 4rem;
    margin-bottom: 4rem;
}

.wrapper__account-top{
    grid-area: top;
}

.wrapper__account-left{
    grid-area: left;
}

.wrapper__account-right{
    grid-area: right;
}

.wrapper__account-body{
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: start;
    gap: 4rem;
}

.account__part{
    display: flex;
    flex-direction: column;
    width: 90rem;
    grid-template-columns: 1fr;
    gap: 4rem;
}

.account__title{
    font-family: 'Inter Tight', sans-serif;
    font-size: 1.8rem;
    font-weight: 300;
    color: var(--black);
}

.account__paragraph-mini,
.account__text-smooth{
    font-family: 'Inter Tight', sans-serif;
    font-size: 1.3rem;
    font-weight: 300;
    color: var(--grey);
}

.account__info{
    display: flex;
    align-items: center;
    margin-bottom: 0.8rem;
}

.account__paragraph-mini{
    font-size: 1rem;
}

.account__block{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.account__logo{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 7.6rem;
    height: 7.6rem;
    border-radius: 100%;
    background-color: var(--background);
}

.account__logo-text{
    font-family: 'Inter Tight', sans-serif;
    font-size: 1.8rem;
    font-weight: 300;
    color: var(--black);
    text-transform: uppercase;
}

.account__icon{
    width: 1.4rem;
    margin-right: 0.8rem;
}

.account__btn-white{
    display: block;
}

.slider__favorites{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 2rem;
    padding-top: 2rem;
}

.card__images-right,
.card__images-left{
    display: none;
}

.card__images video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}



.account__content-profile{
    margin-top: 2rem;
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
}

.account__icon-black{
    font-size: 1.3rem;
    color: var(--black);
}

.account__btn-white{
    padding: 1.2rem 0;
}

.account__title-bottom{
    margin-bottom: 0.8rem;
}

.account__btn-black{
    padding: 2rem 0;
    background: var(--black);
    color: var(--primary);
}

.account__btn-lite{
    width: 39rem;
    text-align: center;
    padding: 2rem 0;
    border: 0.1rem solid var(--black);
}




.account__head-close,
.account__content-favorites,
.basket__order{
    padding-top: 2rem;
    margin: 2rem 0;
    border-top: 0.1rem solid var(--grey);
}

.account__img-favorite{
    width: 16rem;
    height: 16rem;
}

.account__point-item{
    padding: 0.8rem 2rem;
    border: 0.1rem solid var(--grey);
}

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

.account__content-point{
    display: flex;
    flex-direction: column;
    gap: 1.4rem;
    margin-bottom: 2rem;
}

.account__point-title{
    font-weight: 400;
    margin-bottom: 0.6rem;
}


.order__block-basket{
    margin-bottom: 0;
}

.warranty__order{
    margin: 2rem 0;
}
.warranty__order .order__block{
    margin-bottom: 0;
}
.warranty__order .order__card{
    padding: 1rem 2rem;
    border: 0.1rem solid var(--grey);
    margin-bottom: 2rem;
}

.warranty-right{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
}

.account__point-price{
    font-weight: 400;
}

.account__point-status{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-top: 0.6rem;
}

.warranty-right .order__price{
    font-size: 1.3rem;
}

.warranty-right .order__smooth{
    margin-bottom: 0;
}

.warranty-right-bottom{
    display: flex;
    align-items: center;
}

.account__content-warranty .order__picture{
    width: 6rem;
    height: 6rem;
}

.account__warranty-text{
    margin: 0.6rem 0;
}

.warranty-right-bottom .plus-white{
    margin-left: 1rem;
    width: 1.2rem;
}

.account__btns{
    display: grid;
    gap: 2rem;
    grid-template-columns: 1fr 1fr;
}

.account__wrapper-img{
    background-color: var(--background);
    padding: 1.2rem 1.5rem;
    margin-bottom: 1.4rem;
    width: 19rem;
    height: 20rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.account__warranty-btn{
    width: 100% !important;

}

.account__content-history{
    margin-top: 2rem;
}

.account__point-smooth{
    color: var(--black);
}

.account__point-red {
    color: var(--red);
}

.account__history-item{
    display: grid;
    grid-template-columns: 7.4fr 1fr 1fr;
}

.account__point-status{
    justify-self: flex-end;
}

.account__warranty-black{
    color: var(--primary);
    background-color: var(--black);
    text-align: center;
}


.account__content-basket .order__block-right{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.account__list-item.active{
    font-weight: 400;
    font-size: 1.5rem;
    margin-bottom: 1rem;
    color: rgba(47, 46, 42, 1);
}

.account__content-loyalty{
    margin-top: 2rem;
}

.account__bonus{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    margin: 2rem 0;
    padding: 2rem 0;
    border-top: 0.1rem solid var(--grey);
    border-bottom: 0.1rem solid var(--grey);

}

.account__bonus-block{
    padding: 1.2rem 2rem;
    border: 0.1rem solid var(--grey);
}

.account__system-header{
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.account__system-logo{
    width: 2rem;
    margin-right: 0.8rem;
}

.account__system-title{
    font-weight: 400;
}

.account__system{
    margin-top: 1rem;
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 2rem;
}

.account__system-block{
    display: flex;
    align-items: center;
    padding: 1.5rem 2rem;
    border: 0.1rem solid var(--grey);
}

.block-red{
    background-color: var(--background--red);
    border: 0.1rem solid var(--red);

}

.account__system-status{
    margin-right: 1rem;
    width: 5.6rem;
    padding: 0.4rem 0;
    text-align: center;
    border: 0.1rem solid var(--grey);
}

.account__system-bonus{
    margin-left: auto;
}

.account__text-black{
    color: var(--black);
}

.account__system-status{
    color: var(--black);
}

.account__bonus-prise{
    font-weight: 400;
}

.account__system-bonus,
.account__system-price{
    font-size: 1.3rem;
}

.account__bonus-text{
    margin-bottom: 0.8rem;
}

.account__list-item{
    font-weight: 300;

    display: flex;
    align-items: center;
    font-size: 1.3rem;
    margin-bottom: 0.6rem;
}

.account__list-item.active .account__list-img{
    width: 1.6rem;
}

.account__list-img{
    width: 1.4rem;
    margin-right: 0.8rem;
}

.account__btn{
    width: 28rem;
    font-size: 1.3rem;
    text-align: center;
    border: 0.1rem solid var(--black);
}

.account__content-setting{
    margin-top: 2rem;
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

.account__setting-item{
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 1.5rem 2rem;
    border: 0.1rem solid var(--grey);
}

.account__setting-item-red{
    border: 0.1rem solid var(--background--red);
}

.account__setting-name{
    font-size: 1.3rem;
    text-wrap: nowrap;
}

.account__setting-name-red{
    color: var(--red);

}

.account__setting-arrow{
    margin-left: auto;
}

.account__setting-img{
    width: 1.4rem;
    margin-right: 0.8rem;
}

.account__setting-arrow{
    width: 1.4rem;
    transform: rotate(-90deg);
}

.account__content-gift{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    margin-top: 2rem;
}

.account__card{
    padding: 2rem;
    border: 0.1rem solid var(--grey);
}

.account__card-header{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 0.6rem;
}

.account__card-code{
}

.account__card-body{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 0.8rem;
    margin-top: 0.8rem;
    border-top: 0.1rem solid var(--grey);
}

.account__card-btn .account__text-micro{
    color: var(--black);
}

.account__text-micro{
    font-family: "Inter Tight", sans-serif;
    font-size: 1rem;
    color: var(--grey);
    font-weight: 300;
}

.account__card-btn{
    display: flex;
    align-self: center;
    cursor: pointer;
    padding: 0.7rem 0.8rem;

}

.account__card-img{
    width: 1.4rem;
    margin-right: 1.2rem;
}


.account__card-title{
    font-weight: 400;
    font-size: 2.4rem;

}

.account__btn br{
    display: none;
}

.account__system-status{
    color: var(--primary);
    border: none;
}

.status-base{
    background-color: #99A1AF;
}

.status-premium{
    background-color: #FE9A00;
}

.status-luxe{
    background-color: #314158;
}

.account__card-status{

}

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

.preorder__close,
.account__close{
    width: 2rem ;
    cursor: pointer;
}

.preorder__close{
    display: inline;
}

.preorder__subhead{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.8rem;
}

.preorder__subhead .text__order{
    margin-bottom: 0;
}

.smooth{
    color: var(--grey);
}

.account__card-status{
    color: var(--black);
}

.unuse{
    color: var(--red);
}

.use{
    color: var(--grey);
}

.registration__content{
    margin: 8rem 0;
    display: flex;
    justify-content: center;
}

.registration__main{
    display: grid;
    grid-template-columns: 1fr;
    padding: 4rem;
    gap: 2rem;
    border: 0.1rem solid var(--black);
    width: 45.8rem;
}

.registration__title{
    margin-bottom: 2rem;
    font-size: 2.4rem;
    text-align: center;
    font-weight: 300;
}

.registration__buttons{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2.4rem;
}

.registration_btn{
    width: 100%;
    padding: 1.2rem 0;
    text-align: center;
    font-size: 1.5rem;
    color: var(--grey);
    border: 0.1rem solid var(--grey);
}

.registration_btn.active{
    color: var(--black);
    border: 0.1rem solid var(--black);
}

.registration__text{
    font-weight: 300;
    font-size: 1.8rem;
    margin-bottom: 1rem;
}

.registration__btn-main{
    width: 100%;
    color: var(--primary) !important;
    background-color: var(--black);
    padding: 2rem 0;
    text-align: center;
    font-size: 1.8rem;
}

.registration__code,
.registration__block{
    display: flex;
}

.registration__block{
    padding: 1.6rem 2.4rem;
    background-color: var(--background);
    margin-bottom: 1rem;
}

.registration__code{
    position: relative;
}

.registration__code::before{
    position: absolute;
    width: 0.1rem;
    content: "";
    height: 2.5rem;
    right: -1.5rem;
    top: 50%;
    transform: translateY(-50%);
    background: var(--grey);
}

.registration__set{
    display: grid;
    grid-template-columns: 1fr 12fr;
}

.registration__input{
    width: 100%;
    border: none;
    background: none;
    padding-left: 3.2rem;
}

.registration__input,
.registration__code-text{
    font-family: "Inter Tight", sans-serif;
    font-size: 1.8rem;
    font-weight: 400;
    color: var(--black);
}

.registration__code-text{
    margin-right: 1rem;
}

.registration__code-img{
    width: 0.8rem;
    transform: rotate(90deg);
}

.registration__code {
    position: relative;
    cursor: pointer;
    user-select: none;
    transition: transform 0.2s;

}

.registration__dropdown {
    display: none;
    position: absolute;
    top: calc(100% + 0.6rem);
    left: -2.4rem;
    background: var(--background);
    list-style: none;
    margin: 0;
    padding: 0.4rem 0;
    z-index: 100;
    max-height: calc(3 * 4.6rem);
    overflow-y: auto;
}

.registration__dropdown.open {
    display: block;
    transition: transform 0.2s;

}
.registration__dropdown {
    scrollbar-width: none; /* Firefox */
}

.registration__dropdown::-webkit-scrollbar {
    display: none; /* Chrome, Safari */
}

.registration__dropdown::-webkit-scrollbar-track {
    background: transparent;
}

.registration__dropdown::-webkit-scrollbar-thumb {
    background: #d0d0d0;
    border-radius: 0.4rem;
}

.registration__dropdown::-webkit-scrollbar-thumb:hover {
    background: #b0b0b0;
}

.registration__dropdown-item {
    padding: 1.2rem 2.4rem;
    font-size: 1.8rem;
    color: #1a1a1a;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.15s;
}

.registration__dropdown-item:hover {
    background: #f5f5f5;
}

.registration__dropdown-item.selected {
    font-weight: 500;
}

.registration__code.open .registration__code-img {
    transform: rotate(180deg);
    transition: transform 0.2s;
}

.registration__code-img{
    transition: transform ease 0.2s;

}

.confirm__inputs{
    display: flex;
    align-items: center;
    gap: 1rem;
}

#registration__accept{
    justify-items: center;
    position: relative;
}

.loader{
    display: none;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.6);
    top: 0;
    left: 0;
}

.loader.active{
    display: flex;
}

.spinner {
    width: 3.4rem;
    height: 3.4rem;
    border: 0.4rem solid #e0e0e0;        /* светлый фон круга */
    border-top-color: #555;            /* тёмный сегмент */
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

.confirm__input{
    border: none;
    font-family: "Inter Tight", sans-serif;
    font-size: 2.4rem;
    width: 5.4rem;
    text-align: center;
    height: 5.4rem;
    border-bottom: 0.1rem solid var(--black);
}

#number__tel{
    font-weight: 400;
}

#registration__accept .registration__text{
    text-align: center;
}

.registration__smooth{
    color: var(--grey);

}

#registration__accept{
    display: none;
}


#registration__accept.active{
    display: grid;
}

.registration__back{
    font-size: 1.8rem;
    color: #0B5A9A;
    cursor: pointer;
}

#registration__log.active{
    display: none;
}

.welcome{
    display: none;
}

.welcome.active{
    display: block;
}

.welcome__title{
    font-size: 3.2rem;
    margin-bottom: 1.6rem;
    text-align: center;
}

.welcome__smooth{
    color: var(--grey);
}

.welcome__content{
    display: grid;
    grid-template-columns: 1fr;
    gap: 4rem;
    margin-top: 4rem;
    margin-bottom: 2rem;
    width: 90rem;
}

.welcome__smooth-top{
    text-align: center;
}

.welcome__block{
    padding: 4rem;
    border: 0.1rem solid rgba(47, 46, 42, 0.4);
}

.welcome__subtitle{
    font-size: 1.8rem;
}

.welcome__flex{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.welcome__wrapper-img{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 9rem;
    height: 9rem;
    margin-right: 1.6rem;
    border-radius: 50%;
    background: var(--background);
}

.welcome__img{
    width: 2.4rem;
    height: 2.4rem;
}

.welcome__inside{
    margin-top: 1.4rem;
}

.welcome__icon{
    width: 1.4rem;
}
.welcome__tel,
.welcome__content-input{
    padding: 1.6rem 1.2rem;
    display: flex;
    align-items: center;
    border: 0.1rem solid var(--black);
    margin-top: 0.8rem;
}

.welcome__icon-left{
    margin-right: 1rem;
}

.welcome__icon-right{
    margin-left: auto;
    width: 2rem;
}

.welcome__input{
    border: none;
    background: none;
    width: 100%;
    font-weight: 400;
    font-size: 1.5rem;
}

.welcome__red{
    color: var(--red);
}

.welcome__label{
    font-family: "Inter Tight", sans-serif;
    color: var(--black);
    font-size: 1.3rem;
    font-weight: 300;
}

.welcome__wrapper-input{
    position: relative;
}

.welcome__wrapper-input:not(:last-child){
    margin-bottom: 1.4rem;
}

.welcome__text-mini{
    font-size: 1rem;
    color: var(--grey);
}

.welcome__bottom{
    margin-top: 0.4rem;
    text-align: end;
}

.welcome__center{
    margin-top: 0.4rem;
    text-align: start;
}

.welcome__wrapper-surname{
    margin-bottom: 1rem;
}

.welcome__inside-choice{
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.2rem;
}

.welcome__btn{
    width: 100%;
    padding: 2rem 0;
    text-align: center;
    font-weight: 300;
    border: 0.1rem solid var(--black);

}

.welcome__inside .custom-select{
    border: 0.1rem solid var(--black);
    padding: 1.6rem 0 1.6rem 1.2rem ;
}

.welcome__text-last{
    text-align: center;
    padding: 1.2rem 1.6rem;
}
.welcome__inside .custom-select__trigger,
.welcome__inside .from__input,
.welcome__inside .custom-select__dropdown {
    background: #fff;
    padding: 0;
    margin: 0;
}

.welcome__inside .custom-select__dropdown{
    width: 100.3%;
    left: -0.1rem;
}

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

.welcome__inside .custom-select__option-input{
    border: 0.1rem solid var(--black);
    border-radius: 0;
    padding-left: 3.2rem;
}

.welcome__inside .custom-select__trigger{
    padding: 0;
}

.quiz__wrapper{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 101;
    background: var(--primary);
}

.quiz{
    position: relative;
    padding: 4rem;
    width: 49rem;
}

.quiz__close{
    position: absolute;
    top: 2rem;
    right: 2rem;
    width: 2rem;
    cursor: pointer;

}

.quiz__start{
    display: flex;
    flex-direction: column;
    gap: 4rem;
}


.quiz__title{
    font-family: "Inter Tight", sans-serif;
    font-size: 2.4rem;
    color: var(--black);
    font-weight: 300;
    text-align: center;
}

.quiz__subtitle{
    font-family: "Inter Tight", sans-serif;
    font-size: 1.8rem;
    color: var(--black);
    font-weight: 300;
}

.quiz__text{
    font-family: "Inter Tight", sans-serif;
    font-size: 1.8rem;
    color: var(--black);
    font-weight: 400;
    text-align: center;
}

.quiz__smooth{
    font-family: "Inter Tight", sans-serif;
    font-size: 1.5rem;
    color: var(--grey);
    font-weight: 300;
    margin-top: 0.8rem;
}

.quiz__choice-wrapper{
    margin-top: 2rem;
    margin-bottom: 2.4rem;
}

.quiz__choice:not(:last-child){
    margin-bottom: 0.8rem;
}

.quiz__choice{
    padding: 1.2rem 1.8rem;
    border: 0.1rem solid var(--grey);
    font-family: "Inter Tight", sans-serif;
    font-size: 1.3rem;
    color: var(--black);
    font-weight: 300;
    cursor: pointer;
    transition: color 0.3s ease, border 0.3s ease, background 0.3s ease;
}

.quiz__choice.active{
    color: var(--primary);
    border: 0.1rem solid var(--black);
    background: var(--black);
}

.main__quze{
    height: 45rem;
}

.quiz__btn-wrapper{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
}

.quiz__btn-prev{
    width: 100%;
    background: var(--primary);
    color: var(--black);
    font-family: "Inter Tight", sans-serif;
    font-size: 1.5rem;
    font-weight: 300;
    padding: 2rem 0;
    text-align: center;
    cursor: pointer;
    border: 0.1rem solid var(--black);
}

.quiz__btn-next{
    width: 100%;
    background: var(--black);
    color: var(--primary);
    font-family: "Inter Tight", sans-serif;
    font-size: 1.5rem;
    font-weight: 300;
    padding: 2rem 0;
    text-align: center;
    cursor: pointer;
}

.quiz__progress{
    margin-bottom: 2.4rem;
}

.quiz__progress-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.2rem;
    font-size: 1rem;
    font-family: "Inter Tight", sans-serif;
    font-weight: 300;
    color: var(--grey);
}

.quiz__progress-track {
    width: 100%;
    height: 0.2rem;
    background: var(--background);
    border-radius: 10rem;
    overflow: hidden;
}

.quiz__progress-bar {
    height: 0.2rem;
    background: var(--black);
    border-radius: 10rem;
    transition: width 0.4s ease;
}


.hidden__quiz{
    display: none;
}

.guaranty__wrapper{
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 50%);
    background: var(--primary);
    z-index: 150;
}

.guaranty__wrapper.active{
    display: block;
}

.guaranty{
    position: relative;
    padding: 4rem 10rem;
}

.guaranty__close{
    position: absolute;
    right: 2.5rem;
    top: 2.5rem;
    width: 2rem;
    cursor: pointer;
}

.guaranty__title{
    margin-bottom: 4rem;
    font-family: "Inter Tight", sans-serif;
    font-size: 2.4rem;
    font-weight: 300;
    color: var(--black);
}

.guaranty__form,
.guaranty__info{
    width: 52.6rem;
}

.guaranty__label{
    margin-bottom: 2rem;
    font-family: "Inter Tight", sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    color: var(--black);
}

.guaranty__hint{
    margin-bottom: 2rem;
    font-family: "Inter Tight", sans-serif;
    font-size: 1.3rem;
    font-weight: 400;
    color: var(--grey);
}

.guaranty__upload-input{
    border: none;
    background: none;
}

.guaranty__upload{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background: var(--primary);
    border: 0.08rem solid var(--black);
    padding: 2rem 0;
}

.guaranty__field:not(:last-child){
    margin-bottom: 2rem;
}

.guaranty__upload-icon{
    width: 1.8rem;
    margin-left: 1rem;
}

.guaranty__date-wrapper{
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1.6rem 1.2rem;
    background: #F6F6F6;
    border: 0.1rem solid rgba(47, 46, 42, 0.4);

}

.guaranty__footnote{
    font-family: "Inter Tight", sans-serif;
    font-size: 1rem;
    font-weight: 300;
    color: var(--grey);
}

.guaranty__input{
    width: 100%;
    color: var(--grey);
    background: none;
    border: none;
}

.guaranty__checkboxes{
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}

.guaranty__btn{
    width: 100%;
    margin-bottom: 0.8rem;
}

.guaranty__required{
    color: var(--red);
}

.guaranty__date-icon{
    width: 2rem;
    margin-right: 1rem;
}

.guaranty__info-title{
    margin-bottom: 2rem;
}

.guaranty__info-text{
    margin-bottom: 1.2rem;
}

.guaranty__info{
    margin-bottom: 4rem;
}

.accepted__title{
    margin-bottom: 4rem;
    font-family: "Inter Tight", sans-serif;
    font-size: 2.4rem;
    font-weight: 300;
    color: var(--black);
    text-align: center;
}

.accepted__title br {
    display: none;
}

.accepted__text:not(:last-child){
    margin-bottom: 2rem;
}

.accepted__text{
    color: var(--grey);
    text-align: center;
}

.accepted__text-color{
    color: var(--black);
}

.accepted__btn{
    margin-top: 4rem;
    width: 100%;
}

.accepted__close{
    cursor: pointer;
    width: 2rem;
    position: absolute;
    top: 2rem;
    right: 2rem;
}

.accepted__wrapper.active{
    display: block;
}


.accepted__content{
    position: relative;
    padding: 4rem;

}

.dropdown {
    position: relative;
    width: 100%;
    font-family: "Inter Tight", sans-serif;
}

.dropdown__selected {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    padding: 1rem 1.6rem;
    border: 0.1rem solid var(--black);
    cursor: pointer;
}

.dropdown__icon {
    width: 1.8rem;
    flex-shrink: 0;
}

.dropdown__value {
    flex: 1;
    font-size: 1.4rem;
    font-weight: 300;
    color: var(--black);
}

.dropdown__arrow {
    width: 1rem;
    flex-shrink: 0;
    transition: transform 0.3s ease;
    transform: rotate(90deg);
}

.dropdown--open .dropdown__arrow {
    transform: rotate(270deg);
}

.dropdown__list {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: var(--primary);
    border: 0.1rem solid var(--black);
    border-top: none;
    z-index: 10;
}

.dropdown__item {
    padding: 1rem 1.6rem;
    font-size: 1.4rem;
    font-weight: 300;
    color: var(--black);
    cursor: pointer;
    transition: background 0.2s ease;
}

.dropdown__item:hover {
    background: var(--black);
    color: var(--primary);
}

.hidden {
    display: none;
}

.accepted__wrapper{
    background: var(--primary);
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 50%);
    z-index: 150;
}

.accepted__subtitle{
    margin-bottom: 2rem;
    font-family: "Inter Tight", sans-serif;
    font-size: 1.8rem;
    font-weight: 300;
    color: var(--black);
    text-align: center;
}



#acceptedTarget.active{
    display: none;
}

#acceptedTarget .paragraph{
    text-align: center;
}


#target .accepted__text{
    text-align: start;
}

#target .accepted__subtitle{
    text-align: start;
}

.target__btns{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.6rem;
}
#target.active{
    display: none;
}
.shadow{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 140;
    background: rgba(0, 0, 0, 0.7);
}

.shadow.active{
    display: block;
}


@media (max-width: 48em) {
    .paragraph{
        font-size: 1.3rem;
    }

    .card__images video {
        width: 34.3rem;
        height: 41.3rem;
    }

    .slider__img{
        width: 3rem;
        height: 3rem;
    }

    .slider__color {
        width: 3rem;
        height: 3rem;
        border-radius: 0.4rem;
    }

    html {
        font-size: 10px;
        font-size: calc((100/390) * 10vw);
        -webkit-text-size-adjust: none;
    }

    body {
        -webkit-text-size-adjust: none;
    }

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

    .accepted__content{
        padding: 2rem 1.6rem;
        width: 31.1rem;
    }

    .accepted__text br {
        display: none;
    }

    .accepted__title{
        font-size: 1.8rem;
        margin-bottom: 2rem;
    }

    .accepted__title br {
        display: block;
    }

    .accepted__btn{
        padding: 1.2rem 0;
        text-wrap: nowrap;
    }

    .accepted__btn{
        margin-top: 2rem;
    }


    .guaranty{
        padding: 2rem 1.6rem;
    }

    .guaranty__form, .guaranty__info{
        width: 31.1rem;
    }

    .guaranty__upload{
        padding: 1rem 0;
    }

    .guaranty__btn{
        padding: 1.2rem 0;

    }

    .quiz__subtitle,
    .quiz__title{
        font-size: 1.6rem;
    }

    .quiz__btn-wrapper{
        gap: 1.6rem;
    }


    .quiz__choice{
        font-size: 1.2rem;
    }

    .quiz__progress{
        margin-top: 2rem;
    }


    .quiz__smooth,
    .quiz__btn-prev,
    .quiz__btn-next,
    .quiz__text{
        font-size: 1.3rem;
    }

    .quiz__text:not(:last-child) br {
        display: none;
    }

    .quiz__close{
        top: 1.2rem;
        right: 1.2rem;
    }

    .quiz{
        width: 34.2rem;
        padding: 1.6rem;
    }

    .cart__slider{
        gap: 1.2rem;
    }

    .registration__main{
        padding: 2rem;
        margin-top: 2rem;
    }

    .registration__content{
        margin-top: 0;
    }

    .registration__title{
        font-size: 1.8rem;
        margin-bottom: 0;
    }

    .account__card-title{
        font-size: 2.4rem;
    }

    .registration_btn{
        font-size: 1.2rem;
    }

    .registration__dropdown-item,
    .registration__block{
        padding: 0.8rem 1.6rem;
    }

    .registration__code-img{
        width: 0.6rem;
    }


    .registration__dropdown{
        left: -1.6rem;
        max-height: calc(3 * 3.6rem);
    }

    .registration__content .checkbox__set{
        display: grid;
        grid-template-columns: 1fr 12fr
    }


    .welcome__content .checkbox__set{
        display: grid;
        grid-template-columns: 1fr 12fr
    }

    .registration__input,
    .registration__dropdown-item,
    .registration__code-text{
        font-size: 1.6rem;
    }

    .welcome__lock{
        width: 1.2rem !important;
    }

    .welcome__wrapper-img{
        width: 7.6rem;
        height: 7.6rem;
    }

    .confirm__input{
        font-size: 1.8rem;
        width: 4.2rem;
        height: 4.2rem;
    }

    .welcome__content{
        width: 34.3rem;
    }

    .welcome__btn{
        padding: 1.2rem 0;
    }


    .welcome__title{
        font-size: 2.4rem;
        margin-bottom: 1.6rem;
    }

    .welcome__content{
        gap: 2rem;
    }

    .welcome__block{
        padding: 1.8rem 2rem;
    }

    .welcome__subtitle{
        font-size: 1.6rem;
    }

    .welcome__text-mini{
        font-size: 1rem;
    }

    .welcome__tel,
    .welcome__content-input{
        padding: 1.6rem 1.2rem;
    }

    .welcome__part{
        flex-direction: column;
        gap: 0.4rem;
    }

    .welcome__input{
        font-size: 1.3rem;
    }

    .welcome__content .custom-select__chevron{
        width: 1rem;
    }

    .registration__text{
        font-size: 1.6rem;
    }

    .account__card-status,
    .account__card-date{
        font-size: 1.2rem
    }

    .account__card-code{
        font-size: 1.3rem;
    }

    .account__content-warranty .order__card{
        align-items: flex-start;
        padding: 0.8rem 1.2rem;
    }

    .account__content-warranty .order__smooth-text{
        font-weight: 400;
        display: block;
        color: var(--black);
    }

    .account__history .account__btn-lite{
        margin-top: 0;
    }

    .account__content-warranty .account__btns{
        gap: 0.8rem;
    }

    .account__setting-item{
        padding: 0.8rem 1.2rem;
    }

    .account__btn br{
        display: block;
    }

    .swiper .swiper-slide {
        width: 16.1rem;
    }

    .swiper {
        max-width: 100vw;
        overflow: hidden;
    }

    .card__images-arrow{

        width: 1.8rem;
    }

    .card__images-right{
        right: 1.2rem;
    }

    .card__info-head{
        display: block;
    }

    .card__name{
        font-size: 2.4rem;
        margin-bottom: 1.2rem;
    }
    
    .accordion__look{
        font-size: 1.8rem;
    }

    .wrapper__accordion-look .accordion:not(:last-child){
        margin-bottom: 1rem;
    }

    .look__btn-main{
        padding: 1.2rem 2.4rem;
    }

    .card__price-main{
        font-size: 3.2rem;
    }

    .card__color{
        font-size: 1.6rem;
        margin-bottom: 1.2rem;
    }

    .slider__bugs{
        margin-bottom: 2rem;
    }

    .card__images-left {
        left: 1.2rem;
    }
    .card__images-right,
    .card__images-left{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 2;
        display: block;
    }

    .cart__left,
    .cart__sum{
        width: 34.3rem !important;
    }

    .wrapper__image{
        height: 20rem;
        margin-bottom: 1.2rem;
    }

    .cart__slider-img{
        width: 14.3rem;
        height: 16.6rem;
        margin-bottom: 1.2rem;
    }

    .cart__slider-name,
    .cart__slider-price{
        font-size: 1.2rem;
    }

    .sum__last-price{
        text-wrap: nowrap;
    }

    .cart__slider-text{
        flex-wrap: wrap;
        width: 100%
    }

    .cart__content{
        gap: 2rem;
    }

    .sum__micro{
        font-size: 1rem;
    }

    .sum__btn{
        padding: 1.2rem 0;
        margin-bottom: 2rem;
    }

    .cart__slide__head{
        top: 0.8rem;
        left: 0.8rem;
        font-size: 0.8rem;
    }

    .checkout__right{
        padding: 1.2rem;
    }

    .result__price,
    .order__title{
        font-size: 1.6rem;
    }

    .checkout__form,
    .checkout__delivery,
    .checkout__payment{
        margin-bottom: 2rem;
    }

    .checkout__payment,
    .checkout__delivery{
        padding: 1.2rem;
    }

    .checkout__text-red{
        font-size: 1.3rem;
    }

    .checkout__price{
        font-size: 1.8rem;
        margin-left: 1.2rem;
    }

    .checkout__title{
        font-size: 1.8rem;
    }

    .checkout__quantity{
        margin-bottom: 0.4rem;
    }

    .checkout__plus,
    .checkout__plus::before,
    .checkout__minus{
        width: 1rem;
    }

    .checkout__rate{
        margin-bottom: 0;
    }

    .checkout__close{
        right: 0.8rem;
        top: 0.8rem;
        width: 2rem;
        height: 2rem;
    }

    .img-split{
        margin-right: 0;
        width: 9.1rem;
    }

    .card__content{
        overflow: hidden;
        grid-template-columns: 1fr;
    }

    .card__info{
        width: 34.3rem;

    }

    .look{
        gap: 0;
    }

    .card__image{
        width: 34.3rem;
        height: 41.3rem;
        object-fit: cover;
    }

    .wrapper__card__images{
        width: 34.3rem ;
    }

    .card__image .swiper-slide{
        height: 34.3rem;
    }

    .wrapper__card__images{
        position: relative;
        overflow: hidden;
    }

    .card__images{
        display: grid;
        grid-template-rows: 1fr;
    }

    .checkout__content{
        gap: 1.2rem;
    }

    .checkbox__set{
        display: grid;
        grid-template-columns: 1fr 17fr;
    }

    .checkout__paying{
        gap: 1.6rem;
    }

    .checkout__subtext{
        font-size: 1rem;
    }

    .checkout__left{
        gap: 2rem;
    }

    .checkout__text{
        font-size: 1.3rem;
    }

    .checkout__item{
        gap: 1rem;
    }

    .checkout__item{
        padding: 0.8rem;
    }

    .checkout__sum{
        padding: 2rem;
    }

    .text__order-red{
        font-size: 1rem ;
    }

    .checkout__color,
    .checkout__article{
        margin-bottom: 0.8rem;
    }

    .checkout__title,
    .wrapper__quantity{
        margin-bottom: 1rem;
    }

    .checkout__cost{
        display: flex;
    }

    .checkout__item-img{
        width: 10rem;
        height: 15rem;
    }

    .checkout__paying,
    .checkout__content,
    .checkout__wrapper{
        grid-template-columns: 1fr;
    }

    .order__payment-cart{
        font-size: 1.5rem !important;
    }

    .order__payment-status{
        font-size: 1.25rem !important;
    }

    .order__left {
        grid-template-columns: 1fr;
        grid-template-areas:
        "code"
        "baza"
        "details"
        "info"
        "price"
        "help";
        gap: 2rem;
        margin-bottom: 4rem;
    }

    .support__title-description br{
        display: none;
    }

    .wrapper__account-body,
    .wrapper__account-head{
        width: 34.3rem;

    }

    .wrapper__account{
        padding: 1.2rem;
    }

    .abc__title{
        text-align: center;
    }

    .account__title{
        margin-bottom: 0.4rem;
        font-size: 1.6rem;
    }

    .account__content-profile{
        gap: 1.5rem;
        grid-template-columns: 1fr;
    }

    .wrapper__account-body{
        grid-template-columns: 1fr;
        padding-bottom: 2rem;
    }

    .account__content-gift{
        grid-template-columns: 1fr;
    }

    .wrapper__account{
        width: 34.3rem;
    }

    .account__system .account__system-block{
        display: grid;
        grid-template-columns: 1fr 4fr;
        grid-template-rows: auto auto;
        padding: 0.8rem 1.2rem;
    }

    .account__content-point .account__point-price{
        align-self: center;
    }

    .account__system-status {
        grid-row: 1/2;
        grid-column: 1/2;

    }

    .account__system-price{
        grid-row: 1/2;
        grid-column: 2/3;
    }


    .account__system-bonus{
        grid-row: 2/3;
        grid-column: 1/3; /* на всю ширину */
        margin-left: 0;
        margin-top: 0.4rem;
        text-align: start;
    }

    .account__history-item{
        grid-template-columns: 1fr 1fr;
    }

    .abc-btn{
        width: 27rem !important;
    }

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

    .account__warranty-btn{
        padding: 1.2rem 0;
    }

    .account__point-top{
        grid-row: 1/3;
    }

    .account__point-price{
        align-self: flex-end;
        text-align: right;
    }

    .account__warranty{
        position: relative;
        grid-row: auto;
    }

    .account__block{
        display: flex;
        align-items: center;
        justify-content: space-between;
        grid-column: 1/3;
        flex-direction: row;
        gap: 2rem;
    }

    .account__text-smooth{
        font-size: 1.2rem;
    }

    .account__paragraph{
        word-break: break-word;   /* переносит слова если не влезают */
    }

    .account__icon{
        width: 1.2rem;
        height: 1.2rem ;
    }

    .account__wrapper-info{
        width: 13.6rem;
    }

    .wrapper__account-head{
        grid-template-columns: 1fr;
        grid-template-areas:
                "top"
        "left"
        "right"
    }


    .account__btn-black,
    .account__btn-white,
    .account__btn-lite{
        width: 15.6rem;
    }



    .account__btn-black{
        padding: 1.2rem 0;
    }

    .account__btn-black,
    .account__btn-white{
        width: auto;
    }

    .wrapper__account-left .order__block{
        margin-bottom: 0;
    }



    .basket__order{
        display: flex;
        flex-direction: column;
        gap: 2rem ;
    }

    .account__content-favorites{
        margin-bottom: 0;
    }

    .account__btn-lite{
        padding: 1.2rem 0;
        margin-top: 4rem;
    }


    .order__card{
        align-items: end;
    }

    .order__price{
        font-size: 1.2rem;
    }

    .account__content-warranty .order__name{
        margin-bottom: 2rem;
    }
    .account__preorder .order__price{
        text-align: right;
    }
    .warranty-right{
        position: relative;
    }

    .warranty-right .order__price{
        position: absolute;
        font-size: 1rem;
        left: -14.7rem;
        top: 1.8rem;
    }

    .account__preorder .order__card{
        align-items: flex-start;
    }

    .preorder__subhead{
        flex-direction: column-reverse;
        align-items: flex-end;
    }


    .account__preorder .order__block-right{
        display: flex;
        flex-direction: column;

    }

    .abc__del{
        display: none;
    }

    .abc__btns{
        grid-column: 1/3;
        margin-top: 4rem;
    }

    .text__order-black{
        margin-bottom: 0;
    }

    .support__description-delivery,
    .delivery__part,
    .delivery__text,
    .support__text,
    .support__title-description{
        line-height: 1.2;
    }

    .order__delivery{
        align-items: flex-end;
    }

    .order__span{
        display: block;
        margin-left: 0;
        margin-top: 0.8rem;
    }

    .order__buttons{
        grid-template-columns: 1fr;
        gap: 0.4rem;
    }

    .result__buttons{
        grid-template-columns: 1fr;
        gap: 1.2rem;
    }


    .order_title-code{
        font-size: 1.6rem !important;
    }

    .text__list{
        margin-bottom: 4rem;
    }

    .subtitle{
        margin-bottom: 2rem;
    }

    .wrapper__header{
        top: 2rem;
    }

    .search__input{
        width: 24rem;
        padding: 0.8rem 1.2rem;
        background: url("../images/search.svg") no-repeat  right 1.2rem center /2rem;
    }

    .order__info__data{
        display: block;
    }

    .order__info__text{
        display: block;
    }

    .voucher__block{
        padding: 2rem;
        gap: 1.6rem;
    }

    .voucher__title{
        font-size: 1.8rem;
    }

    .offer-one{
        display: none;
    }

    .voucher__paragraph{
        font-size: 1.6rem;
    }

    .voucher__description{
        font-size: 1.6rem !important;
    }

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

    .voucher__content{
        grid-template-columns: 1fr;
        gap: 1.6rem;
    }

    .voucher__wrapper{
        padding: 1.2rem;
    }

    .list__loyalty{
        margin-bottom: 2rem;
    }

    .text__list__item::before{
        top: 0.6rem;
        left: 0.8rem;
        width: 0.4rem;
        height: 0.4rem;
    }

    .checkout__title-sum{
        padding-bottom: 1.2rem;
        margin-bottom: 2rem;
    }

    .nav__policy{
        margin-bottom: 2rem;
    }

    .checkout__sum-result{
        font-size: 1.8rem;
    }

    .checkout__sum-text,
    .checkout__sum-subtext{
        font-size: 1.6rem;
    }

    .voucher__btn{
        padding: 1.2rem 0;
    }

    .voucher__text-all{
        grid-template-columns: 1fr;
        row-gap: 0.4rem;
    }

    .voucher__note{
        font-size: 1rem;
    }

    .voucher__company:not(:last-child){
        margin-bottom: 3.2rem;
    }
    .voucher__firm{
        font-size: 1.4rem;
    }

    .voucher__main{
        padding: 1rem;
    }

    .voucher__name{
        font-size: 2.6rem;
        margin-bottom: 1.4rem;
    }

    .voucher__subtext{
        font-size: 1.2rem;
        margin-bottom: 0.8rem;
    }

    .voucher__primary{
        font-size: 3.4rem;
        margin-bottom: 2rem;
    }


    .voucher__company::before,
    .voucher__company::after{
        width: 9rem;
    }

    .voucher__id{
        margin-bottom: 0.4rem;
    }

    .voucher__paragraph br {
        display: none;
    }

    .voucher__id,
    .voucher__date{
        font-size: 1.2rem;
    }

    .brand__text-bottom{
        width: 30rem;
        text-align: end;
        align-self: flex-end;
    }

    .brand__hero{
        margin-top: 37rem !important;
    }

    .brand__text-bottom br {
        display: block;
    }


    .brand__text-bottom .hero__first__line{
        text-align: end;
    }

    .brand__text-main{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .brand__text-top{
        width: 25rem;
        margin-bottom: 2rem;
    }

    .brand__text-top br {
        display: none;
    }

    .account__system-bonus{
        margin-top: 0.8rem;
    }

    .brand__title-main{
        margin-bottom: 4rem !important;
    }

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

    .account__list-item{
        align-items: flex-start;
        font-size: 1.2rem;
        line-height: 1.2;
    }

    .account__list-item.active{
        font-size: 1.3rem;
    }

    .account__bonus-block{
        padding: 1rem;
    }

    .account__wrapper-img{
        padding: 1rem 0;
        width:  15.5rem;
    }

    .slider__favorites{
        gap: 0;
    }
    
    .production__img-long{
        object-fit: contain;
        height: 40rem;
    }

    .collaborations__img-height{
        height: 52rem;
        object-fit: cover;
    }

    .materials__subtitle,
    .master__text{
        font-size: 1.8rem;
    }

    .production__img-master{
        height: 40rem;
        margin-bottom: 2rem !important;
    }

    .brand__collaborations-grid{
        column-gap: 0;
        grid-template-areas:
        "a"
        "b"
        "c";
    }

    .new__img{
        height: 32rem;
        object-fit: contain;

    }


    .new__main{
        margin-bottom: 6rem;
    }

    .new__description{
        width: 34rem;
    }

    .card{
        margin-bottom: 4rem;
    }

    .card__subtitle{
        margin-top: 5rem;
    }

    .account__btn{

    }

    .abc__btns{
        display: grid;
        grid-template-columns: 1fr 1fr;
    }


    .abc{
        grid-column: 1/3;
        justify-self: center;
        align-items: center;
        display: flex;
        flex-direction: column;
    }

    .new__block{
        flex-direction: column;
        gap: 2rem;
    }

    .new__wrapper{
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .reviews__content-waiting,
    .reviews__content-buy{
        grid-area: unset;
        margin-bottom: 0;
    }

    .reviews__items{
        flex-wrap: wrap;
    }

    .reviews__img{
        width: 14rem;
    }

    .reviews__btn--black,
    .reviews__btn-wrapper{
        height: 4rem;
    }

    .reviews__promo{
        width: 30rem !important;
        padding: 0 !important;
    }

    .header__img{
        width: 2rem;
    }

    .header__link:not(:last-child){
        margin-right: 0.8rem;
    }

    .reviews__star{
        width: 1.2rem;
    }

    .reviews__subtitle{
        font-size: 1.6rem;
    }

    .reviews__muted-small{
        font-size: 1rem;
    }

    .reviews__wrapper{
        grid-template-columns: 1fr;
    }
    .reviews__content-waiting,
    .reviews__content-buy,
    .reviews__content {
        padding: 1.6rem 2rem;
    }

    .reviews__photo{
        width: 9rem;
        height: 9rem;
    }


    .delivery__part{
        margin-bottom: 0.8rem;
    }

    .delivery__part:before{
        top: 30%;
    }

    .delivery__part br,
    .delivery__pay-way br,
    .delivery__text-way br{
        display: block;
    }

    .support__text-subtitle{
        width: 30rem;
    }

    .support__contact-wrapper,
    .delivery__payment-item,
    .delivery__content{
        grid-template-columns: 1fr;
    }

    .delivery__way{
        width: 21rem;
    }

    .support__title-description{
        margin-bottom: 4rem;

    }
    .support__content{
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .delivery__main,
    .delivery__pay-way,
    .delivery__text-way,
    .support__content__block-gray{
        grid-area: auto;
    }

    .support{
        margin-bottom: 4rem;
    }

    .mobil__menu{
        display: block;
        position: absolute;
        z-index: 101;
        right: 100%;
        top: 0;
        padding: 9rem 1.6rem 2.4rem 1.6rem;
        width: 100%;
        background-color: var(--black);
        transition: right  0.3s ease;
    }

    .support__description{
        max-width: 34rem;
        width: 100%;

    }

    .support__content__block{
        padding: 1.2rem;
    }

    .mobil__menu.active{
        right: 0;
    }

    .mobil__menu-white{
        background-color: var(--primary);
    }

    .error__text{
        margin-bottom: 2rem;
    }

    .wrapper__promo{
        width: 34.3rem;
    }

    .promo__input{
        margin-bottom: 1rem;
    }

    .aria__promo{
        height: 12.5rem;
    }

    .promo__text{
        font-size: 1.6rem;
        margin-bottom: 2rem;
    }

    .promo__title{
        font-size: 1.8rem;
        width: 16rem;
        margin-bottom: 2rem;
    }

    .header__flex{
        align-items: center;
    }

    .materials__content{
        flex-direction: column;
    }

    .materials__text,
    .work__description,
    .materials__img,
    .master__paragraph,
    .charity__description,
    .production__text {
        width: 34rem;
    }

    .charity__title{
        font-size: 2.8rem !important;
    }
    .materials__block:not(:last-child),
    .production__img,
    .production__title{
        margin-bottom: 4rem;
    }

    .collaborations__img__mobil{
        display: block;
        margin-bottom: 4rem;
    }

    .charity__img__mobil{
        display: none;
    }

    .work__subheading{
        font-size: 1.6rem;
        margin-bottom: 2rem;
    }

    .work__subtitle{
        width: 34rem;
        font-size: 1.6rem;
        margin-bottom: 1.2rem;
    }

    .charity__text{
        margin-bottom: 2rem;
    }

    .charity__description{
        margin-bottom: 4rem;
    }

    .materials,
    .work__item{
        margin-bottom: 4rem;
    }

    .master__block{
        flex-direction: column;
    }

    .production{
        margin: 4rem 0;
    }

    .collaborations{
        margin-top: 4rem;
        margin-bottom: 4rem;
    }

    .collaborations__title{
        font-size: 3.2rem;
        width: 32rem;
        margin-bottom: 4rem;
        margin-top: 4rem;

    }

    .production__content{
        align-items: flex-start;
    }

    .master__block{
        gap: 2rem;
    }

    .collaborations__item,
    .collaborations__block{
        flex-direction: column;
    }

    .collaborations__item{
        gap: 2rem;
    }

    .collaborations__text{
        width: 34.4rem;
    }

    .collaborations__img{
        width: 34.4rem;
        margin-bottom: 4rem;
    }

    .partnership__hero__paragraph{
        margin-bottom: 2rem;
        width: 100% !important;

    }
    .account__paragraph-mini{
        font-size: 1rem;
        line-height: 1.2;
    }
    .collaborations__subtitle br{
        display: block;
    }

    .partnership__title > .hero__first__line,
    .partnership__title{
        text-align: end !important;
    }

    .partnership__hero{
        text-wrap: wrap;
        margin-top: 40rem !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;

    }

    .collaborations__hero{
        margin-top: 39.5rem !important;
    }

    .partnership__hero > .hero__text{
        margin-bottom: 0;
    }

    .partnership__wrapper {
        margin-top: 4rem !important;
    }

    .partnership > .contacts__img{
        margin-top: 4rem;
    }

    .partnership{
        display: flex !important;
        flex-direction: column-reverse !important;
    }


    .partnership__hero__block__text{
        display: flex;
        flex-direction: column-reverse;
        margin-bottom: 0;
        padding-bottom: 0 !important;
    }

    .partnership__contacts__list{
        margin: 0;
    }

    .partnership{
        flex-direction: column;
    }

    .partnership__img{
        height: 60rem;
    }

    .partnership__promo__content{
        width: 34rem;
    }

    .contacts__list__wrapper{
        margin-bottom: 0;
    }

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

    .contacts__subtitle__img{
        margin-left: 1.2rem;
        width: 1.6rem;
    }

    .contacts__subtitle{
        font-size: 1.6rem;
    }

    .contacts__content{
        display: grid;
        grid-template-columns: 1fr;
        column-gap: 4rem;
        grid-template-areas:
        "a"
        "c"
        "b";
    }

    .account__content-loyalty{
        grid-row: auto;

    }


    .account__gift{
        grid-column: 1;
        grid-row: auto;
    }

    .account__preorder{
        grid-column: 1;
        grid-row: auto;
    }

    .account__history{
        grid-column: 1;
        grid-row:auto;

    }

    .account__setting{
        grid-column: 1;
        grid-row: auto;

    }

    .contacts__block{
        flex-direction: column;
    }

    .contacts__list__media{
        margin-bottom: 4rem !important;
    }

    .contacts__block__ingo{
        margin-bottom: 4rem;
    }

    .from__checkbox__text{
        font-size: 1rem;
    }

    .contacts{
        margin-bottom: 4rem;
    }

    .contacts__promo{
        width: 34rem;
    }

    .contacts__img{
        width: 34rem;
        margin-bottom: 4rem;
    }

    .contacts__block__form__title{
        font-size: 1.8rem;
    }

    .contacts__block{
        margin-bottom: 4rem;
    }

    .contacts__description{
        width: 34rem;
    }

    .contacts__description br{
        display: none;
    }

    .contacts__wrapper{
        flex-direction: column;
    }

    .error__content{
        width: 34.4rem;

    }

    .error__img__left{
        width: 12.5rem;
        left: -5rem;
        top: 6rem;
    }

    .error__subtitle{
        font-size: 2.4rem;
        margin-bottom: 2rem;
    }

    .error__title{
        font-size: 12rem;
        margin-bottom: 4rem;
    }

    .error__img__right{
        top: 5rem;
        right: -5rem;
        width: 17.5rem;
    }

    .text__container{
        max-width: 34.3rem;
    }

    .title{
        font-size: 3.2rem;
    }

    .policy__title{
        font-size: 2.8rem;
        margin-bottom: 4rem;
    }


    .text__subtitle{
        font-size: 1.6rem;
    }

    .wishlist{
        margin-top: 4rem;
    }

    .wishlist__title{
        font-size: 1.8rem;
        margin-bottom: 1.2rem;
    }

    .wishlist__text{
        font-size: 1.6rem;
    }

    .wishlist__text:not(:last-child){
        margin-bottom: 1.6rem;
    }

    .wishlist__text:last-child{
        margin-bottom: 2rem;
    }


    .wishlist__content,
    .wishlist_wrapper{
        width: 100%;
        max-width: 100%;
    }

    .wishlist_wrapper{
        padding: 1.2rem;
    }

    .catalog__content__mobil{
        display: none;
    }

    .main{
        margin-top: 9rem;
    }

    .all__content{
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem;
    }

    .catalog__content,
    .gift__card{
        margin-bottom: 6rem;
    }

    .catalog__card__wrapper{
        flex-direction: column;
    }

    .catalog__card__title{

    }

    .catalog__card__item-first{
        margin-bottom: 2rem;
    }

    .catalog__card__main-img,
    .catalog__card__description{
        width: 34.3rem;
    }

    .catalog__card__main-img {
        height: 51.45rem;
    }

    .catalog__card__description{
        margin-bottom: 1.2rem;
    }

    .catalog__card__img{
        width: 14.3rem;
        margin: 0;
        height: 21.45rem;
    }

    .catalog__card__title{
        width: 100%;
        margin-bottom: 1.2rem;
        font-size: 1.3rem;
    }

    .catalog__card__info{
        margin-bottom: 0;
    }

    .catalog__card__price{
        font-size: 1.3rem;
        white-space: nowrap;
    }

    .account__warranty-btn{
        margin-top: 0;
        width: 100%;
    }

    .abc-btn{
        margin-top: 0;
    }

    .catalog__card__price__sell{
        top: -1.2rem;
    }

    .catalog__card__block{
        align-items: center;
    }

    .catalog__block__title{
        width: 9rem;
    }

    .catalog__card__price__sell{
        font-size: 1.2rem;
    }

    .gift__card{
        margin-bottom: 6rem;
    }


    .gift__card__name{
        font-size: 2.4rem;
        margin-bottom: 4.8rem;
    }

    .gift__card__text{
        font-size: 1.6rem;
        margin-bottom: 4.8rem;
        width: 20rem;
    }

    .nav__item__filter{
        margin-right: 0.8rem;
    }

    .catalog__navigation__content{
        margin: 0 6rem;
    }
    .header__link__dis,
    .header__lang,
    .header__nav,
    .cookie{
        display: none;
    }

    .container{
        max-width: 34.3rem;
    }

    .hero__block{
        margin-top: 32.7rem;
    }


    .hero__block{
        margin-bottom: 4rem;
    }

    .hero__line{
        margin-bottom: 2rem;
    }

    .hero__paragraph__more{
        width: 24rem;
    }

    .footer__form__text{
        max-width: 100%;
    }

    .hero__block__text{
        padding-bottom: 2rem;
    }

    .hero__arrow{
        margin-left: 8.7rem;
    }

    .hero__img{
        height: 60rem;
    }

    .header__title{
        font-size: 2rem;
    }

    .hero__burger{
        display: block;
    }

    .hero__text{
        font-size: 3.2rem;
    }

    .wrapper__footer{
        padding-top: 4rem;
        padding-bottom: 2rem;
    }

    .footer__content{
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
          "c c"
          "a b"
          "e e"
          "d d"
          "f f";
        column-gap: 2rem;
    }

    .footer__list__logo{
        grid-area: c;
        margin-top: 0;
        justify-self: center;
        margin-bottom: 4rem;
    }

    .footer__list__links{
        grid-area: b;
    }

    .footer__list__info{
        grid-area: a;
    }

    .footer__form{
        grid-area: e;
        margin-bottom: 2.8rem;
        margin-top: 2.8rem;
    }
    .footer__list__media{
        display: flex;
        justify-content: space-between;
        grid-area: d;
        justify-self: stretch;
        margin-bottom: 2.8rem;
    }

    .footer__copyright{
        display: block;
        grid-area: f;
        justify-self: left;
    }

    .footer__form__block{
        width: 100%;
    }

    .charity__title-grid{
        margin-top: 0;
    }

    .charity__title{
        margin-top: 4rem;
    }

    .new__up {
        margin-bottom: 1.2rem;
        font-size: 1rem;
    }

    .new__title{
        margin-bottom: 1.2rem;
        font-size: 1.8rem;
    }

    .new__btn{
        padding: 1.2rem 0;
    }

    .slide__favorites-text{
        padding-bottom: 0.2rem;
    }

    .btn__white{
        padding: 1.2rem 0;
    }

    .new__site{
        margin-bottom: 2rem;
    }

    .new__text br{
        display: none;
    }
}

.catalog__card { width: 42rem; }
@media (max-width: 48em)
{ .catalog__card { width: 100%; }  }