@import "vars.css";
@import "buttons.css";
@import "reset.css";

body {
    font-family: Lato, sans-serif;
    font-size:16px;
    color: var(--Base-Dark);
    background:var(--Color-beige1);
}

h1 {
    color: var(--Base-Dark);
    font-size: 50px;
    font-weight: 700;
    line-height: normal;
    margin-bottom:56px;
    margin-top:30px;
}

h2 {
    color: var(--Base-Dark);
    font-size: 40px;
    font-weight: 700;
    line-height: normal;
    margin-bottom:56px;
    margin-top:30px;
}

.none {
    display:none;
}

.block-wrap {
    margin:112px 0;
}

.block-wrap-m {
    margin:56px 0;
}

.image-position {
    position:relative;
    overflow:hidden;
}

.image-position img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;
}

.block-in  {
    width:1280px;
    margin:0 auto;
}

.banner__section {
    height:720px;
    background: url("../images/bannerBG.webp") center center no-repeat;
    background-size:cover;
    position:relative;
}

.block-wrap.banner__section {
    margin-top:-112px;
}

.banner__section:before {
    content: "";
    width:100%;
    height:100%;
    display:block;
    position:absolute;
    top:0;
    left:0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%,
                rgba(0, 0, 0, 0.20) 100%),
                linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%,
                rgba(0, 0, 0, 0.20) 100%);
}

.header__section {
    position:sticky;
    width:100%;
    left:0;
    top:0;
    margin:20px 0 0 0;
    z-index: 200;
}

.header__section.fixed .header__section-block {
    width:100%;
}
.header__section-block {
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.25);
    padding: 24px;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    transition:all 0.4s;
}

.no-transition {
    transition: none !important;
}

.header__section-logo--item {
    text-decoration:none;
}

.header__section-logo--item span {
    display:block;
}

.header__section-content {
    display: grid;
    grid-template-columns: auto auto;
    align-items:center;
    justify-content: space-between;
}

.header__section-logo--item span:first-child {
    color: var(--Base-White);
    font-size: 14px;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0.42px;
    text-transform: uppercase;
}

.header__section-logo--item span:last-child {
    color: var(--Base-White, #FFF);
    text-align: center;
    font-size: 11px;
    line-height: 140%;
}

.header__section-nav a {
    color: var(--Base-White);
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0.16px;
}

.header__section-nav ul {
    display:flex;
    gap:30px;
    align-items:center;
}

.header__section-nav {
    display:flex;
}

.header__section-nav {
    display:flex;
    align-items:center;
    gap:30px;
}

.header__section-nav .btn {
    font-size: 16px;
    font-style: normal;
    line-height: 140%;
    letter-spacing: 0.16px;
    min-height:44px;
    min-width:150px;
    text-transform: none;
}

.banner__section-block {
    height:100%;
    position:relative;
}

.banner__section-content {
    padding-top:112px;
    height:100%;
    box-sizing:border-box;
    display:flex;
    flex-direction: column;
    align-items:start;
    justify-content: center;
    max-width:599px;
}

.banner__section-content .btn {
    background:var(--Dark-wine-2);
}

.banner__section-content .btn:hover {
    background:var(--Base-Dark);
}

.banner__section-title {
    color: var(--Base-White);
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom:26px;
}

.banner__section-text {
    color: var(--Base-White);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.2px;
    margin-bottom:40px;
}

.offers__content {
    border-radius: 12px;
    border: 1px solid var(--Color-gold);
    background: var(--Color-beige1);
    padding: 24px 0;
    display:grid;
    grid-template-columns: repeat(5, 1fr);
}

.offers__item {
    padding:0 15px;
    box-sizing:border-box;
    border-right:1px solid var(--Color-gold);
}

.offers__content .offers__item:last-child  {
    border-width:0;
}

.offers__item-in {
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content: center;
    gap:12px;
}

.offers__item-title {
    max-width:152px;
    color: var(--Base-Dark);
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0.16px;
}

.title {
    margin-top:0;
    margin-bottom:56px;
    text-align:center;
}

.calc__form, .form_element {
    border-radius: 12px;
    border: 1px solid var(--Base-White);
    background: #FAF9F6;
    box-shadow: 0 10px 44.4px 0 rgba(0, 0, 0, 0.10);
    padding: 40px 56px;
    max-width:886px;
    margin:0 auto;
}

.calc__title, .form_element--title {
    color: var(--Base-Dark);
    text-align: center;
    font-size: 32px;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: 0.64px;
    margin-bottom:20px;

}

.calc__descr, .form_element--descr {
    color: var(--Base-Dark);
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 0.2px;
    margin-bottom:40px;
}

.calc__head {
    max-width:676px;
    margin:0 auto;
}

.checkbox-style {
    position:relative;
    width:20px;
    height:20px;
    display:block;
}

.checkbox-style span:before {
    content: "";
    width: 100%;
    height: 100%;
    background: transparent;
    border-radius: 4px;
    border: 1px solid var(--Gray-7);
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    cursor:pointer;
}

.checkbox-style input {
    opacity:0;
    margin:0;
    width: 100%;
    height: 100%;
    position:relative;
    z-index:9;
    cursor:pointer;
}

.checkbox-style input:checked + span:before {
    content: "";
    background:url("../images/icons/check_icon.png") center center no-repeat;
    background-size:60%;
}

.checkbox-style span {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.checkbox-style a {
    margin-left:0;
}

.form-element input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0;
    background: transparent;
}

.calc__form-submit {
    display:flex;
    flex-direction:column;
    gap:16px;
}

.calc__form-submit .btn {
    width:100%;
}

.calc__fields-column, .fields-column {
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap:16px;
}

.field-form {
    margin-bottom:16px;
}

.field-form label {
    cursor:pointer;
    display:block;
    margin-bottom:8px;
    color: var(--Base-Dark);
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0.14px;
}

.field-form input[type="text"],
.field-form input[type="email"],
.field-form input[type="date"],
.field-form input[type="number"],
.select-style-wrap .select-block {
    border-radius: 8px;
    border: 1px solid var(--Gray-4);
    background: var(--Base-White);
    padding:0 16px;
    box-sizing:border-box;
    width:100%;
    min-height:46px;
    color: var(--Gray-6);
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0.16px;
}

.select-style-wrap .select-block {
    color: var(--Base-Dark);
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.16px;
    line-height:normal;
    padding-top:16px;
    padding-bottom: 16px;
}

.select-style-wrap .select-block-value {
    min-height:0;
    border-bottom-width:0;
    transition:all 0.4s;
}

.select-style-wrap.active-select-style .select-block-value {
    color:var(--Dark-wine-2);
}

.select-style-wrap .select-block-options {
    position:static;
    opacity:0;
    height:0;
    padding:0;
    transition:height 0.2s, opacity 0.6s;
}

.select-style-wrap.active-select-style .select-block-options {
    height: 145px;
    transform: none;
    background: none;
    border-radius:0;
    overflow:hidden;
    opacity:1;
}

.select-style-wrap .select-option {
    color: var(--Base-Dark);
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0.16px;
}


.select-style-wrap.active-select-style .select-block-content {
    margin-bottom:16px;
}

.select-option.select-option-active {
   display:none;
}

.select-style-wrap .select-block-value:after {
    top: 6px;
    opacity: 0.5;
    right: 0;
}

.field__form-checkboxes label {
    height:48px;
    padding:12px 0;
    display:flex;
    align-items:center;
    gap:10px;
    justify-content:center;
    border-radius: 8px;
    border: 1px solid var(--Gray-4);
    background: var(--Base-White);
    margin-bottom:0;
}

.field__form-checkboxes {
    display:flex;
    flex-wrap: wrap;
    gap: 8px;
}

.field__form-checkboxes label:nth-child(1) {
    width:32%;
}

.field__form-checkboxes label:nth-child(2) {
    width:32%;
}

.field__form-checkboxes label:nth-child(3) {
    flex:1;
}

.field__form-checkboxes label:nth-child(4) {
    width:23%;
}

.field__form-checkboxes label:nth-child(5) {
    flex:1;
}

.field__form-checkboxes label:nth-child(6) {
    width:33%;
}

.field__form-checkboxe--head {
    margin-bottom:16px;
    display:flex;
    align-items:center;
    justify-content: space-between;
    gap:20px;
}

.field__form-checkboxes--block .field__form-checkboxes:first-child {
    margin-bottom:8px;
}

.calc__form-descr--bottom {
    color: var(--Gray-7);
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0.14px;
    margin-top:26px;
}

.calc__form-submit {
    margin-top:40px;
}

.block-wrap.calc__section {
    margin-bottom:0;
}

.calc__form-submit .btn {
    min-height:52px;
    border-radius: 8px;
    background: var(--Dark-wine-Main, #45080D);
}

.calc__form-submit .btn:hover {
    background:var(--Dark-wine-Main-hover);
}

.title-info {
    width:20px;
    height:20px;
    background:url("../images/icons/question-icon.svg") center center no-repeat;
    background-size:100%;
    cursor:pointer;
    position:relative;
}

.title-info span {
    visibility: hidden;
    opacity:0;
    transition:all 0.4s;
    position:absolute;
    right:100%;
    top:0;
    width:317px;
    border-radius: 8px;
    background: var(--Base-White);
    box-shadow: 0 2px 4.2px 0 rgba(0, 0, 0, 0.10);
    padding: 6px 12px;
    color: var(--Gray-6);
    font-size: 12px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 0.24px;
    margin-right:5px;
}

.title-info:hover span {
    visibility: visible;
    opacity:1;
}

.calc__title span {
    display:block;
}

.calc__title span > span {
    display:inline;
}

.calc__step {

}

.calc__menu {
    margin:56px 0;
}

.calc__menu-item {
    border-bottom:1px solid var(--Gray-4);
    padding:8px 0;
    display:flex;
    justify-content: space-between;
    align-items:end;
    gap:20px;
}

.calc__menu-bottles {
    color: var(--Dark-wine-Main);
    font-size: 18px;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: 0.18px;
}

.calc__block-slider {
    padding-bottom:56px!important;
}

.calc__menu-title {
    display:flex;
    align-items:end;
    gap: 12px;
    color: var(--Base-Dark);
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 0.2px;
}

.calc__menu-title-icon {
    width:35px;
}

.calc__form-submit .btn.btn-solid {
    background: var(--Base-White);
    border: 1px solid var(--Base-Dark);
    color: var(--Base-Dark);
}

.calc__form-submit .btn.btn-solid:hover {
    border: 1px solid var(--Dark-wine-2);
    color: var(--Dark-wine-2);
}

.modal__title {
    color: var(--Base-Dark, #171717);
    text-align: center;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom:16px;
}

.modal__description {
    color: var(--Base-Dark, #171717);
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 0.2px;
    max-width:100%;
    margin-bottom:40px;
}

.field-form-check {
    display:grid;
    grid-template-columns: 20px 1fr;
    gap: 8px;
}

.form__check-text {
    color: var(--Base-Dark, #171717);
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0.14px;
    margin-top:-2px;
}

.form__check-text span {
    color: var(--Dark-wine-1);
}

.modal__buttons {
    margin-top:40px;
}

.modal__buttons .btn {
    width:100%;
}

.modal.modal__finespirits.modal-success .modal__block {
    max-width:427px;
    text-align:left;
}

.modal.modal__finespirits.modal-success .modal__title {
    color: var(--Base-Dark, #171717);
    font-size: 26px;
    font-weight: 600;
    text-align:left;
    line-height: 130%;
    letter-spacing: 0.52px;
    display:flex;
    gap:5px;
    align-items:center;
    margin-bottom:8px;
}

.modal.modal__finespirits.modal-success .modal__title:before {
    content:"";
    width:20px;
    height:20px;
    display:block;
    background:url("/images/icons/success-icon.svg") center center no-repeat;
}

.modal.modal__finespirits.modal-success .modal__description {
    color: var(--Base-Dark);
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0.14px;
    text-align: left;
    margin-bottom:16px;
}

.modal__content-text {
    color: var(--Gray-7);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0.14px;
}

.why__section {
    min-height:559px;
    position:relative;
    background: url("../images/whyBG.webp") center center no-repeat;
    background-size:cover;
}

.why__section:before {
    content:"";
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background: linear-gradient(185deg, rgba(0, 0, 0, 0.00) 4.27%, rgba(0, 0, 0, 0.40) 70.29%),
                linear-gradient(0deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.60) 100%);
}

.why__section {
    margin-top:0;
    padding:56px 0;
}

.why__block {
    position:relative;
}

.why__title {
    color:var(--Base-White);
}

.why__content-items {
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    gap:20px;
}

.why__content-item {
    text-align:center;
}

.why__content-icon {
    width:168px;
    height:168px;
    background:var(--Base-White);
    border-radius:200px;
    display:flex;
    align-items:center;
    justify-content: center;
    margin:0 auto 30px auto;
    position:relative;
}

.why__content-icon:before {
    content:"";
    width:calc(100% - 10px);
    display:block;
    height: calc(100% - 10px);
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    border:1px solid var(--Dark-wine-2);
    box-sizing:border-box;
    border-radius:200px;
}

.why__content-title {
    color: var(--Base-White, #FFF);
    text-align: center;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: 0.52px;
    margin-bottom:16px;
    padding-bottom:16px;
    position:relative;
}

.why__content-title:after {
    content:"";
    width:135px;
    height:1px;
    background: var(--Dark-wine-2);
    position:absolute;
    bottom:0;
    left:50%;
    transform: translateX(-50%);
    display:block;
}

.why__content-title > span {
    display:block;
}

.why__content-text {
    color: var(--Gray-1);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: 0.14px;
    max-width:280px;
    margin:0 auto;
}

.title-wrap {
    margin-bottom:56px;
}

.title-wrap .title {
    margin-bottom:0;
}

.alcohol__section {
    margin-top:56px;
}

.title-descr {
    color: var(--Base-Dark);
    text-align: center;
    font-size: 32px;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: 0.64px;
}

.alcohol__items {
    display:grid;
    grid-template-columns: repeat(4, 1fr);
    gap:20px;
}

.alcohol__item-image {
    width:100%;
    height:250px;
    margin-bottom:18px;
}

.alcohol__item {
    border-radius: 12px;
    background: var(--Base-White);
    overflow:hidden;
    padding-bottom:24px;
}

.alcohol__item-content {
    padding:0 12px;
}

.alcohol__item-title {
    color: var(--Dark-wine-Main);
    font-size: 19px;
    font-weight: 700;
    line-height: normal;
    margin-bottom:16px;
    min-height:46px;
}

.alcohol__item-descr {
    color: var(--Base-Dark, #171717);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.16px;
    margin-bottom:16px;
}

.alcohol__item-more a {
    color: var(--Dark-wine-Main);
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0.14px;
}

.alcohol__item-more a:after {
    content: "→";
    margin-left:2px;
}

.alcohol__item-more.a-hover-inverse-block a:before {
    background: var(--Dark-wine-Main);
    width:85%;
    bottom:-3px;
}

.alcohol__item-more.a-hover-inverse-block a:hover:before {
    width:0;
}

.reviews__items {
    display:flex;
    gap:20px;
    align-items: stretch;
    justify-content: start;

}

.reviews__items .swiper-slide {
    width:386px;
    height:auto;
}

.reviews__item {
    border-radius: 12px;
    border: 1px solid var(--Gray-4);
    background: var(--Base-White);
    padding: 32px;
    height:100%;
}

.reviews__item-user--avatar {
    width:54px;
    height:54px;
    border-radius: 1000px;
    background: var(--Gray-5);
    overflow:hidden;
    color: var(--Base-White);
    font-size: 28.364px;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: 0.284px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.reviews__item-user {
    display:flex;
    gap:16px;
    align-items:center;
    margin-bottom:12px;
}

.reviews__item-user--name {
    color: var(--Base-Dark);
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: 0.16px;
    margin-bottom:8px;
}

.reviews__item-user--rating {
    display:flex;
    gap:4px;
    margin-bottom:8px;
}

.reviews__item-user--star {
    width:13px;
    height:12px;
    background: url("../images/icons/star-icon.svg") center center no-repeat;
}

.reviews__item-user--from {
    color: var(--Gray-7);
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0.14px;
}

.reviews__item-comment {
    color: var(--Base-Dark);
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0.14px;
    margin-bottom:15px;
}

.reviews__item-footer {
    display:flex;
    justify-content:end;
    align-items:center;
}

.reviews__item-date, .reviews__item-likes--count {
    color: var(--Gray-7, #7A7A85);
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0.16px;
}

.reviews__item-likes--icon {
    width:17px;
    height:17px;
    background:url("../images/icons/like-icon.svg") center center no-repeat;
}

.reviews__item-likes {
    display:flex;
    align-items:center;
    gap:6px;
}

.swiper-review-next, .swiper-review-prev {
    width:40px;
    height:40px;
    background: var(--Base-White) url("../images/icons/next-icon.png") center center no-repeat;
    opacity:1;
    transition:all 0.4s;
    cursor:pointer;
    border-radius:200px;
    visibility: visible;
    position:absolute;
    top:50%;
    right:0;
    transform: translateY(-50%);
    z-index:9;
}

.swiper-review-next:hover, .swiper-review-prev:hover {
    opacity:0.8;
}

.swiper-review-prev {
    background: var(--Base-White) url("../images/icons/prev-icon.png") center center no-repeat;
    right:auto;
    left:0;
}

.swiper-review-prev.swiper-button-disabled, .swiper-review-next.swiper-button-disabled {
    opacity:0;
    visibility: hidden;
}

.form__section {
    padding:56px 0;
    box-sizing:border-box;
    background: url("../images/formBG.webp") center center no-repeat;
    background-size:cover;
    position:relative;
    margin-bottom:40px;
}

.form__section:after {
    content:"";
    width:100%;
    height:100%;
    display:block;
    background:
            linear-gradient(91deg, rgba(0, 0, 0, 0.55) 24.12%, rgba(23, 23, 23, 0.00) 99.42%),
            linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
    position:absolute;
    top:0;
    left:0;
}

.form__block {
    position:relative;
    z-index:10;
}

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

.form_element {
    width:656px;
    margin:0 auto;
    padding:40px 56px;
    box-sizing:border-box;
}

.form__element-title {
    color: var(--Base-Dark);
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    line-height: normal;
    margin-bottom:20px;
}

.form__element-descr {
    color: var(--Base-Dark);
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 0.2px;
    margin-bottom:40px;
}

.form__block {
    height:100%;
}

.form_element .field-form-check {
    margin-bottom:16px;
}

.form_element .field-form-check:last-child {
    margin-bottom:0;
}

.form__element-buttons {
    margin-top:40px;
}

.form__element-buttons .btn {
    min-height: 52px;
    width:100%;
}

.form__element-footer--descr {
    color: var(--Gray-7);
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0.14px;
    margin-top:16px;
    display:flex;
    align-items:center;
    gap:5px;
}

.form__element-footer--descr:before {
    content: "";
    width:22px;
    height:22px;
    background: url("../images/icons/lock-icon.svg") center center no-repeat;
    display:block;
}

.field-form {
    position:relative;
}

.faq__section {
    margin:40px 0;
}

.faq__items {
    display:flex;
    flex-direction: column;
    gap:16px;
}

.faq__item {
    border-radius: 8px;
    border: 1px solid var(--Gray-4);
    background: var(--Color-beige1);
    box-shadow: 0 4px 8.7px -3px rgba(0, 0, 0, 0.10);
    padding: 16px;
}

.faq__item-title {
    color: var(--Base-Dark, #171717);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 0.2px;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content: space-between;
}

.drop-icon {
    width:20px;
    height:20px;
    background: url("../images/icons/down-icon.svg") center center no-repeat;
}

.faq__item.active .drop-icon {
    background: url("../images/icons/up-active-icon.svg") center center no-repeat;
}

.faq__item-descr {
    padding:16px 10px 0px 10px;
    color: var(--Base-Dark);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.2px;
}

.faq__item.active .faq__item-title {
    color:var(--Dark-wine-2);
}

.faq__item-descr {
    display:none;
}

.collection__section {
    padding:40px 0;
    box-sizing:border-box;
    background: url("../images/collectionBG.webp") 0.5px -207px / 106.791% 204.569% no-repeat;
    position:relative;
    margin-bottom:0;
}

.collection__section:before {
    content:"";
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background:
            linear-gradient(90deg, rgba(0, 0, 0, 0.70) 19.97%, rgba(0, 0, 0, 0.00) 43.99%),
            linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
}

.collection__block {
    position:relative;
    z-index:9;
}

.collection__content {
    max-width:572px;
}

.collection__title {
    color: var(--Base-White);
    font-size: 40px;
    font-weight: 700;
    line-height: normal;
    margin-bottom:20px;
}

.collection__descr {
    color: var(--Base-White);
    font-size: 20px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 0.2px;
    margin-bottom:56px;
}

.collection__button .btn {
    min-width:468px;
}

.footer__section {
    padding:64px 0 102px 0;
}

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

.footer__top-left {
    width:274px;
}

.footer__logo {
    margin-bottom:16px;
}

.footer__descr {
    color: var(--Base-Dark);
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0.14px;
    margin-bottom:24px;
}

.footer__social-items {
    display:flex;
    gap:8px;

}

.footer__social-item {
    width:40px;
    height:40px;
    border-radius: 24px;
    border: 0.5px solid var(--Gray-4);
    display:flex;
    align-items:center;
    justify-content: center;
    position:relative;
    transition:all 0.4s;
}

.footer__social-item:hover {
    background:var(--Gray-4);
}

.footer__social-item a {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content: center;
}

.footer__top-right {
    display:grid;
    grid-template-columns: repeat(3, 172px);
    justify-content: space-between;
    width:748px;
    row-gap:28px;
}

.footer__contac-title {
    color: var(--Gray-6);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.12px;
    margin-bottom:4px;
}

.footer__contact-value, .footer__contact-value span, .footer__contact-value a {
    color: var(--Base-Dark);
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0.14px;
}

.footer__top-right.a-hover-block a:after {
    background:var(--Base-Dark);
}

.footer__top {
    padding-bottom:32px;
    border-bottom:1px solid var(--Gray-3);
}

.footer__bottom {
    padding-top:32px;
}

.footer__bottom {
    display:flex;
    justify-content: end;
}

.footer__bottom-content {
    width:748px;
}

.footer__bottom-up {
    display:grid;
    grid-template-columns: 304px 1fr;
    gap:32px;
}

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

.footer__copyright, .footer__nav a, .footer__bottom-down {
    color: var(--Gray-6);
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0.14px;
}

.footer__bottom-down {
    margin-top:8px;
    display:flex;
    align-items:center;
    gap:2px;
}

.footer__bottom-down:before {
    width:15px;
    height:15px;
    content:"";
    display:block;
    background: url("../images/icons/danger-icon.svg") center center no-repeat;
}

.footer__nav.a-hover-block a:after {
    background: var(--Gray-6);
    bottom:-3px;
}

.mobile-menu-close {
    display:none;
}

.mobile-menu-open {
    display:none;
}
.mobile-menu-close {
    display:none;
}

.offers__content-mobile {
    display:none;
}

.modal__footer-text {
    color: var(--Gray-7);
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0.14px;
    display:flex;
    align-items:center;
    gap:5px;
    margin-top:16px;
}

.modal__footer-text:before {
    content: "";
    width:22px;
    height:22px;
    background: url("../images/icons/lock-icon.svg") center center no-repeat;
}

.field-form .req {
    color:var(--Dark-wine-1);
}

.field-form-error input[type="text"],
.field-form-error input[type="email"],
.field-form-error input[type="date"],
.field-form-error input[type="number"],
.field-form-error .checkbox-style span:before
{
    border-color: var(--Dark-wine-1);
    background-color: var(--Dark-wine-Light);
}

.field-form-mess, .field-form-mess-send {
    display:none;
}

.field-form-error .field-form-mess, .form-error .field-form-mess-send {
    color: var(--Dark-wine-1);
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0.14px;
    margin-top: 5px;
    display:block;
}

.has_label_checkbox_sub {
    position:relative;
}

.label_checkbox_sub {
    position:absolute;
    bottom:-22px;
    left:0;
    color: var(--Gray-6);
    font-size: 12px;
    font-style: italic;
    line-height: 150%;
}

.field__form-checkboxes--block.field-form-block.field-form-error .field-form-mess {
    margin-top:21px;
}

.text__sec a {
    text-decoration:underline;
}

.text__sec a:hover {
    text-decoration:none;
}

.reviews__items not_slider {

}



















@media (max-width: 1600px) {
    .collection__section {
        background: url("../images/collectionBG.webp") center center no-repeat;
        background-size:cover;
    }
}

@media (max-width: 1500px) {
    .block-wrap-m, .block-wrap {
        margin: 40px 0;
    }
    .header__section {
        margin:0;
    }
    .why__section {
        min-height:527px;
        padding:40px 0;
    }
    .block-wrap.reviews__section {
        margin-top:80px
    }
    .block-wrap.reviews__section {
        padding-left:16px;
        padding-right:16px;
    }
    .reviews__section {
        overflow:hidden;
    }
    .reviews__block {
        width:1280px;
        margin-left:auto;
        margin-right:auto;
    }
}

@media (max-width: 1350px) {
    .block-in {
        width: 100%;
        padding:0 16px;
        box-sizing:border-box;
    }
    .reviews__block {
        width:100%;
    }

}

@media (max-width: 992px) {
    .footer__top-right {
        width:571px;
    }
    .block-wrap-m, .block-wrap {
        margin: 40px 0;
    }
    .block-wrap.banner__section {
        margin-top:0;
        margin-bottom:0;
    }
    .header__section {
        margin-top:0;
        position:absolute;
        top:0;
        margin-bottom:-100px;
    }
    .header__section-block {
        padding:24px;
        display:flex;
        flex-direction:column;
        justify-content: center;
    }
    .header__section-logo--item span:first-child {
        font-size:12px;
    }
    .header__section-logo--item span:last-child {
        font-size:10px;
    }
    .mobile-menu-close path {
        fill:var(--Base-White);
    }
    .mobile__menu-button {
        display:block;
    }
    .header__section-nav {
        grid-column: 1 / -1;
    }
    .header__section-content {
        grid-template-columns: 100px 40px;
    }
    .mobile-menu-open {
        display:block;
    }
    .header__section-nav {
        padding-top:16px;
        padding-bottom:16px;
        display:none;
    }
    .header__section-nav ul {
        display:block;
    }
    .header__section-block {
        background: rgba(0, 0, 0, 0.48);
        backdrop-filter: blur(0);
        -webkit-backdrop-filter: blur(0);
        transition:all 0.4s;
    }
    .header__section-block.active {
        background: rgba(0, 0, 0, 0.86);
    }
    .header__section-nav ul li {
        margin-bottom:10px;
    }
    .header__section-nav .btn {
        padding:0;
        border-width:0;
        border-radius:0;
        min-width:0;
        min-height:0;
    }
    .header__section-block.active .mobile-menu-open {
        display:none;
    }
    .header__section-block.active .mobile-menu-close {
        display:block;
    }
    .header__section-block {
        border-radius:0;
        min-height:0;
        padding-top:0;
        padding-bottom:0;
    }
    .header__section {
        top:0;
    }
    .header__section-logo {
        height:100px;
    }
    .header__section-logo {
        display:flex;
        flex-direction: column;
        justify-content:center;
    }
    .banner__section {
        min-height:303px;
        height:auto;
    }
    .banner__section-content {
        padding: 132px 8px 40px 8px;
    }
    .banner__section-title {
        font-size: 28px;
        font-weight: 500;
        line-height: 140%;
        letter-spacing: 0.56px;
        margin-bottom:16px;
    }
    .banner__section-text {
        color: var(--Base-White);
        font-size: 16px;
        line-height: 140%;
        letter-spacing: 0.16px;
        margin-bottom:40px;
    }
    .offers__content {
        display:none;
    }
    .offers__content-mobile {
        display:block;
        padding-top:24px;
        padding-bottom:24px;
    }
    .offers__content-mobile .offers__content {
        display:flex;
        gap:8px;
        border-radius:0;
        border-width:0;
        flex-wrap:wrap;
    }
    .offers__content-mobile .offers__item, .offers__content-mobile .offers__item:last-child {
        width:214px;
        border-radius: 12px;
        border: 1px solid var(--Color-gold);
        min-height:58px;
        padding:0 10px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .offers__item-title {
        color: var(--Base-Dark);
        font-size: 14px;
        font-weight: 400;
        line-height: 140%;
        letter-spacing: 0.14px;
    }
    .offers__content-mobile .offers__item:nth-child(2) {
        width:174px;
    }
    .offers__content-mobile .offers__item:nth-child(3) {
        width:196px;
    }
    .offers__content-mobile .offers__item:nth-child(4) {
        width:193px;
    }
    .offers__content-mobile .offers__item:nth-child(5) {
        width:178px;
    }
    .offers__content-mobile .offers__item:nth-child(6) {
        width:178px;
    }
    .offers_section {
        margin-top:0;
        margin-bottom:0;
    }
    .offers__content-slider.swiper {
        overflow: visible;
    }
    .block-wrap.calc__section {
        margin-top:0;
    }
    .title {
        color: var(--Base-Dark, #171717);
        font-size: 28px;
        text-align:left;
        font-weight: 500;
        line-height: 140%;
        letter-spacing: 0.56px;
        margin-bottom:16px;
    }
    .calc__form, .form_element {
        padding:0;
        border-radius:0;
        border-width:0;
        background: none;
        box-shadow: none;
    }

    .calc__title {
        color: var(--Base-Dark);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        letter-spacing: 0.16px;
        text-align:left;
        margin-bottom:0;
    }
    .calc__descr {
        color: var(--Base-Dark);
        font-size: 14px;
        font-weight: 400;
        line-height: 140%;
        letter-spacing: 0.14px;
        text-align:left;
        margin-bottom:32px;
    }
    .calc__fields-column {
        grid-template-columns: 1fr;
        gap:0;
    }
    .select-style-wrap.active-select-style .select-block-content {
        margin-bottom:8px;
    }
    .field-form .select-style-wrap {
        margin-bottom:24px;
    }
    .title-info span {
        top: -17px;
        width: 151px;
    }
    .offers__block {
        overflow:hidden;
    }

    .field__form-checkboxes label:nth-child(1) {
        width:calc(49% - 4px);
        flex:none;
        order:0;
    }

    .field__form-checkboxes label:nth-child(2) {
        width:calc(51% - 4px);
        flex:none;
        order:1;
    }

    .field__form-checkboxes label:nth-child(3) {
        width:calc(51% - 4px);
        flex:none;
        order:2;
    }

    .field__form-checkboxes label:nth-child(4) {
        width:calc(30% - 4px);
        flex:none;
        order:4;
    }

    .field__form-checkboxes label:nth-child(5) {
        width:calc(70% - 4px);
        flex:none;
        order:5;
    }

    .field__form-checkboxes label:nth-child(6) {
        width:calc(49% - 4px);
        flex:none;
        order:3;
    }
    .calc__form-descr--bottom {
        color: var(--Gray-7);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        letter-spacing: 0.14px;
    }
    .calc__form-submit {
        margin-top:35px;
    }
    .calc__block-slider {
        padding-bottom:0!important;
    }
    .calc__step-2 .calc__title {
        color: var(--Base-Dark, #171717);
        font-size: 22px;
        font-weight: 500;
        line-height: 150%;
        letter-spacing: 0.22px;
    }
    .calc__menu {
        margin: 16px 0;
    }
    .offers__item-icon {
        width:40px;
    }
    .offers__item-title {
        width: calc(100% - 52px);
    }

    .calc__menu-title-text {
        color: var(--Base-Dark);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        letter-spacing: 0.16px;
    }
    .calc__menu-bottles {
        color: var(--Dark-wine-Main);
        font-size: 16px;
        font-weight: 700;
        line-height: 140%;
        letter-spacing: 0.16px;
    }
    .calc__menu .calc__menu-item:last-child {
        border-bottom-width:0;
    }
    .calc__form-submit .btn {
        min-height:48px;
    }
    .why__section.block-wrap {
        padding-left:8px;
        padding-right:8px;
    }
    .why__title {
        color:var(--Base-White);
    }
    .why__content-items {
        display:flex;
        gap:25px;
        flex-direction: column;
    }
    .why__content-icon {
        width:80px;
        height:80px;
        margin:0;
    }
    .why__content-icon img {
        max-height:41px;
    }
    .why__content-info {
        max-width:230px;
    }
    .why__content-item {
        display:flex;
        gap:16px;
        text-align:left;
        justify-content: start;
    }
    .why__content-title {
        color: var(--Base-White, #FFF);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        letter-spacing: 0.16px;
        text-align:left;
        padding-bottom:8px;
        margin-bottom:8px;
        position:relative;
    }
    .why__content-title:after {
        left:0;
        transform: none;
    }
    .why__content-title span {
        display:inline-block;
    }
    .why__content-text {
        color: var(--Base-White, #FFF);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        letter-spacing: 0.14px;
        text-align:left;
    }
    .why__section {
        min-height:0;
    }
    .why__content-items .why__content-item:nth-child(1) {
        order:1;
    }
    .why__content-items .why__content-item:nth-child(2) {
        order:0;
    }
    .why__content-items .why__content-item:nth-child(3) {
        order:2;
    }
    .title-wrap .title {
        margin-bottom:11px;
    }
    .title-wrap  .title-descr {
        color: var(--Base-Dark, #171717);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        text-align:left;
        letter-spacing: 0.16px;
    }
    .title-wrap {
        margin-bottom: 16px;
    }
    .alcohol__items {
        grid-template-columns: 1fr;
        gap:8px;
    }
    .alcohol__item {
        display:flex;
        align-items:center;
        gap:18px;
        padding-bottom:0;
        background:none;
    }
    .alcohol__item-image {
        width:139px;
        height:161px;
        margin-bottom:0;
    }
    .alcohol__item-content {
        flex:1;
    }
    .alcohol__item-title {
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        letter-spacing: 0.16px;
        margin-bottom:11px;
        color: var(--Dark-wine-Main);
    }
    .alcohol__item-descr {
        color: var(--Gray-7);
        font-size: 14px;
        font-weight: 400;
        line-height: 140%;
        letter-spacing: 0.14px;
        margin-bottom:11px;
    }
    .block-wrap.reviews__section {
        padding-left:16px;
        padding-right:16px;
    }
    .reviews__item {
        padding:20px;
        background:none;
    }
    .reviews__items.swiper {
        overflow:visible;
    }
    .reviews__items .swiper-slide {
        width:265px;
    }
    .reviews__section {
        overflow:hidden;
    }
    .form__section {
        padding:0;
        background:none;
    }
    .form__section:after {
        display:none;
    }
    .reviews__item-likes--icon {
        background:none;
    }
    .reviews__item-likes--icon path {
        fill:var(--Dark-wine-2);
    }
    .form__element-title {
        margin-bottom:16px;
        color: var(--Base-Dark);
        text-align: left;
        font-size: 28px;
        font-weight: 500;
        line-height: 140%;
        letter-spacing: 0.56px;
    }

    .form__element-descr {
        color: var(--Base-Dark);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        letter-spacing: 0.16px;
        text-align:left;
        margin-bottom:32px;
    }
    .fields-column {
        grid-template-columns: 1fr;
        gap:16px;
        margin-bottom:16px;
    }
    .fields-column .field-form {
        margin-bottom:0;
    }
    .form__element-buttons {
        margin-top:35px;
    }
    .form__element-footer--descr {
        margin-top:8px;
    }
    .faq__item {
        padding:8px 16px;
    }
    .faq__item-title {
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        letter-spacing: 0.16px;
    }
    .faq__item-descr {
        color: var(--Base-Dark, #171717);
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
        letter-spacing: 0.16px;
        padding: 8px 0 8px 0;
    }
    .collection__content {
        max-width:306px;
    }
    .collection__title {
        font-size: 28px;
        font-weight: 500;
        line-height: 140%;
        letter-spacing: 0.56px;
        margin-bottom:16px;
    }
    .collection__descr {
        font-size: 16px;
        font-weight: 400;
        line-height: 140%;
        letter-spacing: 0.16px;
        margin-bottom:40px;
    }
    .collection__section {
        margin-bottom:0;
    }
    .footer__section {
        padding-top:40px;
        padding-bottom:40px;
    }
    .footer__top {
        flex-direction: column;
        padding-bottom:40px;
        margin-bottom:40px;
    }
    .footer__top-left {
        width:100%;
        padding-bottom:40px;
        margin-bottom:40px;
        border-bottom:1px solid var(--Gray-3);
    }
    .footer__top-right {
        width:100%;
    }
    .footer__top-right {
        grid-template-columns: 1fr 1fr;
        gap:38px;
        column-gap: 35px;
    }
    .footer__bottom-content {
        width:100%;
    }
    .footer__bottom-up {
        grid-template-columns: 1fr;
        gap:8px;
    }
    .footer__nav {
        gap:10px;
        justify-content: start;
    }
    .footer__bottom-down {
        margin-top:16px;
    }
    .collection__button .btn {
        min-width:100%;
    }
    .alcohol__item-image {
        border-radius:12px 0 0 12px;
    }
    .footer__bottom {
        padding-top:0;
    }
    .reviews__item-likes {
        padding:8px 11px;
        border-radius: 8px;
        background: var(--Base-White);
    }
}

@media (max-width: 365px) {
    .field__form-checkboxes label:nth-child(1) {
        width:calc(40% - 4px);
        flex:none;
        order:0;
    }

    .field__form-checkboxes label:nth-child(2) {
        width:calc(60% - 4px);
        flex:none;
        order:1;
    }

    .field__form-checkboxes label:nth-child(3) {
        width:calc(60% - 4px);
        flex:none;
        order:2;
    }

    .field__form-checkboxes label:nth-child(4) {
        width:calc(30% - 4px);
        flex:none;
        order:4;
    }

    .field__form-checkboxes label:nth-child(5) {
        width:calc(70% - 4px);
        flex:none;
        order:5;
    }

    .field__form-checkboxes label:nth-child(6) {
        width:calc(40% - 4px);
        flex:none;
        order:3;
    }
    .why__content-info {
        max-width: 210px;
    }
    .footer__top-right {
        column-gap:12px;
    }
    .footer__nav {
        flex-wrap:wrap;
    }

}