@font-face {
    font-family: 'Almaz';
    src: url('../fonts/Almaz.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Almaz-thin';
    src: url('../fonts/Almaz-thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
body {
    line-height:1;
}
* {
    -webkit-tap-highlight-color: transparent;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

ul, ol {
    list-style:none;
}

input, select {
    vertical-align:middle;
}
*,
*::after,
*::before{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
a{
    color: inherit;
    text-decoration: none;
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
.link,
button{
    border: none;
    margin: 0;
    padding: 0;
    width: auto;
    overflow: visible;
    outline: none;
    background: transparent;
    color: inherit;
    font: inherit;
    line-height: normal;
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-appearance: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 21px */
}
html,body{
    font-family: "ABeeZee", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    scroll-behavior: smooth;
    background: #151515;
    color: #FFF;
}
.body{
    min-width: 320px;
}
.body.no-scroll{
    overflow: hidden;
}
.form-content{
    width: 100%;
    max-width: 330px;
}
.form-content,
.form-block{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.form-block{
    gap: 4px;
}
label{
    color: hsla(0, 0%, 100%, 0.5);
    font-family: "ABeeZee", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}
input{
    height: 40px;
}
textarea,
input,
input::placeholder{
    color: #FFF;
    font-family: "ABeeZee", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    background-color: transparent;
    outline: none;
    border: none;
}
input::placeholder{
    color: hsla(0, 0%, 100%, 0.5);
}
textarea,
input{
    padding: 11px;
    border-radius: 6px;
    border: 1px solid #E6E6F0;
    background: #151515;
}
textarea{
    min-height: 78px;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    overflow: auto;
    position: relative;
}
textarea::-webkit-resizer {
    display: none;
  }
.textarea-block{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.textarea-block::after{
    content: '';
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.195262 7.80474C0.455612 8.06509 0.877722 8.06509 1.13807 7.80474L7.80474 1.13807C8.06509 0.877722 8.06509 0.455612 7.80474 0.195262C7.54439 -0.0650874 7.12228 -0.0650874 6.86193 0.195262L0.195262 6.86193C-0.0650874 7.12228 -0.0650874 7.54439 0.195262 7.80474ZM3.52729 7.80441C3.78764 8.06476 4.20975 8.06476 4.4701 7.80441L7.80344 4.47108C8.06379 4.21073 8.06379 3.78862 7.80344 3.52827C7.54309 3.26792 7.12098 3.26792 6.86063 3.52827L3.52729 6.8616C3.26694 7.12195 3.26694 7.54406 3.52729 7.80441Z' fill='%23E6E6F0'/%3E%3C/svg%3E");
    width: 8px;
    height: 8px;
    right: 8px;
    bottom: 8px;
    pointer-events: none;
}
.btn{
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    color: #FFF;
    border-radius: 4px;
    background: #C27D4C;
    height: 40px;
    transition: all .5s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn:hover{
    background: #A15227;
}
main.main{
    margin-top: 94px;
    overflow: hidden;
}
.container{
    width: 100%;
    max-width: 1220px;
    padding: 0 10px;
    margin: 0 auto;
}
.breadcrumb{
    margin: 0 -10px 36px;
    padding: 0 10px;
    overflow-x: auto;
    overflow-y: hidden;
}
.breadcrumb ul{
    display: flex;
    align-items: center;
    gap: 23px;
}
.breadcrumb ul li{
    position: relative;
    display: flex;
    align-items: center;
    gap: 9px;
}
.breadcrumb ul li:hover a{
    opacity: 1;
}
.breadcrumb ul li:not(:first-of-type)::before{
    position: absolute;
    content: '/';
    opacity: 0.3;
    pointer-events: none;
    left: -14px;
}
.breadcrumb ul li a{
    text-wrap: nowrap;
    font-size: 12px;
    line-height: 17px;
    display: flex;
    align-items: center;
    gap: 10px;
    opacity: 0.3;
    transition: all .5s ease;
}
.breadcrumb ul li:not(:first-of-type) a span{
    display: flex;
    align-items: center;
    justify-content: center;
}
h1,
h2{
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 56px;
    background: linear-gradient(249deg, #FFF 37.64%, #151515 116.38%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: max-content;
    max-width: 100%;
}
h3{
    color: #151515;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 44px;
}
h4{
    color: #151515;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 39px;
}
h5{
    color: #151515;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}
.color-1,
p a{
    color: #C27D4C;
}

@media (max-width: 1279px) {
    .container{
        max-width: 1000px;
    }
}
@media (max-width: 999px) {
    .container{
        max-width: 768px;
    }
}
@media (max-width: 767px) {
    .container{
        max-width: 480px;
    }
}
@media (max-width: 479px) {
    html, body {
        font-size: 16px;
        line-height: 24px;
    }
    main.main{
        margin-top: 64px;
    }
    .container{
        max-width: 360px;
    }
    .breadcrumb{
        margin-bottom: 20px;
    }
    h1{
        font-size: 48px;
        font-style: normal;
        font-weight: 100;
        line-height: 51.08px;
        background: linear-gradient(180deg, #FFF -11.42%, #151515 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .tilte-main{
        font-family: 'Almaz-thin', sans-serif;
        font-size: 49px;
        line-height: 51.08px;
        background: linear-gradient(180deg, #FFF -11.42%, #151515 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        max-width: none;
    }
    h2{
        font-family: 'ABeeZee', sans-serif;
        font-size: 20px;
        line-height: 22px;
        background: linear-gradient(249deg, #FFF 37.64%, #151515 116.38%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    h3{
        font-size: 18px;
        line-height: 22px;
    }
    h4{
        font-size: 15px;
        line-height: 19px;
    }
    h5{
        font-size: 16px;
        line-height: 15px;
    }
}
.header{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 100;
    background: #151515;
    transition: all .5s ease;
}
.header-main,
.header-main .header__inner{
    background: transparent;
}
.header-main + main.main{
    margin-top: 0;
}
.header-main.scrolled,
.header-main.scrolled .header__inner{
    background: #151515;
}
.header__inner{
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
    background: #151515;
    padding: 24px 0;
    transition: all .5s ease;
}
.header__logo{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 3;
}
.header__menu ul{
    display: flex;
    align-items: center;
}
.header__link{
    font-family: 'Almaz', sans-serif;
    padding: 12px 20px 9px;
    border-radius: 16px;
    opacity: 0.5;
    font-size: 14px;
    line-height: 19px;
    font-weight: 600;
    color: #E6E6F0;
    transition: all .5s ease;
}
.header__link:hover{
    color: #E6E6F0;
    opacity: 1;
}
.header__menu ul li{
    position: relative;
}
.header__link-catalog{
    position: absolute;
    top: 55px;
    left: 20px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    opacity: 0;
    pointer-events: none;
    transition: all .2s ease;
}
.header__catalog-image{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: all .4s ease;
    left: 181px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header__catalog-item{
    display: flex;
}
.header__catalog-item a{
    text-wrap: nowrap;
    color: #C27D4C;
    font-size: 14px;
    font-weight: 600;
    line-height: 19px;
    transition: all .4s ease;
}
.header__catalog-item a:hover{
    color: #fff;
}
.header__catalog-item a:hover + .header__catalog-image{
    opacity: 1;
}
.header__menu-bg{
    position: absolute;
    left: 0;
    right: 0;
    height: 200px;
    z-index: 1;
    top: 87px;
    opacity: 0;
    pointer-events: none;
}
.header__menu-bg::before{
    position: absolute;
    content: '';
    height: 50px;
    background-color: transparent;
    left: 0;
    right: 0;
    top: -25px;
}
.header__menu-bg::after{
    content: '';
    position: absolute;
    bottom: 0;
    height: 280px;
    background: rgba(17, 17, 17, 0.30);
    backdrop-filter: blur(24.46637535095215px);
    left: 0;
    right: 0;
    pointer-events: none;
}
.header__menu ul{
    position: relative;
    z-index: 1;
}
.header__menu.catalog-more .header__menu-bg{
    opacity: 1;
    pointer-events: all;
}
.header__menu.catalog-more .header__link-catalog,
.header__menu.catalog-more .header__menu-bg{
    opacity: 1;
    pointer-events: all;
}
.header__menu .header__lang{
    display: none;
}

.header__block{
    display: flex;
    align-items: center;
    gap: 20px;
    position: relative;
    z-index: 3;
}
.header__lang{
    display: flex;
    align-items: center;
    gap: 14px;
    order: -1;
}
.header__lang-item{
    color: #E6E6F0;
    font-size: 13px;
    line-height: 18px;
    transition: all .5s ease;
}
.header__lang-item:hover,
.header__lang-item.active{
    color: #C27D4C;
}
.header__basket-block{
    position: relative;
}
.header__basket{
    content: '';
    width: 40px;
    height: 40px;
    border-radius: 16px;
    border: 2px solid rgba(194, 125, 76, 0.20);
    transition: all .5s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header__basket-block.active .header__basket,
.header__basket:hover{
    background-color: #C27D4C;
}
.header__basket svg circle,
.header__basket svg path{
    transition: all .5s ease;
}
.header__basket-block.active .header__basket svg path,
.header__basket:hover svg path{
    stroke: #fff;
}
.header__basket-block.active .header__basket svg circle,
.header__basket:hover svg circle{
    fill: #fff;
}
.header__basket-content{
    opacity: 0;
    pointer-events: none;
    padding: 30px;
    border-radius: 16px;
    background: rgba(17, 17, 17, 0.30);
    backdrop-filter: blur(24.46637535095215px);
    position: absolute;
    right: 0;
    top: 50px;
    width: 224px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    transition: all .5s ease;
}
.header__basket-icon{
    display: flex;
    align-items: center;
    justify-content: center;
}
.header__basket-title{
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 19px;
    background: linear-gradient(249deg, #FFF 37.64%, #151515 116.38%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.header__basket-descr{
    text-align: center;
    font-size: 13px;
    line-height: 18px;
    background: linear-gradient(249deg, #FFF 37.64%, #151515 116.38%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.header__basket-btn{
    font-size: 13px;
    width: 105px;
    height: 34px;
    border-radius: 16px;
    background: #C27D4C;
    margin: 0 auto;
    transition: all .5s ease;
}
.header__basket-btn:hover{
    background: #A15227;
}
.header__basket-block.active .header__basket-content{
    opacity: 1;
    pointer-events: all;
}
.header__burger{
    display: none;
}
@media (max-width: 1279px) {
    .header__catalog-image img{
        max-width: 300px;
    }
}
@media (max-width: 999px) {
    .header__catalog-image img{
        max-width: 250px;
    }
}
@media (min-width: 768px) {
    .header__link.active{
        background: rgba(194, 125, 76, 0.20);
        opacity: 1;
        color: #C27D4C;
        transition: all .5s ease;
    }
    .header__link.active:hover{
        color: #fff;
        background: #C27D4C;
    }
}
@media (max-width: 767px) {
    .header{
        position: fixed;
    }
    .header-main.scrolled{
        background: #151515;
    }
    .header__menu{
        position: fixed;
        inset: 0;
        overflow-y: auto;
        overflow-x: hidden;
        background-color: #151515;
        z-index: -1;
        transform: translateX(-100%);
        transition: all .5s ease;
        padding: 83px 60px;
    }
    .header__menu.active{
        transform: translateX(0%);
    }
    .header__menu ul{
        align-items: start;
        justify-content: start;
        flex-direction: column;
        gap: 20px;
        height: 100%;
        padding-bottom: 40px;
    }
    .header__lang{
        display: none;
    }
    .header__menu .header__lang{
        display: flex;
        order: 1;
    }
    .header__burger{
        display: flex;
        align-items: center;
        justify-content: center;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Crect x='1' y='1' width='5' height='5' rx='1' stroke='%23C27D4C' stroke-width='2'/%3E%3Crect x='1' y='10' width='5' height='5' rx='1' stroke='%23C27D4C' stroke-width='2'/%3E%3Crect x='10' y='1' width='5' height='5' rx='1' stroke='%23C27D4C' stroke-width='2'/%3E%3Crect x='10' y='10' width='5' height='5' rx='1' stroke='%23C27D4C' stroke-width='2'/%3E%3C/svg%3E");
        background-position: center;
        background-repeat: no-repeat;
        border-radius: 16px;
        border: 2px solid rgba(194, 125, 76, 0.20);
        width: 40px;
        height: 40px;
    }
    .header__burger.active{
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M1.24138 1L8 7.8772M8 7.8772L15 15M8 7.8772L1 15M8 7.8772L14.7586 1.00001' stroke='%23C27D4C' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    }
    .header__menu-bg{
        display: none;
    }
    .header__link{
        padding: 0;
        color: #fff;
        opacity: 1;
    }
    .header__link-catalog{
        position: initial;
        opacity: 1;
        pointer-events: all;
        gap: 20px;
        margin-top: 20px;
    }
}
@media (max-width: 479px) {
    .header__inner{
        padding: 6px 0;
    }
    .header__basket,
    .header__burger{
        border-radius: 12px;
        width: 32px;
        height: 32px;
    }
    .header__logo{
        width: 100%;
        max-width: 158px;
    }
    .header__logo img{
        width: 100%;
    }
}
/* main-page */
main.main-page{
    overflow: initial;
}
.hero{
    overflow: hidden;
    padding-bottom: 100px;
    margin-bottom: -100px;
}
.hero__inner{
    height: 650px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    max-width: 421px;
    position: relative;
    z-index: 1;
}
.hero__title{
    font-variant-numeric: lining-nums proportional-nums;
    font-size:  32px;
    font-weight: 400;
    line-height: 39px;
    margin-bottom: 12px;
}
.hero__descr{
    color: rgba(255, 255, 255, 0.5);
    font-size: 18px;
    line-height: 24px;
}
.hero__btn{
    border-radius: 16px;
    margin-top: 29px;
    max-width: 130px;
    height: 48px;
}
.hero__preorder {
    position: sticky;
    right: 12px;
    bottom: 20px;
    width: 172px;
    z-index: 50;
    top: 94%;
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 16px;
}
.hero__video{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: -12;
    left: -121px;
    /*transform: scaleX(-1);*/
    top: 42px;
    width: 1440px;
}
.hero__video video{
    width: 100%;
}
.hero__video::after{
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    background: radial-gradient(76.77% 58.15% at 50% 41.85%, rgba(21, 21, 21, 0.00) 0%, #151515 100%);
}
@media (max-width: 999px) {
    .hero__inner{
        height: 510px;
    }
    .hero__video{
        width: 1126px;
    }
}
@media (max-width: 767px) {
    .hero__video {
        width: 839px;
        bottom: 51px;
    }
    .hero__preorder {
        margin: 0;
        right: initial;
        top: initial;
        left: 50%;
        transform: translateX(-50%);
        position: fixed;
        bottom: 67px;
        border-radius: 12px;
    }
}
@media (max-width: 479px) {
    .hero {
        padding-bottom: 50px;
        margin-bottom: -50px;
    }
    .hero__inner {
        height: 513px;
    }
    .hero__video {
        bottom: initial;
        top: 22px;
        left: 50%;
        transform: translateX(-50%) scaleX(-1);
    }
    .hero__title {
        font-variant-numeric: lining-nums proportional-nums;
        font-family: 'ABeeZee', sans-serif;
        font-size: 23px;
        font-style: normal;
        font-weight: 400;
        line-height: 31px;
        background: linear-gradient(249deg, #FFF 37.64%, #151515 116.38%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin-bottom: 11px;
    }
    .hero__descr {
        font-size: 14px;
        line-height: 22px;
    }
    .hero__btn{
        border-radius: 12px;
    }
}
.elements{
    position: relative;
    z-index: 2;
    margin-top: 205px;
    pointer-events: none;
}
.elements__container {
    margin-top: -200px;
    padding-top: 350px;
    overflow: hidden;
}
.elements__inner{
    pointer-events: all;
}
.elements::after{
    position: absolute;
    content: '';
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 570px;
    opacity: 0.5;
    background: #373737;
    filter: blur(117px);
    width: 570px;
    height: 357px;
    z-index: -1;
}
.elements__select{
    display: flex;
    align-items: center;
    justify-content: center;
    position: sticky;
    top: 10px;
    z-index: 50;
    padding: 5px;
    border-radius: 16px;
    background: rgba(17, 17, 17, 0.30);
    backdrop-filter: blur(24.46637535095215px);
    width: max-content;
    margin: -262px auto 0px;
    pointer-events: all;
}
.elements__select-btn{
    padding: 8px 16px;
    color: #fff;
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    border-radius: 16px;
    transition: all .5s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}
.elements__select-btn:hover,
.elements__select-btn.active{
    background-color: #C27D4C;
}
.elements__slider{
    height: 199px;
    max-width: 1157px;
    margin-left: auto;
}
.elements__slide{
    opacity: 0 !important;
}
.elements__slide.swiper-slide-active{
    opacity: 1 !important;
}
.elements__slide-content{
    position: relative;
    cursor: default;
}
.elements__slide-content,
.elements__slide-image{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.elements__slide-image img{
    width: 100%;
}
.elements__slide-name{
    position: absolute;
    top: 100px;
    text-align: center;
    font-variant-numeric: lining-nums proportional-nums;
    font-family: 'Almaz-thin', sans-serif;
    font-size: 160.271px;
    font-style: normal;
    font-weight: 100;
    line-height: 197px; /* 122.917% */
    background: linear-gradient(180deg, #FFF -11.42%, #151515 73.86%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    width: max-content;
}
.elements__slide-message{
    position: absolute;
    bottom: 0;
    right: -40px;
    color: rgba(255, 255, 255, 0.5);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    max-width: 376px;
}
.elements__slide.swiper-slide-active .elements__slide-block{
    pointer-events: none;
}
.elements__slide.swiper-slide-active .elements__slide-block .elements__slide-btn{
    pointer-events: all;
}
.elements__slide-block{
    position: absolute;
    z-index: 2;
    padding: 30px 36px 30px 30px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    transition: all .5s ease;
    max-width: 361px;
    width: 100%;
}
.elements__slide-descr{
    opacity: 0;
    margin-top: 6px;
    color: #FFF;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 14px;
    line-height: 19px;
    transition: all .5s ease;
}
.elements__slide-block--image{
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all .5s ease;
}
.elements__slide-block--image img{
    width: max-content;
    max-width: 100%;
}
.elements__slide-block--content{
    display: flex;
    align-items: center;
    gap: 15px;
}

.elements__slide-btn{
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M7.09131 1.75V6.9087M7.09131 6.9087V12.25M7.09131 6.9087H1.75M7.09131 6.9087H12.25' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    min-width: 28px;
    border-radius: 50%;
    background-color: #C27D4C;
    transition: all .5s ease;
    position: relative;
}
.elements__slide-block.active{
    background-color: #151515;
    z-index: 3;
}
.elements__slide-block.active .elements__slide-block--image,
.elements__slide-block.active .elements__slide-descr{
    opacity: 1;
}
.elements__slide-block.active .elements__slide-btn{
    transform: rotate(45deg);
}
.elements__slide-btn span {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    width: 58px;
    height: 58px;
    background-color: rgba(194, 125, 76, 0.3);
    animation: pulse 2s infinite;
    animation-delay: var(--animation-delay, 0s); /* Используем переменную */
    transition: all 0.5s ease;
    opacity: 0;
}
@keyframes pulse {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.elements__slide:nth-of-type(1) .elements__slide-block:nth-of-type(1) {
    bottom: 54%;
    left: 3.4%;
}
.elements__slide:nth-of-type(1) .elements__slide-block:nth-of-type(2) {
    bottom: 26.1%;
    left: 33.8%;
}
.elements__slide:nth-of-type(1) .elements__slide-block:nth-of-type(3) {
    bottom: 56.1%;
    left: 55.4%;
}
.elements__slide:nth-of-type(1) .elements__slide-block:nth-of-type(4) {
    bottom: 54.1%;
    left: 76.5%;
}
.elements__slide:nth-of-type(2) .elements__slide-block:nth-of-type(1) {
    bottom: 55.1%;
    left: 10.8%;
}
.elements__slide:nth-of-type(2) .elements__slide-block:nth-of-type(2) {
    bottom: 36.1%;
    left: 35.6%;
}
.elements__slide:nth-of-type(2) .elements__slide-block:nth-of-type(3) {
    bottom: 23.1%;
    left: 45.2%;
}
.elements__slide:nth-of-type(2) .elements__slide-block:nth-of-type(4) {
    bottom: 55.1%;
    left: 55.2%;
}
.elements__slide:nth-of-type(2) .elements__slide-block:nth-of-type(5) {
    bottom: 38.3%;
    left: 64.6%;
}
.elements__slide:nth-of-type(2) .elements__slide-block:nth-of-type(6) {
    bottom: -17.7%;
    left: 78.8%;
}
.elements__slide:nth-of-type(2) .elements__slide-block:nth-of-type(7) {
    bottom: 71.3%;
    left: 84.8%;
}
.elements__slide:nth-of-type(3) .elements__slide-block:nth-of-type(1) {
    bottom: 40.3%;
    left: 35.2%;
}
.elements__slide:nth-of-type(3) .elements__slide-block:nth-of-type(2) {
    bottom: 25.3%;
    left: 45.9%;
}
.elements__slide:nth-of-type(3) .elements__slide-block:nth-of-type(3) {
    /*top: 38.3%;*/
    top: -73.7%;
    left: 88.5%;
}
.elements__slide:nth-of-type(4) .elements__slide-block:nth-of-type(1) {
    bottom: 15%;
    left: 5%;
}
.elements__slide:nth-of-type(4) .elements__slide-block:nth-of-type(2) {
    bottom: 30%;
    left: 28.8%;
}
.elements__slide:nth-of-type(4) .elements__slide-block:nth-of-type(3) {
    bottom: 17.2%;
    left: 66.5%;
}
.elements__slide:nth-of-type(4) .elements__slide-block:nth-of-type(4) {
    bottom: 7%;
    left: 83.3%;
}
.gen-first,
.gen-second{
    display: none;
}
.gen-first.active,
.gen-second.active{
    display: block;
}
.elements__thumbs{
    width: 100%;
    max-width: 802px;
    margin: 60px auto 0;
}
.elements__thumbs-slide{
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 23px;
    cursor: pointer;
    border-radius: 12px;
    border: 1px solid transparent;
}
.elements__thumbs-image{
    display: flex;
    align-items: center;
    justify-content: center;
}
.elements__thumbs-image img{
    width: 100%;
}
.elements__thumbs-name{
    color: rgba(255, 255, 255, 0.5);
    text-align: center;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 14px;
    line-height: 19px;
}
.elements__thumbs-slide.swiper-slide-thumb-active{
    border: 1px solid #C27D4C;
    background: rgba(17, 17, 17, 0.30);
}
.elements__thumbs-slide.swiper-slide-thumb-active .elements__thumbs-name{
    color: #C27D4C;
}
.elements__box{
    margin-top: 208px;
    position: relative;
    z-index: 1;
}
.elements__box::after{
    content: '';
    position: absolute;
    z-index: -2;
    top: -70px;
    left: 20%;
    width: 570px;
    height: 657px;
    border-radius: 657px;
    opacity: 0.5;
    background: #373737;
    filter: blur(117px);
}
.elements__box-image {
    position: absolute;
    top: 12px;
    right: -11px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: -1;
    width: 100%;
    max-width: 1060px;
    transition: all 1s ease;
    bottom: 0;
}
.elements__box-image img{
    width: 100%;
}
.elements__box-image.active{
    max-width: 1123px;
}
.elements__box-title{
    font-variant-numeric: lining-nums proportional-nums;
    font-family: 'Almaz-thin', sans-serif;
    font-size: 130px;
    font-style: normal;
    font-weight: 100;
    line-height: normal;
    display: none;
}
.elements__box-title.active{
    display: block;
}
.elements__box-content{
    margin-top: 180px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    transform: scale(0.9);
    opacity: 0;
    transition: all .5s ease;
}
.elements__box-image.active + .elements__box-content{
    opacity: 1;
    transform: scale(1);
}
.elements__box-item{
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 20px;
    border-radius: 16px;
    background: rgba(0, 0, 0, 0.16);
    will-change: transform, opacity;
    backdrop-filter: blur(24px);
}
.elements__box-icon{
    display: flex;
    align-items: center;
    justify-content: center;
}
.elements__box-descr{
    font-size: 16px;
    line-height: 22px;
}
.elements__block{
    position: relative;
    z-index: 1;
    margin-top: 90px;
}
.elements__block-title {
    font-family: 'Almaz-thin', sans-serif;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 160.271px;
    font-style: normal;
    font-weight: 100;
    line-height: 197px; /* 122.917% */
    display: none;
}
.elements__block-title.active{
    display: block;
}
.elements__block-image{
    margin-top: -100px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 271px;
}
.elements__block-image img{
    width: 100%;
    width: 80%;
    opacity: 0;
    transition: all 1s ease;
    margin: 0 auto;
    transform: translateY(100px);
}
.elements__block-image.active img{
    opacity: 1;
    width: 100%;
    transform: translateY(0px);
}
.elements__block-message{
    font-variant-numeric: lining-nums proportional-nums;
    font-size:32px;
    font-style: normal;
    font-weight: 400;
    line-height: 39px;
    background: linear-gradient(249deg, #FFF 37.64%, #151515 116.38%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    max-width: 638px;
    transform: translateY(70px);
    transition: all 1s ease;
}
.elements__block-image.active ~ .elements__block-message{
    transform: translateY(0);
}
.elements__block-box{
    display: flex;
    gap: 30px;
    width: max-content;
    margin-left: auto;
    margin-top: 28px;
    transform: translateY(70px);
    transition: all 1s ease;
    max-width: 737px;
}
.elements__block-name{
    position: relative;
    display: flex;
    gap: 15px;
    font-size: 16px;
    line-height: 22px;
    max-width: 256px;
    transition: all 1s ease;
}
.elements__block-name::before{
    content: '';
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M16.875 4.1748L6.375 13.8251L1.125 8.99996' stroke='%23C27D4C' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
}
.elements__block-name:nth-of-type(2){
    transform: translateX(40px);
}
.elements__block-name:nth-of-type(3){
    transform: translateX(80px);
}
.elements__block-image.active ~ .elements__block-box{
    transform: translateY(0);
}
.elements__block-image.active ~ .elements__block-box .elements__block-name{
    transform: translateX(0) !important;
}
.elements__item{
    margin-top: 200px;
}
.elements__item-name{
    max-width: 474px;
    margin: 0 auto;
    text-align: center;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 49px;
    background: linear-gradient(249deg, #FFF 37.64%, #151515 116.38%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.elements__item-descr{
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    max-width: 544px;
    text-align: center;
    margin: 0 auto;
    opacity: 0.5;
    margin-top: 50px;
    transition: all 1s ease;
}
.elements__item-image{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 70px;
    opacity: 0;
    transition: all 1s ease;
}
.elements__item.active .elements__item-descr{
    margin-top: 30px;
}
.elements__item.active .elements__item-image{
    opacity: 1;
    margin-top: 30px;
}
@media (max-width: 1279px) {
    .elements__box-image {
        max-width: 800px;
    }
}

@media (max-width: 1080px) {
    .elements__slide-message{
        right: 0;
    }
}
@media (max-width: 999px) {
    .elements__container{
        margin-top: -250px;
    }
    .elements__slider{
        height: 180px;
    }
    .elements__slide-name{
        font-size: 140px;
        top: 30px;
    }
    .elements__slide-block{
        max-width: 260px;
    }
    .elements__slide:nth-of-type(1) .elements__slide-block:nth-of-type(1) {
        bottom: 45%;
        left: 1.4%;
    }
    .elements__slide:nth-of-type(1) .elements__slide-block:nth-of-type(2) {
        bottom: 16.1%;
        left: 31.8%;
    }
    .elements__slide:nth-of-type(1) .elements__slide-block:nth-of-type(3) {
        bottom: 43.1%;
        left: 53.4%;
    }
    .elements__slide:nth-of-type(1) .elements__slide-block:nth-of-type(4) {
        bottom: 42.1%;
        left: 74.4%;
    }
    .elements__slide:nth-of-type(2) .elements__slide-block:nth-of-type(1) {
        bottom: 37.1%;
        left: 9.8%;
    }
    .elements__slide:nth-of-type(2) .elements__slide-block:nth-of-type(2) {
        bottom: 26.1%;
        left: 34.6%;
    }
    .elements__slide:nth-of-type(2) .elements__slide-block:nth-of-type(3) {
        bottom: 18.1%;
        left: 44.2%;
    }
    .elements__slide:nth-of-type(2) .elements__slide-block:nth-of-type(4) {
        bottom: 41.1%;
        left: 52.2%;
    }
    .elements__slide:nth-of-type(2) .elements__slide-block:nth-of-type(5) {
        bottom: 27.3%;
        left: 62.6%;
    }
    .elements__slide:nth-of-type(2) .elements__slide-block:nth-of-type(6) {
        bottom: -12.7%;
        left: 55.8%;
    }
    .elements__slide:nth-of-type(2) .elements__slide-block:nth-of-type(7) {
        bottom: 53.3%;
        left: 57.8%;
    }
    .elements__slide:nth-of-type(2) .elements__slide-block:nth-of-type(6) .elements__slide-block--content,
    .elements__slide:nth-of-type(2) .elements__slide-block:nth-of-type(7) .elements__slide-block--content{
        flex-direction: row-reverse;
    }
    .elements__slide:nth-of-type(3) .elements__slide-block:nth-of-type(1) {
        bottom: 32.3%;
        left: 33.2%;
    }
    .elements__slide:nth-of-type(3) .elements__slide-block:nth-of-type(2) {
        bottom: 23.3%;
        left: 44.9%;
    }
    .elements__slide:nth-of-type(3) .elements__slide-block:nth-of-type(3) {
        top: 30.3%;
        left: 63.8%;
    }
    .elements__slide:nth-of-type(3) .elements__slide-block:nth-of-type(3) .elements__slide-block--content{
        flex-direction: row-reverse;
    }
    .elements__slide:nth-of-type(4) .elements__slide-block:nth-of-type(2) {
        bottom: 12%;
        left: 26.8%;
    }
    .elements__slide:nth-of-type(4) .elements__slide-block:nth-of-type(3) {
        bottom: 12.2%;
        left: 63.5%;
    }
    .elements__slide:nth-of-type(4) .elements__slide-block:nth-of-type(4) {
        bottom: -5%;
        left: 59.3%;
    }
    .elements__slide:nth-of-type(4) .elements__slide-block:nth-of-type(4) .elements__slide-block--content{
        flex-direction: row-reverse;
    }

    .elements__box{
        margin-top: 150px;
    }
    .elements__box-content {
        grid-template-columns: repeat(2, 1fr);
        margin-top: 300px;
    }
    .elements__box-image{
        top: -188px;
        max-width: 500px;
    }
    .elements__box-image.active {
        max-width: 759px;
    }
    .elements__item-image{
        width: 100%;
    }
    .elements__item-image img{
        width: 100%;
    }
}
@media (max-width: 767px) {
    .elements {
        margin-top: 30px;
    }
    .elements__container {
        margin-top: -350px;
    }
    .elements__select{
        margin-top: 50px;
    }
    .elements__slide-name {
        font-size: 80px;
        top: 250px;
    }
    .elements__thumbs-slide{
        padding: 10px;
    }
    .elements__slide-btn{
        background-size: 10px;
        width: 18px;
        height: 18px;
        min-width: 18px;
    }
    .elements__slide-block{
        padding: 5px;
        gap: 5px;
        max-width: 150px;
        border-radius: 12px;
    }
    .elements__slide-descr{
        margin-top: 3px;
        font-size: 10px;
        line-height: 15px;
    }
    .elements__slide-block--image img{
        max-width: 90%;
    }
    .elements__slide:nth-of-type(1) .elements__slide-block:nth-of-type(1) {
        bottom: 58%;
        left: 3.4%;
    }
    .elements__slide:nth-of-type(1) .elements__slide-block:nth-of-type(3) {
        bottom: 53.1%;
        left: 55.5%;
    }
    .elements__slide:nth-of-type(1) .elements__slide-block:nth-of-type(4) {
        bottom: 47.1%;
        left: 59.4%;
    }
    .elements__slide:nth-of-type(1) .elements__slide-block:nth-of-type(4) .elements__slide-block--content{
        flex-direction: row-reverse;
    }
    .elements__slide:nth-of-type(2) .elements__slide-block:nth-of-type(1) {
        bottom: 45.1%;
        left: 13.8%;
    }
    .elements__slide:nth-of-type(2) .elements__slide-block:nth-of-type(2) {
        bottom: 38.1%;
        left: 37.6%;
    }
    .elements__slide:nth-of-type(2) .elements__slide-block:nth-of-type(3) {
        bottom: 28.1%;
        left: 46.2%;
    }
    .elements__slide:nth-of-type(2) .elements__slide-block:nth-of-type(4) {
        bottom: 50.1%;
        left: 55.2%;
    }
    .elements__slide:nth-of-type(2) .elements__slide-block:nth-of-type(5) {
        bottom: 36.3%;
        left: 65.6%;
    }
    .elements__slide:nth-of-type(2) .elements__slide-block:nth-of-type(6) {
        bottom: 3.3%;
        left: 54.8%;
    }
    .elements__slide:nth-of-type(2) .elements__slide-block:nth-of-type(7) {
        bottom: 65.3%;
        left: 57.8%;
    }
    .elements__slide:nth-of-type(3) .elements__slide-block:nth-of-type(3) {
        top: 40.3%;
        left: 61.8%;
    }
    .elements__slide:nth-of-type(4) .elements__slide-block:nth-of-type(3) {
        bottom: 20.2%;
        left: 66.4%;
    }
    .elements__slide:nth-of-type(4) .elements__slide-block:nth-of-type(4) {
        bottom: 3%;
        left: 59.3%;
    }


    .elements__slide-btn span{
        width: 38px;
        height: 38px;
    }
    .elements__thumbs{
        margin-top: 30px;
    }
    .elements__slide-message{
        max-width: 100%;
        bottom: -20px;
        font-size: 14px;
    }
    .elements__box {
        margin-top: 100px;
    }
    .elements__box-title{
        font-size: 80px;
        text-align: center;
        margin: 0 auto;
    }
    .elements__box-image {
        top: 55px;
        max-width: max-content;
        height: max-content;
        z-index: 1;
        left: 50%;
        transform: translateX(-50%);
        width: 459px;
    }
    .elements__box-content{
        grid-template-columns: 1fr;
        gap: 10px;
        margin-top: 150px;
        z-index: 2;
        position: relative;
    }
    .elements__block-title{
        text-align: center;
        font-size: 49px;
        font-style: normal;
        font-weight: 100;
        line-height: 51.08px;
        background: linear-gradient(180deg, #FFF -11.42%, #151515 73.86%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .elements__block-image {
        margin-top: -26px;
        height: max-content;
        margin-bottom: 9px;
    }
    .elements__block-image img{
        width: 100%;
        opacity: 1;
        transform: none;
    }
    /* .elements__block-name,
    .elements__block-message,
    .elements__block-box{
        transform: none !important;
    } */
    .elements__block-box{
        flex-direction: column;
        margin: 0;
        max-width: 100%;
        margin-top: 20px;
    }
    .elements__block-name{
        max-width: 100%;
    }
    .elements__item {
        margin-top: 100px;
    }
    .elements__item-descr{
        margin-top: 22px;
    }
    .elements__item-descr,
    .elements__item-image{
        margin-top: 40px;
    }
    .elements__item.active .elements__item-image,
    .elements__item.active .elements__item-descr{
        margin-top: 22px;
        opacity: 1;
    }
    .elements::after{
        max-width: 100%;
        width: 147.796px;
        height: 92.567px;
        filter: blur(30.337078094482422px);
    }
    .elements__select{
        position: fixed;
        top: initial;
        bottom: 15px;
        left: 50%;
        transform: translate(-50%);
        width: max-content;
    }
    .elements__slider {
        height: 120px;
    }
    .elements__box-image{
        max-width: 350px;
    }
    .elements__box-image.active {
        max-width: 759px;
        left: 50%;
    }

}
@media (max-width: 479px) {
    .elements__slider{
        height: 51px;
    }
    .elements__slide-name{
        font-size: 49px;
        line-height: 51.08px;
        top: 327px;
    }
    .elements__slide-message{
        position: initial;
        font-size: 10px;
        line-height: 15px;
        margin-top: 14px;
        max-width: 300px;
    }
    .elements__slide-btn{
        background-size: 7px;
        width: 17px;
        height: 17px;
        min-width: 17px;
    }
    .elements__thumbs {
        margin-top: 26px;
    }
    .elements__thumbs-slide{
        padding: 5px;
        gap: 5px;
    }
    .elements__thumbs-name {
        font-size: 10px;
        line-height: 15px;
    }
    .elements__thumbs-slide.swiper-slide-thumb-active{
        border-radius: 4px;
        border: 0.259px solid #C27D4C;
        background: rgba(17, 17, 17, 0.30);
    }
    .elements__box-title{
        font-size: 49px;
        line-height: 51.08px;
        background: linear-gradient(180deg, #FFF -11.42%, #151515 73.86%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .elements__box-image {
        top: 29px;
    }
    .elements__box-content{
        margin-top: 190px;
        gap: 0;
    }
    .elements__box::after{
        content: none;
    }
    .elements__box-item{
        padding: 10px 0;
        gap: 10px;
        border-radius: 12px;
    }
    .elements__box-icon svg{
        max-width: 20px;
        max-height: 20px;
    }
    .elements__box-descr {
        font-size: 13px;
        line-height: 18px;
    }
    .elements__item,
    .elements__block,
    .elements__box{
        margin-top: 61px;
    }
    .elements__block-message{
        font-size: 18px;
        line-height: 22px;
    }
    .elements__block-box{
        margin-top: 13px;
        gap: 10px;
        padding-bottom: 25px;
    }
    .elements__block-name{
        gap: 10px;
        font-size: 13px;
        line-height: 18px;
    }
    .elements__block-name::before{
        background-size: 12px;
    }
    .elements__item-name{
        font-size: 20px;
        line-height: 22px;
        background: linear-gradient(249deg, #FFF 37.64%, #151515 116.38%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .elements__item-descr{
        font-size: 14px;
        line-height: 22px;
    }


    .elements__slider {
        height: 112px;
        transition: all 0.5s ease;
    }
    .elements__slider.active {
        height: 160px;
    }
    .elements__slide.zoomed .elements__slide-content {
        transform: scale(2);
        transform-origin: center;
        transition: transform 0.5s ease;
    }
    .elements__slide-content {
        transition: transform 0.5s ease;
    }
    .elements__slider.dragging {
        cursor: grabbing;
        user-select: none;
    }
    .elements__slide-message{
        transition: all .5s ease;
    }
    .elements__slide.zoomed .elements__slide-message {
        margin-top: 64px;
    }
    .elements__slide-descr {
        margin-top: 0px;
        font-size: 5px;
        line-height: 8px;
    }
    .elements__slide-btn span {
        width: 24px;
        height: 24px;
    }
    .elements__slide-block{
        max-width: 90px;
    }
    .elements__slide:nth-of-type(1) .elements__slide-block:nth-of-type(4) {
        bottom: 53.1%;
        left: 63.4%;
    }
    .elements__slide:nth-of-type(2) .elements__slide-block:nth-of-type(6) {
        bottom: 14.3%;
        left: 61.8%;
    }
    .elements__slide:nth-of-type(2) .elements__slide-block:nth-of-type(7) {
        bottom: 61.3%;
        left: 62.8%;
    }
    .elements__slide:nth-of-type(4) .elements__slide-block:nth-of-type(1) {
        bottom: 23%;
        left: 5%;
    }
    .elements__slide:nth-of-type(4) .elements__slide-block:nth-of-type(2) {
        bottom: 30%;
        left: 27.8%;
    }
    .elements__slide:nth-of-type(4) .elements__slide-block:nth-of-type(3) {
        bottom: 29.2%;
        left: 66.4%;
    }
    .elements__slide:nth-of-type(4) .elements__slide-block:nth-of-type(4) {
        bottom: 14%;
        left: 66.3%;
    }

}
.choose{
    margin-bottom: 140px;
    margin-top: 140px;
}
.choose__title{
    font-variant-numeric: lining-nums proportional-nums;
    font-family: 'Almaz-thin', sans-serif;
    font-size: 140.27px;
    font-style: normal;
    font-weight: 100;
    line-height: 197px; /* 140.443% */
    background: linear-gradient(180deg, #FFF -11.42%, #151515 73.86%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: max-content;
    max-width: 102%;
    margin-right: -20px;
}
.choose__content{
    margin-top: -12px;
}
@media (max-width: 1279px) {
    .choose__title{
        font-size: 100px;
        line-height: normal;
        background: linear-gradient(180deg, #FFF -11.42%, #151515 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
}
@media (max-width: 999px) {
    .choose__title {
        font-size: 80px;
        line-height: normal;
    }
}
@media (max-width: 767px) {
    .choose{
        margin-top: 100px;
    }
}
@media (max-width: 479px) {
    .choose{
        margin-top: 67px;
    }
    .choose__title {
        font-size: 49px;
        line-height: 51.08px;
        max-width: 300px;
    }
}
/* contacts */
.contacts__content{
    display: flex;
    gap: 36px;
    justify-content: space-between;
    margin-top: 34px;
    position: relative;
    z-index: 1;
}
.contacts__image{
    position: absolute;
    z-index: -1;
    width: 100%;
    max-width: 714px;
    top: -109px;
    left: 171px;
}
.contacts__image img{
    width: 100%;
}
.contacts__item,
.contacts__block{
    display: flex;
    flex-direction: column;
    gap: 19px;
}
.contacts__item{
    gap: 14px;
}
.contacts__item-links{
    flex-direction: row;
    gap: 14px;
    align-items: center;
}
.contacts__item-link{
    padding: 10px 20px;
    border-radius: 4px;
    background: #C27D4C;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all .5s ease;
}
.contacts__item-link:hover{
    background: #A15227;
}
.contacts__name{
    color: hsla(0, 0%, 100%, 0.5);
    font-size: 16px;
    line-height: 22px;
}
.contacts__link{
    font-family: 'Almaz', sans-serif;
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    transition: all .5s ease;
    width: max-content;
}
a.contacts__link:hover{
    color: #C27D4C;
}
.contacts__btn{
    height: 48px;
    width: 144px;
    font-size: 15px;
    border-radius: 16px;
    background: #C27D4C;
    transition: all .5s ease;
}
.contacts__btn:hover{
    background: #A15227;
}
.contacts + .wherebuy{
    padding-bottom: 30px;
}
@media (max-width: 1279px) {
    .contacts .form-content{
        max-width: 250px;
    }
    .contacts__image {
        max-width: 574px;
        top: -99px;
        left: 171px;
    }
}
@media (max-width: 999px) {
    .contacts__content{
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .contacts .form-content{
        max-width: 100%;
    }
    .contacts__image {
        max-width: 544px;
        top: -79px;
        left: 31px;
    }
    .contacts__item-link{
        gap: 0;
        font-size: 0;
    }
}
@media (max-width: 767px) {
    .contacts__content{
        grid-template-columns: 1fr;
    }
    .contacts__image {
        max-width: 544px;
        top: -99px;
        left: 81px;
    }
}
@media (max-width: 479px) {
    .contacts__content{
        margin-top: 20px;
        gap: 20px;
    }
    .contacts__block{
        gap: 10px;
    }
    .contacts__item{
        gap: 4px;
    }
    .contacts__name{
        font-size: 14px;
    }
    .contacts__link{
        font-size: 18px;
    }
    .contacts__btn{
        border-radius: 12px;
    }
    .footer .contacts__btn{
        max-width: 100%;
        width: 100%;
    }
    .contacts + .wherebuy{
        padding-bottom: 24px;
    }
    .contacts__image{
        display: none;
    }
    .contacts__title {
        font-size: 15px;
        line-height: 31px;
        background: linear-gradient(249deg, #FFF 37.64%, #151515 116.38%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .contacts__item-link{
        padding: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 46px;
        height: 46px;
    }
    .contacts__item-links{
        gap: 14px;
    }
}
/* wherebuy */
.wherebuy{
    margin-top: 61px;
    overflow: hidden;
}
.wherebuy__content{
    margin-top: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wherebuy__content svg{
    width: 100%;
    height: auto;
}
.wherebuy__content svg path[fill='#C27D4C']{
    cursor: pointer;
}
.wherebuy__content svg path[fill='#151515']{
    pointer-events: none;
}
.wherebuy__form{
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.wherebuy__form input{
    font-size: 15px;
    line-height: 140%;
    padding: 12px;
    height: 48px;
}
.wherebuy__result{
    margin-top: 32px;
}
.wherebuy__result .swiper-wrapper{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
}
.wherebuy__result-title{
    font-size: 32px;
    line-height: 41px;
    background: linear-gradient(249deg, #FFF 37.64%, #151515 116.38%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.wherebuy__result .contacts__item{
    gap: 3px;
}
.wherebuy__result .contacts__block{
    gap: 14px;
}
.wherebuy__result-block{
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.contacts__link{
    font-family: "ABeeZee", sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
}
.wherebuy__result-pagination{
    display: none;
}
.tooltip {
    position: absolute;
    padding: 5px 14px;
    border-radius: 16px;
    background: rgba(17, 17, 17, 0.30);
    backdrop-filter: blur(24.46637535095215px);
    pointer-events: none;
    color: #FFF;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 10px;
    line-height: 14px;
    display: none;
    z-index: 1000;
    text-align: center;
}
@media (max-width: 1279px) {
    .wherebuy__result .swiper-wrapper{
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 999px) {
    .wherebuy__result .swiper-wrapper{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 768px) {
    .wherebuy__result .swiper-wrapper{
        display: flex;
        gap: 0;
    }
    .wherebuy__result-pagination{
        margin-top: 30px;
        display: flex;
        align-items: center;
        gap: 16px;
        flex-wrap: wrap;
    }
}
@media (max-width: 479px) {
    .wherebuy{
        margin-top: 48px;
    }
    .wherebuy__content{
        margin-top: -22px;
    }
    .wherebuy__form input {
        font-size: 13px;
        height: 40px;
    }
    .wherebuy__result{
        margin-top: 16px;
    }
    .wherebuy__result-title{
        background: linear-gradient(249deg, #FFF 37.64%, #151515 116.38%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 16px;
        line-height: 24px;
    }
    .wherebuy__result-block{
        gap: 10px;
    }
}



/* footer */
.footer{
    padding: 36px 0;
}
.footer__block{
    margin-top: 72px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 57px;
}
.footer__bottom{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.footer__links-item,
.footer__copy{
    color: hsla(0, 0%, 100%, 0.5);
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 14px;
    line-height: 19px;
    transition: all .5s ease;
}
.footer__links-item,
.footer__links{
    display: flex;
    align-items: center;
    gap: 30px;
}
.footer__links-item{
    gap: 10px;
}
.footer__links-item:hover{
    color: #fff;
}
@media (max-width: 1279px) {
    .footer__block{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }
}
@media (max-width: 999px) {
    .footer__block{
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 767px) {
    .footer__block{
        grid-template-columns: 1fr;
    }
    .footer__bottom{
        flex-direction: column-reverse;
        gap: 20px;
    }
}
@media (max-width: 479px) {
    .footer{
        padding: 26px 0;
    }
    .footer__block,
    .footer__bottom{
        margin-top: 20px
    }
    .footer__block{
        gap: 15px;
    }
    .footer__block .contacts__item{
        gap: 0;
    }
    .footer__copy{
        max-width: 176px;
        text-align: center;
    }
    .footer__links-item{
        color: #fff;
    }
    .main-page ~ .footer{
        padding-bottom: 70px;
    }
}
/* blog-page */
.blog{
    padding-bottom: 22px;
}
.blog__content{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin-top: 36px;
}
.blog__item{
    position: relative;
    z-index: 1;
    height: 323px;
    overflow: hidden;
    border-radius: 12px;
}
.blog__item-image{
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: -1;
}
.blog__item-image::before{
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(21, 21, 21, 0.00) 0%, #151515 100%);
}
.blog__item-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.blog__item-content{
    padding: 30px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    gap: 7px;
}
.blog__item-content p{
    color: var(--base-cristal-white, hsla(0, 0%, 100%, 0.5));
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 12px;
    line-height: 17px;
}
.blog__item-content h3{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    align-self: stretch;
    overflow: hidden;
    overflow: hidden;
    color: #FFF;
    font-variant-numeric: lining-nums proportional-nums;
    text-overflow: ellipsis;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    transition: all .5s ease;
}
.blog__item:hover h3{
    color: #C27D4C;
}
.blog__pages, .pagination {
    margin-top: 59px;
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
    flex-wrap: wrap;
}
@media (max-width: 999px) {
    .blog__item-content{
        padding: 20px;
    }
}
@media (max-width: 767px) {
    .blog__content{
        grid-template-columns: 1fr;
    }
}
@media (max-width: 479px) {
    .blog {
        padding-bottom: 0;
    }
    .blog__title{
        font-variant-numeric: lining-nums proportional-nums;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 31px;
        background: linear-gradient(249deg, #FFF 37.64%, #151515 116.38%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .blog__content{
        margin-top: 20px;
        gap: 20px;
    }
    .blog__item{
        height: 300px;
        border-radius: 4px;
    }
    .blog__item-content h3{
        font-size: 16px;
        line-height: 15px;
    }
}

.pages-item,
.page-link{
    display: flex;
    width: 50px;
    height: 50px;
    min-width: 50px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background: #1F1F1F;
    color: #FFF;
    transition: all .5s ease;
    cursor: pointer;
    opacity: 1;
    margin: 0 !important;
}
.pages-item.swiper-pagination-bullet.swiper-pagination-bullet-active,
.pages-item.active,
.pages-item:hover,
.page-link.active,
.page-link:hover{
    color: #C27D4C;
}
@media (max-width: 479px) {
    .pages-item,
    .page-link{
        width: 40px;
        min-width: 40px;
        height: 40px;
    }
}
/* article */
.article__top{
    height: 424px;
    border-radius: 12px;
    overflow: hidden;
    padding: 30px;
    width: 100%;
    position: relative;
    z-index: 1;
}
.article__top-image{
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    z-index: -1;
}
.article__top-image::before{
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(21, 21, 21, 0.00) 0%, #151515 100%);
}
.article__top-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.article__top-content{
    max-width: 990px;
    margin: 0 auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    gap: 7px;
}
.article__top p{
    color: var(--base-cristal-white, hwb(0 100% 0% / 0.5));
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
}
.article__top h1{
    font-family: "ABeeZee", sans-serif;
    color: #FFF;
    font-variant-numeric: lining-nums proportional-nums;
    text-overflow: ellipsis;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 56px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    align-self: stretch;
    background: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: initial;
}
.article__container{
    margin-top: -36px;
    background-color: #fff;
    padding: 74px 30px 59px;
    border-radius: 16px;
}
.article__content{
    max-width: 990px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.article__about-item,
.article__about{
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 5px;
}
.article__about-item{
    gap: 10px;
}
.article__about-icon{
    display: flex;
    align-items: center;
    justify-content: center;
}
.article__about-item p{
    color: #151515;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 12px;
    line-height: 17px;
}
.article__content h2{
    color: #151515;
    background: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: initial;
}
.article__content p{
    color: #151515;
}
.article__image{
    width: 100%;
    display: flex;
    align-items: center;
    overflow: hidden;
    border-radius: 12px;
}
.article__image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.article__content table {
    border-spacing: 0px;
    border-collapse: collapse;
    width: 100%;
}
.article__content table tr th {
    text-align: left;
    color: #151515;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    padding: 11px 14px;
    border-bottom: 1px solid #E6E6F0;
}
.article__content table tr td {
    color: #151515;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    padding: 9px 14px;
    border-bottom: 1px solid #E6E6F0;
}
.article__image-block{
    display: flex;
    align-items: center;
    gap: 40px;
}
.article__content-box {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.article__content ul,
.article__content ol{
    width: 100%;
}
.article__content ul li,
.article__content ol li {
    padding-left: 26px;
    position: relative;
}
.article__content ul li::before {
    position: absolute;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M15 3.71094L5.66667 12.289L1 7.99997' stroke='%23C27D4C' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    width: 16px;
    height: 16px;
    left: 0;
    top: 3px;
}
.article__content ul li + li,
.article__content ol li + li{
    margin-top: 3px;
}
.article__content ul li p,
.article__content ol li p{
    line-height: 24px;
    font-size: 16px;
}
.article__content ul li p:first-of-type,
.article__content ol li p:first-of-type{
    font-family: 'Almaz', sans-serif;
    font-weight: 600;
}
.article__content ol {
    counter-reset: section;
}
.article__content ol li::before {
    position: absolute;
    left: 0;
    top: 0;
    color: #151515;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    margin-right: 10px;
    content: counter(section) ".";
    counter-increment: section;
}
.article__message {
    background-color: #FAFAFF;
    border-radius: 4px;
    padding: 20px;
    display: flex;
    gap: 17px;
    width: 100%;
    max-width: 100%;
}
.article__message p{
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}
.article__send-block {
    margin-top: 23px;
    display: flex;
    flex-wrap: wrap;
    gap: 23px;
}
.article__send-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}
.article__send-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: #FAFAFF;
    width: 48px;
    height: 48px;
}
.article__send-name {
    text-align: center;
    color: #151515;
    font-family: "Raleway", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 19px;
}
@media (max-width: 479px) {
    .article .container:last-of-type{
        max-width: 100%;
        padding: 0;
    }
    .article__top{
        height: 300px;
        padding: 10px;
        border-radius: 4px;
    }
    .article__top h1{
        font-size: 16px;
        line-height: 15px;
    }
    .article__container {
        padding: 52px 10px 24px;
        border-radius: 12px;
    }
    .article__content{
        gap: 17px;
    }
    .article__content h2{
        font-size: 20px;
        line-height: 22px;
    }
    .article__content p{
        font-size: 14px;
        line-height: 22px;
    }
    .article__image{
        height: 300px;
        border-radius: 4px;
    }
    .article__content-box{
        flex-direction: column;
    }
    .article__content ul li p,
    .article__content ol li p{
        font-size: 14px;
    }
    .article__message p{
        font-size: 16px;
    }

}
.interesting{
    margin-top: 70px;
    overflow: hidden;
}
.interested__slider{
    overflow: hidden;
    margin-top: 36px;
}
.interested__slider-pagination{
    margin-top: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
}
@media (max-width: 479px) {
    .interesting{
        margin-top: 38px;
    }
    .interested__slider{
        margin-top: 20px;
    }
    .interested__slider-pagination{
        margin-top: 20px;
    }
}
/* catalog-page */

.catalogue{
    padding-bottom: 39px;
}
.catalogue__top{
    display: flex;
    gap: 40px;
    justify-content: space-between;
}
.catalogue__filter{
    margin-top: 9px;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    max-width: 170px;
}
.catalogue__filter-content,
.catalogue__filter-item{
    display: flex;
    align-items: start;
    flex-direction: column;
    gap: 20px;
    width: 100%;
}
.catalogue__filter-content label{
    display: flex;
    align-items: center;
}
.catalogue__filter-content label input {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.catalogue__filter-content label input + span {
    position: relative;
    top: 0;
    left: 0;
    padding-left: 26px;
    cursor: pointer;
    display: inline-block;
    color: #FFF;
    font-variant-numeric: lining-nums proportional-nums;
    font-family: 'Almaz', sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}
.catalogue__filter-content label input + span:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Crect x='0.5' y='0.5' width='15' height='15' rx='3.5' stroke='%23BDBDBD'/%3E%3C/svg%3E");
}
.catalogue__filter-content label input:checked + span{
    color: #C27D4C;
}
.catalogue__filter-content label input:checked + span::before{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Crect width='16' height='16' rx='4' fill='%23C27D4C'/%3E%3Cpath d='M11 6L7 10L5 8' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.catalogue__filter-content label input[type='radio'] + span::before{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Crect x='0.5' y='0.5' width='15' height='15' rx='7.5' stroke='%23BDBDBD'/%3E%3C/svg%3E");
}
.catalogue__filter-content label input[type='radio']:checked + span::before{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Crect x='0.5' y='0.5' width='15' height='15' rx='7.5' stroke='%23C27D4C'/%3E%3Ccircle cx='7.9998' cy='8.00078' r='3.2' fill='%23C27D4C'/%3E%3C/svg%3E");
}
.catalogue__sort{
    margin-left: auto;
    max-width: max-content;
}
.catalogue__filter-name,
.catalogue__sort-name{
    color: rgba(255, 255, 255, 0.5);
    font-size: 11px;
    line-height: 16px;
}
.catalogue__sort{
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.catalogue__sort-content select{
    color: #FFF;
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    background-color: transparent;
    border: none;
    outline: none;
    padding: 8px 18px 8px 0;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8' fill='none'%3E%3Cpath d='M8.5 2.60547L5 6L1.5 2.60547' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    background-position: right center;
    background-repeat: no-repeat,repeat;
    background-size: 8px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    margin: 0;
    max-width: 100%;
    overflow: hidden;
    text-align: left;
}
.catalogue__sort-content select option{
    background-color: #151515;
}
.catalogue__content.product-content{
    margin-top: 20px;
    gap: 10px;
    width: 100%;
    max-width: 990px;
}
.catalogue + .wherebuy{
    padding-bottom: 54px;
}
.catalogue__filter-mobile{
    display: none;
}
.catalogue__right{
    display: flex;
    flex-direction: column;
}
.catalogue__right-top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    order: -1;
}
@media (max-width: 1279px) {
    .catalogue__select{
        flex-direction: column;
        gap: 40px;
    }
    .catalogue__content.product-content{
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 999px) {
    .catalogue__content.product-content{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 768px) {
    .catalogue__filter-content label:hover span{
        color: #C27D4C;
    }
}
@media (max-width: 767px) {
    .catalogue__select{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 18px;
    }
    .catalogue__filter-mobile{
        display: flex;
        flex-direction: column;
        gap: 10px;
        width: 100%;
    }

    .catalogue__filter-btn{
        display: flex;
        align-items: center;
        justify-content: center;
        color: #FFF;
        text-align: center;
        font-feature-settings: 'liga' off, 'clig' off;
        font-family: 'Inter', sans-serif;
        font-size: 13px;
        font-style: normal;
        font-weight: 600;
        line-height: 140%; /* 18.2px */
        position: relative;
        gap: 8px;
        border-radius: 12px;
        border: 1px solid  #C27D4C;
        padding: 7px;
        transition: all .2s ease;
    }
    .catalogue__filter-btn::before{
        content: '';
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 17 16' fill='none'%3E%3Cpath d='M1.125 0H15.8743C16.2194 0 16.4992 0.279786 16.4992 0.625001C16.4992 2.36548 15.7531 4.02711 14.4522 5.18348L11.7151 7.61635C11.2405 8.03823 10.9683 8.64443 10.9683 9.27956V12.916C10.9683 13.125 10.8638 13.3201 10.69 13.4361L7.00258 15.8942C6.58766 16.1709 6.03102 15.8724 6.03102 15.3743V9.27956C6.03102 8.64443 5.7588 8.03823 5.28419 7.61635L2.547 5.18348C1.2461 4.02711 0.5 2.36548 0.5 0.625001C0.5 0.279786 0.779786 0 1.125 0Z' fill='white'/%3E%3C/svg%3E");
        width: 16px;
        height: 16px;
    }
    .catalogue__filter-btn.active::before{
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 17 16' fill='none'%3E%3Cpath d='M1.74138 1L8.5 7.8772M8.5 7.8772L15.5 15M8.5 7.8772L1.5 15M8.5 7.8772L15.2586 1.00001' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    }
    .catalogue__filter-btn:active{
        background-color: #C27D4C;
    }
    .catalogue__sort{
        width: 100%;
        max-width: 100%;
        gap: 10px;
    }


    .catalogue__top{
        flex-direction: column;
        gap: 20px;
    }
    .catalogue__filter{
        display: none;
        max-width: 100%;
    }
    .catalogue__filter.active{
        display: flex;
    }
    .catalogue__filter-content label input + span{
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
        font-family: "ABeeZee", sans-serif;
    }
    .catalogue__content.product-content{
        margin-top: 0;
    }
    .catalogue__sort-content select{
        width: 100%;
    }


}
@media (max-width: 479px) {
    .catalogue {
        padding-bottom: 2px;
    }
    .catalogue__select{
        padding: 0;
        margin-top: 11px;
    }
    .catalogue__title{
        font-size: 15px;
        line-height: 31px;
        background: linear-gradient(249deg, #FFF 37.64%, #151515 116.38%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .catalogue + .wherebuy {
        padding-bottom: 24px;
    }
}
.product ~ .wherebuy{
    padding-bottom: 54px;
}
.product-content{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}
.product-item{
    padding: 20px;
    position: relative;
    border-radius: 16px;
    transition: all .5s ease;
    height: max-content;
}
.product-item__image{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 191px;
    width: 100%;
}
.product-item__image img{
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    object-position: center;
}
.product-item__content{
    display: flex;
    flex-direction: column;
    gap: 7px;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}
.product-item__content h3{
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}
.product-item__content p:nth-of-type(1){
    color: rgba(255, 255, 255, 0.5);
    text-align: center;
    font-size: 16px;
    line-height: 22px;
}
.product-item__content p:nth-of-type(2){
    color: rgba(255, 255, 255);
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
}
.product-item__link{
    color: #FFF;
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    height: 48px;
    width: 126px;
    background-color: #C27D4C;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .5s ease;
    margin: 0 auto;
}
.product-item__link:hover{
    background-color: #A15227;
}
@media (max-width: 999px) {
    .product-content {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 767px) {
    .product-content {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}
@media (min-width: 480px) {
    .product-item:hover{
        background: #2C2C2C;
    }
}
@media (max-width: 479px) {
    .product-content{
        gap: 10px;
        margin-top: 10px;
    }
    .product-item{
        padding: 0;
    }
    .product-item__image{
        height: 145px;
    }
    .product-item__content{
        gap: 9px;
    }
    .product-item__content h3,
    .product-item__content p:nth-of-type(1){
        font-size: 14px;
    }
    .product-item__content p:nth-of-type(2){
        font-size: 16px;
    }
    .product-item__link{
        font-size: 13px;
        height: 34px;
        width: 81px;
        border-radius: 12px;
    }
}
.popup {
    position: fixed;
    inset: 0;
    overflow: hidden;
    z-index: 110;
    pointer-events: none;
    transition: all 0.5s ease;
}
.popup.active{
    overflow: auto;
    pointer-events: all;
    background-color: rgba(21, 21, 21, 0.5);
}
.popup__bg{
    position: absolute;
    inset: 0;
}
.popup__inner{
    margin: 20% auto 10%;
    position: relative;
    border-radius: 16px;
    padding: 30px;
    background: rgba(17, 17, 17, 0.30);
    backdrop-filter: blur(24.46637535095215px);
    opacity: 0;
    pointer-events: none;
    transition: all 0.5s ease;
    width: 100%;
    max-width: 380px;
}
.popup.active .popup__inner{
    pointer-events: all;
    opacity: 1;
}
.popup__top{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.popup__close{
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3.139px;
    background: rgba(17, 17, 17, 0.30);
    backdrop-filter: blur(19.197290420532227px);
    width: 40px;
    height: 40px;
}
.popup__title{
    font-size: 32px;
    line-height: 41px;
}
.popup__form{
    margin-top: 12px;
    gap: 12px;
}
@media (max-width: 479px) {
    .popup__inner{
        padding: 20px;
    }
}
/* product-page */
main.main-product{
    overflow: visible;
}
.product__select{
    margin-top: 23px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    position: sticky;
    z-index: 10;
    top: 10px;
    padding: 5px;
    border-radius: var(--corners-main_M, 16px);
    background: rgba(17, 17, 17, 0.30);
    backdrop-filter: blur(24.46637535095215px);
}
.product__select .catalogue__filter{
    flex-direction: row;
    gap: 40px;
    max-width: max-content;
    flex-wrap: wrap;
}
.product__select .catalogue__filter-content{
    flex-direction: row;
    gap: 0;
    width: auto;
}
.product__select .catalogue__filter-item{
    gap: 10px;
    width: auto;
}
.product__select .catalogue__filter-content label input + span{
    padding: 8px 16px;
    background-color: transparent;
    text-wrap: nowrap;
    border-radius: 16px;
    display: flex;
    color: #C27D4C;
}
.product__select .catalogue__filter-content label input + span:before{
    content: none !important;
}
.product__select .catalogue__filter-content label input:checked + span{
    background-color: #C27D4C;
    color: #FFF;
}
.product__info{
    display: flex;
    align-items: center;
    gap: 20px;
}
.product__info-btn{
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 16px 16px;
    border-radius: 16px;
    height: 48px;
    width: 152px;
}
.product__info-btn::before{
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 17 16' fill='none'%3E%3Cpath d='M1.9873 2.12769H3.52745C4.37299 2.12769 5.12149 2.67446 5.37862 3.47996L5.67914 4.42141M5.67914 4.42141L7.31166 9.24777C7.64452 10.2318 8.6925 10.7801 9.69068 10.4923L14.5823 9.08208C15.4753 8.82465 16.061 7.97094 15.9798 7.04513L15.9052 6.1948C15.8172 5.19127 14.9768 4.42141 13.9695 4.42141H5.67914Z' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='5.60117' cy='13.4337' r='1.67539' fill='white'/%3E%3Ccircle cx='13.9781' cy='13.4337' r='1.67539' fill='white'/%3E%3C/svg%3E");
    width: 16px;
    height: 16px;
}
.product__info-price{
    margin-top: 10px;
    font-family: 'Almaz', sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 31px;
}
.product__content{
    margin-top: 52px;
}
.product__image{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.product__image img{
    width: 100%;
}
.product__image + .product__image{
    margin-top: 175px;
}
.product__about{
    margin-top: 53px;
}
.product__about li{
    padding: 14px 0;
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 10px;
    border-bottom: 1px solid #292929;
}
.product__descr{
    margin-top: 31px;
    font-size: 18px;
    line-height: 24px;
}
.product__slider-container{
    overflow: hidden;
    margin-top: 100px;
}
.product__slider-container .container{
    position: relative;
}
.product__slider{
    width: 100%;
    max-width: 990px;
    margin: 0 auto;
    height: 659px;
    user-select: none;
}
.product__slider .swiper-wrapper{
    align-items: stretch;
}
.product__slide{
    height: auto;
}
.product__slide-image{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.product__slide-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.product__slider-btns{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    pointer-events: none;
    left: 10px;
    right: 10px;
}
.product__slider-btns button{
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background: rgba(17, 17, 17, 0.30);
    backdrop-filter: blur(24.46637535095215px);
    width: 66px;
    height: 66px;
    pointer-events: all;
}
.product__slider-prev{
    left: 0;
}
.product__slider-next{
    right: 0;
}
.product__video{
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 735px;
    overflow: hidden;
    position: relative;
}
.product__video::after{
    position: absolute;
    content: '';
    inset: 0;
    background: linear-gradient(180deg, rgba(21, 21, 21, 0.00) 0%, #151515 100%);
    z-index: 1;
}
.product__video video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.product__video-btn{
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    border-radius: 4px;
    background: rgba(17, 17, 17, 0.30);
    backdrop-filter: blur(24.46637535095215px);
    width: 130px;
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product__video-popup{
    position: fixed;
    inset: 0;
    background-color: hsla(0, 0%, 8%, 0.5);
    z-index: 100;
    transition: all .5s ease;
    opacity: 0;
    pointer-events: none;
    padding: 10px;
}
.product__video-popup.active{
    opacity: 1;
    pointer-events: all;
}
.product__video-content{
    width: 100%;
    max-width: 991px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border-radius: 23.539px;
    overflow: hidden;
    margin: 10% auto 5%;
}
.product__video-content video{
    width: 100%;
}
.product__video-close{
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 1 ;
    top: 35px;
    right: 35px;
    border-radius: 3.139px;
    background: rgba(17, 17, 17, 0.30);
    backdrop-filter: blur(19.197290420532227px);
    width: 40px;
    height: 40px;
}
.product__offer-image-block {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 1rem;
}

.product__offer-image-block .product__content {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
}

.product__offer-image-block .product__image {
    flex: 0 1 auto;
    text-align: center;
}

.product__offer-image-block .offer-image {
    display: inline-block;
    width: 100%;
    max-width: 1200px;
    height: auto;
    object-fit: contain;
}



@media (max-width: 1279px) {
    .product__video{
        height: auto;
    }
}
@media (max-width: 999px) {
    .product__slider{
        height: auto;
    }
    .product__select .catalogue__filter{
        gap: 25px;
    }
}
@media (max-width: 767px) {
    .product__inner{
        display: flex;
        flex-direction: column;
    }
    .product__select{
        position: initial;
        flex-direction: column;
        align-items: start;
        backdrop-filter:initial;
        margin-top: 31px;
    }
    .product__select .catalogue__filter{
        display: flex;
        flex-direction: column;
        order: initial;
        align-items: start;
        gap: 16px;
    }
    .product__info{
        width: 100%;
        justify-content: space-between;
    }
    .product__info-price{
        margin-top: 0;
    }
    .product__info-btn{
        border-radius: 12px;
    }
    .product__title{
        order: -2;
    }
    .product__content{
        order: -1;
        margin-top: 48px;
    }
    .product__image + .product__image{
        margin-top: 100px;
    }
    .product__about{
        margin-top: 40px;
    }
    .product__slider-container{
        margin-top: 60px;
    }
    .product__video-btn{
        width: 100px;
        height: 100px;
    }
    .product__video-content{
        margin: 20% auto 6%;
    }
}
@media (max-width: 479px) {
    .product__title{
        font-size: 15px;
        line-height: 31px;
        background: linear-gradient(249deg, #FFF 37.64%, #151515 116.38%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .product__image + .product__image {
        margin-top: 70px;
    }
    .product__about{
        margin-top: 30px;
    }
    .product__descr,
    .product__about li p{
        font-size: 14px;
        line-height: 19px;
    }
    .product__info{
        position: fixed;
        bottom: 9px;
        padding: 5px 10px;
        border-radius: 12px;
        left: 0;
        right: 0;
        background: rgba(17, 17, 17, 0.30);
        backdrop-filter: blur(24.46637535095215px);
        width: auto;
    }
    .product__info-price{
        font-size: 20px;
        line-height: 31px;
    }

    .product__slider{
        height: 212px;
    }
    .product__slider-container{
        margin-top: 53px;
    }
    .product__slider-btns{
        display: none;
    }
    .product__video{
        margin-top: 18px;
        height: 281px;
    }
    .product__video-btn{
        width: 49px;
        height: 49px;
    }
    .product__video-btn svg{
        max-width: 19px;
        max-height: 19px;
    }
    .product__video-content {
        margin: 20% auto 6%;
        border-radius: 12px;
        height: 460px;
    }
    .product__video-content video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .product__video-close{
        top: 10px;
        right: 10px;
    }
}
/* manual */
.manual{
    margin-top: 100px;
    overflow: hidden;
}
.manual__title{
    font-variant-numeric: lining-nums proportional-nums;
    font-family: 'Almaz-thin', sans-serif;
    font-size: 160.271px;
    font-style: normal;
    font-weight: 100;
    line-height: 197px;
    background: linear-gradient(180deg, #FFF -11.42%, #151515 73.86%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.manual__desc{
    color: #FFF;
    font-size: 16px;
    line-height: 22px;
    opacity: 0.5;
    margin-top: -10px;
}
.manual__btn{
    margin-top: 26px;
    height: 48px;
    max-width: 158px;
}
.manual__image{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 1066px;
    margin-left: auto;
    margin-top: -270px;
    pointer-events: none;
}
.manual__image img{
    width: 100%;
}
@media (max-width: 1279px) {
    .manual__image {
        margin-top: -231px;
        width: 81%;
    }
}
@media (max-width: 999px) {
    .manual__title {
        font-size: 120.271px;
        line-height: 157px;
    }
    .manual__image {
        margin-top: -191px;
        width: 89%;
    }
}
@media (max-width: 767px) {
    .manual {
        margin-top: 80px;
    }
    .manual__image {
        margin-top: -21px;
        width: 100%;
    }
}
@media (max-width: 479px) {
    .manual{
        margin-top: 21px;
    }
    .manual__title {
        font-size: 49px;
        line-height: 51.08px;
        text-align: center;
        margin: 0 auto;
        background: linear-gradient(180deg, #FFF -11.42%, #151515 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .manual__desc{
        margin-top: 5px;
        text-align: center;
        font-size: 14px;
    }
    .manual__btn{
        margin: 15px auto 0;
        max-width: 157px;
    }
    .manual__image {
        margin-top: 27px;
        width: 100%;
    }
    .manual__image img{
        width: 138.236%;
    }
}


.accessories{
    margin-top: 100px;
}
.accessories__top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.accessories__btn{
    display: flex;
    align-items: center;
    gap: 29px;
}
.accessories__btn button{
    display: flex;
    align-items: center;
    justify-content: center;
}
.accessories__slider{
    margin-top: 40px;
    overflow: hidden;
}
.accessories__slider-pagination{
    display: none;
}
@media (max-width: 767px) {
    .accessories{
        margin-top: 50px;
    }
    .accessories__btn{
        display: none;
    }
    .accessories__slider{
        margin-top: 30px;
    }
    .accessories__slider-pagination{
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 16px;
        margin-top: 30px;
    }
}
@media (max-width: 479px) {

}
/* cart */
.cart__inner {
    min-height: calc(100vh - 185px);
}
.cart__form{
    display: flex;
    gap: 32px;
    align-items: start;
    justify-content: space-between;
}
.cart__form-content{
    width: 100%;
    max-width: 740px;
    margin-top: 20px;
}
.cart__form-block{
    margin-top: 16px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}
.cart__form-fill{
    grid-column: span 2;
}
.cart__form-input,
.cart__form-select{
    font-size: 12px;
    padding: 13px;
    height: 44px;
}
.cart__form-title{
    color: #fff;
    font-size: 18px;
    line-height: 24px;
}
.cart__form-details{
    width: 100%;
    max-width: 428px;
    border-radius: 16px;
    border: 1px solid #222;
    padding: 18px 28px;
    display: flex;
    flex-direction: column;
    gap: 19px;
}
.cart__form-box + .cart__form-box{
    margin-top: 30px;
}
.cart__products{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.cart__products-item{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 14px;
}
.cart__products-title h3{
    color: #FFF;
    font-size: 14px;
    line-height: 19px;
    transition: all .2s ease;
}
.cart__products-title:hover h3{
    color: #A15227;
}
.cart__products-image{
    width: 64px;
    height: 64px;
    min-width: 65px;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.cart__products-image img{
    width: -webkit-fill-available;
    object-fit: cover;
    object-position: center;
    /*width: 100%;*/
    /*height: 100%;*/
    /*object-fit: cover;*/
    /*object-position: center;*/
}
.cart__products-descr{
    font-size: 11px;
    line-height: 16px;
    opacity: 0.3;
}
.cart__products-content{
    width: 100%;
}
.cart__products-top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
}
.cart__products-price{
    font-size: 14px;
    line-height: 23px;
    white-space: nowrap;
}
.cart__form-subtotal,
.cart__form-total{
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
}
.cart__form-price,
.cart__form-name{
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 23px;
    width: 100%;
}
.cart__form-total .cart__form-price{
    font-size: 18px;
    line-height: 24px;
}
.cart__form-total .cart__form-name{
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
}
.cart__form-price{
    text-align: right;
}
.cart__form-taxes {
    margin-top: -10px;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 23px;
}
@media (max-width: 1279px) {

}
@media (max-width: 999px) {

}
@media (max-width: 767px) {
    .cart__inner {
        min-height: auto;
    }
    .cart__form{
        flex-direction: column;
    }
    .cart__form-details{
        max-width: 100%;
    }
    .cart__form-content{
        margin-top: 0;
    }
}
@media (max-width: 479px) {
    .cart__form-fill {
        grid-column: auto;
    }
    .cart__form-block{
        grid-template-columns: 1fr;
    }
    .cart__form{
        gap: 26px;
    }
    .cart__form-details{
        padding: 12px;
        gap: 10px;
    }
    .cart__products{
        gap: 10px;
    }
    .cart__products-image {
        width: 45px;
        height: 45px;
        min-width: 45px;
    }
    .cart__products-title h3 {
        font-size: 12px;
        line-height: 17px;
    }
    .cart__form-price, .cart__form-name,
    .cart__form-taxes,
    .cart__products-price {
        font-size: 11px;
        line-height: 16px;
    }
    .cart__form-total .cart__form-price,
    .cart__form-total .cart__form-name {
        font-size: 12px;
        line-height: 17px;
    }
}
.btn_bg-white {
    font-size: 14px;
    color: #A15227;
    margin-left: 10px;
}
/* placed */
.placed{
    position: relative;
    z-index: 2;
    margin-top: 15px;
}
.placed__inner {
    height: calc(100vh - 109px);
    min-height: 540px;
    position: relative;
    z-index: 1;
}
.placed__image{
    display: flex;
    align-items: center;
    position: absolute;
    z-index: -1;
    bottom: -73px;
    left: 50%;
    transform: translateX(-52%);
}
.placed__image::after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 36.2%;
    height: 62.8%;
    background: linear-gradient(180deg, rgba(21, 21, 21, 0.00) 0%, #151515 100%);
    left: 50%;
    transform: translateX(-32%);
}
.placed__order {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 19px;
    opacity: 0.3;
}
.placed__descr {
    max-width: 339px;
    width: 100%;
    overflow: hidden;
    font-size: 14px;
    line-height: 19px;
    margin-top: 20px;
    opacity: 0.3;
}
.placed__btn{
    margin-top: 20px;
    max-width: 157px;
}
@media (max-width: 1279px) {

}
@media (max-width: 999px) {
    .placed__inner {
        min-height: 520px;
        height: auto;
    }
    .placed__image {
        width: 610px;
        bottom: -60px;
    }
    .placed__image img{
        width: 100%;
    }
}
@media (max-width: 767px) {
    .placed__image {
        width: 600px;
        bottom: -50px;
        transform: translateX(-54%);
    }
}
@media (max-width: 479px) {
    .placed{
        margin-top: 0;
    }
    .placed__title {
        background: linear-gradient(249deg, #FFF 37.64%, #151515 116.38%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 25px;
        line-height: 29px;
    }
    .placed__descr{
        margin-top: 14px;
        font-size: 12px;
        line-height: 17px;
    }
    .placed__btn{
        margin-top: 17px;
    }
    .placed__image {
        width: 450px;
        bottom: 0;
        transform: translateX(-54%);
    }
}