.header__top {
    padding-top: 32px;
    padding-bottom: 16px
}

.header__main {
    display: flex;
    align-items: center;
    padding: 14px 0
}

@media (max-width:767px) {
    .header__main {
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 12px
    }
}

.header__main img {
    width: 107px
}

.header__main .logo {
    margin-right: 32px
}

@media (max-width:1200px) {
    .header__main .logo {
        margin-right: 20px
    }
}

@media (max-width:767px) {
    .header__main .logo {
        margin: 0
    }
    .header__main .logo img {
        width: 75px
    }
}

.header__main-search {
    padding: 15px 20px;
    border-radius: 8px;
    border: 1px solid #363636;
    display: flex;
    align-items: center;
    gap: 24px;
    width: 100%;
    margin-right: auto
}

@media (max-width:767px) {
    .header__main-search {
        width: 100%;
        order: 3;
        padding: 12px 20px
    }
}

.header__main-search button {
    background: 0 0;
    border: none;
    outline: 0
}

.header__main-search button svg {
    width: 24px;
    height: 24px
}

@media (max-width:767px) {
    .header__main-search button svg {
        width: 16px;
        height: 16px
    }
}

.header__main-search input {
    background: 0 0;
    border: none;
    padding: 0;
    width: 100%;
    outline: 0
}

.header__main-actions {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-left: 95px
}

@media (max-width:1200px) {
    .header__main-actions {
        margin-left: 20px
    }
}

@media (max-width:767px) {
    .header__main-actions {
        margin: 0
    }
}

.header__main-actions a,
.header__main-actions select {
    padding: 12px;
    border-radius: 8px;
    border: 1px solid var(--grey-dark, #363636);
    outline: 0;
    background: 0 0
}

.header__main-actions select {
    padding: 12px 20px;
    min-height: 53px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: flex;
    padding-right: 40px
}

@media (max-width:767px) {
    .header__main-actions select {
        padding: 12px;
        padding-right: 32px;
        font-size: 14px;
        max-height: 45px;
        min-height: 0
    }
}

.header__main-actions select option {
    color: #000
}

.header__main-actions select {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.354 6.35375L8.35403 11.3537C8.30759 11.4002 8.25245 11.4371 8.19175 11.4623C8.13105 11.4874 8.06599 11.5004 8.00028 11.5004C7.93457 11.5004 7.86951 11.4874 7.80881 11.4623C7.74811 11.4371 7.69296 11.4002 7.64653 11.3537L2.64653 6.35375C2.55271 6.25993 2.5 6.13268 2.5 6C2.5 5.86732 2.55271 5.74007 2.64653 5.64625C2.74035 5.55243 2.8676 5.49972 3.00028 5.49972C3.13296 5.49972 3.26021 5.55243 3.35403 5.64625L8.00028 10.2931L12.6465 5.64625C12.693 5.59979 12.7481 5.56294 12.8088 5.5378C12.8695 5.51266 12.9346 5.49972 13.0003 5.49972C13.066 5.49972 13.131 5.51266 13.1917 5.5378C13.2524 5.56294 13.3076 5.59979 13.354 5.64625C13.4005 5.6927 13.4373 5.74785 13.4625 5.80855C13.4876 5.86925 13.5006 5.9343 13.5006 6C13.5006 6.0657 13.4876 6.13075 13.4625 6.19145C13.4373 6.25214 13.4005 6.30729 13.354 6.35375Z' fill='white'/%3E%3C/svg%3E%0A") !important;
    background-size: 16px;
    background-position: calc(100% - 16px) center;
    background-repeat: no-repeat !important
}

@media (max-width:767px) {
    .header__main-actions select {
        background-position: calc(100% - 8px) !important
    }
}

.header__main-actions svg {
    min-width: 24px;
    height: 24px
}

@media (min-width:1201px) {
    .header__main-actions .burger {
        display: none
    }
}

@media (max-width:767px) {
    .header__main-actions svg {
        min-width: 16px;
        height: 16px
    }
}

.header__menu {
    display: flex;
    align-items: center;
    padding: 14px 0;
    justify-content: space-between;
    gap: 24px;
    margin: 0;
    list-style: none
}

.header__menu-item a{
  display: flex;
  align-items: center;
  gap: 6px;
}


.header__menu-parent:hover svg{
  transform: rotate(180deg);
}



.header__menu li a{
  transition: 0.2s linear;
}
.header__menu li a:hover{
  opacity: 0.6;
}


@media (max-width:1200px) {
  
    .header__menu-parent:hover svg path{
  fill: black;
}

    .header__menu {
        opacity: 0;
        visibility: hidden;
        border-radius: 16px;
        border: 1px solid var(--stroke-gradient, #323232);
        background: var(--background-2, #101A2B);
        position: fixed;
        right: 15px;
        top: 170px;
        max-height: calc(100vh - 200px);
        overflow-y: auto;
        padding: 50px 40px;
        flex-direction: column;
        gap: 8px;
        z-index: 99;
        align-items: start;
        justify-content: start;
        min-width: 340px;
        transition: 0.2s linear;
    }

    #MainContent{
        position: relative;
    }

    #MainContent::before{
        content: "";
        display: block;
        
        background: var(--background, #030C1B);
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        opacity: 0;
        visibility: hidden;
        transition: 0.2s linear;
    }
 .menu-opened{
    overflow: hidden;
 }
    .menu-opened #MainContent::before{
        opacity: 0.8;
        visibility: visible;
    }

      .menu-opened .header__menu{
        opacity: 1;
        visibility: visible;
    }

     /* .header__menu-submenu{
        display: none;
     } */
     
     .header__menu-submenu a{
        padding: 12px;
     }

     .show  .header__menu-submenu{
        display: block;
        
     }

}

@media(max-width: 767px){
    .header__menu{
        top: 195px;
        min-width: calc(100% - 30px);
        padding: 16px;
    }
}

.header__menu li a {
    text-decoration: none;
    padding: 12px 20px;
    color: #fff;
    z-index: 2;
    position: relative
}

.header__menu-parent {
    position: relative
}

@media(min-width: 1201px){
    .header__menu-parent:hover>a {
        color: #030c1b !important
    }

    .header__menu-parent:hover .header__menu-submenu {
        opacity: 1;
        visibility: visible
    }

    .header__menu-submenu {
        position: absolute;
        top: -12px;
        left: 0;
        border-radius: 8px;
        background: var(--background-button-primary, linear-gradient(97deg, #feda8d 7.99%, #e4a540 91.31%));
        padding: 20px;
        padding-top: 50px;
        list-style: none;
        z-index: 1;
        min-width: 160px;
        opacity: 0;
        visibility: hidden;
        transition: .2s linear;
    }

    .header__menu-submenu a {
        color: #030c1b !important;
        padding: 4px 0 !important;
        display: block
    }

    #SiteMenu{
        position: relative;
        z-index: 50;
    }
}



.video {
    margin: 0
}

.video video {
    aspect-ratio: 16/9;
    width: 100%;
    height: auto;
    border-radius: 16px;
    margin: 20px 0
}

.section-space {
    margin: 120px 0
}

@media (max-width:1200px) {
    .section-space {
        margin: 90px 0
    }
}

@media (max-width:767px) {
    .section-space {
        margin: 80px 0
    }
}

.believe .h2 {
    margin-bottom: 12px
}

.believe .description {
    max-width: 760px;
    margin: 0 auto;
    margin-bottom: 32px
}

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

@media (max-width:767px) {
    .believe__inner {
        grid-template-columns: 1fr;
        text-align: center
    }
}

.believe__image {
    position: relative
}

@media (max-width:767px) {
    .believe__image {
        order: 3
    }
}

.believe__image img {
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    min-width: 750px;
    z-index: -1
}

@media (max-width:767px) {
    .believe__image img {
        position: static;
        transform: translate(0);
        min-width: 0;
        width: 100%
    }
}

.believe__content .h3 {
    margin-bottom: 12px
}

.believe__content-card {
    padding: 32px;
    display: grid;
    gap: 32px;
    grid-template-columns: 1fr 1fr;
    border-radius: 18px;
    border: 1px solid var(--grey-dark, #363636);
    background: var(--background-2, #101a2b);
    align-items: center;
    margin-top: 32px
}

@media (max-width:1200px) {
    .believe__content-card {
        grid-template-columns: 1fr;
        padding: 32px 20px
    }
}

.believe__content-card>div {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.believe__content-card>div .button {
    width: 100%;
    white-space: nowrap
}



.about__inner {
    background-size: cover;
    background-position: center;
    border-radius: 16px;
    display: grid;
    padding: 60px 40px;
    grid-template-columns: 450px 320px;
    border: 1px solid var(--stroke-gradient, #323232);
    justify-content: space-between;
    position: relative;
    min-height: 580px
}

.about__inner .h2 {
    margin-bottom: 12px
}

.about__inner .h3 {
    margin-top: 40px;
    margin-bottom: 12px
}

.about__inner ul {
    padding-left: 20px
}

.about__inner ul li {
    margin-bottom: 3px
}

.about__inner img {
    width: 100%;
    display: block;
    position: absolute;
    left: 52%;
    transform: translateX(-50%);
    bottom: 0;
    max-width: 390px
}

@media (max-width:1200px) {
    .about__inner img {
       position: static !important;
       transform: translate(0) !important;
       order: 3;
       margin-top: -130px;

    }
    .about__inner{
        grid-template-columns: 1fr 1fr;
        gap: 32px;
        padding-bottom: 0;
    }
    .about__inner-left{
        grid-column: span 2;
    }
}

@media (max-width:991px) {
 .about__inner{
    grid-template-columns: 1fr;
 }

 .about__inner img{
    margin: 0 auto;
 }

 .about__inner-left{
    grid-column: span 1;
 }
 .about__inner{
    padding: 32px  24px;
    padding-bottom: 0;
 }

}


.about__inner-right .h3 {
    margin-top: 0
}

.about__inner-right .body {
    margin-bottom: 8px
}

.about__inner-right .body2 {
    margin: 40px 0
}

.products-section .section-space {
    margin-bottom: 40px
}

.products-section .h2 {
    margin-bottom: 12px
}

.products-section .description {
    max-width: 820px;
    margin: 0 auto;
    margin-bottom: 40px
}

@media (max-width:767px) {
    .products-section .description {
        margin-bottom: 16px
    }
}

.products-section__list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
    padding-top: 132px
}

@media (max-width:1200px) {
    .products-section__list {
        overflow-x: auto
    }
}

@media (max-width:767px) {
    .products-section__list {
        grid-template-columns: 1fr;
        gap: 120px
    }
}

.products-section__list-item {
    padding: 20px;
    border-radius: 16px;
    background-color: var(--background-2, #101a2b);
    text-align: center;
    background-image: url(product-card-bg.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

@media (max-width:1200px) {
    .products-section__list-item {
        min-width: 340px
    }
}

@media (max-width:767px) {
    .products-section__list-item {
        min-width: 0
    }
}

.products-section__list-item img {
    width: 100%;
    margin-top: -125px;
    padding: 0 32px;
    margin-bottom: 32px;
    max-height: 248px;
    object-fit: contain;
}

.products-section__list-item .h3 {
    margin-bottom: 4px
}

.products-section__list-item .body {
    padding-top: 12px;
    padding-bottom: 20px
}

.products-section__list-item .price-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 32px
}

.products-section__list-item .price-wrapper .body,
.products-section__list-item .price-wrapper .body2 {
    padding: 0
}

.products-section__list-item .button {
    width: 100% !important;
    margin-top: 12px
}

.how-it-works {
    margin-bottom: 20px
}

.how-it-works .h2 {
    margin-bottom: 12px
}

.how-it-works .description {
    margin-bottom: 20px
}

.how-it-works__grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 32px
}

@media (max-width:767px) {
    .how-it-works__grid {
        grid-template-columns: 1fr
    }
}

.how-it-works__grid-item {
    padding: 32px
}

@media (max-width:1200px) {
    .how-it-works__grid-item {
        padding: 10px
    }
}

.how-it-works__grid-item img {
    aspect-ratio: 1/1;
    width: 100%;
    max-width: 232px;
    margin: 0 auto;
    display: block
}

@media (max-width:1200px) {
    .how-it-works__grid-item img {
        max-width: 200px
    }
}

.how-it-works__grid-item .h3 {
    margin-bottom: 12px;
    margin-top: 32px
}

.how-it-works__grid-item ul {
    padding-left: 0;
    list-style: none
}

.how-it-works__grid-item ul li {
    margin-top: 8px
}

.gradient-block {
    background-image: url(how-bg.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid var(--stroke-gradient, #6e6c6f)
}

.behind {
    margin-top: 20px
}

@media (max-width:767px) {
    .behind {
        margin-top: 40px
    }
}

.behind__inner {
    border-radius: 16px;
    padding: 40px
}

@media (max-width:767px) {
    .behind__inner {
        padding: 20px
    }
    .behind__inner .button {
        width: 100% !important
    }
}

.behind__inner .h3 {
    margin-bottom: 12px
}

.behind__inner .description {
    margin-bottom: 40px
}

@media (max-width:1200px) and (min-width:768px) {
    .behind__inner .description,
    .behind__inner .h3 {
        text-align: left
    }
}

.behind__cols {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 170px;
    padding: 0 40px
}

@media (max-width:1200px) {
    .behind__cols {
        grid-template-columns: 1fr;
        gap: 40px;
        padding: 0
    }
}

.behind__cols ul {
    padding-left: 0;
    margin: 0
}

.behind__cols ul li {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 12px
}

.behind__cols ul li:last-child {
    margin-bottom: 0
}

.behind__cols ul li::before {
    content: "";
    display: block;
    width: 28px;
    min-width: 28px;
    height: 28px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.6744 9.63937C21.3209 9.27 20.9553 8.88937 20.8175 8.55469C20.69 8.24813 20.6825 7.74 20.675 7.24781C20.6609 6.33281 20.6459 5.29594 19.925 4.575C19.2041 3.85406 18.1672 3.83906 17.2522 3.825C16.76 3.8175 16.2519 3.81 15.9453 3.6825C15.6116 3.54469 15.23 3.17906 14.8606 2.82562C14.2137 2.20406 13.4787 1.5 12.5 1.5C11.5213 1.5 10.7872 2.20406 10.1394 2.82562C9.77 3.17906 9.38937 3.54469 9.05469 3.6825C8.75 3.81 8.24 3.8175 7.74781 3.825C6.83281 3.83906 5.79594 3.85406 5.075 4.575C4.35406 5.29594 4.34375 6.33281 4.325 7.24781C4.3175 7.74 4.31 8.24813 4.1825 8.55469C4.04469 8.88844 3.67906 9.27 3.32562 9.63937C2.70406 10.2862 2 11.0213 2 12C2 12.9787 2.70406 13.7128 3.32562 14.3606C3.67906 14.73 4.04469 15.1106 4.1825 15.4453C4.31 15.7519 4.3175 16.26 4.325 16.7522C4.33906 17.6672 4.35406 18.7041 5.075 19.425C5.79594 20.1459 6.83281 20.1609 7.74781 20.175C8.24 20.1825 8.74813 20.19 9.05469 20.3175C9.38844 20.4553 9.77 20.8209 10.1394 21.1744C10.7862 21.7959 11.5213 22.5 12.5 22.5C13.4787 22.5 14.2128 21.7959 14.8606 21.1744C15.23 20.8209 15.6106 20.4553 15.9453 20.3175C16.2519 20.19 16.76 20.1825 17.2522 20.175C18.1672 20.1609 19.2041 20.1459 19.925 19.425C20.6459 18.7041 20.6609 17.6672 20.675 16.7522C20.6825 16.26 20.69 15.7519 20.8175 15.4453C20.9553 15.1116 21.3209 14.73 21.6744 14.3606C22.2959 13.7137 23 12.9787 23 12C23 11.0213 22.2959 10.2872 21.6744 9.63937ZM20.5916 13.3228C20.1425 13.7916 19.6775 14.2763 19.4309 14.8716C19.1947 15.4434 19.1844 16.0969 19.175 16.7297C19.1656 17.3859 19.1553 18.0731 18.8638 18.3638C18.5722 18.6544 17.8897 18.6656 17.2297 18.675C16.5969 18.6844 15.9434 18.6947 15.3716 18.9309C14.7763 19.1775 14.2916 19.6425 13.8228 20.0916C13.3541 20.5406 12.875 21 12.5 21C12.125 21 11.6422 20.5387 11.1772 20.0916C10.7122 19.6444 10.2238 19.1775 9.62844 18.9309C9.05656 18.6947 8.40313 18.6844 7.77031 18.675C7.11406 18.6656 6.42687 18.6553 6.13625 18.3638C5.84562 18.0722 5.83437 17.3897 5.825 16.7297C5.81562 16.0969 5.80531 15.4434 5.56906 14.8716C5.3225 14.2763 4.8575 13.7916 4.40844 13.3228C3.95937 12.8541 3.5 12.375 3.5 12C3.5 11.625 3.96125 11.1422 4.40844 10.6772C4.85562 10.2122 5.3225 9.72375 5.56906 9.12844C5.80531 8.55656 5.81562 7.90313 5.825 7.27031C5.83437 6.61406 5.84469 5.92687 6.13625 5.63625C6.42781 5.34562 7.11031 5.33437 7.77031 5.325C8.40313 5.31562 9.05656 5.30531 9.62844 5.06906C10.2238 4.8225 10.7084 4.3575 11.1772 3.90844C11.6459 3.45937 12.125 3 12.5 3C12.875 3 13.3578 3.46125 13.8228 3.90844C14.2878 4.35562 14.7763 4.8225 15.3716 5.06906C15.9434 5.30531 16.5969 5.31562 17.2297 5.325C17.8859 5.33437 18.5731 5.34469 18.8638 5.63625C19.1544 5.92781 19.1656 6.61031 19.175 7.27031C19.1844 7.90313 19.1947 8.55656 19.4309 9.12844C19.6775 9.72375 20.1425 10.2084 20.5916 10.6772C21.0406 11.1459 21.5 11.625 21.5 12C21.5 12.375 21.0387 12.8578 20.5916 13.3228ZM16.7806 9.21937C16.8504 9.28903 16.9057 9.37175 16.9434 9.46279C16.9812 9.55384 17.0006 9.65144 17.0006 9.75C17.0006 9.84856 16.9812 9.94616 16.9434 10.0372C16.9057 10.1283 16.8504 10.211 16.7806 10.2806L11.5306 15.5306C11.461 15.6004 11.3783 15.6557 11.2872 15.6934C11.1962 15.7312 11.0986 15.7506 11 15.7506C10.9014 15.7506 10.8038 15.7312 10.7128 15.6934C10.6217 15.6557 10.539 15.6004 10.4694 15.5306L8.21937 13.2806C8.07864 13.1399 7.99958 12.949 7.99958 12.75C7.99958 12.551 8.07864 12.3601 8.21937 12.2194C8.36011 12.0786 8.55098 11.9996 8.75 11.9996C8.94902 11.9996 9.13989 12.0786 9.28063 12.2194L11 13.9397L15.7194 9.21937C15.789 9.14964 15.8717 9.09432 15.9628 9.05658C16.0538 9.01884 16.1514 8.99941 16.25 8.99941C16.3486 8.99941 16.4462 9.01884 16.5372 9.05658C16.6283 9.09432 16.711 9.14964 16.7806 9.21937Z' fill='white'/%3E%3C/svg%3E%0A")
}

.behind__cols-item .h4 {
    margin-bottom: 12px
}

.behind__cols-item .body {
    margin-bottom: 20px
}

.why-10__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 100px
}

@media (max-width:1200px) {
    .why-10__inner {
        grid-template-columns: 1fr;
        gap: 40px
    }
    .why-10__inner img {
        max-width: 280px;
        display: block;
        margin: 0 auto
    }
}

@media (max-width:1200px) and (max-width:767px) {
    .why-10__inner .description {
        margin-bottom: 20px !important
    }
}

@media (max-width:1200px) and (min-width:768px) {
    .why-10__inner .description,
    .why-10__inner .h2 {
        text-align: center
    }
}

.why-10__inner .description {
    margin-top: 12px;
    margin-bottom: 40px
}

.why-10__inner .block {
    padding: 32px;
    border-radius: 16px
}

.why-10__inner .block .body {
    margin-bottom: 12px
}

.why-10__inner .block .body2 {
    margin: 20px 0
}

.packing .description {
    max-width: 1000px;
    margin: 0 auto;
    margin-top: 12px;
    margin-bottom: 40px
}

.packing__inner {
    padding: 40px;
    border-radius: 16px;
    display: grid;
    grid-template-columns: 490px 1fr;
    gap: 60px;
    width: 100%
}

@media (max-width:1200px) {
    .packing__inner {
        display: flex;
        flex-direction: column-reverse
    }
}

@media (max-width:767px) {
    .packing__inner {
        padding: 32px 16px
    }
}

.packing__content {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.packing__content .h4 {
    margin-top: 12px
}

.packing__content ul {
    padding-left: 16px
}

.packing__content ul li {
    margin-bottom: 12px;
    font-weight: 400
}

.packing__slider .swiper-slide {
    padding: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(slide-bg.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 16px;
    height: 380px
}

.packing__slider .swiper-slide img {
    max-height: 310px;
    width: auto;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.packing__slider-bottom {
    display: flex;
    align-items: center;
    gap: 40px;
    margin-top: 40px
}

@media (max-width:767px) {
    .packing__slider-bottom {
        flex-direction: column;
        gap: 32px
    }
    .packing__slider-bottom .button {
        width: 100% !important
    }
}

.packing__slider-bottom .link {
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--white, #fff);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase
}

.packing__slider-wrapper {
    width: 100%
}



.packing__slider-wrapper .swiper-navigation {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.swiper-pagination {
    position: static
}

.swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    opacity: 1;
    background: #fff
}

.packing__slider-wrapper .swiper-next, .packing__slider-wrapper .swiper-prev{
    z-index: 20 !important;
    cursor: pointer;
}

.swiper-pagination .swiper-pagination-bullet-active {
    background: #efba60
}

.benefits .description {
    max-width: 380px;
    margin: 12px auto 40px auto
}

.benefits__blocks {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 32px
}

@media (max-width:1200px) {
    .benefits__blocks {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width:767px) {
    .benefits__blocks {
        grid-template-columns: 1fr
    }
}

.benefits__blocks-item {
    padding: 24px;
    border-radius: 16px
}

.benefits__blocks-item .h4 {
    margin-top: 12px;
    margin-bottom: 4px;
    text-transform: uppercase
}

.benefits .undertext {
    max-width: 740px;
    margin: 32px auto
}

.benefits .button {
    margin: 0 auto
}

.story .description {
    margin-top: 12px;
    margin-bottom: 40px
}

.story__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px
}

@media (max-width:1200px) {
    .story__inner {
        grid-template-columns: 1fr;
        position: relative
    }
}

.story__inner img {
    width: 100%
}

@media (max-width:1200px) and (min-width:768px) {
    .story__inner img {
        max-width: 280px;
        position: absolute;
        bottom: -80px;
        right: 0
    }
}

.story__content {
    display: flex;
    flex-direction: column;
    gap: 12px
}

@media (max-width:1200px) and (min-width:768px) {
    .story__content .buttons {
        max-width: 280px
    }
}

.story__content .h2 {
    margin-bottom: 10px
}

.story__content .author {
    margin-top: 8px;
    margin-bottom: 48px
}

.story__content .author .gold {
    margin-bottom: 8px
}

.story__content .button {
    width: 100% !important;
    margin-bottom: 12px
}

.reviews .description {
    margin-top: 12px;
    margin-bottom: 40px
}

.reviews .reviews__tabs-select select {
    color: var(--gold, #efba60);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    background: 0 0;
    text-align: center;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.031 9.53104L12.531 17.031C12.4614 17.1008 12.3787 17.1561 12.2876 17.1938C12.1966 17.2316 12.099 17.251 12.0004 17.251C11.9019 17.251 11.8043 17.2316 11.7132 17.1938C11.6222 17.1561 11.5394 17.1008 11.4698 17.031L3.96979 9.53104C3.82906 9.39031 3.75 9.19944 3.75 9.00042C3.75 8.80139 3.82906 8.61052 3.96979 8.46979C4.11052 8.32906 4.30139 8.25 4.50042 8.25C4.69944 8.25 4.89031 8.32906 5.03104 8.46979L12.0004 15.4401L18.9698 8.46979C19.0395 8.40011 19.1222 8.34483 19.2132 8.30712C19.3043 8.26941 19.4019 8.25 19.5004 8.25C19.599 8.25 19.6965 8.26941 19.7876 8.30712C19.8786 8.34483 19.9614 8.40011 20.031 8.46979C20.1007 8.53947 20.156 8.6222 20.1937 8.71324C20.2314 8.80429 20.2508 8.90187 20.2508 9.00042C20.2508 9.09896 20.2314 9.19654 20.1937 9.28759C20.156 9.37863 20.1007 9.46136 20.031 9.53104Z' fill='%23EFBA60'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: calc(100% - 16px) center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: 0;
    padding: 10px
}

.reviews .reviews__tabs-select select option {
    color: #000
}

.reviews__tabs {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 32px;
    margin-bottom: 20px
}

@media (min-width:768px) {
    .reviews__tabs.reviews__tabs-select {
        display: none
    }
}

@media (max-width:767px) {
    .reviews__tabs:not(.reviews__tabs-select) {
        display: none
    }
}

.reviews__tabs a {
    color: #a6a6a6;
    text-decoration: none
}

.reviews__tabs a.active {
    color: #efba60
}

.reviews__content {
    display: flex;
    align-items: center;
    gap: 50px;
    position: relative;
    padding-bottom: 48px
}

@media (max-width:1200px) {
    .reviews__content {
        gap: 40px
    }
}

.reviews__content .swiper-pagination {
    position: absolute;
    bottom: 0;
    left: 0
}

.reviews__content svg {
    min-width: 48px;
    cursor: pointer
}

.reviews .h3 {
    margin-top: 60px;
    margin-bottom: 12px
}

@media (max-width:1200px) {
    .reviews .h3 {
        margin-top: 40px
    }
}

.reviews .h3+.body {
    margin-bottom: 12px
}

@media (max-width:767px) {
    .reviews .swiper-next,
    .reviews .swiper-prev {
        display: none
    }
}

.reviews .buttons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    max-width: 470px;
    margin: 20px auto
}

@media (max-width:767px) {
    .reviews .buttons {
        grid-template-columns: 1fr;
        max-width: 100%
    }
    .reviews .buttons .button {
        width: 100%
    }
}

.reviews__slider .swiper-slide {
    padding: 32px;
    border-radius: 16px
}

.reviews__slider .swiper-slide .quote {
    margin-top: 8px;
    margin-bottom: 20px
}

.contact-form {
    overflow: hidden
}

.contact-form__inner {
    display: grid;
    grid-template-columns: 460px 1fr;
    gap: 24px
}

@media (max-width:767px) {
    .contact-form__inner {
        grid-template-columns: 1fr
    }
}

.contact-form__inner img {
    width: 120%;
    min-width: 790px;
    margin-left: -20%;
    z-index: -1
}

@media (max-width:1200px) {
    .contact-form__inner img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        margin-left: -10%
    }
}

.contact-form__inner .form {
    padding: 40px 60px;
    border-radius: 16px;
    height: -moz-max-content;
    height: max-content
}

@media (max-width:1200px) {
    .contact-form__inner .form {
        z-index: 1;
        position: relative;
        padding: 20px
    }
}

.contact-form__inner .form .description {
    margin-top: 12px;
    margin-bottom: 32px
}

.contact-form__inner .form .main-inputs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    padding-top: 20px
}

.contact-form__inner .form form input {
    text-align: center;
    width: 100%;
    outline: 0;
    border: none
}

.contact-form__inner .form .main-inputs input:nth-child(3),
.contact-form__inner .form .main-inputs input:nth-child(4) {
    grid-column: span 2;
    width: 100%
}

.contact-form__inner .form .main-inputs button {
    grid-column: span 2;
    width: 100%;
    cursor: pointer
}

.contact-form__inner .form input {
    padding: 20px 32px;
    background: #fff;
    border-radius: 8px;
    background: var(--white, #fff);
    color: var(--grey, #5e5e5e);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase
}

.footer {
    margin-top: 60px
}

@media (max-width:767px) {
    .footer {
        margin-top: 0
    }

    .contact-form__inner .form .main-inputs button, .contact-form__inner .form .main-inputs input:nth-child(3), .contact-form__inner .form .main-inputs input:nth-child(4){
        grid-column: span 1;
    }
    .contact-form__inner .form .main-inputs{
        grid-template-columns: 1fr;
    }
    .contact-form__inner img{
        min-width: 0;
    }
}

.footer__top {
    padding: 30px 0;
    border-top: 1px solid rgba(255, 255, 255, .1215686275);
    border-bottom: 1px solid rgba(255, 255, 255, .1215686275)
}

.footer__top .h3 {
    margin-bottom: 8px
}

.footer a {
    text-decoration: none
}

.footer .socials {
    display: flex;
    align-items: center;
    padding-top: 20px;
    gap: 8px
}

.footer-contact {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px
}

.footer-contact svg {
    min-width: 24px
}

.footer-copy {
    padding: 32px 0
}

.footer__cols {
    display: grid;
    grid-template-columns: 110px 195px 1fr 1fr;
    gap: 100px;
    padding-top: 120px;
    padding-bottom: 64px;
    border-bottom: 1px solid rgba(255, 255, 255, .1215686275)
}

@media (max-width:1200px) {
    .footer__cols {
        grid-template-columns: 110px 1fr 1fr;
        gap: 70px
    }
}

@media (max-width:767px) {
    .footer__cols {
        grid-template-columns: 1fr;
        gap: 32px;
        padding-top: 48px
    }
}

@media (max-width:1200px) {
    .footer__cols-item:last-child {
        grid-column: span 3;
        display: flex;
        align-items: center;
        gap: 12px
    }
    .footer__cols-item:last-child .body {
        max-width: 275px
    }
}

@media (max-width:767px) {
    .footer__cols-item img {
        max-width: 110px
    }
    .footer__cols-item:last-child {
        grid-column: span 1;
        flex-direction: column;
        align-items: flex-start
    }
}

.footer__cols-item img {
    width: 100%
}

.footer__cols-item .h3 {
    margin-bottom: 12px
}

.footer__cols-item ul {
    padding-left: 0;
    list-style: none;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px
}

.footer__cols-item .newsletter {
    max-width: 190px;
    padding-top: 12px
}

.footer__cols-item .newsletter input {
    margin-bottom: 12px;
    padding: 20px 32px;
    background: #fff;
    border-radius: 8px;
    background: var(--white, #fff);
    color: var(--grey, #5e5e5e);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    width: 100%;
    text-align: center
}

@media (max-width:1200px) {
    .footer__cols-item .newsletter input {
        padding: 12px
    }
}

.footer__cols-item .newsletter button {
    width: 100%
}

@media (max-width:1200px) {
    .footer__cols-item .newsletter button {
        padding: 12px
    }
}

@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

@import url(https://fonts.googleapis.com/css2?family=Forum:ital,wght@0,400;1,400&family=Inter:wght@400;500;600&display=swap);
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0;
    background-image: url(body-bg.webp) !important;
    background-position: center;
    color: #fff
}

* {
    color: #fff;
    box-sizing: border-box
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

.container {
    max-width: 1170px;
    margin: 0 auto;
    width: 100%;
    padding: 0 15px
}

:root {
    --ff-display: "Forum", serif;
    --ff-sans: "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fs-h2: 35px;
    --fs-h3: 20px;
    --fs-desc: 18px;
    --fs-body: 14px;
    --fs-body2: 16px;
    --fs-button: 16px;
    --fs-caption: 16px;
    --fs-h4: 17px;
    --fs-quote: 14px;
    --fs-h2-m: 25px;
    --fs-desc-m: 16px;
    --fs-h3-m: 18px;
    --fs-h4-m: 16px
}

body {
    font-family: var(--ff-sans);
    font-weight: var(--fw-regular);
    font-size: var(--fs-body);
    line-height: normal;
    color: #0b0b0b
}

.h2 , h1{
    font-family: var(--ff-display);
    font-weight: var(--fw-regular);
    font-size: var(--fs-h2);
    line-height: normal
}

.h3 {
    font-family: var(--ff-sans);
    font-weight: var(--fw-regular);
    font-size: var(--fs-h3);
    line-height: 1.4
}

.description {
    font-family: var(--ff-sans);
    font-weight: var(--fw-regular);
    font-size: var(--fs-desc);
    line-height: 1.5
}

.body {
    font-family: var(--ff-sans);
    font-weight: var(--fw-regular);
    font-size: var(--fs-body);
    line-height: normal
}

.body2 {
    font-family: var(--ff-sans);
    font-weight: var(--fw-medium);
    font-size: var(--fs-body2);
    line-height: normal
}

.button {
    font-family: var(--ff-sans);
    font-weight: var(--fw-semibold);
    font-size: var(--fs-button);
    line-height: normal;
    text-transform: uppercase;
    letter-spacing: .04em;
    text-decoration: none
}

.caption {
    font-family: var(--ff-sans);
    font-weight: var(--fw-regular);
    font-size: var(--fs-caption);
    line-height: normal
}

.h4 {
    font-family: var(--ff-sans);
    font-weight: var(--fw-regular);
    font-size: var(--fs-h4);
    line-height: 1.4
}

.quote {
    font-family: var(--ff-display);
    font-weight: var(--fw-regular);
    font-size: var(--fs-quote);
    line-height: normal
}

@media (max-width:1200px) {
    .h2, h1 {
        font-size: 30px;
        line-height: normal
    }
    .description {
        font-size: 17px;
        line-height: 1.5
    }
    .h3 {
        font-size: 18px;
        line-height: 1.4
    }
    .h4 {
        font-size: var(--fs-h4-m);
        line-height: 1.4
    }
    .body {
        font-size: 14px
    }
    .body2 {
        font-size: 16px
    }
    .button {
        font-size: 16px
    }
    .h4 {
        font-size: 17px
    }
}

@media (max-width:767px) {
    .h2, h1 {
        font-size: var(--fs-h2-m);
        line-height: normal
    }
    .description {
        font-size: var(--fs-desc-m);
        line-height: 1.5
    }
    .h3 {
        font-size: var(--fs-h3-m);
        line-height: 1.4
    }
    .h4 {
        font-size: var(--fs-h4-m);
        line-height: 1.4
    }
}

.button.button--orange, .cr-delivery-method.selected{
  position: relative;
  isolation: isolate;                /* свой стек — безопасный z-index:-1 */
  padding: 20px 32px;
  display: flex;              /* можно и flex, но inline-flex удобнее */
  align-items: center;
  justify-content: center;
  width: -moz-max-content;
  width: max-content;
  color: #b37107;
  border-radius: 8px;
  background: none;                  /* фон переносим в ::before */
  box-shadow: 0 3px 0 0 #b37107;
  overflow: hidden;
}

/* базовый градиент под текстом */
.button.button--orange::before, .cr-delivery-method.selected::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  z-index: -1;                       /* под контентом */
  background: linear-gradient(97deg, #FEDA8D 7.99%, #E4A540 91.31%);
}

/* полупрозрачный слой для ховера — тоже под текстом */
.button.button--orange::after, .cr-delivery-method.selected::after{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  z-index: -1;                       /* под контентом */
  pointer-events: none;
  background: #E4C88A;
  opacity: 0;
  transition: opacity .35s ease;
}

.button.button--orange:hover::after, .cr-delivery-method.selected:hover::after{
  opacity: 1;                        /* плавно проявляем */
}

/* уважение к настройкам пользователя */
@media (prefers-reduced-motion: reduce){
  .button.button--orange::after{ transition: none; }
}


.button.button--orange:active{
    background: #EFBA60;
}

.button.button--gray, .cr-delivery-method:not(.selected){
  position: relative;
  isolation: isolate;                /* свой стек — безопасный z-index:-1 */
  padding: 20px 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: -moz-max-content;
  width: max-content;
  color: #5e5e5e;
  border-radius: 8px;
  background: none;                  /* фон переносим в ::before */
  box-shadow: 0 3px 0 0 #5e5e5e;
  overflow: hidden;
}

/* базовый серый градиент под текстом */
.button.button--gray::before, .cr-delivery-method:not(.selected)::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  z-index: -1;
  background: linear-gradient(97deg, #d0d0d0 7.99%, #7a7a7a 91.31%);
}

/* слой для ховера (оранжевый) — плавно проявляем */
.button.button--gray::after, .cr-delivery-method:not(.selected)::after{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(97deg, #FEDA8D 7.99%, #E4A540 91.31%);
  opacity: 0;
  transition: opacity .35s ease;
}

.button.button--gray:hover::after, .cr-delivery-method:not(.selected):hover::after{
  opacity: 1;
}

/* актив/нажатие: слегка «прижимаем» кнопку и фиксируем сплошной цвет */
.button.button--gray:active{
  transform: translateY(1px);
  box-shadow: 0 2px 0 0 #5e5e5e;
}
.button.button--gray:active::after{
  background: #EFBA60; /* как у тебя в :active */
  opacity: 1;
}

/* уважение к настройкам пользователя */
@media (prefers-reduced-motion: reduce){
  .button.button--gray::after{ transition: none; }
  .button.button--gray:active{ transform: none; }
}



.text-center {
    text-align: center
}

.uppercase {
    text-transform: uppercase
}

.gold {
    color: #e4c88a
}

.burger:not(.active) .close{
    display: none;
}

.burger.active .open{
    display: none;
}

@media(max-width: 767px){
    .header__main-actions a{
        max-width: 42px;
    }
}

.details__header{
    display: flex;

    font-family: var(--ff-display) !important;
    font-weight: var(--fw-regular) !important;
    font-size: 20px !important;
    line-height: normal;

}

.details{
    border-bottom: 1px solid #ffffff3b;
}

.cart-items__media-image{
    object-fit: contain !important;
}

.button--orange *{
    color: #b37107 !important;
}

.page-width-narrow {
    background-size: cover !important;
}

.cr-delivery-method{
    padding: 16px;
}

 .cr-delivery-method img{
    display: none;
 }

 #pickup-details input{
    color: #fff !important;
 }

  #pickup-details select option{
    color: black !important;
  }

  #pickup-details label{
    display: inline-block;
    padding-bottom: 8px;
  }

  .qbk-recommendation-box__container{
    display: none !important;
  }

  .qbk-order-goal__progress{
    background: linear-gradient(97deg, #d0d0d0 7.99%, #7a7a7a 91.31%) !important;
  }
  .qbk-order-goal__progress:before, .qbk-order-goal__icon{
    background: linear-gradient(97deg, #FEDA8D 7.99%, #E4A540 91.31%) !important;
  }
 
  .qbk-order-goal__message--highlight{
    color: #fff !important;
    font-weight: bold;
  }


.qbk-offer__action-name, .qbk-btn span{
    color: black;
}


.cart-icon{
    position: relative;
}

.cart-icon span{
    color: var(--background, #030C1B);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    background: var(--background-button-primary, linear-gradient(97deg, #FEDA8D 7.99%, #E4A540 91.31%));
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
}

.footer__cols-item--underline a{
    text-decoration: underline !important;
}

.qbk-offer__title{
    pointer-events: none;
}

/*# sourceMappingURL=main.min.css.map */