@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

@font-face {
    font-family: 'PF Din Text Universal';
    src: url('/fonts/PFDinTextUniversal.woff2') format('woff2'),
    url('/fonts/PFDinTextUniversal.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PF Din Text Universal';
    src: url('/fonts/PFDinTextUniversal-Light.woff2') format('woff2'),
    url('/fonts/PFDinTextUniversal-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'PF Din Text Universal';
    src: url('/fonts/PFDinTextUniversal-Medium.woff2') format('woff2'),
    url('/fonts/PFDinTextUniversal-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'PF Din Text Universal';
    src: url('/fonts/PFDinTextUniversal-Bold.woff2') format('woff2'),
    url('/fonts/PFDinTextUniversal-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Bahnschrift';
    src: url('/fonts/Bahnschrift.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Bahnschrift';
    src: url('/fonts/BahnschriftLight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

:root {
    --brand-pink: #ff2ab1;
    --brand-purple: #c46ce7;
    --black: #000;
    --white: #fff;
    --grey-middle: #bfbfbf;
    --black-750: rgba(0, 0, 0, 0.75);
    --brand-yellow: #ffca1d;
    --s32: 32px;
}

:root {
    --font-family: "Bahnschrift";
    --second-family: "Inter", sans-serif;
    --third-family: "PT Sans", sans-serif;
    --font3: "PF DIN Text", sans-serif;
}

body {
    margin: 0;
    padding: 0;
    cursor: default;
    background: #fff;
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 18px;
    line-height: 178%;
    color: var(--black-750);
}

.swiper-button-next:after {
    display: none;
}

.swiper-button-next {
    right: 0 !important;
    left: auto !important;
    bottom: -75px !important;
    width: 48px !important;
    height: 48px !important;
    background: url(/images/next.png) !important;
    top: auto !important;
}
.subscribe-name span {
font-size:15px;
}
.swiper-button-prev:after {
    display: none;
}

.swiper-button-prev {
    right: 64px !important;
    left: auto !important;
    bottom: -75px !important;
    width: 48px !important;
    height: 48px !important;
    background: url(/images/prev.png) !important;
    top: auto !important;
}

.flex {
    display: flex;
    flex-wrap: wrap;
}

.align-between {
    justify-content: space-between;
}

.align-right {
    justify-content: right;
}

.overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    background: rgba(0, 0, 0, 0.55);
    display: none;
}

.content_inject {
    width: 543px;
    height: 680px;
    background: #fff;
    border-radius: 16px;
    margin: auto;
    z-index: 101;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
    position: fixed;
    display: none;
}

.content_inject_default {
    padding: 40px;
}

.content_inject_close {
    position: absolute;
    right: 31px;
    top: 31px;
    background: url("/images/close1.png");
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.align-center {
    justify-content: center;
}

.vertical-center {
    align-items: center !important;
}


.container {
    width: 1696px;
    margin: 0 auto;
}

h1 {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 64px;
    line-height: 112%;
    color: var(--black);
}

h2 {
    font-family: var(--font-family);
    font-weight: 350;
    font-size: 56px;
    line-height: 129%;
    color: var(--black);
}

h3 {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 48px;
    line-height: 117%;
    color: var(--black);
}

.logo {
    background: url("/images/logo-black.png");
    width: 222px;
    height: 36px;
    background-size: cover;
}

.phone {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 24px;
    line-height: 125%;
    color: var(--black);
    text-decoration: none;
    display: flex;
    align-items: center;
}

.phone:before {
    content: "";
    display: block;
    background: url("/images/phone.png");
    width: 30px;
    height: 30px;
    margin-right: 20px;
}

.menu {
    display: flex;
    align-items: center;
    gap: var(--s32);
}

.menu-link {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    color: var(--black);
    text-decoration: none;
}

header {
    padding: 38px 0;
}

.pr {
    position: relative;
}

.back {
    background: url("/images/arrow-left.png");
    width: 24px;
    height: 24px;
    margin-bottom: 40px;
    z-index: 10;
    cursor: pointer;
}

.w-54 {
    width: 54%;
}

.w-37 {
    width: 37%;

}

.description-text {
    padding-top: 120px;
}

.text-right {
    text-align: right;
}

.description-img {
    padding-top: 57px;
}

.circle-food {
    position: relative;
    z-index: 3;
    margin: 0 0 0 auto;
    transition: all ease 0.8s;
    background: url("/images/circle-food.png");
    background-size: contain;
    width: 545px;
    height: 545px;
}

.circle-violet {
    background: url("/images/circle-violet.png");
    width: 290px;
    height: 290px;
    background-size: contain;
    transition: all ease 0.8s;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.circle-rose {
    background: url("/images/circle-rose.png");
    background-size: contain;
    width: 198px;
    height: 198px;
    transition: all ease 0.8s;
    position: absolute;
    z-index: 4;
    right: 0;
    top: 72px;

}

.tab {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: var(--s32);
    line-height: 175%;
    color: var(--grey-middle);
    cursor: pointer;
    background: url("/images/unactive.png");
    width: 270px;
    height: 87px;
    text-align: center;
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: -2px;
    margin-right: -50px;
}

.tab span {
    padding-left: 30px;
}

.tab-active {
    color: var(--brand-purple);
    cursor: default;
    background: url("/images/active.png");
    margin-left: 25px;
}

.select-line {
    border-bottom: solid 2px var(--brand-purple);
    padding-left: 70px;
}

.tab-active span {
    padding-left: 50px;
}

.tab-name {
    font-family: var(--font-family);
    font-weight: 300;
    font-size: 200px;
    line-height: 40%;
    text-transform: uppercase;
    color: var(--brand-purple);
    opacity: 0.3;
    transition: all ease 0.6s;
    font-stretch: condensed;
}

.tab-name-wrapper {
    margin-top: 135px;
    transition: all ease 0.6s;
}

.grid-3-xl {
    display: grid;
    gap: var(--s32) var(--s32);
    grid-template-columns: repeat(3, 1fr);
}

.company {
    position: relative;
    z-index: 10;
    margin-top: -25px;
}

.company-item {
    border: 1px solid var(--grey-middle);
    border-radius: var(--s32);
    background: #fff;
    padding: 24px;
    text-decoration: none;
}

.company-item-img {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 255px;
    width: 100%;
    border-radius: 16px;
    margin-bottom: 24px;
}

.company-item-name {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 24px;
    line-height: 133%;
    color: var(--black);
    margin-bottom: 12px;
}

.company-item-left {
    max-width: 60%;
}

.company-item-text {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: rgba(0, 0, 0, 0.6);
}

.company-item-logo img {
    border-radius: 50px;
    width: 80px;
}

footer {
    background: #212121;
    margin-top: 120px;
    padding: 67px 0;
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 160%;
    color: var(--white);
}

.mt-100 {
    margin-top: 100px !important;
}
.mt-80 {
    margin-top: 80px !important;
}
.loyalty-p {
    margin-bottom: 53px;
}
.loyalty-p:first-child {
    margin-top: 0;
}
.loyalty-p-violet {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 32px;
    line-height: 125%;
    color: var(--brand-purple);
}
.logo-white {
    background: url("/images/logo-white.png");
    width: 222px;
    height: 36px;
    display: block;
}

.footer-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--s32);
}

.footer-grid-2 {
    display: grid;
    grid-template-columns: 150px 1fr;
    gap: 42px;
}

.subscribe-name {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 24px;
    line-height: 167%;
    color: var(--white);
    margin-bottom: 12px;
}

.social {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.divider {
    background: rgba(255, 255, 255, 0.3);
    width: 100%;
    height: 1px;
    margin: var(--s32) 0;
}

.footer-name {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 28px;
    line-height: 136%;
    color: var(--white);
}

.footer-text {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 175%;
    color: var(--white);
    margin-top: 16px;
}

.footer-email {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 175%;
    color: var(--white);
    padding: 8px 24px;
    display: inline-block;
    background: var(--brand-purple);
    border-radius: var(--s32);
    text-decoration: none;
    margin-top: 24px;
}


.video-container {
    width: 60%;
    position: relative;
    min-height: 400px;
}

.video-text {
    width: 37%;
}

.video-container video {
    width: 100%;

}

.play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url('/images/play.png') no-repeat center;
    background-size: contain;
    width: 143px;
    height: 143px;
    border: none;
    cursor: pointer;
    z-index: 10;
    transition: opacity 0.3s;
}

.i-head-left {
    height: 100vh;
    background: url("/images/whitemart4.png") right top no-repeat;
    background-size: cover;
    width: calc(100% - 480px);
    min-height: 902px;
    position: relative;
}

.i-head-right {
    background: url("/images/dishes.png") left bottom no-repeat var(--brand-purple);
    width: 480px;
    height: 100vh;
    min-height: 902px;
    position: relative;
}

.i-head-left:after {
    background: url("/images/50.png");
    width: 567px;
    height: 294px;
    content: "";
    display: none;
    position: absolute;
    right: 0;
    bottom: 0;
}

.index {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 3;
}


.play-btn.hide {
    opacity: 0;
    pointer-events: none;
}

.index .phone {
    color: #fff;
}

.index .logo {
    background: url(/images/logo-white.png);
}

.index .menu-link {
    color: #fff;
}

.index .phone:before {
    background: url("/images/phone-white.png");
}

.slogan {
    padding: 150px 0 0 80px;
}

.slogan-str-1 {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 84px;
    line-height: 110%;
    text-transform: uppercase;
    color: var(--white);
}

.slogan-str-2 {
    margin-top: 24px;
    font-family: var(--font-family);
    font-weight: 300;
    font-size: 40px;
    color: var(--white);
    margin-bottom: 72px;
}

.link-index {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 20px;
    line-height: 160%;
    color: var(--white);
    padding: 16px 24px;
    display: inline-block;
    background: var(--brand-purple);
    border-radius: var(--s32);
    text-decoration: none;

}

.informed {

    width: 332px;
    height: 332px;
    position: absolute;
    bottom: 104px;
    left: -166px;
    z-index: 5;

    overflow: hidden;
    border-radius: 50%;
}
.informed::before {
    content: '';
    position: absolute;
    inset: 0;
    background: url("/images/Circle.gif") center no-repeat;
    background-size: 352px;
    pointer-events: none;
}
.right-link {
    padding: 176px 0 0 var(--s32);
    position: relative;
    z-index: 11;
}
.j-form-name {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 40px;
    line-height: 100%;
    text-align: center;
    color: var(--black);
    margin-top: 30px;
    margin-bottom: 10px;
}
.j-form-text {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 16px;
    max-width: 60%;
    text-align: center;
    color: var(--black-750);
    margin: 0 auto 20px auto;
    line-height: 20px;
}
.j-input {
    display: block;
    font-family: var(--second-family);
    font-weight: 300;
    font-size: 16px;
    line-height: 160%;
    color: var(--grey-middle);
    border: 1px solid var(--grey-middle);
    border-radius: 32px;
    padding: 8px 24px;
    outline: none;
    margin-bottom: 16px;
    width: calc(100% - 48px);
}
textarea.j-input {
    height: 120px;
}
.j-submit {
    background: var(--brand-purple);
    border-radius: 32px;
    padding: 16px 24px;
    display: block;
    margin: 0 auto;
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 20px;
    line-height: 160%;
    color: var(--white);
    cursor: pointer;
    outline: none;
    border: none;
}
.menu-link-right {
    display: flex;
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 28px;
    line-height: 107%;
    color: var(--white);
    margin-bottom: 24px;
    text-decoration: none;
    align-items: center;
}

.menu-link-right:after {
    display: block;
    content: "";
    background: url("/images/arrow-right.png");
    width: 20px;
    height: 16px;
    margin-left: 10px;
    transition: all ease 0.8s;
}
.menu-link-right:hover:after {
    margin-left: 30px;
}
.merch-video {
    width: 100% !important;

}
.select-options {
    display: none;
}
.merch-video video {
    height: 100%;
    width: 100%;
    border-radius: var(--s32);
    object-fit: cover;
    text-align: center;
}
.merch-video .play-btn {
    width: 75px;
    height: 75px;
    top: calc(50% - 10px);
}
.mr-166 {
    margin-right: 166px;
}

.all {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: var(--s32);
    line-height: 94%;
    color: var(--brand-purple);
    text-decoration: none;
    margin-top: -20px;
    display: inline-block;
}

.i-h1 {
    margin: 125px 0 24px 0;
}

.mt-166 {
    margin-top: 166px;
}

.white-mart {
    background: url("/images/whitemar-yellow.png") left 82px no-repeat;
    margin-top: 76px;
}

.white-mart img {
    margin-bottom: 82px;
}

.event {
    display: flex;
    gap: 22px;
    position: relative;
    z-index: 5;
}

.filter {

    height: 48px;
    margin-top: -32px;
}
.filter span {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 24px;
    line-height: 133%;
    color: var(--black);
}
.gap-30 {
    gap: 30px;
}
.m-select {
    border: 1px solid var(--grey-middle);
    border-radius: 32px;
    padding: 8px 24px;
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 160%;
    color: var(--grey-middle);
}
.select-selected {
    border: 1px solid var(--grey-middle);
    border-radius: 32px;
    padding: 8px 24px;
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 160%;
    color: var(--grey-middle);
    cursor: pointer;
    position: relative;
    width: 150px;
    background: url("/images/arrow-down.png")  170px center no-repeat;
}
.custom-select {
    position: relative;
}
.select-options {
    position: absolute;
    background: #fff;
    left: 0;
    top: 50px;
    z-index: 5;
    box-shadow: 2px 2px 10px #999;
    width: 200px;
    font-weight: 300;
    font-size: 14px;

}
.select-option {
    padding: 2px 25px;
    border-bottom: solid 1px #eee;
    transition: all ease 0.6s;
    cursor: pointer;
}
.select-option:last-child {
    border-bottom: none;
}
.select-option:hover {
    background: #edd3f8;
}
.mr-50 {
    margin-right: 50px;
}
.breadcrumbs {

    font-family: var(--font-family);
    font-weight: 300;
    font-size: 20px;
    line-height: 40%;
    text-transform: uppercase;
    color: var(--brand-purple);
    opacity: 0.6;
    transition: all ease 0.6s;
    font-stretch: condensed;
}

.breadcrumbs a {
    color: var(--brand-purple);
    text-decoration: none;
}
a {
    color: var(--brand-purple);
}
.event-item-filter {
    cursor: pointer;
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 20px;
    line-height: 160%;
    color: var(--grey-middle);
    border: 1px solid var(--grey-middle);
    border-radius: var(--s32);
    padding: 8px 24px;
    transition: all ease 0.6s;
    background: #fff;
}

.event-item-filter-active, .event-item-filter:hover {
    color: var(--white);
    background: var(--brand-purple);
    border: 1px solid var(--brand-purple);
}

.container-event-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: auto;
    gap: var(--s32);
    margin-bottom: var(--s32);
}

.container-event-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: auto;
    gap: var(--s32);
    margin-bottom: var(--s32);
}

.promo {
    height: 160px;
    background-size: cover;
    width: 100%;
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: var(--s32);
    justify-content: center;
    flex-wrap: nowrap;
    position: relative;
}

.divider-c {
    width: 100%;
    height: 1px;
    margin-bottom: 50px;
}

.promo:after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1;
    border-radius: var(--s32);
}

.promo h1 {
    position: relative;
    z-index: 2;
    color: var(--white);
}

.hero {
    margin-top: 110px;
    margin-bottom: 120px;
}

.logo-inside {
    width: 258px;
    margin-right: 60px;
}

.logo-inside img {
    width: 100%;
    display: block;
    border-radius: 50%;
}

.text-inside {
    max-width: 580px;
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 18px;
    line-height: 178%;
    color: var(--black-750);

}

.gallery {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    grid-template-rows: auto auto;
    gap: var(--s32);
    margin-bottom: 192px;
}

.gallery a {
    width: 100%;
    height: 296px;
    object-fit: cover;
    border-radius: 12px;

}


.gallery a:first-child {
    grid-row: span 2;
    height: 624px;
}

.gallery a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
}

.violet-circle {
    background: url("/images/ellipse.png") left 150px no-repeat;
}

.violet-circle-1 {
    background: url("/images/ellipse1.png") left 350px no-repeat;
}

.merch-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: var(--s32);
}

.merch-left {
    grid-column: 1 / span 5;
}

.merch-right {
    grid-column: 7 / span 6;
}

.merch-right img {
    display: block;
    width: 100%;
    border-radius: var(--s32);
}


.merch-gallery-item {
    height: 325px;
    text-align: center;
    position: relative;
}

.merch-gallery-item img {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: var(--s32);
}
.merch-want-wrapper {
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--s32);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all ease 0.8s;
    opacity: 0;
    flex-wrap: nowrap;
}
.merch-want {
    padding: 16px 24px;
    background: var(--white);
    border-radius: var(--s32);
    text-decoration: none;
    color: var(--black);
}
.merch-gallery-item:hover .merch-want-wrapper{
    opacity: 1;
}
.merch-gallery-item:hover .merch-want {
    cursor: pointer;
}
.merch-order {
    margin-top: var(--s32);
    border-radius: var(--s32);
    padding: 16px 24px;
    background: var(--brand-purple);
    display: inline-block;
    cursor: pointer;
    font-weight: 500;
    font-size: 20px;
    line-height: 160%;
    color: var(--white);
}

.merch-gallery {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: var(--s32) 40px;
    margin-top: var(--s32);
}

.merch-gallery-item:nth-child(1) {
    grid-column: 1 / span 3;
}

.merch-gallery-item:nth-child(2) {
    grid-column: 4 / span 4;
}

.merch-gallery-item:nth-child(3) {
    grid-column: 8 / span 5;
}

.merch-gallery-item:nth-child(4) {
    grid-column: 1 / span 5;
}

.merch-last {
    grid-column: 7 / span 5;
}

.food-menu-name {
    font-family: var(--font-family);
    font-weight: 300;
    font-size: 200px;
    line-height: 100%;
    text-transform: uppercase;
    color: var(--brand-purple);
    font-stretch: condensed;
}
.full-width {
    width: 100%;
}
.grid-12 {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: var(--s32);
}
.col-1 {
    grid-column: span 1;
}
.col-2 {
    grid-column: span 2;
}
.col-3 {
    grid-column: span 3;
}
.col-4 {
    grid-column: span 4;
}
.col-5 {
    grid-column: span 5;
}
.col-6 {
    grid-column: span 6;
}
.col-7 {
    grid-column: span 7;
}
.col-8 {
    grid-column: span 8;
}
.col-9 {
    grid-column: span 9;
}
.col-10 {
    grid-column: span 10;
}
.col-11 {
    grid-column: span 11;
}
.col-12 {
    grid-column: span 12;
}
.food-menu-left {
    width: 420px;
}
.mobile-menu {
    display: none;
}
.loyalty-link {
    max-width: 61%;
    display: block;
    background:
            url("/images/arrow-white.png")  calc(100% - var(--s32)) center no-repeat,
            linear-gradient(90deg, #c635ff 0%, #419ae3 100%);
    font-family: var(--font-family);
    font-weight: 600;
    font-size: var(--s32);
    line-height: 125%;
    color: var(--white);
    text-decoration: none;
    border-radius: var(--s32);
    padding: var(--s32) 74px var(--s32) var(--s32);
    margin: var(--s32) 0;
}
.food-menu-text {

}


.menu-cover {
    border-radius: var(--s32);
    border: solid 16px var(--black);
}

.menu-cover .swiper-slide {
    text-align: center;
}

.food-menu-right {
    width: calc(100% - 570px);
}

.swiper {
    width: 100%;
    height: 745px;
}

.menu-img {

    width: 100%;
    object-fit: cover;
    max-height: 100%;
}

.download {
    font-family: var(--font-family);
    text-transform: uppercase;
    color: var(--brand-purple);
    font-stretch: condensed;
}

.recommended {
    position: relative;
    min-height: 628px;
    margin-top: 225px;
}

.recommended:after {
    position: absolute;
    content: "";
    background: url("/images/recommended.png");
    display: block;
    width: 857px;
    height: 852px;
    right: 0;
    bottom: -120px;
}

.top {
    width: 1120px;
    height: 550px;
    background: url("/images/top.png");
    position: relative;
    z-index: 2;
}

.top-right {
    width: 528px;
    height: 461px;
    margin-top: 36px;
}

.top-left {
    width: 405px;
    margin-left: 80px;
    margin-right: 59px;
}

.top-name {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 40px;
    line-height: 100%;
    color: var(--white);
    margin: 80px 0 40px;
}

.top-text {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 175%;
    color: rgba(255, 255, 255, 0.75);
}

.top-right img {
    object-fit: cover;
    border-radius: var(--s32);
    width: 100%;
    height: 100%;
}

.gallery-item {
    outline: none;
    object-fit: cover;
    display: block;
}

.gallery-item img {
    object-fit: cover;
    width: 100%;
    height: 325px;
    border-radius: var(--s32);
}

.gallery-name {
    font-family: var(--font-family);
    font-weight: 350;
    font-size: 56px;
    line-height: 129%;
    margin-bottom: 52px;
    color: var(--black);
}

.tab-name-gray {
    font-family: var(--font-family);
    font-weight: 300;
    font-size: 200px;
    text-transform: uppercase;
    color: var(--black);
    font-stretch: condensed;
    opacity: 0.16;
    line-height: 200px;
    margin-bottom: -80px;

}

.event-item {
    position: relative;
    text-decoration: none;
}

.event-item:after {
    content: "";
    display: block;
    z-index: 1;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%);
    border-radius: var(--s32);
}

.event-item-img {
    display: block;
    width: 100%;
    height: 325px;
    object-fit: cover;
    border-radius: var(--s32);
}

.event-item-name {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: var(--s32);
    line-height: 106%;
    color: var(--white);
    position: absolute;
    left: var(--s32);
    bottom: var(--s32);
    z-index: 2;
}
.merch-order a {
    text-decoration: none;
    color: #fff;
}
.event-item-type {
    position: absolute;
    left: var(--s32);
    top: var(--s32);
    z-index: 2;
    font-family: var(--second-family);
    font-weight: 600;
    font-size: 14px;
    line-height: 171%;
    letter-spacing: 0.27em;
    text-transform: uppercase;
    color: var(--black);
    border-radius: 16px;
    padding: 4px 16px;
    background: var(--white);
}

.grid-event-inside-1 {
    display: grid;
    grid-template-columns: 687px 1fr;
    gap: 176px;
}

.event-top-img img {
    display: block;
    width: 100%;
    border-radius: var(--s32);
}

.violet-circle-inside {
    background: url(/images/ellipse.png) left 623px no-repeat;
}

.mt-140 {
    margin-top: 140px !important;
}

.form {
    background: url("/images/cutlery.png") left bottom no-repeat #e3e4f9;
    padding: 64px 64px 64px 296px;
    border-radius: var(--s32);
}

.form-name {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 48px;
    line-height: 117%;
    color: var(--black);
    margin-bottom: 37px;
}

.gap-16 {
    gap: 16px;
}

.m-inp {
    border: 1px solid var(--grey-middle);
    border-radius: var(--s32);
    padding: 8px 24px;
    background: var(--white);
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 20px;
    line-height: 160%;
    color: var(--grey-middle);
    outline: none;
    width: 30%;
}

.m-select {
    border: 1px solid var(--grey-middle);
    border-radius: var(--s32);
    padding: 8px 24px;
    background: var(--white);
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 20px;
    line-height: 160%;
    color: var(--grey-middle);
    outline: none;

}

.m-submit {
    border-radius: var(--s32);
    padding: 16px 24px;
    background: var(--brand-purple);
    cursor: pointer;
    outline: none;
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 20px;
    line-height: 160%;
    color: var(--white);
    border: none;
}

.swiper-event-inside {
    height: auto;
    margin-bottom: 200px;
}

.grid-event-inside-2 {
    display: grid;
    grid-template-columns: 1fr 687px;
    gap: 176px;
    margin-top: 120px;
}

.event-bottom-img img {
    display: block;
    width: 100%;
    border-radius: var(--s32);
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-120 {
    margin-top: 120px !important;
}

.mb-100 {
    margin-bottom: 100px !important;
}

.grid-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--s32);
}

.event-link-1 {
    display: flex;
    text-decoration: none;
    background: var(--brand-yellow);
    border-radius: var(--s32);
    padding: 40px var(--s32);
    align-items: end;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 80px;
    line-height: 82%;
    text-transform: uppercase;
    color: var(--black);
    position: relative;
    font-stretch: condensed;
}

.event-link-1 span {
    margin-top: 80px;
}

.event-link-1:after {
    display: block;
    content: "";
    background: url("/images/child.png");
    width: 430px;
    height: 333px;
    position: absolute;
    right: -7px;
    bottom: 0;
}

.event-item-date {
    position: absolute;
    z-index: 2;
    left: var(--s32);
    top: 72px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 24px;
    line-height: 108%;
    text-align: right;
    color: var(--white);
}

.all-link {
    cursor: pointer;
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 20px;
    line-height: 160%;
    color: var(--white);
    background: var(--brand-purple);
    border: 1px solid var(--brand-purple);
    border-radius: var(--s32);
    padding: 8px 24px;
    transition: all ease 0.6s;
    text-decoration: none;
    display: inline-block;
}

.mbm-x {
    margin-bottom: -155px !important;
}

.mb-32 {
    margin-bottom: var(--s32) !important;
}
.mb-64 {
    margin-bottom: 64px !important;
}
.mb-90 {
    margin-bottom: 90px !important;
}
ul {
    margin-top: 0;
}
.mb-45 {
    margin-bottom: 45px !important;
}
.loyalty-img {
    object-fit: cover;
    width: 100%;
    height: 300px;
    text-align: center;
    border-radius: var(--s32);
}
.loyalty-text {
    position: absolute;
    left: var(--s32);
    bottom: var(--s32);
    font-weight: 600;
    font-size: 24px;
    line-height: 133%;
    color: var(--white);
    max-width: 54%;
    text-shadow: 0 0 5px #000;
}
.loyalty-item-slide {
    height: 300px;
    position: relative;
}
.event-link-2 {
    display: flex;
    text-decoration: none;
    background: var(--brand-purple);
    border-radius: var(--s32);
    padding: 40px var(--s32);
    align-items: end;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 80px;
    line-height: 82%;
    text-transform: uppercase;
    color: var(--white);
    position: relative;
    font-stretch: condensed;
}

.event-link-2 span {
    margin-top: 80px;
}

.event-link-2:after {
    display: block;
    content: "";
    background: url("/images/singer.png");
    width: 309px;
    height: 349px;
    position: absolute;
    right: 37px;
    bottom: 0;
}

.about-item img {
    display: block;
    max-width: 100%;
    border-radius: var(--s32);
}

.about-item {
    display: flex;
    align-items: center;
}

.about-item-text {
    width: 65%;
    margin: 0 auto;
}

.tab-name-violet {
    font-family: var(--font-family);
    font-weight: 300;
    font-size: 200px;
    line-height: 100%;
    text-transform: uppercase;
    color: var(--brand-purple);

    transition: all ease 0.6s;
    font-stretch: condensed;
}

.mb-164 {
    margin-bottom: 164px !important;
}

.faces {
    background: url("/images/faces.png") top right no-repeat;
    width: 100%;
    height: 658px;
}

.elipse-right-1 {
    background: url("/images/elipse-right-1.png") right 470px no-repeat;
}

.elipse-right-2 {
    background: url("/images/elipse-right-2.png") right 1970px no-repeat;
}

.review-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--s32);
}

.review-item {
    border: 1px solid var(--grey-middle);
    border-radius: var(--s32);
    padding: var(--s32);
}

.review-img {
    width: 110px;
    margin-right: 29px;
}

.review-name {
    width: calc(100% - 139px);
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 24px;
    line-height: 133%;
    color: var(--black);
}

.review-img img {
    border-radius: 100px;
    display: block;
    width: 100%;
}

.review-text {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 18px;
    line-height: 178%;
    color: var(--black-750);
}

.review-grid-index {
    display: grid;
    grid-template-columns: 1fr 832px;
    gap: 50px;
}

.review-left {
    width: 100%;
    background: url("/images/review-bgr-1.jpg") center right no-repeat;
    height: 749px;
}

.review-right {
    background: url("/images/review-bgr-2.jpg");

    height: 691px;
    padding: 86px 83px;
}
.coop-name {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 48px;
    line-height: 100%;
    color: var(--black);
    margin-bottom: 55px;
}
.coop-th {
    width: 50%;
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 250%;
    color: var(--black);
    margin-bottom: 30px;
}
.coop-td {
    width: 50%;
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 200%;
    color: var(--black);
    margin-bottom: 20px;
}
.download-pdf {
    display: inline-block;
    text-decoration: none;
    border-radius: var(--s32);
    padding: 8px 54px 8px 24px;
    background: url("/images/download.png") calc(100% - 24px) center no-repeat #3a3a3a;
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 20px;
    line-height: 160%;
    color: var(--white);
    margin-top: 40px;
}
.coop-violet {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 32px;
    line-height: 125%;
    color: var(--brand-purple);
    margin-bottom: 25px;
}
.coop-p {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 18px;
    line-height: 178%;
    color: var(--black-750);
    margin-bottom: 18px;
}
.coop-order {
    margin-top: var(--s32);
    border-radius: var(--s32);
    padding: 16px 24px;
    background: var(--brand-purple);
    display: inline-block;
    cursor: pointer;
    font-weight: 500;
    font-size: 20px;
    line-height: 160%;
    color: var(--white);
    text-decoration: none;
    margin-right: 16px;
}
.coop-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--s32);
}
.coop-grid img {
    display: block;
    width: 100%;
    height: 300px;
    border-radius: var(--s32);
    object-fit: cover;
    text-align: center;
}
.coop-item-name {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 24px;
    line-height: 167%;
    color: var(--black);
    transition: all ease 0.8s;
    position: relative;
    padding: 0 0 16px 0;
    border-bottom: solid 1px var(--grey-middle);
    margin-bottom: var(--s32);
}
.coop-item-name:after {
    font-family: Helvetica;
    display: block;
    font-weight: 500;
    content: ">";
    position: absolute;
    right: 0;
    top: 10px;
    transform: rotate(90deg) scaleY(1.5);
    transition: all ease 0.8s;
    color: var(--grey-middle);

}
.coop-item-text {
    display: none;
}
.coop-item-active .coop-item-text {
    display: block;
}
.coop-item-active .coop-item-name {
    color: var(--brand-purple);
    border-bottom: solid 1px var(--brand-purple);;
}
.coop-item-active .coop-item-name:after {
    transform: rotate(-90deg) scaleY(1.5);
    color: var(--brand-purple);
}
.mt-170 {
    margin-top: 170px;
}
.mb-40 {
    margin-bottom: 40px;
}
.more250 {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 140px;
    line-height: 76%;
    color: var(--brand-purple);
    margin-bottom: 20px;
}

.users {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 42px;
    line-height: 125%;
    color: var(--white);
    margin-bottom: 80px;
}
.bar {
    display: none;
}
.swiper-review {
    height: 100%;
}

.ri-right {
    width: calc(100% - 142px);
}

.ri-right .review-name {
    color: var(--white);
}

.ri-right .review-text {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 175%;
    color: rgba(255, 255, 255, 0.75);
}

.button-reivew .swiper-button-prev {
    left: 142px !important;
    right: auto !important;
}

.button-reivew .swiper-button-next {
    left: 208px !important;
    right: auto !important;
}
.lh-100 {
    line-height: 100% !important;
}
.violet-slider {
    padding: 80px;
    background: url("/images/stars.png") center no-repeat var(--brand-purple);
    border-radius: var(--s32);
    background-size: contain;
}
.loyalty-name {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 40px;
    line-height: 120%;
    color: var(--white);
}
.swiper-coop-inside .swiper-button-prev {
    right: 96px !important;
    bottom: 42px !important;
}
.swiper-coop-inside img {
    border-radius: var(--s32);
}
.review-all {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 32px;
    line-height: 94%;
    color: #a654e6;
    margin-left: var(--s32);
    text-decoration: none;
    margin-bottom: 11px;
}
.vertical-bottom {
    align-items: end;
}
.swiper-coop-inside .swiper-button-next {
    right: 32px !important;
    bottom: 42px !important;
}
.mb-60 {
    margin-bottom: 64px !important;
}
.mbm-x78 {
    margin-bottom: -65px !important;
}
.ai-contact-type {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 200%;
    color: var(--black);
    padding-left: 60px;
}
.ai-contact-content, .ai-address {
    display: flex;
    align-items: center;
    margin-bottom: 48px;
}
.ai-address {
    margin-bottom: 86px;
}
.ai-contact-item {
    margin-bottom: 10px;
}
.ai-icon {
    margin-right: 30px;
    display: flex;
    align-items: center;
}
.ai-address .ai-icon {
    margin-right: 45px;
}
.ai-phone {
    text-decoration: none;
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 32px;
    line-height: 150%;
    color: var(--black);
    margin-right: 18px;
}
.ai-email {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 18px;
    line-height: 178%;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: var(--brand-purple);
}
.ai-hours-wrapper {
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(2, 1fr);
}
.ai-hours {
    padding: var(--s32) 70px var(--s32) var(--s32);
    border-radius: var(--s32);
}
.ai-hours-yellow {
    background: url("/images/cbgr1.png") right bottom no-repeat var(--brand-yellow);
}
.ai-hours-purple {
    background: url("/images/cbgr2.png") right bottom no-repeat var(--brand-purple);
    color: #fff;
}
.shar {
    background: url("/images/shar.png");
    width: 652px;
    height: 228px;
    margin-bottom: -120px;
}

.bottom-404 {
    font-family: var(--font-family);
    font-weight: 300;
    font-size: 750px;
    text-transform: uppercase;
    color: var(--brand-purple);
    overflow: hidden;
    width: 100%;
    line-height: 100%;
    display: flex
;
    align-items: start;
    justify-content: right;
    height: 545px;
    margin-bottom: -120px;
    opacity: 0.5;
    font-stretch: condensed;
}
.map-index {
    height: 650px;
    filter: grayscale(1);
    margin-bottom: -120px;

}
.map-index iframe {
    height: 100% !important;
}
.contacts-map {
    height: 100%;
}
.adult-content {
    width: 90%;
    max-width: 600px;
    border-radius: var(--s32);
    background: #fff;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;

    max-height: 550px;
    z-index: 900;
    min-height: 516px;
}
.adult-close {
    background: url("/images/close1.png");
    width: 24px;
    height: 24px;
    position: absolute;
    right: 50px;
    top: 37px;
    cursor: pointer;
}
.overlay-view {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: fixed;
    z-index: 899;
    background: rgba(0,0,0,0.8);
}
.adult-content-wrapper {
    padding: 40px;
    text-align: center;
}
.contacts-map iframe{
    height: 100% !important;
    filter: grayscale(1);
    border-radius: var(--s32);
}
.cookies {
    background: #fff;
    border-radius: var(--s32);
    position: fixed;
    z-index: 950;
    bottom: var(--s32);
    left: 0;
    right: 0;
    box-shadow: 0 0 10px #999;
}
.cookies-grid {
    padding: 15px 90px;
    display: grid;
    gap: var(--s32);
    grid-template-columns: 1fr 140px;
    align-items: center;
}
.cookies-grid .merch-order {
    margin-top: 0;
}
.cookies-close {
    background: url("/images/close2.png");
    width: 14px;
    height: 14px;
    position: absolute;
    right: 16px;
    top: 16px;
    cursor: pointer;
}
.mobile-map-corners {
    display: none;
}
.corner-map {
    height: 770px;
    width: 100%;
 
}

.corner-map-img {
    transition: all ease 1.9s;
    background: url("/images/map2.png");
    right: 0;
    top: 300px;
    position: absolute;
    width: 1280px;
    height: 388px;
    z-index: 5;
}
.yellow-label {
    transition: all ease 1.9s;
    width: 600px;
    height: 600px;
    background: var(--brand-yellow);
    border-radius: 50%;
    position: absolute;
    left: 0;
    bottom: -275px;
}
.white-mart-name {
    transition: all ease 1.9s;
    background: url("/images/white-mart1.png") left center no-repeat;
    width: 600px;
    height: 96px;
    position: absolute;
    left: 0;
    bottom: 0px;
    background-size: cover;
}
.removeRightTop {
    right: 1500px;
    top: 900px;
}
.removeLeftBottom {
    left: 0;
    bottom: -1200px;
}
.dot-wrapper {
    position: absolute;
    left: -500px;
}
.dot-item {
    position: relative;
    transition: all ease 0.6s;
    width: 24px;
    height: 24px;
    border: solid 3px transparent;
    border-radius: 50%;
}
.dot-wrapper:hover {
    z-index: 10;
}
.dot-wrapper:hover .dot-item {
    border: solid 3px var(--brand-purple);
}
.dot-item:after {
    position: absolute;
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    background: var(--brand-purple);
    border-radius: 50%;
    left: 3px;
    top: 3px;
}
.date-event {
    margin-top: -15px;
    color: #999;
    font-size: 16px;
}
.desc-mb-190 {
    margin-bottom: -190px;
}
.dot-c-item {
    padding: 0;
    background: url("/images/balloon.png");
    border-radius: var(--s32);

    text-decoration: none;
    width: 470px;
    height: 343px;
    position: absolute;
    bottom: 6px;
    left: -159px;
    display: none;
}
.dot-wrapper:hover .dot-c-item {
    display: block;
}
.dot-c-grid {
    display: grid;
    grid-template-columns: 80px 1fr;
    gap: 20px;
    padding: 43px 35px 0;
}
.dot-c-item-img {
    display: block;
    text-align: center;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
}
.dot-c-item-name {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 32px;
    line-height: 125%;
    color: var(--black);
    margin-bottom: 13px;
}
.dot-c-item-short {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 175%;
    color: var(--black-750);
    margin-bottom: var(--s32);
}
.dot-c-item-menu {
    background: url("/images/menu1.png");
    width: 134px;
    height: 48px;
}
.for-filter {
    z-index:55; top:110px; margin:0 0 -50px
}
/* Для экранов 1730px и меньше */
@media (max-width: 1730px) {
    .for-filter {
        top:54px; margin:0 0 -50px
    }
.menu-img {
width:100%;
height:auto;
}
.menu-cover {
max-height:600px;
}
    .top {
        width: 900px;
        height: 460px;
        background: url(/images/top.png);
        position: relative;
        z-index: 2;
        background-size: cover;
        border-radius: var(--s32);
    }
    .top-right {
        width: 382px;
        height: 354px;
        margin-top: 46px;
    }
    .top-left {
        width: 380px;
        margin-left: 60px;
        margin-right: 35px;
    }
    .recommended:after {
        position: absolute;
        content: "";
        background: url(/images/recommended.png);
        display: block;
        width: 685px;
        height: 800px;
        right: 0;
        bottom: -120px;
        background-size: cover;
    }
    .recommended {
        position: relative;
        min-height: 511px;
        margin-top: 227px;
    }
    .filter {
        margin-top: -35px;
    }
    .play-btn {
        top: 42%;
    }
    .merch-video .play-btn {
        top: calc(50% - 40px);
    }
    .map-index {
        height: 400px;
    }
    .bottom-404 {
        font-size: 550px;
        height: 400px;
    }
    :root {
        --s32: 25px;
    }
    .event-item {

        font-size: 16px;

        border-radius: var(--s32);

    }

    .i-head-left {
        width: calc(100% - 400px);
        min-height: 700px;

    }

    .i-head-right {

        width: 400px;
        min-height: 700px;
    }

    .tab-name-wrapper {
        margin-top: 95px;
    }

    .tab-name {
        font-size: 130px;
    }

    .circle-food {
        width: 410px;
        height: 410px;
    }

    .circle-violet {
        width: 200px;
        height: 200px;
        top: 15px;
        left: 15px;
    }

    .circle-rose {
        width: 130px;
        height: 130px;
    }

    .container {
        width: 1280px;
    }

    .menu-link {
        font-size: 15px;
    }

    .menu {
        gap: 15px;
    }

    .phone {
        font-size: 20px;
    }

    h1 {
        font-family: var(--font-family);
        font-weight: 700;
        font-size: 48px;
        line-height: 133%;
        color: var(--black);
    }

    h2 {
        font-family: var(--font-family);
        font-weight: 600;
        font-size: 30px;
        line-height: 140%;
        color: var(--black);
    }

    h3 {
        font-family: var(--font-family);
        font-weight: 600;
        font-size: 20px;
        line-height: 140%;
        color: var(--black);
    }

    body {
        font-weight: 500;
        font-size: 15px;
        line-height: 160%;
    }
}

/* Для экранов 1280px и меньше */
@media (max-width: 1280px) {
    .map-index {
        height: 300px;
    }
    .bottom-404 {
        font-size: 300px;
        height: 218px;
    }
    :root {
        --s32: 20px;
    }
    .i-head-left {
        width: calc(100% - 280px);
        min-height: 600px;

    }

    .i-head-right {

        width: 280px;
        min-height: 600px;
    }

    .grid-3-xl {
        grid-template-columns: repeat(2, 1fr);
    }

    .tab-name-wrapper {
        margin-top: 65px;
    }

    .tab-name {
        font-size: 120px;
    }

    .circle-food {
        width: 330px;
        height: 330px;
    }

    .circle-violet {
        width: 150px;
        height: 150px;
        top: 35px;
        left: 35px;
    }

    .circle-rose {
        width: 90px;
        height: 90px;
    }

    .container {
        width: 1024px;
    }

    .menu-link {
        font-size: 13px;
    }

    .menu {
        gap: 10px;
    }

    .phone {
        font-size: 16px;
    }

    .phone:before {
        width: 18px;
        height: 18px;
        margin-right: 7px;
        background-size: contain !important;
    }

    .logo {
        width: 136px !important;
        height: 22px !important;
        background-size: contain;
        background-repeat: no-repeat;
    }
}

/* Для экранов 1024px и меньше */
@media (max-width: 1024px) {
    .map-index {
        height: 300px;
    }
    .bottom-404 {
        font-size: 200px;
        height: 145px;
    }
    .container {
        width: 960px;
    }
}

/* Для планшетов (768px) */
@media (max-width: 768px) {
    .desc-mb-190 {
        margin-bottom: inherit !important;
    }
    .container {
        width: 100%;
        padding: 0 20px; /* Добавим отступы, чтобы не прилипало к краям */
    }
    .corner-map {
        display: none;
    }

}

/* Для мобильных (480px и меньше) */
@media (max-width: 480px) {
    .adult-content {
        max-height: 350px;
        min-height: 430px;
    }
    .merch-grid {
        grid-template-columns: 1fr;

    }
    .grid-12 {
        grid-template-columns: 1fr;
    }
    .merch-gallery {
        grid-template-columns: 1fr;
    }
    .tab-name-violet {
        font-size: 77px;
    }
    .mbm-x78 {
        margin-bottom: -27px !important;
    }
    .mob-order-2 {
        order: 2;
    }
    .mob-order-1 {
        order: 1;
    }
    .merch-right, .merch-left, .merch-gallery-item, .merch-last {
        grid-column: auto !important;
    }
    .merch-gallery-item {
        height: 204px;
    }
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
        grid-column: auto !important;
    }
    .container {
        width: auto;
        padding: 0 15px;
    }
    .footer-name-bold {
        margin-bottom: 5px;
    }
    .footer-text-line {
        margin-bottom: 24px;
    }
    .tab {
        height: 63px;
        width: 206px;
        background: url("/images/unactive-mobile.png");
        background-repeat: no-repeat;
    }
    .select-line {
        padding-left: 10px;
    }
    .filter {
        display: grid;
        grid-template-columns: 100px 1fr;
        gap: 15px;
        margin: 0;
    }
    .tab-active {
        background: url("/images/active-mobile.png");
        margin-left: -30px;
        z-index: 15;

    }
    .custom-select.mr-50 {
        margin-right: 0 !important;
    }
    .company-item-text, .company-item-logo {
        display: none;

    }
    .company-item-img {
        margin: 0;
    }
    .company-item {
        padding: 0;
        border: none;
    }
    .description-text {
        padding-top: 20px;
    }
    .tab-name {
        font-size: 90px;
    }
    h1 {
        font-family: var(--font-family);
        font-weight: 700;
        font-size: var(--s32);
        line-height: 125%;
        color: var(--black);
    }

    h2 {
        font-family: var(--font-family);
        font-weight: 600;
        font-size: 28px;
        line-height: 140%;
        color: var(--black);
    }

    h3 {
        font-family: var(--font-family);
        font-weight: 600;
        font-size: 20px;
        line-height: 140%;
        color: var(--black);
    }

    body {
        font-weight: 500;
        font-size: 15px;
        line-height: 160%;
    }
    .menu {
        display: none;
    }
    .description-img {
        display: none;
    }
    .w-54 {
        width: 100%;
    }
    .grid-3-xl {
        grid-template-columns: 1fr;
    }
    .footer-grid {
        grid-template-columns: 1fr;
    }
    .footer-grid-2 {
        grid-template-columns: 1fr;
        gap: 0;
    }
    .company-item {
        position: relative;
    }
    .company-item-name {
        font-family: var(--font-family);
        font-weight: 600;
        font-size: 20px;
        text-shadow: 0 0 5px #000;
        color: var(--white);
        margin-bottom: 0;
        line-height: 20px;
    }
    .company-item-left {
        position: absolute;
        left: 24px;
        bottom: 24px;
    }
    .review-grid {
        grid-template-columns: 1fr;
    }
    .ai-phone {
        font-family: var(--font-family);
        font-weight: 600;
        font-size: 28px;
        line-height: 114%;
        color: var(--black);
        width: calc(100% - 46px);
        margin-right: 0;
    }
    .ai-email {
        width: calc(100% - 46px);
        display: block;
        margin-left: 46px;
    }
    .ai-icon {
        margin-right: 16px;
    }
    .ai-contact-type {
        padding-left: 46px;
    }
    .ai-contact-content, .ai-address {
        flex-wrap: wrap;
        margin-bottom: 24px
    }
    .ai-hours-wrapper {
        grid-template-columns: 1fr;
    }
    .shar {
        height: 120px;
    }
    .container-event-2, .container-event-3 {
        grid-template-columns: 1fr;
    }
    .event-item {
        padding: 0;
    }
    .mbm-x {
        margin-bottom: -191px !important;
    }
    .tab-name-gray {
        font-size: 53px;
        line-height: 63px;
        margin-bottom: -10px;
    }
    .event-item-img {
        height: 230px;
    }
    .event-item-name {
       
    }
.event-item-date {
top:62px;
font-size: 17px;
}
    .company {
        margin-top: 15px;
    }
    .form {
        padding: 24px;
    }
    .form-name {
        font-size: 20px;
        text-align: center;
    }
    .m-inp {
        width: 100%;
    }
    .m-select {
        width: 100%;
        padding: 12px;
    }
    .mt-120 {
        margin-top: 46px !important;
    }
    .grid-2 {
        grid-template-columns: 1fr;
    }
    .event-link-1, .event-link-2 {
        overflow: hidden;
        padding: 16px;
        height: 200px;
        font-size: 40px;
    }
    .event-link-1:after, .event-link-2:after {
        width: 240px;
        height: 211px;
        background-size: cover;
    }
    .event-link-2:after {
        right: -30px;
    }
    .event-link-1 span, .event-link-2 span {
        position: relative;
        z-index: 10;
    }
    .event-item-filter {
        font-family: var(--second-family);
        font-weight: 500;
        font-size: 14px;
        line-height: 171%;
        border-radius: 32px;
        padding: 8px 16px;
    }
    .event {
        display: flex;
        gap: 22px;
        overflow-x: auto;
        flex-wrap: nowrap;
        scroll-snap-type: x mandatory; /* по желанию для "прилипания" карточек */
        -webkit-overflow-scrolling: touch; /* плавная прокрутка на iOS */
    }
    .swiper-event-inside {
        margin-bottom: 100px !important;
    }

    .event::-webkit-scrollbar {
        display: none; /* отключить скроллбар (по желанию) */
    }

    .event-item-filter {
        flex: 0 0 auto; /* чтобы элементы не сжимались */
        scroll-snap-align: start; /* для прилипания */
    }
    .mob-mb-0 {
        margin-bottom: 0 !important;
    }
    .mt-140 {
        margin-top: 46px !important;
    }
    .mob-text-center {
        text-align: center;
    }
    .swiper-button-prev {
        right: calc(50% + 10px) !important;
    }
    .swiper-button-next {
        right: calc(50% - 58px) !important;
    }
    .breadcrumbs {
        line-height: normal;
        margin-bottom: 20px;
    }
    .grid-event-inside-1 {
        grid-template-columns: 1fr;
        gap: 32px;
    }
    .violet-circle {
        background: none;
    }
    .hero {
        margin: 24px 0 32px;
        display: grid;
        grid-template-columns: 80px 1fr;
        gap: 16px;
        align-items: start !important;
    }
    .text-inside {
        font-size: 15px;
        line-height: 22px;
    }
    .gallery a {
        height: 116px;
    }
    .gallery {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
        margin-bottom: 32px;
    }
    .gallery a:first-child {
        grid-column: 1 / span 2;
        height: 246px;
    }

    .logo-inside {
        width: auto;
        margin: 0;
    }
    .food-menu-left {
        width: auto;
    }
    .food-menu-name {
        font-size: 77px;
    }
    .food-menu-right {
        width: 100%;
        margin-top: 24px;
    }
    .top {
        width: 100%;
        border-radius: 24px;
        height: auto;
        background: #000;
    }
    .top-left, .top-right {
        width: 100%;
        margin: 16px;
        height: auto;
    }
    .top-right {
        order: 1;
    }
    .top-left {
        order: 2;
    }
    .top-name {
        font-size: 20px;
        text-align: center;
        margin-top: 0;
        margin-bottom: 16px;
    }
    .top-right img {
        height: 177px;
    }
    .container .container {
        padding: 0;
    }
    .recommended {
        position: relative;
        min-height: auto;
        padding-top: 575px;
        margin-top: 25px;
        overflow: hidden;
    }
    .recommended:after {
        position: absolute;
        content: "";
        background: url(/images/recommended.png) top center;
        display: block;
        width: calc(100% + 30px);
        height: 852px;
        right: -15px;
        bottom: auto;
        top: 0;
        background-size: cover;
    }
    .menu-cover {
        border: solid 10px var(--black);
        height: auto !important;
        width: calc(100% - 20px);
    }
    .violet-slider {
        padding: 30px 20px 10px 20px;
    }
    .loyalty-name {
        font-size: 20px;
    }
    .loyalty-img {
        height: 150px;
    }
    .loyalty-text {
        font-size: 16px;
    }
    .violet-slider.mt-80 {
        margin-top: 64px !important;
    }
    .loyalty-p-violet {
        font-size: 20px;
    }
    h2 {
        font-size: 20px;
    }
    .mb-64 {
        margin-bottom: 32px !important;
    }
    .i-head-right {
        display: none;
    }
    .i-head-left {
        width: 100%;
    }
    .index .logo {
        background-size: contain;
        background-repeat: no-repeat;
    }
    .slogan {
        padding: 0;
        text-align: center;
    }
    .slogan-str-1 {
        font-size: 48px;
    }
    .slogan-str-2 {
        font-size: 20px;
        font-weight: 300;
    }
    .i-head-left {
        height: 100vh;
        background: url(/images/whitemart.png) center 0 no-repeat;
        position: relative;
    }
    .index .phone {
        display: none;
    }
    .link-index {
        font-size: 16px;
    }
    .mob-informed {
        background: url("/images/action.png");
        width: 174px;
        height: 174px;
        position: absolute;
        bottom: -87px;
        left: calc(50% - 87px);
        z-index: 5;
        background-size: cover;

    }
    .i-h1 {
        font-size: 36px;
        line-height: 133%;
    }
    .welcome {
        display: none;
    }
    .white-mart {
        margin-top: 36px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        max-width: 100%;
        background: url("/images/touch.png") bottom center no-repeat;
        background-size: contain;
    }
    .video-container {
        width: 100%;
    }
    video#custom-video {
        width: 100%;
        height: 100%;
        object-fit: cover; /* или contain в зависимости от цели */
        text-align: center;
    }
    .mob-mt-0 {
        margin-top: 0!important;
    }
    .video-text {
        display: none;
    }
    .mb-90 {
        margin-bottom: 65px !important;
    }
    .marquee {
        font-size: 56px !important;
        line-height: 48px !important;
        margin-bottom: 64px !important;
    }
    .mob-d-none {
        display: none !important;
    }
    .review-left {
        display: none;
    }
    .review-grid-index {
        display: block;
        width: 100%;
    }
    .review-right {
        width: auto;
        padding: 16px;
        height: auto;
        border-radius: 40px;
        background-position: center;
    }
    .more250 {
        font-size: 80px;
        line-height: 100%;
        text-align: center;
        padding-top: 32px;
    }
    .review-ttl-1 {
        width: 100%;
    }
    .swiper-review .swiper-slide {
        width: 100% !important;
    }
    .sl-inside-1 {
        width: 100%;
    }
    .button-reivew .swiper-button-prev {
        left: auto !important;
        right: calc(50% + 10px) !important;
    }
    .button-reivew .swiper-button-next {
        left: auto !important;
        right: calc(50% - 58px) !important;
    }
    .review-ttl-1 {
        display: block !important;
    }
    .users {
        font-size: 24px;
        line-height: 133%;
        text-align: center;
        margin-bottom: 32px;
    }
    .review-ttl-1 {
        text-align: center;
    }
    .review-img {
        margin: 0 auto 16px auto;
    }
    .review-name, .ri-right {
        width: 100%;
    }
    .index-gallery-name {
        font-family: var(--font-family);
        font-weight: 350;
        font-size: 36px;
        line-height: 133%;
        color: var(--black);
        margin-top: 84px;
        margin-bottom: 0;
    }
    .bar-index {
        background: url("/images/bar-index.png");
        width: 73px;
        height: 85px;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 1000;
    }
    .mobile-menu {

        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: 1001;
        background: url("/images/menu.png") left bottom no-repeat var(--brand-purple);
    }
    .mobile-menu-close {
        background: url("/images/close.png");
        width: 18px;
        height: 18px;
        position: absolute;
        top: 36px;
        right: 35px;
    }
    .mobile-menu-wrapper {
        padding: 82px 40px;
    }
    .menu-link-mobile {
        text-decoration: none;
        display: block;
        font-family: var(--font-family);
        font-weight: 400;
        font-size: 24px;
        line-height: 121%;
        color: var(--white);
        margin-bottom: 16px;
    }
    .bar {
        background: url("/images/bar.png");
        width: 22px;
        height: 20px;
        display: block;
    }
    .food-menu-right {
        display: none;
    }
    .merch-order {
        margin-top: var(--s32);
        border-radius: var(--s32);
        padding: 9px 24px;
        background: var(--brand-purple);
        display: inline-block;
        cursor: pointer;
        font-weight: 500;
        font-size: 17px;
        line-height: 140%;
        color: var(--white);
    }

    .bottom-404 {
        font-family: var(--font-family);
        font-weight: 300;
        font-size: 292px;
        line-height: 100%;
        text-transform: uppercase;
        color: var(--brand-purple);
        overflow: hidden;
        width: 100%;
        display: flex;
        align-items: start;
        justify-content: center;
        height: 231px;
        margin-bottom: -120px;
    }
    .about-item-text {
        width: auto;
    }
    .faces {
        display: none;
    }
    .cookies-grid {
        grid-template-columns: 1fr;
        padding: 15px 15px;
    }
    .merch-video .play-btn {
        top: calc(50% - 100px);
    }
    .for-filter {
        display: block;
        position: relative;
        margin: 26px 0 122px 0;
        height: auto;
        top: auto;
    }
    .filter span {
        font-size: 19px;
    }
    .no-grid {
        width: calc(100vw - 30px);
    }
    .mt-170 {
        margin-top: 30px !important;
    }
    .swiper-coop-inside .swiper-button-prev {
        bottom: -65px !important;
    }
    .swiper-coop-inside .swiper-button-next {
        bottom: -65px !important;
    }
    .coop-grid {
        grid-template-columns: 1fr;
    }
    .coop-item-name:after {
        right: 10px;
    }
    .no-mobile {
        display: none;
    }
    .content_inject_default {
        padding: 18px;
    }
    .content_inject {
        width: 97%;
    }
}