@font-face {
    font-family: 'HeadingNow';
    src: url('../fonts/HeadingNow-Bold.otf') format('truetype');
    font-weight: bold;
    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, li {
    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;
}
html,body{
    color: #333;
    font-family: "IBM Plex Mono", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.72px;
    scroll-behavior: smooth;
    background: #FFF;
}
.body{
    min-width: 320px;
}
.body.no-scroll{
    overflow: hidden;
}
.container{
    max-width: 100%;
    padding: 0 10px;
    margin: 0 auto;
}
h1,
.title{
    color: #1E1E1E;
    font-family: 'HeadingNow', sans-serif;
    font-size: 85px;
    font-style: normal;
    font-weight: 700;
    line-height: 114%;
    text-transform: uppercase;
}
.btn-3,
.btn-2,
.btn,
button{
    border: none;
    outline: none;
    background-color: transparent;
    cursor: pointer;
    color: #FFF;
    text-align: center;
    font-family: "IBM Plex Mono", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 116%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .1s ease;
}
.btn{
    border: 1px solid #1E1E1E;
    background: #1E1E1E;
    padding: 10px;
    text-transform: uppercase;
}
.btn:hover{
    background-color: transparent;
    color: #1E1E1E;
}
.btn-2{
    padding: 10px;
    text-transform: uppercase;
    color: #fff;
    background-color: #FF6A00;
    border: 1px solid #FF6A00;
}
.btn-2:hover{
    background-color: #1E1E1E;
}
.btn-3{
    color: #1E1E1E;
    padding: 10px;
    text-transform: uppercase;
    border: 1px solid #1E1E1E;
}
.btn-3:hover{
    background-color: #1E1E1E;
    color: #fff;
}
.btn-3 svg path{
    transition: all .2s ease;
}
.btn-3:hover svg path{
    fill: #fff;
}
textarea,
textarea::placeholder,
input::placeholder,
input{
    color:  #999;
    font-family: "IBM Plex Mono", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.72px;
}
textarea,
input{
    color: #333;
    border: none;
    outline: none;
    padding: 10px 20px;
    background-color: #fff;
    width: 100%;
}
textarea{
    padding: 19px;
    border: 1px solid #1E1E1E;
    resize: none;
}
main.main{
    padding-top: 90px;
}
.breadcrumbs{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 30px;
}
.breadcrumbs li a{
    display: flex;
    align-items: center;
    gap: 10px;
    color: #999;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    transition: all .2s ease;
    line-height: normal;
}
.breadcrumbs li:not(:first-of-type) a::before{
    content: '/';
    color: #999;
    font-family: "IBM Plex Mono", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.breadcrumbs li a:hover,
.breadcrumbs li a.active::before,
.breadcrumbs li a.active{
    color: #333;
}
@media (max-width: 1279px) {
    /* .container{
        max-width: 1000px;
    } */
    h1, .title{
        font-size: 80px;
    }
}
@media (max-width: 999px) {
    /* .container{
        max-width: 768px;
    } */
    html,body,
    input::placeholder, input{
        font-size: 16px;
    }
    h1, .title{
        font-size: 75px;
    }
}
@media (max-width: 767px) {
    .breadcrumbs{
        margin-bottom: 20px;
    }
    /* .container{
        max-width: 480px;
    } */
    main.main{
        padding-top: 64px;
    }
    h1, .title {
        font-size: 50px;
    }
}
@media (max-width: 479px) {
    main.main{
        padding-top: 53px;
    }
    textarea, textarea::placeholder,
    html,body,
    input::placeholder, input{
        font-size: 14px;
        line-height: 116%;
        letter-spacing: -0.56px;
    }
    textarea{
        padding: 4px;
    }
    h1, .title {
        font-size: 32px;
        line-height: 114%;
    }
    .btn-3, .btn-2, .btn, button{
        font-size: 16px;
    }
    .breadcrumbs{
        margin-bottom: 10px;
    }
    .breadcrumbs,
    .breadcrumbs li a{
        gap: 5px;
    }
    .breadcrumbs li:not(:first-of-type) a::before,
    .breadcrumbs li a{
        font-size: 10px;
    }
}
.header{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #FFF;
    z-index: 100;
}
.header__inner{
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 20px;
    padding: 30px 0 20px;
}
.header__logo{
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 133px;
}
.header__logo img{
    width: 100%;
}
.header__content{
    width: 100%;
    max-width: 917px;
}
.header__content-inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.header__menu{
    width: 100%;
    max-width: 438px;
}
.header__menu ul{
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
}
.header__menu ul li a{
    display: inline-flex;
    transition: all .1s ease;
}
.header__menu ul li a:hover{
    color: #FF6A00;
}
.header__end{
    width: 100%;
    max-width: 233px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.header__search{
    position: absolute;
    background: rgba(30, 30, 30, 0.60);
    backdrop-filter: blur(4px);
    z-index: 100;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100vh;
    overflow: auto;
    opacity: 0;
    pointer-events: none;
    transition: all .2s ease;
}
.header__search.active{
    opacity: 1;
    pointer-events: all;
}
.header__search-content{
    width: 100%;
    max-width: 916px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0 auto;
    padding: 120px 10px;
}
.header__search-form{
    width: 100%;
    position: relative;
}
.header__search-input{
    padding-right: 80px;
    height: 56px;
}
.header__search-reset{
    position: absolute;
    right: 20px;
    width: 56px;
    min-width: 56px;
    top: 0;
    bottom: 0;
}
.header__search-reset svg path{
    transition: all .1s ease;
}
.header__search-reset:hover svg path{
    fill: #1E1E1E;
}
.header__search-result{
    padding: 20px;
    background: #FFF;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.header__search-title{
    color: #999;
    font-size: 22px;
    margin-bottom: 22px;
}
.header__search-result a{
    transition: all .1s ease;
}
.header__search-result a:hover{
    color: #FF6A00;
}
.header__block{
    display: flex;
    align-items: center;
    gap: 15px;
}
.header__lang{
    position: relative;
}
.header__lang-selected{
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .1s ease;
}
.header__lang-selected::after{
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='9' viewBox='0 0 16 9' fill='none'%3E%3Cg clip-path='url(%23clip0_1_3811)'%3E%3Cpath d='M11.6119 2.13466L12.3185 2.84199L8.46721 6.69466C8.4055 6.75676 8.33211 6.80605 8.25128 6.83968C8.17045 6.87331 8.08376 6.89063 7.99621 6.89063C7.90866 6.89063 7.82197 6.87331 7.74114 6.83968C7.6603 6.80605 7.58692 6.75676 7.52521 6.69466L3.67188 2.84199L4.37854 2.13532L7.99521 5.75132L11.6119 2.13466Z' fill='%23333333'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_3811'%3E%3Crect width='8' height='16' fill='white' transform='translate(16 0.5) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    width: 16px;
    height: 8px;
    background-position: center;
    background-repeat: no-repeat;
    min-width: 16px;
}
.header__lang-content{
    display: none;
    flex-direction: column;
    gap: 5px;
    padding: 5px 10px;
    background-color: #fff;
    position: absolute;
    z-index: 1;
    top: 25px;
    left: -10px;
}
.header__lang.active .header__lang-selected::after{
    transform: rotate(180deg);
}
.header__lang.active .header__lang-content{
    display: flex;
}
.header__lang-content a{
    transition: all .1s ease;
}
.header__lang-selected:hover,
.header__lang-content a:hover{
    color: #FF6A00;
}
.header__busket{
    color: #333;
    font-size: 18px;
}
.header__busket:hover{
    color: #FF6A00;
}
.header__burger{
    order: 1;
    display: none;
}
.header__content-start{
    display: none;
}
@media (max-width: 1279px) {
    .header__content{
        max-width: 730px;
    }
    .header__end{
        max-width: 200px;
    }
}
@media (max-width: 999px) {
    .header__menu {
        max-width: 360px;
    }
    .header__content {
        max-width: 575px;
    }
    .header__busket{
        font-size: 16px;
    }
    .header__end {
        max-width: 200px;
        justify-content: end;
    }
}
@media (max-width: 767px) {
    .header__content{
        position: fixed;
        inset: 0;
        background-color: #fff;
        z-index: 10;
        max-width: 100%;
        gap: 20px;
        overflow: auto;
        padding: 20px 10px 24px;
        transform: translateX(100%);
        transition: all .2s ease;
    }
    .header__content.active{
        transform: translateX(0%);
    }
    .header__content-inner{
        flex-direction: column-reverse;
        justify-content: start;
        align-items: start;
        max-width: 480px;
        width: 100%;
        margin: 0 auto;
    }
    .header__menu ul{
        flex-direction: column;
        gap: 10px;
        align-items: start;
    }
    .header__block{
        flex-direction: column-reverse;
        gap: 20px;
        width: 100%;
    }
    .header__end{
        max-width: 100%;
        flex-direction: column-reverse;
    }
    .header__lang{
        display: flex;
        flex-direction: row-reverse;
        width: 100%;
    }
    .header__lang-selected::after{
        content: none;
    }
    .header__lang-content{
        padding: 0;
        position: initial;
        width: 100%;
        display: flex;
        margin-right: -1px;
    }
    .header__lang-content a,
    .header__lang-selected{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 6px 9px;
        height: 30px;
        border: 1px solid #999;
        color: #999;
    }
    .header__lang-content a.active,
    .header__lang-selected.active{
        /* border-color: #1E1E1E;
        color: #1E1E1E; */
        display: none;
    }
    .header__search{
        position: initial;
        opacity: 1;
        pointer-events: all;
        background-color: transparent;
        backdrop-filter: initial;
        height: auto;
        width: 100%;
    }
    .header__search-content{
        padding: 0;
        width: 100%;
    }
    .header__search-reset,
    .header__search-btn{
        display: none;
    }
    .header__search-input{
        height: 30px;
        border-bottom: 1px solid #999;
        padding-left: 30px;
    }
    .header__search-input::placeholder{
        color: #fff;
    }
    .header__search-form::after{
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='22' viewBox='0 0 20 22' fill='none'%3E%3Cpath d='M13.2798 14.7798L19 20.5M16 9C16 13.1421 12.6421 16.5 8.5 16.5C4.35786 16.5 1 13.1421 1 9C1 4.85786 4.35786 1.5 8.5 1.5C12.6421 1.5 16 4.85786 16 9Z' stroke='%23999999' stroke-linecap='round'/%3E%3C/svg%3E");
        width: 20px;
        min-width: 20px;
        height: 21px;
        background-position: center;
        background-repeat: no-repeat;
    }
    .header__search-result{
        display: none;
    }
    .header__burger{
        display: flex;
    }
    .header__inner{
        align-items: center;
        padding: 20px 0;
    }
    .header__logo{
        max-width: 80px;
    }
    .header__busket{
        margin-left: auto;
    }
    .header__content-start{
        display: flex;
        align-items: end;
        justify-content: space-between;
        gap: 10px;
        width: 100%;
    }
    .header__content-logo{
        display: flex;
        align-items: center;
        width: 100%;
        max-width: 80px;
    }
    .header__content-logo img{
        width: 100%;
    }
    .header__content-close{
        width: 24px;
        height: 24px;
        min-width: 24px;
        background-color: #1E1E1E;
    }
}
@media (max-width: 479px) {
    .header__busket{
        font-size: 10px;
    }
    .header__logo {
        max-width: 43px;
    }
}
/* footer */
.footer{
    margin-top: 100px;
    background-color: #1E1E1E;
    padding: 27px 0 62px;
}
.footer__inner{
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 60px;
}
.footer__logo{
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 296px;
}
.footer__logo img{
    width: 100%;
}
.footer__menu {
    margin-top: 39px;
    display: grid;
    grid-template-columns: 1.8fr 1fr;
    width: 100%;
    max-width: 500px;
}
.footer__menu ul li a{
    display: inline-flex;
    transition: all .1s ease;
    color: #fff;
}
.footer__menu ul li + li{
    margin-top: 10px;
}
.footer__menu ul li a:hover{
    color: #FF6A00;
}
.footer__content{
    width: 100%;
    max-width: 450px;
    margin-top: 44px;
}
.footer__block + .footer__block{
    margin-top: 60px;
}
.footer__block:nth-of-type(2){
    margin-top: 53px;
}
.footer__name{
    color: #FFF;
    font-size: 20px;
    font-weight: 400;
    line-height: 116%;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.footer__descr{
    color: #999;
    transition: all .1s ease;
}
.footer__descr + .footer__descr{
    margin-top: 5px;
}
.footer__form{
    margin-top: 20px;
}
.footer__form-input{
    height: 43px;
    border-bottom: 1px solid #fff;
    padding: 10px 0;
    background-color: transparent;
    color: #fff;
}
.footer__form-btn{
    height: 50px;
    margin-top: 10px;
    width: 100%;
}
.footer__email{
    color: #FFF;
    transition: all .1s ease;
}
a.footer__descr:hover,
.footer__email:hover{
    color: #FF6A00;
}
.footer__bottom{
    display: flex;
    align-items: end;
    justify-content: space-between;
    width: 100%;
    max-width: 60%;
    margin-top: -27px;
}
.footer__socials{
    display: flex;
    align-items: center;
    gap: 21px;
}
.footer__socials a{
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer__socials a svg path{
    transition: all .1s ease;
}
.footer__socials a:hover svg path{
    fill: #FF6A00;
}
.footer__bottom-content{
    width: 100%;
    max-width: 472px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.footer__bottom-descr{
    color: #FFF;
    font-size: 14px;
    line-height: 116%;
}
@media (max-width: 1279px) {
    .footer__logo{
        max-width: 200px;
    }
    .footer__menu {
        grid-template-columns: 1fr 1.2fr;
    }
    .footer__bottom-content{
        max-width: 340px;
    }
}
@media (max-width: 999px) {
    .footer__logo {
        max-width: 170px;
    }
    .footer__menu {
        grid-template-columns: 1fr;
        gap: 20px;
        max-width: 160px;
    }
    .footer__bottom {
        max-width: 80%;
        margin-top: 20px;
    }
    .footer__bottom-content {
        max-width: 360px;
    }
}
@media (max-width: 767px) {
    .footer {
        margin-top: 80px;
    }
    .footer__logo {
        max-width: 140px;
    }
    .footer__inner{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 60px 56px;
    }
    .footer__content{
        grid-column: span 2;
        max-width: 100%;
        margin-top: 0;
    }
    .footer__block + .footer__block {
        margin-top: 40px;
    }
    .footer__bottom {
        max-width: 100%;
        margin-top: 60px;
        flex-direction: column;
        align-items: start;
        gap: 40px;
    }
    .footer__bottom-content {
        max-width: 100%;
    }
    .footer__bottom-descr{
        color: #999;
    }
    .footer__menu{
        margin-top: 0;
    }
}
@media (max-width: 479px) {
    .footer{
        padding: 20px 0;
        margin-top: 60px;
    }
    .footer__logo{
        max-width: 45px;
    }
    .footer__inner {
        grid-template-columns: 45px 1fr;
    }
    .footer__name{
        font-size: 16px;
    }
    .footer__block:nth-of-type(1) .footer__name{
        max-width: 204px;
    }
    .footer__menu ul li + li {
        margin-top: 5px;
    }
    .footer__menu ul li a,
    .footer__email,
    .footer__descr{
        font-size: 12px;
    }
    .footer__form {
        margin-top: 10px;
    }
    .footer__form-btn{
        height: 40px;
    }
    .footer__block + .footer__block {
        margin-top: 24px;
    }
    .footer__block:nth-of-type(2) {
        margin-top: 60px;
    }
    .footer__socials a svg{
        max-width: 20px;
        max-height: 20px;
        width: auto;
        height: auto;
    }
    .footer__bottom-descr{
        font-size: 10px;
    }
}
.error{
    margin-top: 80px;
    overflow: hidden;
}
.error__title{
    text-align: center;
}
.error__descr{
    text-align: center;
    margin: 10px auto 0;
    width: 100%;
    max-width: 798px;
}
.error__descr + .error__descr{
    max-width: 598px;
}
.error__image{
    display: flex;
    align-items: center;
    margin-top: 60px;
    height: 538px;
    width: 100%;
}
.error__image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.error__btn{
    margin-top: 60px;
    width: 100%;
    height: 90px;
}
@media (max-width: 1279px) {
    .error {
        margin-top: 40px;
    }
    .error__image {
        height: 340px;
    }
}
@media (max-width: 999px) {

}
@media (max-width: 767px) {
    .error {
        margin-top: 20px;
    }
    .error__image {
        height: 264px;
        margin-top: 40px;
    }
    .error__btn {
        margin-top: 40px;
        height: 60px;
    }
}
@media (max-width: 479px) {
    .error__inner{
        position: relative;
        z-index: 1;
    }
    .error__inner::before{
        content: '404';
        color: #F6F6F6;
        font-family: 'HeadingNow', sans-serif;
        font-size: 200px;
        font-style: normal;
        font-weight: 700;
        line-height: 114%;
        position: absolute;
        top: -36px;
        left: 50%;
        transform: translateX(-50%);
        z-index: -1;
    }
    .error__image {
        height: 174px;
        margin-top: 20px;
    }
    .error__btn {
        margin-top: 20px;
        height: 40px;
    }
}
/* contacts */
.contacts {
    margin-top: 80px;
}
.contacts__content{
    display: flex;
    justify-content: space-between;
    gap: 40px;
    margin-top: 60px;
}
.contacts__box{
    width: 100%;
    max-width: 365px;
}
.contacts__block + .contacts__block{
    margin-top: 40px;
}
.contacts__name{
    margin-bottom: 10px;
    color: #1E1E1E;
    font-size: 20px;
    font-weight: 400;
    line-height: 116%;
    text-transform: uppercase;
}
.contacts_descr + .contacts_descr{
    margin-top: 5px;
}
.contacts__form{
    width: 100%;
    max-width: 918px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: max-content;
    gap: 30px 20px;
}
.contacts__form-input{
    border-bottom: 1px solid #333;
    padding: 5px 0;
    height: 33px;
}
.contacts__form-btn,
.contacts__form-textarea{
    grid-column: span 2;
}
.contacts__form-textarea{
    height: 190px;
}
.contacts__form-btn{
    height: 60px;
}
.contacts__map{
    margin-top: 100px;
    display: flex;
    align-items: center;
    width: 100%;
}
.contacts__map iframe{
    width: 100%;
    height: 610px;
    filter: grayscale(1);
}
.contacts__dealers{
    margin-top: 60px;
    max-width: 801px;
    width: 100%;
    margin-right: 119px;
    margin-left: auto;
}
.contacts__dealers-name{
    color: #1E1E1E;
    font-size: 20px;
    font-weight: 400;
    line-height: 116%;
    text-transform: uppercase;
}
.contacts__dealers-box{
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    gap: 20px;
    margin-top: 30px;
}
.contacts__dealers-block{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 331px;
}
.contacts__form-accept{
    display: none;
}
@media (max-width: 1279px) {
    .contacts {
        margin-top: 40px;
    }
    .contacts__dealers{
        margin: 60px auto 0;
    }
}
@media (max-width: 999px) {

    .contacts__form{
        grid-template-columns: 1fr;
    }
    .contacts__form-btn, .contacts__form-textarea {
        grid-column: auto;
    }
}
@media (max-width: 767px) {
    .contacts {
        margin-top: 20px;
    }
    .contacts__content{
        flex-direction: column;
        margin-top: 40px;
    }
    .contacts__form{
        grid-template-columns: 1fr 1fr;
    }
    .contacts__form-btn, .contacts__form-textarea {
        grid-column: span 2;
    }
    .contacts__map{
        margin-top: 80px;
    }
    .contacts__map iframe{
        height: 500px;
    }
    .contacts__dealers-box{
        grid-template-columns: 1fr;
    }
    .contacts__dealers{
        margin-top: 40px;
    }
}
@media (max-width: 479px) {
    .contacts__form{
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .contacts__form-btn, .contacts__form-textarea {
        grid-column: auto;
    }
    .contacts__content{
        margin-top: 20px;
    }
    .contacts__block + .contacts__block {
        margin-top: 20px;
    }
    .contacts__dealers-name,
    .contacts__name{
        font-size: 14px;
    }
    .contacts__form-textarea{
        height: 72px;
    }
    .contacts__form-accept {
        display: inline-block;
        font-size: 10px;
        line-height: 130%;
        letter-spacing: -0.4px;
    }
    .contacts__form-btn {
        height: 40px;
    }
    .contacts__map {
        margin-top: 60px;
    }
    .contacts__dealers-box{
        margin-top: 20px;
    }
}
/* faq */
.faq{
    margin-top: 100px;
    overflow: hidden;
}
.faq__block{
    margin-top: 80px;
    display: flex;
    flex-direction: column;
    width: 100%;
}
.faq__item{
    border-bottom: 1px solid #1E1E1E;
}
.faq__item-top{
    padding: 20px 0;
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
    cursor: pointer;
}
.faq__item-top::after{
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36' fill='none'%3E%3Cpath d='M18.5 17H36V19H18.5V36H16.5V19H0V17H16.5V0H18.5V17Z' fill='%231E1E1E'/%3E%3C/svg%3E");
    width: 56px;
    height: 56px;
    min-width: 56px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 36px 36px;
}
.faq__item-title{
    color: #1E1E1E;
    font-family: 'HeadingNow', sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 116%;
    letter-spacing: 1.44px;
    text-transform: uppercase;
    max-width: 695px;
    width: 100%;
    transition: all .2s ease;
}
.faq__item-descr{
    padding: 20px 0;
    display: none;
}
.faq__item.active .faq__item-descr{
    display: inline-block;
}
.faq__item.active .faq__item-top::after{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M27.6123 1.80225L15.2373 14.1763L27.2588 26.1978L25.8447 27.6118L13.8232 15.5903L2.15625 27.2583L0.742188 25.8442L12.4092 14.1763L0.388672 2.15576L1.80273 0.741699L13.8232 12.7622L26.1982 0.388184L27.6123 1.80225Z' fill='%231E1E1E'/%3E%3C/svg%3E");
}
.faq__item-top:hover .faq__item-title{
    color: #FF6A00;
}

.faq__item-descr p {
    margin: 20px;
    text-align: justify;
}

@media (max-width: 1279px) {

}
@media (max-width: 999px) {
    .faq__block{
        margin-top: 60px;
    }
    .faq__item-title{
        font-size: 40px;
        max-width: 555px;
    }
}
@media (max-width: 767px) {
    .faq{
        margin-top: 80px;
    }
    .faq__block {
        margin-top: 40px;
    }
    .faq__item-title{
        font-size: 26px;
    }
}
@media (max-width: 479px) {
    .faq {
        margin-top: 60px;
    }
    .faq__block {
        margin-top: 20px;
    }
    .faq__item-top{
        padding: 10px 0;
        gap: 5px;
    }
    .faq__item-title {
        font-size: 22px;
        letter-spacing: 0.6px;
    }
    .faq__item-top::after {
        width: 46px;
        height: 46px;
        min-width: 46px;
        background-size: 17px 17px;
    }
    .faq__item.active .faq__item-top::after{
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='13' viewBox='0 0 14 13' fill='none'%3E%3Cpath d='M7.00072 7.20799L1.75472 12.454C1.66139 12.5473 1.54672 12.5973 1.41072 12.604C1.27472 12.6107 1.15339 12.5607 1.04672 12.454C0.940052 12.3473 0.886719 12.2293 0.886719 12.1C0.886719 11.9707 0.940052 11.8527 1.04672 11.746L6.29272 6.49999L1.04672 1.25399C0.953385 1.16065 0.903385 1.04599 0.896719 0.909986C0.890052 0.773986 0.940052 0.652653 1.04672 0.545986C1.15339 0.43932 1.27139 0.385986 1.40072 0.385986C1.53005 0.385986 1.64805 0.43932 1.75472 0.545986L7.00072 5.79199L12.2467 0.545986C12.3401 0.452653 12.4551 0.402653 12.5917 0.395986C12.7271 0.389319 12.8481 0.43932 12.9547 0.545986C13.0614 0.652653 13.1147 0.770653 13.1147 0.899986C13.1147 1.02932 13.0614 1.14732 12.9547 1.25399L7.70872 6.49999L12.9547 11.746C13.0481 11.8393 13.0981 11.9543 13.1047 12.091C13.1114 12.2263 13.0614 12.3473 12.9547 12.454C12.8481 12.5607 12.7301 12.614 12.6007 12.614C12.4714 12.614 12.3534 12.5607 12.2467 12.454L7.00072 7.20799Z' fill='white'/%3E%3C/svg%3E");
        background-color: #1E1E1E;
    }
    .faq__item-descr{
        margin-top: 4px;
    }
}
/* about-page */
.about__inner{
    min-height: 941px;
    position: relative;
    z-index: 1;
    padding: 81px 0;
}
.about__inner::after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 347px;
    background: linear-gradient(0deg, rgba(30, 30, 30, 0.77) 0%, rgba(30, 30, 30, 0.00) 100%);
}
.about__image{
    display: flex;
    align-items: center;
    width: 100%;
    inset: 0;
    position: absolute;
    z-index: -1;
}
.about__image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.about__title{
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 22px;
    color: #FFF;
    font-family: 'HeadingNow', sans-serif;
    position: relative;
    z-index: 1;
}
.about__title span{
    position: relative;
    font-size: 165.958px;
    line-height: 114%;
    z-index: 1;
}
.about__title span::after{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='879' height='233' viewBox='0 0 879 233' fill='none'%3E%3Cpath d='M877.16 232V204.139M850.139 230.975H878.001M878.001 1.25368L850.139 1.25367M876.978 28.2741V0.412598M0.277344 231.159H28.1389M1.29962 204.139L1.29962 232M1.11824 0.412598L1.11823 28.2741M28.1391 1.4382L0.27754 1.43819' stroke='%23FF6A00' stroke-width='2.09363'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 877.723px;
    height: 231.588px;
    flex-shrink: 0;
    z-index: -1;
    pointer-events: none;
}
@media (max-width: 1279px) {
    .about__inner{
        min-height: 600px;
    }
    .about__title span {
        font-size: 125.958px;
    }
    .about__title span::after{
        width: 670px;
    }
}
@media (max-width: 999px) {
    .about__title span {
        font-size: 105.958px;
    }
    .about__title span::after {
        width: 540px;
    }
}
@media (max-width: 767px) {
    .about__inner {
        min-height: 500px;
        padding: 50px 0;
    }
    .about__title{
        gap: 10px;
    }
    .about__title span {
        font-size: 70px;
    }
    .about__title span::after {
        width: 370px;
    }
}
@media (max-width: 479px) {
    .about__image img {
        object-position: -250px center;
    }
    .about__title{
        gap: 1px;
    }
    .about__title span{
        font-size: 50px;
    }
    .about__title span::after {
        width: 254px;
    }
}
/* history */
.history{
    margin-top: 100px;
}
.history__content{
    width: 100%;
    max-width: 920px;
    margin: 0 auto;
}
.history__date{
    margin-bottom: 10px;
    color:  #FF6A00;
    text-align: center;
}
.history__title{
    text-align: center;
    margin-bottom: 30px;
}
.history__descr{
    text-align: center;
}
.history__descr + .history__descr{
    margin-top: 15px;
}
.history__descr-small{
    max-width: 715px;
    margin: 0 auto;
    font-size: 22px;
    line-height: 116%; /* 25.52px */
    letter-spacing: -0.88px;
}
.history__box{
    margin-top: 100px;
    width: 100%;
}
.history__video{
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
}
.history__video video{
    display: flex;
    align-items: center;
    height: auto;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.history__video-start{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='112' height='112' viewBox='0 0 112 112' fill='none'%3E%3Cpath d='M112 56C112 86.9279 86.9279 112 56 112C25.0721 112 0 86.9279 0 56C0 25.0721 25.0721 0 56 0C86.9279 0 112 25.0721 112 56Z' fill='%23FF6A00'/%3E%3Cpath d='M80.3711 56L43.8163 77.1049L43.8163 34.8951L80.3711 56Z' fill='white'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 112px;
    height: 112px;
    min-width: 112px;
    z-index: 2;
}
.history__block{
    margin-top: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
    gap: 20px;
}
.history__item{
    display: flex;
    align-items: center;
    width: 100%;
    height: 665px;
    overflow: hidden;
    gap: 75px;
    flex-direction: column;
}
.history__item-descr{
    color: #333;
    font-size: 22px;
    font-weight: 400;
    line-height: 116%;
    letter-spacing: -0.88px;
}
.history__image{
    display: flex;
    align-items: center;
    flex: 1;
    position: relative;
    width: 100%;
    /*opacity: 0;*/
    transform: translateY(-50px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}
.history__image.is-visible {
    opacity: 1;
    transform: translateY(0);
}
.history__image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.history__image-info{
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 10px;
    max-width: 200px;
    color: #FF6A00;
    font-size: 16px;
    font-weight: 400;
    line-height: 116%;
    text-transform: uppercase;
    padding: 10px;
    top: 50%;
    left: 50%;
    transform: translate(39%, -36%);
}
.history__image-info::before{
    content: '';
    background-image: url("data:image/svg+xml,%0A%3Csvg width='131' height='130' viewBox='0 0 131 130' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1_1_4333' fill='white'%3E%3Cpath d='M15.5 0L15.5 15L0.500002 15L0.5 1.96701e-06L15.5 0Z'/%3E%3C/mask%3E%3Cpath d='M0.5 1.96701e-06L0.5 -0.999998L-0.5 -0.999998L-0.5 2.09815e-06L0.5 1.96701e-06ZM0.500002 15L1.5 15L1.5 1.83588e-06L0.5 1.96701e-06L-0.5 2.09815e-06L-0.499998 15L0.500002 15ZM0.5 1.96701e-06L0.5 1L15.5 1L15.5 0L15.5 -1L0.5 -0.999998L0.5 1.96701e-06Z' fill='%23FF6A00' mask='url(%23path-1-inside-1_1_4333)'/%3E%3Cmask id='path-3-inside-2_1_4333' fill='white'%3E%3Cpath d='M130.5 15L115.5 15L115.5 1.31134e-06L130.5 0L130.5 15Z'/%3E%3C/mask%3E%3Cpath d='M130.5 0L131.5 -8.74228e-08L131.5 -1L130.5 -1L130.5 0ZM115.5 1.31134e-06L115.5 1L130.5 1L130.5 0L130.5 -1L115.5 -0.999999L115.5 1.31134e-06ZM130.5 0L129.5 8.74228e-08L129.5 15L130.5 15L131.5 15L131.5 -8.74228e-08L130.5 0Z' fill='%23FF6A00' mask='url(%23path-3-inside-2_1_4333)'/%3E%3Cmask id='path-5-inside-3_1_4333' fill='white'%3E%3Cpath d='M0.5 115L15.5 115L15.5 130L0.5 130L0.5 115Z'/%3E%3C/mask%3E%3Cpath d='M0.5 130H-0.5L-0.5 131H0.5L0.5 130ZM15.5 130L15.5 129L0.5 129L0.5 130L0.5 131L15.5 131L15.5 130ZM0.5 130H1.5L1.5 115H0.5H-0.5L-0.5 130H0.5Z' fill='%23FF6A00' mask='url(%23path-5-inside-3_1_4333)'/%3E%3Cmask id='path-7-inside-4_1_4333' fill='white'%3E%3Cpath d='M115.5 130L115.5 115L130.5 115L130.5 130L115.5 130Z'/%3E%3C/mask%3E%3Cpath d='M130.5 130L130.5 131L131.5 131L131.5 130L130.5 130ZM130.5 115L129.5 115L129.5 130L130.5 130L131.5 130L131.5 115L130.5 115ZM130.5 130L130.5 129L115.5 129L115.5 130L115.5 131L130.5 131L130.5 130Z' fill='%23FF6A00' mask='url(%23path-7-inside-4_1_4333)'/%3E%3C/svg%3E%0A");
    width: 130px;
    height: 130px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.history__item-second .history__image-info{
    transform: translate(-75%, -58%);
}
@media (max-width: 1279px) {
    .history__image{
        height: 370px;
    }
    .history__item{
        gap: 40px;
        height: 600px;
    }
    .history__image-info {
        transform: translate(9%, -46%);
    }
}
@media (max-width: 999px) {
    .history__video-start {
        width: 72px;
        height: 72px;
        min-width: 72px;
    }
    .history__video video{
        height: 500px;
    }
}
@media (max-width: 767px) {
    .history__box,
    .history {
        margin-top: 80px;
    }
    .history__image {
        height: 260px;
    }
    .history__hide{
        display: none;
    }
    .history-product .history__block{
        grid-template-columns: 1fr;
        gap: 0;
    }
    .history-product .history__item{
        height: auto;
        max-width: 100%;
    }
    .history__image-product{
        height: 100vh;
    }
}
@media (max-width: 479px) {
    .history__box, .history {
        margin-top: 60px;
    }
    .history__descr,
    .history__title,
    .history__date{
        text-align: left;
    }
    .history__title{
        margin-bottom: 20px;
    }
    .history__descr + .history__descr{
        margin-top: 10px;
    }
    .history__block {
        display: flex;
        gap: 10px;
        margin: 10px -10px 0;
        padding: 0 10px;
        overflow: auto;
    }
    .history__item{
        height: 349px;
        min-width: 262px;
        max-width: 262px;
    }
    .history__video-start {
        width: 62px;
        height: 62px;
        min-width: 62px;
    }
    .history__item-descr,
    .history__descr-small{
        font-size: 14px;
        line-height: 116%;
        letter-spacing: -0.56px;
    }
    .history-product .history__box{
        margin-top: 20px;
    }
    .history__image-info::before{
        width: 90px;
        height: 90px;
    }
    .history__image-info {
        transform: translate(-6%, -75%);
        font-size: 10px;
        max-width: 120px;
    }
}
/* created */
.created{
    margin-top: 100px;
}
.created__block{
    margin-top: 60px;
    position: relative;
}
.created__item{
    display: flex;
    align-items: center;
    position: relative;
    height: 100vh;
    min-height: 500px;
    z-index: 10;
    width: 100%;
}
.created__item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.created__item-content{
    z-index: 1;
    position: absolute;
    bottom: 50%;
    width: 100%;
    max-width: 761px;
    /*right: 90px;*/
    left: 90px;
    margin-left: auto;
}
.created__item-inner{
    width: 100%;
    display: flex;
    align-items: stretch;
    margin: 0 auto;
}
.created__item-descr{
    padding: 30px 16px;
    color: #FF6A00;
    font-size: 26px;
    font-weight: 400;
    line-height: 116%;
    text-transform: uppercase;
}
.created__item-icons{
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: space-between;
    height: auto;
}
.created__item-small .created__item-content{
    top: 34%;
}
.created__item-small .created__item-inner{
    max-width: 552px;
}
@media (max-width: 1279px) {

}
@media (max-width: 999px) {
    .created__item-content{
        left: 20px;
        right: 20px;
        top: 30%;
        transform: translateY(-50%);
        width: auto;
    }
}
@media (max-width: 767px) {
    .created {
        margin-top: 80px;
    }
    .created__block{
        margin-top: 40px;
    }
    .created__item-descr{
        font-size: 20px;
    }
}
@media (max-width: 479px) {
    .created {
        margin-top: 60px;
    }
    .created__item-descr {
        font-size: 10px;
    }
    .created__item{
        height: 500px;
    }
    .created__item-small .created__item-inner,
    .created__item-inner{
        flex-wrap: wrap;
        gap: 16px 75px;
        max-width: 222px;
    }
    .created__item-descr{
        padding: 0;
        order: 1;
    }
    .created__item-icons{
        width: 15px;
        gap: 60px;
    }
    .created__item-small .created__item-content,
    .created__item-content {
        left: 20px;
        right: 20px;
        top: initial;
        transform: none;
        width: auto;
        bottom: 48px;
    }
}
/* master */
.master{
    margin-top: 100px;
}
.master__block{
    margin-top: 60px;
    display: flex;
    flex-direction: column;
    gap: 60px;
}
.master__item{
    display: flex;
    gap: 20px;
    align-items: stretch;
}
.master__item-image{
    display: flex;
    align-items: center;
    height: 607px;
    width: 100%;
    max-width: 920px;
}
.master__item-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.master__item-content{
    width: 100%;
    max-width: 920px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: space-between;
    height: auto;
}
.master__item-name{
    color:  #1E1E1E;
    font-family: 'HeadingNow', sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 116%;
    letter-spacing: 1.44px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.master__item-descr {
    max-width: 450px;
    font-size: 20px;
    text-transform: uppercase;
    line-height: 116%;
}
.master__item-more{
    display: none;
}
@media (max-width: 1279px) {

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

}
@media (max-width: 767px) {
    .master {
        margin-top: 80px;
    }
    .master__item{
        flex-direction: column;
    }
    .master__item-image{
        height: 359px;
    }
    .master__item-name{
        font-size: 40px;
    }
    .master__block{
        margin-top: 40px;
        gap: 40px;
    }
    .master__item-message:not(.show-more){
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
        max-width: 100%;
    }
    .master__item-more{
        display: flex;
        justify-content: start;
        color: #999;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%; /* 13px */
        letter-spacing: -0.4px;
    }
}
@media (max-width: 479px) {
    .master__item-name {
        font-size: 32px;
        margin-bottom: 10px;
    }
    .master__item-descr {
        max-width: 62%;
        font-size: 16px;
    }
    .master__item-more{
        font-size: 10px;
    }
}
/* blog */
.blog{
    margin-top: 80px;
}
.blog__select{
    margin-top: 60px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #999;
    display: flex;
    align-items: center;
    gap: 48px;
    overflow: auto;
}
.catalog__select-type{
    display: flex;
    align-items: center;
    gap: 40px;
    overflow: auto;
}
.catalog__select-btn,
.blog__select-btn{
    height: 72px;
    padding: 10px 54px 10px 20px;
    color: #1E1E1E;
    position: relative;
    text-wrap: nowrap;
}
.catalog__select-btn span,
.blog__select-btn span{
    position: absolute;
    top: 10px;
    right: 10px;
    color: #999;
    font-size: 14px;
    line-height: 116%; /* 16.24px */
}
.catalog__select-btn:hover,
.catalog__select-btn.active,
.blog__select-btn:hover,
.blog__select-btn.active{
    background-color: #FF6A00;
    color: #fff;
}
.catalog__select-btn:hover span,
.catalog__select-btn.active span,
.blog__select-btn:hover span,
.blog__select-btn.active span{
    color: #fff;
}
.blog__block{
    margin-top: 80px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 20px;
    align-items: stretch;
}
.blog__item-image{
    height: 450px;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.blog__item-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: all .2s ease;
}
.blog__item-image:hover img{
    transform: scale(1.1);
}
.blog__item-content{
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
}
.blog__item-date {
    margin-bottom: 30px;
    color:  #999;
    font-size: 14px;
    line-height: 116%;
}
.blog__item-title h3{
    margin-bottom: 20px;
    color: #1E1E1E;
    font-family: 'HeadingNow', sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 116%;
    text-transform: uppercase;
    transition: all .2s ease;
}
.blog__item-title:hover h3{
    color: #FF6A00;
}
.blog__item-descr{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    max-width: 100%;
    margin-bottom: 30px;
}
.blog__item-more{
    margin-top: auto;
    max-width: 293px;
    height: 60px;
}
.blog__more{
    margin-top: 100px;
    width: 100%;
    height: 90px;
}
@media (max-width: 1279px) {
    .blog {
        margin-top: 40px;
    }
    .blog__block{
        grid-template-columns: 1fr 1fr;
    }
    .blog__item-image{
        height: 350px;
    }
}
@media (max-width: 999px) {
    .blog__more{
        margin-top: 80px;
    }
    .blog__select{
        margin-top: 60px;
    }
    .blog__block{
        margin-top: 60px;
    }
}
@media (max-width: 767px) {
    .blog {
        margin-top: 20px;
    }
    .blog__select{
        gap: 20px;
    }
    .blog__item-image {
        height: 308px;
    }
    .blog__block{
        margin-top: 40px;
        grid-template-columns: 1fr;
    }
    .blog__more{
        margin-top: 40px;
        height: 60px;
    }
    .blog__item-more{
        max-width: 100%;
    }
    .blog__select-btn {
        height: 60px;
    }
}
@media (max-width: 479px) {
    .blog__select {
        margin-top: 20px;
        gap: 5px;
        padding: 10px 0;
    }
    .blog__select-btn {
        height: 45px;
        padding: 10px 54px 10px 28px;
        font-size: 14px;
    }
    .blog__select-btn span{
        font-size: 10px;
        top: 6px;
        right: 28px;
    }
    .blog__item-title h3 {
        margin-bottom: 10px;
        font-size: 16px;
    }
    .blog__item-descr{
        font-size: 12px;
        -webkit-line-clamp: 6;
    }
    .blog__item-more {
        max-width: 100%;
        height: 40px;
        font-size: 16px;
    }
    .blog__block{
        gap: 40px;
    }
    .blog__more{
        height: 40px;
    }
    .blog__item-date{
        font-size: 10px;
    }
}
/* article */
.article{
    margin-top: 80px;
}
.article__date{
    margin-top: 60px;
    color: #999;
    margin-bottom: 20px;
}
.article__image{
    height: 610px;
    width: 100%;
    display: flex;
    align-items: center;
}
.article__image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.article__image ~ .article__image{
    margin-top: 100px;
}
.article__box{
    margin-top: 60px;
}
.article__box ~ .article__box{
    margin-top: 100px;
}
.article__box-block{
    margin-top: 30px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 66px;
}
.article__box-item{
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.article__box-name{
    color: #1E1E1E;
    font-family: 'HeadingNow', sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 116%;
    letter-spacing: 1.44px;
    text-transform: uppercase;
}
.article__images{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    margin-top: 60px;
}
.article__images .article__image{
    margin-top: 0 !important;
}

@media (max-width: 1279px) {
    .article {
        margin-top: 40px;
    }
    .article__image{
        height: 500px;
    }
}
@media (max-width: 999px) {
    .article__images,
    .article__box-block{
        gap: 20px;
    }
}
@media (max-width: 767px) {
    .article__box-name{
        font-size: 40px;
    }
    .article__date{
        margin-top: 40px;
    }
    .article__box-block{
        grid-template-columns: 1fr;
        margin-top: 20px;
    }
    .article__images{
        margin-top: 40px;
        grid-template-columns: 1fr;
    }
    .article__images .article__image{
        height: 308px;
    }
    .article__box ~ .article__box {
        margin-top: 60px;
    }
    .article__image ~ .article__image {
        margin-top: 60px;
    }
    .article__box-item{
        gap: 12px;
    }
    .article__content--hidden .article__box-item:not(:first-of-type){
        display: none;
    }
    .article__content--hidden .article__box-item:first-of-type p:nth-child(n+4) {
        display: none;
    }
    .article__toggle-btn{
        margin-top: 20px;
        color: #999;
        font-size: 14px;
        font-weight: 400;
        line-height: 130%; /* 13px */
        letter-spacing: -0.4px;
        text-decoration: underline;
    }
}
@media (max-width: 479px) {
    .article {
        margin-top: 20px;
    }
    .article__images{
        margin-top: 20px;
    }
    .article__date {
        margin-top: 20px;
        margin-bottom: 10px;
    }
    .article__box-name {
        font-size: 32px;
    }
    .article__date,
    .article__toggle-btn{
        font-size: 10px;
    }
    .article__image ~ .article__image{
        margin-top: 20px;
    }
}
/* moreArticles */
.moreArticles{
    margin-top: 100px;
}
.moreArticles__block{
    margin-top: 60px;
}
@media (max-width: 1279px) {

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

}
@media (max-width: 767px) {
    .moreArticles{
        margin-top: 80px;
    }
    .moreArticles__block {
        margin-top: 40px;
    }
}
@media (max-width: 479px) {
    .moreArticles{
        margin-top: 60px;
    }
    .moreArticles__block {
        margin-top: 20px;
    }
}
/* cart */

.cart__inner{
    width: 100%;
    max-width: 917px;
    margin-left: auto;
    height: 100%;
    background-color: #E4E4E4;
    padding: 30px;
    overflow: auto;
    display: flex;
    flex-direction: column;
    overscroll-behavior: contain;
    transition: all .2s ease;
    transform: translateX(100%);
}
.cart.active{
    opacity: 1;
    pointer-events: all;
}
.cart.active .cart__inner{
    transform: translateX(0%);
}
.cart__top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.cart__title{
    font-family: 'HeadingNow', sans-serif;
    font-size: 48px;
    line-height: 116%;
    letter-spacing: 1.44px;
}
.cart__close{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='28' viewBox='0 0 29 28' fill='none'%3E%3Cpath d='M28.1118 1.80225L15.7368 14.1763L27.7583 26.1978L26.3442 27.6118L14.3228 15.5903L2.65576 27.2583L1.2417 25.8442L12.9087 14.1763L0.888184 2.15576L2.30225 0.741699L14.3228 12.7622L26.6978 0.388184L28.1118 1.80225Z' fill='%231E1E1E'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 27.224px;
    width: 56px;
    height: 56px;
    min-width: 56px;
}
.cart__block{
    margin-top: 100px;
    flex: 1;
    overflow: auto;
    overscroll-behavior: contain;
}
.cart__apply{
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.cart__apply-btn,
.cart__apply-close{
    width: 100%;
    height: 60px;
}
.cart__item{
    display: flex;
    align-items: center;
    gap: 21px;
    width: 100%;
}
.cart__item + .cart__item{
    margin-top: 40px;
}
.cart__item-image{
    width: 100%;
    max-width: 200px;
    height: 241px;
    padding: 23px 20px 24px;
    background: #FFF;
    min-width: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cart__item-image img{
    width: auto;
    height: 210px;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    object-position: center;
}
.cart__item-content{
    width: 100%;
}
.cart__item-top{
    display: flex;
    align-items: start;
    gap: 10px;
    width: 100%;
    justify-content: space-between;
}
.cart__item-article{
    color: #999;
    font-size: 14px;
    line-height: 116%;
}
.cart__item-del {
    padding: 0 5px;
    border-bottom: 1px solid #333;
    font-size: 18px;
    color: #333;
    line-height: 130%;
    letter-spacing: -0.72px;
}
.cart__item-title{
    margin-top: 20px;
    display: inline-block;
}
.cart__item-title h3{
    max-width: 393px;
    transition: all .2s ease;
    color: #1E1E1E;
    font-family: 'HeadingNow', sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 116%;
    letter-spacing: 1.44px;
    text-transform: uppercase;
}
.cart__item-title:hover h3{
    color: #FF6A00;
}
.cart__item-bottom{
    margin-top: 17px;
    display: flex;
    align-items: end;
    gap: 10px;
    justify-content: space-between;
}
.cart__item-color--name,
.cart__item-count--name{
    margin-bottom: 10px;
}
.cart__item-color--span{
    display: flex;
    width: 43px;
    height: 43px;
    min-width: 43px;
    background-color: #FFF;
}
.cart__item-count{
    width: 100%;
    max-width: 199px;
}
.cart__item-count--select{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border: 1px solid #333;
    background: #E4E4E4;
    padding: 9px;
    height: 43px;
}
.cart__item-count--input{
    background-color: transparent;
    color: #333;
    padding: 0;
    text-align: center;
}
.cart__item-price {
    color: #FF6A00;
    font-size: 28px;
    line-height: normal;
    letter-spacing: -1.12px;
}
@media (max-width: 1279px) {
    .cart__inner{
        max-width: 700px;
    }
    .cart__block{
        margin-top: 80px;
    }
    /* .cart__item-title{
        margin-right: -50px;
    } */
    .cart__title,
    .cart__item-title h3{
        font-size: 30px;
    }
    .cart__item-price{
        font-size: 24px;
    }
    .cart__item-count{
        max-width: 140px;
    }
    .cart__block {
        margin-top: 60px;
    }
}
@media (max-width: 999px) {
    .cart__item-price{
        font-size: 20px;
    }
    .cart__item-count{
        max-width: 160px;
    }
}
@media (max-width: 767px) {
    .cart__inner {
        max-width: 500px;
        padding: 20px;
    }
    .cart__title,
    .cart__item-title h3{
        font-size: 26px;
    }
    .cart__title{
        letter-spacing: -0.56px;
    }
    .cart__item-image {
        max-width: 139px;
        height: 211px;
        min-width: 139px;
        padding: 20px;
    }
    .cart__item-del{
        font-size: 14px;
    }
    .cart__item-title{
        /* margin-right: -80px; */
        margin-top: 12px;
    }
    .cart__item-bottom{
        display: grid;
        grid-template-columns: 1fr 1fr;
        margin-top: 12px;
    }
    .cart__item-price{
        order: 1;
        grid-column: span 2;
    }
    .cart__close{
        background-color: #1E1E1E;
        width: 24px;
        height: 24px;
        min-width: 24px;
        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='M6.99999 7.70823L1.75399 12.9542C1.66065 13.0476 1.54599 13.0976 1.40999 13.1042C1.27399 13.1109 1.15265 13.0609 1.04599 12.9542C0.93932 12.8476 0.885986 12.7296 0.885986 12.6002C0.885986 12.4709 0.93932 12.3529 1.04599 12.2462L6.29199 7.00023L1.04599 1.75423C0.952653 1.6609 0.902653 1.54623 0.895986 1.41023C0.889319 1.27423 0.93932 1.1529 1.04599 1.04623C1.15265 0.939564 1.27065 0.88623 1.39999 0.88623C1.52932 0.88623 1.64732 0.939564 1.75399 1.04623L6.99999 6.29223L12.246 1.04623C12.3393 0.952897 12.4543 0.902897 12.591 0.89623C12.7263 0.889564 12.8473 0.939564 12.954 1.04623C13.0607 1.1529 13.114 1.2709 13.114 1.40023C13.114 1.52956 13.0607 1.64756 12.954 1.75423L7.70799 7.00023L12.954 12.2462C13.0473 12.3396 13.0973 12.4546 13.104 12.5912C13.1107 12.7266 13.0607 12.8476 12.954 12.9542C12.8473 13.0609 12.7293 13.1142 12.6 13.1142C12.4707 13.1142 12.3527 13.0609 12.246 12.9542L6.99999 7.70823Z' fill='white'/%3E%3C/svg%3E");
        background-size: 12.228px;
    }
}
@media (max-width: 479px) {
    .cart__item-title h3{
        font-size: 22px;
        letter-spacing: 0.6px;
    }
    .cart__inner {
        padding: 10px;
    }
    .cart__title {
        font-size: 20px;
        letter-spacing: 0.6px;
    }
    .cart__block {
        margin-top: 40px;
    }
    .cart__item{
        gap: 5px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .cart__item-image {
        max-width: 109px;
        height: 139px;
        min-width: 109px;
        padding: 11px;
    }
    .cart__item-article {
        font-size: 10px;
        letter-spacing: -0.4px;
    }
    .cart__item-del {
        font-size: 10px;
        padding: 0 2px;
        letter-spacing: -0.4px;
    }
    .cart__item-title {
        /* margin-right: -20px; */
        margin-top: 5px;
    }
    .cart__item-title h3{
        font-size: 16px;
    }
    .cart__item-color--name, .cart__item-count--name{
        font-size: 12px;
        letter-spacing: -0.48px;
    }
    .cart__item-color--span {
        width: 24px;
        height: 24px;
        min-width: 24px;
    }
    .cart__item-count--select {
        gap: 2px;
        height: 24px;
        max-width: 72px;
    }
    .cart__item-price {
        font-size: 14px;
        letter-spacing: -0.56px;
    }
    .cart__item + .cart__item {
        margin-top: 20px;
    }
    .cart__item-count--select span,
    .cart__item-count--input{
        font-size: 10px;
        letter-spacing: -0.4px;
    }
    .cart__apply{
        margin-top: 20px;
    }
    .cart__apply-btn, .cart__apply-close {
        height: 40px;
        font-size: 16px;
    }
}
/* basket */
.basket{
    margin-top: 80px;
}
.basket__content{
    display: flex;
    align-items: stretch;
    gap: 20px;
    margin-top: 60px;
    flex-direction: row-reverse;
    /*justify-content: space-between;*/
}
.basket__products{
    width: 100%;
    padding: 30px 30px 1px;
    background-color: #E4E4E4;
    height: auto;
    display: flex;
    flex-direction: column;
}
.basket__products-bottom{
    padding: 20px 10px 17px;
    border-top: 1px solid #333333;
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.basket__products-title,
.basket__products-price{
    color: #333;
    font-size: 20px;
    font-weight: 400;
    line-height: 116%;
    text-transform: uppercase;
}
.basket__products-block{
    margin-top: 0;
}
.basket__form{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 50px;
}
.basket__form-box{
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.basket__form-block{
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}
.basket__form-input{
    height: 33px;
    padding: 5px 0;
    border-bottom: 1px solid #333;
    width: 100%;
}
.basket__form-name{
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 116%; /* 23.2px */
    text-transform: uppercase;
    margin-bottom: 30px;
}
.basket__form-select {
    height: 33px;
    padding: 5px 0;
    border-bottom: 1px solid #333;
    width: 100%;
    position: relative;
}
.basket__form-select--title{
    color: #999;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    cursor: pointer;
    text-wrap: nowrap;
    max-width: 100%;
}
.basket__form-select--title::after{
    content: '';
    background-image: url("data:image/svg+xml,%0A%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.91 8.43294L18.97 9.49394L13.193 15.2729C13.1004 15.3661 12.9904 15.44 12.8691 15.4905C12.7479 15.5409 12.6178 15.5669 12.4865 15.5669C12.3552 15.5669 12.2251 15.5409 12.1039 15.4905C11.9826 15.44 11.8726 15.3661 11.78 15.2729L6 9.49394L7.06 8.43394L12.485 13.8579L17.91 8.43294Z' fill='%23333333'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    min-width: 24px;
}
.basket__form-select--content{
    position: absolute;
    background-color: #fff;
    top: 32px;
    left: 0;
    right: 0;
    border: 1px solid #333;
    display: none;
    flex-direction: column;
    gap: 10px;
    padding: 10px;
    overflow: auto;
    max-height: 400px;
}
.basket__form-select--content span{
    color: #333333;
    cursor: pointer;
    transition: all .2s ease;
}
.basket__form-select--content span:hover{
    color: #FF6A00;
}
.basket__form-select.active .basket__form-select--content{
    display: flex;
}
.basket__form-select.active .basket__form-select--title::after{
    transform: rotate(180deg);
}
.basket__form-select--title.selected{
    color: #333333;
}
.basket__form-pay{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.basket__form-radio{
    display: none;
}
.basket__form-radio + span{
    color:#1E1E1E;
    text-align: center;
    font-family: "IBM Plex Mono", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 116%; /* 23.2px */
    text-transform: uppercase;
    height: 60px;
    border: 1px solid #1E1E1E;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all .2s ease;
}
.basket__form-radio + span:hover,
.basket__form-radio:checked + span{
    background-color: #1E1E1E;
    color: #fff;
}
.basket__form-textarea{
    resize: none;
    height: 72px;
    padding: 5px 10px;
}
.basket__form-end{
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: 100%;
}
.basket__form-apply {
    margin-bottom: -20px;
    font-size: 14px;
    line-height: 116%;
}
.basket__form-btn{
    height: 60px;
}
.basket__empty{
    /*display: none;*/
}
.basket__apply-hide{
    display: none;
}
.basket__apply-hide + .basket__empty{
    display: inline-block;
}
.basket__empty-descr {
    font-size: 22px;
    line-height: 116%;
    letter-spacing: -0.88px;
    margin-top: 60px;
}
.basket__empty-btn{
    margin-top: 30px;
    max-width: 450px;
    height: 60px;
}
@media (max-width: 1279px) {
    .basket {
        margin-top: 40px;
    }
    .basket__form-box{
        grid-template-columns: 1fr;
        gap: 10px;
    }
}
@media (max-width: 999px) {
    .basket__content{
        flex-direction: column;
    }
    .basket__form-box {
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }
    .basket__form{
        gap: 40px;
    }

    .cart__item-image img {
        height: 120px;
    }
}
@media (max-width: 767px) {
    .basket {
        margin-top: 20px;
    }
    .basket__content{
        margin-top: 40px;
    }
    .basket__products {
        width: auto;
        padding: 20px 20px 0px;
        margin: 0 -10px;
        min-height: 365px;
    }
    .basket__products-block .cart__item-count--name,
    .basket__products-block .cart__item-color,
    .basket__products-block .cart__item-article{
        display: none;
    }
    .basket__products-block .cart__item-count {
        max-width: 120px;
    }
    .basket__products-block .cart__item-title {
        margin-right: 0;
        margin-top: 0;
    }
    .basket__products-block .cart__item-del{
        font-size: 0;
        width: 24px;
        height: 24px;
        min-width: 24px;
        background-image: url("data:image/svg+xml,%0A%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' transform='translate(1 1)' fill='%231E1E1E'/%3E%3Cpath d='M12.9997 13.7082L7.75374 18.9542C7.66041 19.0476 7.54574 19.0976 7.40974 19.1042C7.27374 19.1109 7.15241 19.0609 7.04574 18.9542C6.93908 18.8476 6.88574 18.7296 6.88574 18.6002C6.88574 18.4709 6.93908 18.3529 7.04574 18.2462L12.2917 13.0002L7.04574 7.75423C6.95241 7.6609 6.90241 7.54623 6.89574 7.41023C6.88908 7.27423 6.93908 7.1529 7.04574 7.04623C7.15241 6.93956 7.27041 6.88623 7.39974 6.88623C7.52908 6.88623 7.64708 6.93956 7.75374 7.04623L12.9997 12.2922L18.2457 7.04623C18.3391 6.9529 18.4541 6.9029 18.5907 6.89623C18.7261 6.88956 18.8471 6.93956 18.9537 7.04623C19.0604 7.1529 19.1137 7.2709 19.1137 7.40023C19.1137 7.52956 19.0604 7.64756 18.9537 7.75423L13.7077 13.0002L18.9537 18.2462C19.0471 18.3396 19.0971 18.4546 19.1037 18.5912C19.1104 18.7266 19.0604 18.8476 18.9537 18.9542C18.8471 19.0609 18.7291 19.1142 18.5997 19.1142C18.4704 19.1142 18.3524 19.0609 18.2457 18.9542L12.9997 13.7082Z' fill='white'/%3E%3C/svg%3E%0A");
        background-position: center;
        background-repeat: no-repeat;
    }
    .basket__products-block .cart__item-image {
        max-width: 140px;
        height: 160px;
        min-width: 140px;
        padding: 10px;
    }
    .basket__empty-descr{
        font-size: 18px;
        margin-top: 40px;
    }
}
@media (max-width: 479px) {
    .basket__content{
        margin-top: 20px;
    }
    .basket__products {
        justify-content: center;
        align-items: center;
        padding: 20px;
        margin: 0;
     }
    .basket__products-block .cart__item-image {
        max-width: 71px;
        height: 94px;
        min-width: 71px;
        padding: 11px;
    }
    .basket__products-title, .basket__products-price{
        font-size: 16px;
    }
    .basket__form {
        gap: 20px;
    }
    .basket__form-box {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .basket__form-name{
        font-size: 14px;
        margin-bottom: 10px;
    }
    .basket__form-pay{
        gap: 6px;
    }
    .basket__form-radio + span{
        font-size: 14px;
        height: 40px;
    }
    .basket__form-end{
        gap: 20px;
    }
    .basket__form-apply {
        margin-bottom: -10px;
        font-size: 10px;
        line-height: 130%;
        letter-spacing: -0.4px;
        margin-top: -10px;
    }
    .basket__form-btn {
        height: 40px;
    }
    .basket__empty-descr{
        font-size: 14px;
        margin-top: 20px;
        letter-spacing: -0.56px;
    }
    .basket__empty-btn {
        margin-top: 20px;
        max-width: 100%;
        height: 40px;
    }
}

/* recommended */
.recommended{
    margin-top: 100px;
}
.recommended__slider{
    margin-top: 60px;
    overflow: hidden;
}
.product__item-images{
    grid-column: span 2;
    order: 1;
}
.product__item-images-image{
    display: flex;
    align-items: center;
    background: #FFF;
    height: 568px;
}
.product__item-images-more{
    max-width: 293px;
    margin-left: auto;
    margin-top: 20px;
    height: 60px;
}
.product__item-images-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.product__item-top{
    position: relative;
    z-index: 1;
    border: 1px solid #333;
    background: #FFF;
    height: 568px;
}
.product__item-about{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.78);
    backdrop-filter: blur(3.4000000953674316px);
    padding: 20px;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
    opacity: 0;
    pointer-events: none;
    transition: all .2s ease;
}
.product__item-top:hover .product__item-about{
    opacity: 1;
    pointer-events: all;
}
.product__item-available{
    color: #999;
    font-size: 14px;
    font-weight: 400;
    line-height: 116%; /* 16.24px */
}
.product__item-article{
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 116%;
}
.product__item-info {
    color: #000;
    letter-spacing: -0.72px;
}
.product__item-image{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 26px;
    height: 100%;
    overflow: hidden;
}
.product__item-image img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-position: center;
}
.product__item-content{
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.product__item-title{
    max-width: 250px;
}
.product__item-title h3{
    transition: all .2s ease;
    color: #1E1E1E;
    font-family: 'HeadingNow', sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 116%;
    text-transform: uppercase;
}
.product__item-title:hover h3{
    color: #FF6A00;
}
.product__item-price {
    color: #FF6A00;
    font-size: 20px;
    font-weight: 300;
    line-height: 116%;
    letter-spacing: -0.8px;
}
.recommended__more{
    display: none;
}
.recommended-end .product__item-content{
    align-items: end;
}
.product__item-buy{
    height: 60px;
}
.product__item-fill{
    grid-column: span 2;
}
.product__item-add{
    display: none;
}
@media (max-width: 1279px) {
    .product__item-content{
        flex-direction: column;
        align-items: start;
    }
    .product__item-images-image,
    .product__item-top{
        height: 400px;
    }
}
@media (max-width: 999px) {
    .recommended-end .product__item-content{
        align-items: start;
    }
    .recommended__slider .swiper-wrapper{
        grid-template-columns: repeat(3, 1fr) !important;
    }
    .product__item-images{
        grid-column: span 3;
    }
    .product__item-images-table{
        grid-column: auto;
    }
}
@media (min-width: 768px) {
    .recommended__slider .swiper-wrapper{
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 60px 20px;
    }
    .product__item-fill .product__item-image img {
        transform: rotate(59deg);
        max-height: none;
        max-width: 50%;
    }
}
@media (max-width: 767px) {
    .recommended {
        margin-top: 80px;
    }
    .product__item-top{
        height: 300px;
    }
    .recommended__slider{
        margin-top: 40px;
    }
    .product__item-title h3{
        font-size: 20px;
    }
    .product__item-price{
        font-size: 18px;
    }
    .recommended__more{
        display: flex;
        margin-top: 40px;
    }
    .product__item-images{
        display: none;
    }
    .product__item-about{
        gap: 5px;
        padding: 10px;
    }
    .product__item-buy{
        height: 40px;
    }
    .product__item-article{
        font-size: 12px;
    }
    .product__item-info{
        font-size: 14px;
    }
    .product__item-about{
        display: none;
    }
    .product__item-add{
        width: 30px;
        height: 30px;
        position: absolute;
        top: 10px;
        right: 10px;
        display: flex;
        background-image: url("data:image/svg+xml,%0A%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.502441' width='27' height='27' stroke='%231E1E1E'/%3E%3Cpath d='M14.2773 13.5024H22V14.5024H14.2773V22.0024H13.2773V14.5024H6V13.5024H13.2773V6.00244H14.2773V13.5024Z' fill='%231E1E1E'/%3E%3C/svg%3E%0A");
        background-position: center;
        background-repeat: no-repeat;
        z-index: 10;
    }
    .product__item-add.active{
        background-image: url("data:image/svg+xml,%0A%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='28' height='28' fill='%231E1E1E'/%3E%3Cpath d='M14.2773 13.5H22V14.5H14.2773V22H13.2773V14.5H6V13.5H13.2773V6H14.2773V13.5Z' fill='white'/%3E%3C/svg%3E%0A");
    }
}
@media (max-width: 479px) {
    .recommended {
        margin-top: 60px;
    }
    .recommended__slider{
        margin: 20px -10px 0;
        padding: 0 10px;
    }
    .product__item-image{
        padding: 38px;
    }
    .product__item-top{
        height: 273px;
    }
    .product__item-title h3{
        font-size: 16px;
    }
    .product__item-content{
        margin-top: 10px;
        gap: 10px;
    }
    .product__item-price{
        font-size: 14px;
        letter-spacing: -0.56px;
    }
    .recommended__more{
        height: 40px;
    }
    .recommended__title{
        width: 90%;
    }
}

/* hero */
.hero__inner{
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.hero__inner::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    height: 347px;
    background: linear-gradient(0deg, rgba(30, 30, 30, 0.77) 0%, rgba(30, 30, 30, 0.00) 100%);
}
.hero__video{
    display: flex;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    align-items: center;
}
.hero__video video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.hero__inner{
    height: calc(100vh - 90px);
    min-height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
    padding: 30px 10px;
}
.hero__title{
    text-align: center;
    color: #fff;
    font-family: 'HeadingNow', sans-serif;
    font-size: 166px;
    font-weight: 700;
    line-height: 114%;
}
.hero__content{
    display: flex;
    gap: 16px;
    justify-content: space-between;
    max-width: 605px;
    width: 100%;
}
.hero__descr{
    position: relative;
    z-index: 1;
    color: #FFF;
    text-align: center;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 116%;
    letter-spacing: -0.88px;
    padding: 10px 0;
}
.hero__content span{
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    flex-direction: column;
}
@media (max-width: 1279px) {
    .hero__title{
        font-size: 90px;
    }
}
@media (max-width: 999px) {

}
@media (max-width: 767px) {
    .hero__inner {
        height: calc(100vh - 64px);
    }
    .hero__title {
        font-size: 70px;
    }
    .hero__content{
        max-width: 295px;
    }
    .hero__descr{
        font-size: 18px;
    }
}
@media (max-width: 479px) {
    .hero__inner{
        padding: 40px 10px;
        height: calc(100vh - 52px);
    }
    .hero__title {
        font-size: 50px;
    }
    .hero__content {
        max-width: 228px;
        gap: 0;
    }
    .hero__descr {
        font-size: 14px;
        padding: 4px 0;
    }
}
/* messageBanner */
.messageBanner{
    margin-top: 100px;
}
.messageBanner__title{
    text-align: center;
}
.messageBanner__descr{
    width: 100%;
    max-width: 626px;
    margin: 30px auto 0;
    text-align: center;
    font-size: 22px;
    line-height: 116%;
    letter-spacing: -0.88px;
}
@media (max-width: 1279px) {

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

}
@media (max-width: 767px) {
    .messageBanner{
        margin-top: 80px;
    }
    .messageBanner__descr{
        font-size: 20px;
    }
}
@media (max-width: 479px) {
    .messageBanner{
        margin-top: 60px;
    }
    .messageBanner__title {
        text-align: left;
    }
    .messageBanner__descr{
        font-size: 14px;
        letter-spacing: -0.56px;
        text-align: left;
        margin-top: 12px;
    }
}
/* blogBlock */
.blogBlock{
    margin-top: 100px;
}
.blogBlock__block{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    align-items: stretch;
}
.blogBlock__item-image{
    height: 665px;
    display: flex;
    align-items: center;
    overflow: hidden;
    width: 100%;
}
.blogBlock__item-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: all .2s ease;
}
.blogBlock__item-image:hover img{
    transform: scale(1.1);
}
.blogBlock__item-content{
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 30px;
}
.blogBlock__item-descr{
    flex: 1;
}
.blogBlock__item-btn{
    max-width: 293px;
    height: 60px;
}
.blogBlock__item-title h3{
    transition: all .2s ease;
    color: #1E1E1E;
    font-family: 'HeadingNow', sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 116%;
    letter-spacing: 1.44px;
    text-transform: uppercase;
}
.blogBlock__item-title:hover h3{
    color: #FF6A00;
}
@media (max-width: 1279px) {
    .blogBlock__item-image{
        height: 500px;
    }
}
@media (max-width: 999px) {
    .blogBlock__item-image {
        height: 370px;
    }
    .blogBlock__item-title h3{
        font-size: 40px;
    }
}
@media (max-width: 767px) {
    .blogBlock {
        margin-top: 80px;
    }
    .blogBlock__block {
        grid-template-columns: 1fr;
        gap: 40px;
    }
}
@media (max-width: 479px) {
    .blogBlock {
        margin-top: 60px;
    }
    .blogBlock__item-image {
        height: 273px;
    }
    .blogBlock__item-title h3{
        font-size: 20px;
        letter-spacing: 0.6px;
    }
    .blogBlock__item-content{
        margin-top: 20px;
        gap: 10px;
    }
    .blogBlock__item-btn {
        max-width: 100%;
        height: 40px;
        margin-top: 10px;
    }
}
/* imageBlock */
.imageBlock{
    margin-top: 50px;
}
.imageSlider__main-content{
    width: 100%;
    display: flex;
    align-items: center;
}
.imageSlider__main-image,
.textBlock__image-content,
.imageBlock__inner{
    height: 920px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 10px;
    width: 100%;
}
.imageSlider__main-img,
.textBlock__image,
.imageBlock__image{
    display: flex;
    align-items: center;
    position: absolute;
    inset: 0;
    z-index: -1;
}
.imageSlider__main-img img,
.textBlock__image img,
.imageBlock__image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.history__image img:nth-of-type(2),
.imageSlider__main-img img:nth-of-type(2),
.textBlock__image img:nth-of-type(2),
.imageBlock__image img:nth-of-type(2){
    display: none;
}
.textBlock__content,
.imageBlock__content{
    display: flex;
    align-items: end;
    gap: 17px;
    position: absolute;
    top: 50%;
    transform: translate(-42%, 2%);
    left: 50%;
    z-index: 2;
}
.textBlock__name,
.imageBlock__title{
    color: #FF6A00;
    font-size: 16px;
    font-weight: 400;
    line-height: 116%;
    text-transform: uppercase;
    max-width: 283px;
    background: rgba(0, 0, 0, 0.4);
    padding: 3px;
}
.textBlock__select,
.imageBlock__select{
    width: 150px;
    height: 150px;
    min-width: 150px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='151' height='150' viewBox='0 0 151 150' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1_23_1532' fill='white'%3E%3Cpath d='M15.7969 0L15.7969 15L0.796877 15L0.796875 1.96701e-06L15.7969 0Z'/%3E%3C/mask%3E%3Cpath d='M0.796875 1.96701e-06L0.796875 -0.999998L-0.203125 -0.999998L-0.203125 2.09815e-06L0.796875 1.96701e-06ZM0.796877 15L1.79688 15L1.79688 1.83588e-06L0.796875 1.96701e-06L-0.203125 2.09815e-06L-0.203123 15L0.796877 15ZM0.796875 1.96701e-06L0.796875 1L15.7969 1L15.7969 0L15.7969 -1L0.796875 -0.999998L0.796875 1.96701e-06Z' fill='%23FF6A00' mask='url(%23path-1-inside-1_23_1532)'/%3E%3Cmask id='path-3-inside-2_23_1532' fill='white'%3E%3Cpath d='M150.797 15L135.797 15L135.797 1.31134e-06L150.797 0L150.797 15Z'/%3E%3C/mask%3E%3Cpath d='M150.797 0L151.797 -8.74228e-08L151.797 -1L150.797 -1L150.797 0ZM135.797 1.31134e-06L135.797 1L150.797 1L150.797 0L150.797 -1L135.797 -0.999999L135.797 1.31134e-06ZM150.797 0L149.797 8.74228e-08L149.797 15L150.797 15L151.797 15L151.797 -8.74228e-08L150.797 0Z' fill='%23FF6A00' mask='url(%23path-3-inside-2_23_1532)'/%3E%3Cmask id='path-5-inside-3_23_1532' fill='white'%3E%3Cpath d='M0.796875 135L15.7969 135L15.7969 150L0.796875 150L0.796875 135Z'/%3E%3C/mask%3E%3Cpath d='M0.796875 150H-0.203125L-0.203125 151H0.796875L0.796875 150ZM15.7969 150L15.7969 149L0.796875 149L0.796875 150L0.796875 151L15.7969 151L15.7969 150ZM0.796875 150H1.79687L1.79688 135H0.796875H-0.203125L-0.203125 150H0.796875Z' fill='%23FF6A00' mask='url(%23path-5-inside-3_23_1532)'/%3E%3Cmask id='path-7-inside-4_23_1532' fill='white'%3E%3Cpath d='M135.797 150L135.797 135L150.797 135L150.797 150L135.797 150Z'/%3E%3C/mask%3E%3Cpath d='M150.797 150L150.797 151L151.797 151L151.797 150L150.797 150ZM150.797 135L149.797 135L149.797 150L150.797 150L151.797 150L151.797 135L150.797 135ZM150.797 150L150.797 149L135.797 149L135.797 150L135.797 151L150.797 151L150.797 150Z' fill='%23FF6A00' mask='url(%23path-7-inside-4_23_1532)'/%3E%3C/svg%3E%0A");
    display: flex;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.textBlock__content,
.imageBlock-second .imageBlock__content {
    flex-direction: column;
    gap: 20px;
    align-items: start;
}
@media (max-width: 1279px) {
    .imageSlider__main-image,
    .imageBlock__inner{
        height: 600px;
    }
    .imageBlock__content {
        transform: translate(-34%, -7%);
    }
    .textBlock__content,
    .imageBlock-second .imageBlock__content {
        transform: translate(-141%, -5%);
    }
}
@media (max-width: 999px) {
    .imageBlock-second .imageBlock__content {
        transform: translate(-129%, -5%);
    }
}
@media (max-width: 767px) {
    .imageBlock {
        margin-top: 80px;
    }
    .textBlock__image-content,
    .imageBlock__inner {
        height: 500px;
    }
    .imageBlock__content{
        flex-direction: column;
        gap: 16px;
        align-items: start;
        transform: translate(-51%, -7%);
    }
    .textBlock__select,
    .imageBlock__select {
        width: 120px;
        height: 120px;
        min-width: 120px;
    }
    .textBlock__content,
    .imageBlock-second .imageBlock__content {
        transform: translate(-96%, 1%);
    }

    .imageSlider__main-content{
        flex-direction: column;
    }
    .history__image-product {
        height: 100vh;
    }
    .history__image.history__image-product{
        opacity: 1 !important;
        transform: translateY(0px);
    }
}
@media (max-width: 479px) {
    .history__image img:nth-of-type(1),
    .imageSlider__main-img img:nth-of-type(1),
    .textBlock__image img:nth-of-type(1),
    .imageBlock__image img:nth-of-type(1){
        /*display: none;*/
    }
    .history__image img:nth-of-type(2),
    .imageSlider__main-img img:nth-of-type(2),
    .textBlock__image img:nth-of-type(2),
    .imageBlock__image img:nth-of-type(2){
        display: flex;
    }
    .textBlock__select,
    .imageBlock__select {
        width: 90px;
        height: 90px;
        min-width: 90px;
    }
    .textBlock__name,
    .imageBlock__title {
        font-size: 10px;
        max-width: 133px;
    }
    /*.imageBlock__content {*/
    /*    transform: translate(3%, -36%);*/
    /*}*/

    .textBlock__content, .imageBlock__content {
        left: 40%;
    }
    .textBlock__content,
    .imageBlock-second .imageBlock__content {
        transform: translate(-68%, -110%);
    }

}
/* textBlock */
.textBlock{
    margin-top: 100px;
}
.textBlock__box{
    margin-top: 60px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.textBlock__block{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.textBlock__image-content{
    margin: 60px 0;
}
@media (max-width: 1279px) {

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

}
@media (max-width: 767px) {
    .textBlock {
        margin-top: 80px;
    }
    .textBlock__box {
        margin-top: 40px;
        grid-template-columns: 1fr;
    }
    .textBlock__box--hidden .textBlock__block:not(:first-of-type){
        display: none;
    }
    .textBlock__box--hidden .textBlock__block:first-of-type p:nth-child(n+3) {
        display: none;
    }
    .textBlock__box-btn{
        margin-top: 20px;
        color: #999;
        font-size: 14px;
        font-weight: 400;
        line-height: 130%;
        letter-spacing: -0.4px;
        text-decoration: underline;
    }
    .textBlock__image-content{
        margin: 40px 0;
    }
}
@media (max-width: 479px) {
    .textBlock {
        margin-top: 60px;
    }
    .textBlock__image-content{
        margin: 20px 0;
    }
}
/* catalog */
.catalog{
    margin-top: 80px;
}
.catalog__select{
    margin-top: 60px;
    border-top: 1px solid #999;
    padding-top: 30px;
}
.catalog__select-top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.catalog__filter-open{
    width: 100%;
    max-width: 293px;
    height: 72px;
    gap: 10px;
}
.catalog__filter-open.active{
    background-color: #1E1E1E;
    color: #fff;
}
.catalog__filter-open.active svg path{
    transition: all .2s ease;
}
.catalog__filter-open.active svg path{
    fill: #fff;
}
.catalog__form{
    margin-top: 60px;
}
.catalog__form:not(.active){
    display: none;
}
.catalog__form-top{
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
}
.catalog__form-title{
    color: #333;
    font-size: 20px;
    font-weight: 400;
    line-height: 116%;
    text-transform: uppercase;
}
.catalog__form-content{
    padding-top: 30px;
    margin-top: 10px;
    border-top: 1px solid #999;
    gap: 100px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.catalog__form-box:nth-of-type(1){
    display: none;
}
.catalog__form-colors label input{
    display: none;
}
.catalog__form-colors label input + span{
    background-color: #fff;
    display: block;
    width: 57px;
    height: 57px;
    min-width: 57px;
    cursor: pointer;
}
.catalog__form-colors label input:checked + span{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Cpath d='M6.5001 11.28L3.7201 8.5L2.77344 9.44L6.5001 13.1667L14.5001 5.16667L13.5601 4.22667L6.5001 11.28Z' fill='white'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
}
.catalog__form-block{
    margin-top: 30px;
}
.catalog__form-colors{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
    max-width: 365px;
}
.range-slider {
    position: relative;
    width: 100%;
    height: 42px;
}
.range-slider input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 2px;
    background: #333;
    outline: none;
    padding: 0;
}
.range-slider  input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 23px;
    height: 42px;
    background: #FFF;
    border: 2px solid #1E1E1E;
    cursor: pointer;
}
.range-slider  input[type="range"]::-moz-range-thumb {
    width: 23px;
    height: 42px;
    background: #fff;
    cursor: pointer;
    border: 2px solid #1E1E1E;
}
.range-tooltip {
    position: absolute;
    top: -40px;
    background: #333;
    color: #fff;
    padding: 1px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    display: none;
    padding: 0 5px;
}
.range-tooltip.active {
    display: block;
}
.price-values {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    gap: 10px;
    color: #999;
}
#range-min,
.range-tooltip,
.price-values,
.range-slider,
.catalog__form-price{
    user-select: none;
}
.catalog__form-box{
    max-width: 450px;
}
.catalog__form-checkbox{
    cursor: pointer;
    max-width: max-content;
}
.catalog__form-checkbox input{
    display: none;
}
.catalog__form-checkbox input + span{
    display: flex;
    align-items: center;
    gap: 10px;
    color: #333;
    font-family: "IBM Plex Mono", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 23.4px */
    letter-spacing: -0.72px;
}
.catalog__form-checkbox input + span::before{
    content: '';
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='23' height='23' stroke='%23333333'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    min-width: 24px;
}
.catalog__form-checkbox input:checked + span::before{
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='23' height='23' stroke='%23333333'/%3E%3Crect x='7' y='7' width='10' height='10' fill='%23333333'/%3E%3C/svg%3E%0A");
}
.catalog__form-categories,
.catalog__form-sort{
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 20px;
}
.catalog__form-box:last-of-type{
    max-width: 508px;
}
.catalog__form-categories--block,
.catalog__form-sort--block{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.catalog__form-buttons{
    margin-top: 100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.catalog__form-btn{
    height: 72px;
    width: 100%;
}
.catalog__result{
    margin-top: 100px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 100px 20px;
}
.catalog__result-more{
    margin-top: 100px;
    height: 90px;
    width: 100%;
}

@media (max-width: 1279px) {
    .catalog{
        margin-top: 40px;
    }
    .catalog__result{
        margin-top: 80px;
        gap: 80px 20px;
    }
    .catalog__result-more{
        margin-top: 80px;
    }
    .catalog__form-colors {
        grid-template-columns: repeat(3, 1fr);
        max-width: 215px;
    }
    .catalog__form-content{
        gap: 80px;
    }
    .catalog__form-buttons{
        margin-top: 80px;
    }
}
@media (max-width: 999px) {
    .catalog__result {
        grid-template-columns: repeat(3, 1fr);
    }
    .catalog__select-type{
        gap: 20px;
    }
    .catalog__form-categories, .catalog__form-sort{
        grid-template-columns: 1fr;
        gap: 12px;
    }
}
@media (max-width: 767px) {
    .catalog {
        margin-top: 20px;
    }
    .catalog__select-type{
        display: none;
    }
    .catalog__select {
        margin-top: 40px;
        border-top: none;
        padding-top: 0;
    }
    .catalog__filter-open{
        height: 60px;
        max-width: 100%;
    }
    .catalog__result {
        grid-template-columns: 1fr 1fr;
        margin-top: 60px;
        gap: 60px 20px;
    }
    .product__item-fill {
        grid-column: auto;
    }
    .catalog__result-more{
        margin-top: 60px;
        height: 60px;
    }
    .catalog__form-content{
        grid-template-columns: 1fr;
    }
    .catalog__form-box:nth-of-type(1){
        display: block;
    }
    .catalog__form-box {
        max-width: 100%;
    }
    .catalog__form-colors {
        max-width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    .catalog__form-content{
        gap: 40px;
    }
    .catalog__form-buttons{
        margin-top: 60px;
    }
    .catalog__form-categories, .catalog__form-sort {
        grid-template-columns: 1fr auto;
        gap: 20px;
    }
    .catalog__form{
        margin-top: 20px;
    }
    .catalog__form-btn {
        height: 60px;
    }
}
@media (max-width: 479px) {
    .catalog__select{
        margin-top: 20px;
    }
    .catalog__filter-open{
        height: 45px;
    }
    .catalog__form{
        margin-top: 20px;
    }
    .catalog__form-title{
        font-size: 14px;
    }
    .catalog__form-top .catalog__form-title{
        font-size: 16px;
    }
    .catalog__form-content{
        padding-top: 24px;
    }
    .catalog__form-checkbox input + span{
        font-size: 12px;
        letter-spacing: -0.48px;
    }
    .catalog__form-categories, .catalog__form-sort {
        grid-template-columns: 1fr 1fr;
        gap: 15px;
    }
    .catalog__form-block {
        margin-top: 20px;
    }
    .catalog__form-colors label input + span {
        width: 35px;
        height: 35px;
        min-width: 35px;
    }
    .range-slider{
        height: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .catalog__form-btn {
        height: 40px;
    }
    .catalog__result {
        margin-top: 40px;
        gap: 20px 5px;
    }
    .catalog__result-more {
        margin-top: 40px;
        height: 40px;
    }
    .range-tooltip{
        top: -25px;
    }
}

.product{
    margin-top: 80px;
}
.product__inner-content{
    display: flex;
    position: relative;
    align-items: stretch;
    gap: 20px;
    margin-top: 100px;
}
.product__left{
    width: 159.31%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    grid-template-rows: 718px repeat(auto-fill, 615px);
    order: -1;
}
.product__image-fill{
    grid-column: span 2;
}
.product__image{
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #999;
    background-color: #fff;
    overflow: hidden;
    width: 100%;
}
.product__image img{
    width: auto;
    height: auto;
    max-width: 90%;
    object-fit: contain;
    object-position: center;
}
.product__video{
    display: flex;
    align-items: center;
    overflow: hidden;
}
.product__video video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.product__content{
    position: sticky;
    top: 90px;
    height: max-content;
    width: 100%;
}
.product__box{
    display: flex;
    flex-direction: column;
    gap: 60px;
    width: 100%;
}
.product__title{
    color: #1E1E1E;
    font-family: 'HeadingNow', saddlebrown;
    font-size: 48px;
    font-weight: 700;
    line-height: 116%;
    letter-spacing: 1.44px;
    text-transform: uppercase;
    max-width: 500px;
}
.product__info{
    margin-top: 20px;
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 20px;
}
.product__info-price{
    color: #FF6A00;
    font-size: 28px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -1.12px;
}
.product__info-available{
    margin-top: 12px;
    color: #1E1E1E;
    font-size: 14px;
    line-height: 116%;
}
.product__info-reviews{
    border-bottom: 1px solid #333;
}
.product__article{
    color: #999;
    font-size: 14px;
    line-height: 116%;
}
.product__about{
    margin-top: 12px;
}
.product__color{
    margin-top: 30px;
}
.product__color-name {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 400;
    line-height: 116%;
    text-transform: uppercase;
}
.product__color-select{
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 30px;
}
.product__color-span{
    display: flex;
    width: 43px;
    height: 43px;
    min-width: 43px;
    background-color: #FFF;
}
.product__color-select label{
    cursor: pointer;
}
.product__color-select label input{
    display: none;
}
.product__color-select label input:checked + span{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Cpath d='M6.5001 11.28L3.7201 8.5L2.77344 9.44L6.5001 13.1667L14.5001 5.16667L13.5601 4.22667L6.5001 11.28Z' fill='white'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
}
.product__buttons{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.product__buttons button{
    width: 100%;
    height: 60px;
}
.product__more{
    margin-top: 87px;
    overflow: hidden;
}
.product__more-block{
    border-top: 1px solid #1E1E1E;
}
.product__more-block:last-of-type{
    border-bottom: 1px solid #1E1E1E;
}
.product__more-title{
    color: #1E1E1E;
    font-size: 20px;
    font-weight: 400;
    line-height: 116%;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    cursor: pointer;
}
.product__more-title::after{
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36' fill='none'%3E%3Cpath d='M18.5 17H36V19H18.5V36H16.5V19H0V17H16.5V0H18.5V17Z' fill='%23333333'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 36px;
    width: 56px;
    height: 56px;
    min-width: 56px;
    display: flex;
    align-items: center;
}
.product__more-content{
    display: none;
    margin-top: 30px;
    padding-bottom: 10px;
}
.product__more-message p + p{
    margin-top: 20px;
}
.product__more-item{
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 10px;
    padding: 5px 0;
}
.product__more-name,
.product__more-descr{
    text-align: left;
}
.product__more-name{
    width: 100%;
}
.product__more-descr {
    width: 45%;
    /* word-break: break-all; */
}
.product__more-content{
    width: 100%;
}
.product__more-block.active .product__more-content{
    display: inline-block;
}
.product__more-block.active .product__more-title::after{
    transform: rotate(-45deg);
}
@media (max-width: 1279px) {
    .product {
        margin-top: 40px;
    }
    .product__left {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 500px repeat(auto-fill, 410px);
    }
    .product__inner-content,
    .product__more{
        margin-top: 60px;
    }
}
@media (max-width: 999px) {
    .product__left {
        width: 64%;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(auto-fill, 330px);
        height: max-content;
    }
    .product__image-fill{
        grid-column: auto;
    }
    .product__image img{
        max-height: 90%;
    }
    .product__box{
        gap: 40px;
    }
    .product__video{
        height: 330px;
    }
    .product__inner-content{
        margin-top: 40px;
    }
}
@media (max-width: 767px) {
    .product {
        margin-top: 20px;
    }
    .product__inner-content{
        flex-direction: column;
    }
    .product__left{
        overflow: auto;
        width: auto;
        margin: 0 -10px;
        padding: 0 10px;
        display: flex;
        align-items: center;
        gap: 10px;
        order: -1;
    }
    .product__image,
    .product__video {
        height: 349px;
        min-width: 252px;
        width: 100%;
        max-width: 262px;
    }
    .product__block:nth-of-type(1){
        order: -2;
    }
    .product__inner-content {
        margin-top: 20px;
    }
    .product__title{
        font-size: 40px;
    }
    .product__more-descr{
        text-align: right;
    }
}
@media (max-width: 479px) {
    .product__inner-content {
        margin-top: 10px;
    }
    .product__title {
        font-size: 32px;
    }
    .product__info-block{
        display: flex;
        flex-direction: column-reverse;
        gap: 6px;
    }
    .product__article,
    .product__info-available{
        margin-top: 0;
        font-size: 10px;
        letter-spacing: -0.4px;
    }
    .product__info-price {
        font-size: 14px;
        letter-spacing: -0.56px;
    }
    .product__info-reviews{
        display: none;
    }
    .product__box {
        gap: 20px;
    }
    .product__left{
        margin-top: -10px;
        margin-bottom: -10px;
        gap: 5px;
    }
    .product__color-name{
        margin-bottom: 12px;
        font-size: 14px;
    }
    .product__color-select .cart__item-color--span {
        width: 35px;
        height: 35px;
        min-width: 35px;
    }
    .product__buttons{
        margin-top: 20px;
        gap: 10px;
    }
    .product__buttons button {
        height: 40px;
    }
    .product__more{
        margin-top: 40px;
    }
    .product__more-title::after {
        background-size: 16px;
        width: 42px;
        height: 42px;
        min-width: 42px;
    }
    .product__more-title{
        font-size: 14px;
    }
    .product__more-content{
        margin-top: 0;
    }
    .product__more-name, .product__more-descr,
    .product__more-message p{
        font-size: 10px;
        letter-spacing: -0.4px;
        line-height: 130%;
    }
    .product__more-message p + p {
        margin-top: 10px;
    }
}
/* imageSlider */
.imageSlider{
    margin-top: 100px;
}
.imageSlider__content{
    margin: 20px -10px 0;
    padding: 0 10px;
    display: flex;
    overflow: auto;
    align-items: center;
    gap: 20px;
}
.imageSlider__content.active {
    cursor: grabbing;
}
.imageSlider__image{
    display: flex;
    align-items: center;
    width: 100%;
    height: 452px;
    overflow: hidden;
    min-width: 400px;
}
.imageSlider__image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.imageSlider__main-descr{
    display: flex;
    align-items: start;
    flex-direction: column;
    gap: 11px;
    position: absolute;
    max-width: 212px;
    color: #FF6A00;
    font-size: 16px;
    font-weight: 400;
    line-height: 116%;
    text-transform: uppercase;
    padding: 10px;
    top: 50%;
    left: 50%;
    transform: translate(-27%, -83%);
}
.imageSlider__main-descr::after{
    content: '';
    background-image: url("data:image/svg+xml,%0A%3Csvg width='131' height='130' viewBox='0 0 131 130' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1_1_4333' fill='white'%3E%3Cpath d='M15.5 0L15.5 15L0.500002 15L0.5 1.96701e-06L15.5 0Z'/%3E%3C/mask%3E%3Cpath d='M0.5 1.96701e-06L0.5 -0.999998L-0.5 -0.999998L-0.5 2.09815e-06L0.5 1.96701e-06ZM0.500002 15L1.5 15L1.5 1.83588e-06L0.5 1.96701e-06L-0.5 2.09815e-06L-0.499998 15L0.500002 15ZM0.5 1.96701e-06L0.5 1L15.5 1L15.5 0L15.5 -1L0.5 -0.999998L0.5 1.96701e-06Z' fill='%23FF6A00' mask='url(%23path-1-inside-1_1_4333)'/%3E%3Cmask id='path-3-inside-2_1_4333' fill='white'%3E%3Cpath d='M130.5 15L115.5 15L115.5 1.31134e-06L130.5 0L130.5 15Z'/%3E%3C/mask%3E%3Cpath d='M130.5 0L131.5 -8.74228e-08L131.5 -1L130.5 -1L130.5 0ZM115.5 1.31134e-06L115.5 1L130.5 1L130.5 0L130.5 -1L115.5 -0.999999L115.5 1.31134e-06ZM130.5 0L129.5 8.74228e-08L129.5 15L130.5 15L131.5 15L131.5 -8.74228e-08L130.5 0Z' fill='%23FF6A00' mask='url(%23path-3-inside-2_1_4333)'/%3E%3Cmask id='path-5-inside-3_1_4333' fill='white'%3E%3Cpath d='M0.5 115L15.5 115L15.5 130L0.5 130L0.5 115Z'/%3E%3C/mask%3E%3Cpath d='M0.5 130H-0.5L-0.5 131H0.5L0.5 130ZM15.5 130L15.5 129L0.5 129L0.5 130L0.5 131L15.5 131L15.5 130ZM0.5 130H1.5L1.5 115H0.5H-0.5L-0.5 130H0.5Z' fill='%23FF6A00' mask='url(%23path-5-inside-3_1_4333)'/%3E%3Cmask id='path-7-inside-4_1_4333' fill='white'%3E%3Cpath d='M115.5 130L115.5 115L130.5 115L130.5 130L115.5 130Z'/%3E%3C/mask%3E%3Cpath d='M130.5 130L130.5 131L131.5 131L131.5 130L130.5 130ZM130.5 115L129.5 115L129.5 130L130.5 130L131.5 130L131.5 115L130.5 115ZM130.5 130L130.5 129L115.5 129L115.5 130L115.5 131L130.5 131L130.5 130Z' fill='%23FF6A00' mask='url(%23path-7-inside-4_1_4333)'/%3E%3C/svg%3E%0A");
    width: 130px;
    height: 130px;
    object-position: center;
    object-fit: contain;
    background-position: center;
    background-repeat: no-repeat;
}
@media (max-width: 1279px) {
    .imageSlider__image {
        height: 350px;
        min-width: 330px;
    }
}
@media (max-width: 999px) {

}
@media (max-width: 767px) {
    .imageSlider {
        margin-top: 80px;
    }
    .imageSlider__content{
        margin-top: 40px;
        gap: 10px;
    }
    .imageSlider__image {
        height: 350px;
        min-width: 262px;
    }
    .imageSlider__main-content {
        width: auto;
        display: block;
        align-items: initial;
    }
}
@media (max-width: 479px) {
    .imageSlider{
        margin-top: 40px;
    }
    .imageSlider__main-descr {
        transform: translate(-67%, -48%);
        flex-direction: column-reverse;
        font-size: 10px;
        max-width: 120px;
    }
    .imageSlider__main-descr::after{
        width: 90px;
        height: 90px;
        background-size: contain;
    }
    .imageSlider__content{
        gap: 5px;
    }
}
/* reviews */
.reviews{
    margin-top: 100px;
}
.reviews__content{
    margin-top: 60px;
    display: flex;
    width: 100%;
    gap: 20px;
}
.reviews__left{
    width: 100%;
    position: relative;
    overflow: hidden;
    height: max-content;
}
.reviews__slide{
    border: 1px solid #1E1E1E;
    padding: 18px 18px 80px;
    min-height: 338px;
}
.reviews__slide-top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 30px;
}
.reviews__slide-stars{
    display: flex;
    align-items: center;
    gap: 5px;
}
.reviews__slide-date{
    color: #999;
    font-size: 14px;
    font-weight: 400;
    line-height: 116%;
}
.reviews__slide-name{
    color: #333;
    font-size: 20px;
    font-weight: 400;
    line-height: 116%;
    text-transform: uppercase;
}
.reviews__slide-message{
    max-width: 813px;
    margin-top: 20px;
}
.reviews__buttons{
    position: absolute;
    left: 20px;
    bottom: 20px;
    display: flex;
    align-items: center;
    gap: 20px;
    z-index: 10;
}
.reviews__buttons button{
    width: 97px;
    height: 53px;
    background-color: #fff;
    border: 1px solid #1E1E1E;
}
.reviews__buttons button svg path{
    transition: all .2s ease;
}
.reviews__buttons button:hover{
    border-color: #FF6A00;
    background-color: #FF6A00;
}
.reviews__buttons button:hover svg path{
    stroke: #fff;
}
.reviews__form{
    width: 100%;
    border: 1px solid #1E1E1E;
    padding: 18px;
}
.reviews__form-title{
    color: #1E1E1E;
    font-family: 'HeadingNow', sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 116%;
    text-transform: uppercase;
}
.reviews__form-content{
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.reviews__form-start{
    display: flex;
    align-items: center;
    gap: 12px 28px;
    height: max-content;
}
.reviews__form-start--select {
    display: flex;
    align-items: center;
    gap: 5px;
}
.reviews__form-start--select input {
    display: none;
}
.reviews__form-start--select label span {
    width: 26px;
    height: 26px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='24' viewBox='0 0 26 24' fill='none'%3E%3Cpath d='M13 0L15.9187 8.98278H25.3637L17.7225 14.5344L20.6412 23.5172L13 17.9656L5.35879 23.5172L8.27747 14.5344L0.636266 8.98278H10.0813L13 0Z' fill='%23999999'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    cursor: pointer;
}
.reviews__form-start--select input:checked + label span {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='24' viewBox='0 0 26 24' fill='none'%3E%3Cpath d='M13 0L15.9187 8.98278H25.3637L17.7225 14.5344L20.6412 23.5172L13 17.9656L5.35879 23.5172L8.27747 14.5344L0.636266 8.98278H10.0813L13 0Z' fill='%23FF6A00'/%3E%3C/svg%3E");
}
.reviews__form-block{
    width: 100%;
    max-width: 428px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.reviews__form-block textarea,
.reviews__form-block input{
    font-size: 14px;
    padding: 8px;
    border: 1px solid #333;
}
.reviews__form-block{
    resize: none;
}
.reviews__form-btn{
    margin-top: 48px;
    height: 60px;
    width: 100%;
}
@media (max-width: 1279px) {

}
@media (max-width: 999px) {
    .reviews__form-content{
        flex-direction: column;
    }
}
@media (max-width: 767px) {
    .reviews{
        margin-top: 80px;
    }
    .reviews__content{
        flex-direction: column;
        margin-top: 40px;
    }
    .reviews__slide{
        min-height: 300px;
    }
    .reviews__form-btn{
        margin-top: 20px;
    }
    .reviews__form-title{
        font-size: 32px;
    }
}
@media (max-width: 479px) {
    .reviews{
        margin-top: 60px;
    }
    .reviews__form-btn{
        margin-top: 10px;
        height: 40px;
    }
    .reviews__content{
        margin-top: 20px;
    }
    .reviews__slide-stars svg{
        width: 16px;
        height: auto;
    }
    .reviews__slide-date{
        font-size: 10px;
        letter-spacing: -0.4px;
    }
    .reviews__slide-name{
        font-size: 16px;
    }
    .reviews__slide-message{
        margin-top: 12px;
    }
    .reviews__buttons{
        gap: 10px;
    }
    .reviews__buttons button {
        width: 47px;
        height: 33px;
    }
    .reviews__buttons button svg{
        width: 20px;
        height: auto;
    }
    .reviews__slide {
        min-height: 254px;
    }
    .reviews__form-title{
        max-width: 80%;
    }
    .reviews__form-start{
        flex-direction: column;
        align-items: start;
    }
    .reviews__form-content{
        margin-top: 24px;
    }
    .reviews__form-start--select label span{
        background-size: 16px;
        width: 16px;
        height: 16px;
    }
    .reviews__form-block textarea{
        height: 75px;
    }
}
/* whywe */
.whywe{
    margin-top: 100px;
}
.whywe__inner{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}
.whywe__name{
    width: 100%;
    max-width: 215px;
    height: 85px;
    background-color: #333;
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    line-height: 116%; /* 23.2px */
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
}
@media (max-width: 1279px) {

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

}
@media (max-width: 767px) {
    .whywe{
        margin-top: 80px;
    }
}
@media (max-width: 479px) {
    .whywe{
        margin-top: 60px;
    }
    .whywe__name {
        width: calc(50% - 10px);
        font-size: 16px;
        padding: 10px 20px;
    }
}
.textBlock__columns {
    column-count: 2;
    column-gap: 40px;
}

.textBlock__columns p {
    margin-bottom: 25px;
    text-align: justify;
}

@media (max-width: 768px) {
    .textBlock__columns {
        column-count: 1;
    }
}

/* carousel */

.carousel {
    position: relative;
}

.carousel.pointer-event {
    touch-action: pan-y;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel-inner:after {
    display: block;
    clear: both;
    content: "";
}

/* .carousel, .carousel-inner {
    aspect-ratio: 1 / 1;
} */

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out;
}

.slide-box {
    /* max-height: 600px; */
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: 100%;
}

@media (prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none;
    }
}

.carousel-item-next,.carousel-item-prev,.carousel-item.active {
    /* display: block; */
    display: grid;
    place-items: center;
    aspect-ratio: 4 / 3;
    width: 100%;
    height: 100%;
}

.active.carousel-item-right,.carousel-item-next:not(.carousel-item-left) {
    transform: translateX(100%);
}

.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right) {
    transform: translateX(-100%);
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none;
}

.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1;
}

.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s;
}

@media (prefers-reduced-motion:reduce) {
    .carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right {
        transition: none;
    }
}

.carousel-control-next,.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    color: #000;
    text-align: center;
    opacity: .5;
    transition: opacity .15s ease;
}

@media (prefers-reduced-motion:reduce) {
    .carousel-control-next,.carousel-control-prev {
        transition: none
    }
}

.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9;
}

.carousel-control-prev {
    left: 0;
}

.carousel-control-next {
    right: 0;
}

.carousel-control-next-icon,.carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: no-repeat 50%/100% 100%;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3E%3C/svg%3E");
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}

.carousel-indicators li {
    box-sizing: initial;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease;
}

@media (prefers-reduced-motion:reduce) {
    .carousel-indicators li {
        transition: none;
    }
}

.carousel-indicators .active {
    opacity: 1;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}

.input-group.product-detailed__btn-qty {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: auto;
}

.input-group.product-detailed__btn-qty button,
.input-group.product-detailed__btn-qty input {
    height: 35px;
}

.product-detailed__btn-qty-input {
    width: 70px;
    text-align: center;
    border-left: 0;
    border-right: 0;
    height: 24px;
}

.offer-cell {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.offer-thumb {
    border: 1px solid #999;
    width: 100px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.offer-title {
    max-width: 100px;
}

/*ul.pagination {*/
/*    display: flex;*/
/*    gap: 50px;*/
/*    justify-content: center;*/
/*    margin-top: 20px;*/
/*}*/

.pagination {
    display: flex;
    list-style: none;
    justify-content: center;
    margin-top: 30px;
}

.pagination > .page-item > .page-link {
    margin-left: -1px;
    padding: 5px 15px;
    border: 1px solid #EBEBEB;
    background-color: #FFFFFF;
    color: #666;
    text-decoration: none;
}

.pagination > .page-item > .page-link:hover {
    background-color: #f0f0f0;
}

.pagination > .page-item.active > .page-link {
    color: #000;
    font-weight: bold;
}

.pagination > .page-item.disabled > .page-link {
    color: #A1A1A1;
}

/* Єдине правило для "hover" у active і disabled */
.pagination > .page-item.active > .page-link:hover,
.pagination > .page-item.disabled > .page-link:hover {
    background-color: #FFFFFF;
}

.rounded-circle .active {
    border-radius: 50% !important;
}

.search_content {
    display: flex;
}

.search_name_price {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 20px;
    gap: 5px;
}

.header__search-price {
    color: red;
}

.header__search-item {
    margin-bottom: 20px;
}

.search_results {
    display: flex;
    gap: 50px;
}

.article__box p {
    margin-bottom: 20px;
}

.container,
.site-content,
.wrapper {
    max-width: 1680px;
    margin-left: auto;
    margin-right: auto;
}

.order-complete__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 30vh;
    line-height: 2.5;
}

.btn-order-complete {
    margin-top: 20px;
}

.product__item-add {
    display: none;
}