:root {
  --font-family: "Arial", sans-serif;
  --second-family: "Manrope", sans-serif;
  --third-family: "ALS Granate", sans-serif;
  --font3: "Cormorant Garamond", sans-serif;
  --font4: "Inter", sans-serif;
  --font5: "Arimo", sans-serif;
}
@font-face {
    font-family: "ALS Granate";
    src: url("https://db.onlinewebfonts.com/t/cd805714fbcb405a2a39c078711c242d.eot");
    src: url("https://db.onlinewebfonts.com/t/cd805714fbcb405a2a39c078711c242d.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/cd805714fbcb405a2a39c078711c242d.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/cd805714fbcb405a2a39c078711c242d.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/cd805714fbcb405a2a39c078711c242d.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/cd805714fbcb405a2a39c078711c242d.svg#ALS Granate Thin")format("svg");
    font-display: swap; 
}

* {
    padding: 0;
    margin: 0;
}

body {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 115%;
    color: #fff;
    background: #000000;
}
@media (max-width: 991px) {
    body {
        font-size: 16px;
    }
}
button {
    cursor: pointer;
}
.relative {
    position: relative;
}
.container {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
    margin-right: auto;
    margin-left: auto
}
.row{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px;
}
.col-pd{
    padding-left: 12px;
    padding-right: 12px;
}
@media (max-width: 767px) {
   .row {
        margin-left: -4px;
        margin-right: -4px;
    }
    .col-pd {
        padding-left: 4px;
        padding-right: 4px;
    } 
}
.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
            flex-grow: 1;
    max-width: 100%;
}
.visually-hidden, .visibility-hidden {
    position: absolute;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
}
.list-unstyled {
    list-style: none;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
}

/* sm ≥ 576px */
@media (min-width: 577px) {
  .d-sm-none { display: none; }
  .d-sm-block { display: block; }
}

/* md ≥ 768px */
@media (min-width: 768px) {
  .d-md-none { display: none; }
  .d-md-block { display: block; }
}

/* lg ≥ 992px */
@media (min-width: 992px) {
  .d-lg-none { display: none; }
  .d-lg-block { display: block; }
}

/* xl ≥ 1200px */
@media (min-width: 1200px) {
  .d-xl-none { display: none; }
  .d-xl-block { display: block; }
}

/* xxl ≥ 1400px */
@media (min-width: 1400px) {
  .d-xxl-none { display: none; }
  .d-xxl-block { display: block; }
}



@media(min-width: 1290px){
    .container{
        max-width: 1406px;
    }
}




.btn {
    font-family: var(--third-family);
    font-weight: 300;
    font-size: 24px;
    color: #fff;
    box-shadow: 0 2px 9px 0 rgba(255, 255, 255, 0.3), 0 1px 5px 0 rgba(255, 255, 255, 0.1);
    background: linear-gradient(180deg, rgba(235, 217, 182, 0) 0%, rgba(250, 243, 229, 0.2) 100%);
    border-radius: 35px;
    display: inline-flex;
    position: relative;
    border: 1px solid #F4E3C5;
    transition: all linear 300ms;
}
.btn:hover {
    color: #F4E3C5;
    box-shadow: 0 7px 19px 0 rgba(235, 173, 57, 0.3), 0 2px 9px 0 rgba(255, 255, 255, 0.3), 0 1px 5px 0 rgba(255, 255, 255, 0.1);
}
.btn::before {
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /* background: linear-gradient(35deg, #F4E3C5 0%, #8E8472 100%); */
    background: rgba(2, 2, 2, 0.7);
    position: absolute;
    border-radius: 35px;
    z-index: -1;
}
.btn span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: 38px;
    padding: 18px 34px;
    backdrop-filter: blur(25.600000381469727px);
    box-shadow: inset 0 0 68px 0 rgba(255, 255, 255, 0.05), inset 0 2px 4px 0 rgba(255, 255, 255, 0.05);
    background: rgba(28, 18, 15, 0.1);
    gap: 10px;
}
@media (max-width: 991px) {
    .btn {
        font-size: 20px;
    }
}
@media (max-width: 576px) {
    .btn {
        font-size: 18px;
    }
}

.btn-link {
    font-family: var(--third-family);
    font-weight: 300;
    font-size: 24px;
    color: #fff;
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1.3;
    transition: all linear 300ms;
}
.btn-link::after {
    content: '';
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #fff;
    transition: all linear 300ms;
}
.btn-link:hover {
    color: #F4E3C5;
}
.btn-link:hover::after {
    width: 0;
}
@media (max-width: 991px) {
    .btn-link {
        font-size: 20px;
    }
}
@media (max-width: 576px) {
    .btn-link {
        font-size: 18px;
    }
}




.site {
    position: relative;
}
.header {
    z-index: 1;
}
.header.absolute {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;    
}
.header__inner {
    height: 142px;
}

.custom-logo-link {
    line-height: 0;
}


.header__inner-wrap {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    gap: 32px;
}
.header__nav {
    flex: 1;
}

.header__lang-switcher {
    margin-left: 20px;
    position: relative;
    z-index: 1;
}
.header__lang-switcher:after {
    content: '';
    width: 14px;
    height: 12px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='12' viewBox='0 0 14 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 5L7.38075 10.6193C7.17047 10.8295 6.82953 10.8295 6.61925 10.6193L1 5' stroke='%23F5F5F5' stroke-width='1.07692' stroke-linecap='square' /%3E%3C/svg%3E");
}
.header__lang-switcher select {
    background: transparent;
    appearance: none;
    cursor: pointer;
    border: 1px solid #c2d1d9;
    border-radius: 18px;
    padding: 5px 30px 5px 10px;
    width: 93px;
    height: 31px;
    text-align: center;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 115%;
    color: #f5f5f5;
    text-transform: uppercase;
}


.menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 70px;

    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 115%;
    color: #f5f5f5;
}
.menu.menu--left {
    justify-content: flex-end;
}
.menu li a {
  color: inherit;
  text-decoration: none;
  position: relative;
}

.menu li a:hover {
  text-decoration: underline;
}
@media (max-width: 1400px) {
    .menu {
        gap: 40px;
    }
}
@media (max-width: 1200px) {
    .menu, .header__lang-switcher select {
        font-size: 16px;
    }
    .header__logo {
        max-width: 100px;
    }
    .header__inner {
        height: 92px;
    }
}
@media (max-width: 991px) {
    .menu {
        gap: 40px;
    }
}


.mobile-nav {
    display: none;
}
.menu-open .overlay {
    position: fixed;
    backdrop-filter: blur(18px);
    box-shadow: inset 0 0 68px 0 rgba(0, 0, 0, 0.05), inset 0 2px 4px 0 rgba(0, 0, 0, 0.05);
    background: rgba(16, 11, 9, 0.2);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}
.menu-open .header {
    z-index: 20;
}
.menu-open .mobile-nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 15;
    padding-top: 200px;

    display: block;
}
.mobile-nav__inner {
    display: flex;
    flex-direction: column;
    gap: 26px;
    align-items: center;

    opacity: 0;
    transition: all linear 300ms;
}
.menu-open .mobile-nav__inner {
    opacity: 1;
}
.mobile-nav__inner .menu {
    flex-direction: column;
    justify-content: initial;
}

.btn-menu-toggle {
  width: 35px;
  height: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
}
.btn-menu-toggle span {
  display: block;
  width: 35px;
  height: 2px;
  background-color: #fff;
  border-radius: 1px;
  transition: 0.3s ease-in-out;
  transform-origin: center;
}
.menu-open .btn-menu-toggle span:nth-child(1) {
  transform: rotate(45deg) translate(7px, 5px);
}

.menu-open .btn-menu-toggle span:nth-child(2) {
  opacity: 0;
  transform: scaleX(0);
}
.menu-open .btn-menu-toggle span:nth-child(3) {
  transform: rotate(-45deg) translate(7px, -5px);
}


.header__mobile-toggle {
    line-height: 0;
}
@media (max-width: 991px) {
    .header__lang-switcher select {
        width: 54px;
        height: 20px;
        font-size: 9px;
    }
    .header__inner-wrap {
        justify-content: center;
    }
    .header__inner {
        justify-content: space-between;
        align-items: flex-start;
        padding-top: 20px;
    }

    .mobile-nav .menu-item a {
        font-family: var(--third-family);
        font-weight: 300;
        font-size: 21px;
        color: #fff;
        box-shadow: 0 2px 9px 0 rgba(255, 255, 255, 0.3), 0 1px 5px 0 rgba(255, 255, 255, 0.1);
        background: linear-gradient(180deg, rgba(235, 217, 182, 0) 0%, rgba(250, 243, 229, 0.2) 100%);
        border-radius: 30px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        position: relative;
        border: 1px solid #F4E3C5;
        width: 218px;
        height: 58px;
        transition: all linear 300ms;
    }
    .mobile-nav .menu-item a:hover {
        text-decoration: none;
        color: #F4E3C5;
        box-shadow: 0 7px 19px 0 rgba(235, 173, 57, 0.3), 0 2px 9px 0 rgba(255, 255, 255, 0.3), 0 1px 5px 0 rgba(255, 255, 255, 0.1);
    }

    
}




.footer {
    background-size: cover;
    background-position: center;
    margin-top: 130px;
    position: relative;
    padding-top: 1px;
    font-size: 20px;
    line-height: 115%;
}
.footer__logo {
    line-height: 0;
    text-align: center;
    margin-top: -130px;
    margin-bottom: 10px;
}
.footer__logo .custom-logo {
    width: 364px;
}
.footer__main {
    display: flex;
    margin-bottom: 56px;
}
.footer__col {
    padding-top: 16px;
    padding-bottom: 30px;
    border-right: 1px solid #fff;
}
.footer__col--menu {
    flex: 0 0 29%;
    max-width: 29%;
    display: flex;
}
.footer__col--center {
    flex: 0 0 49%;
    max-width: 49%;
    padding-left: 9%;
}
.footer__col--social {
    flex: 0 0 22%;
    max-width: 22%;
    border: none;
    padding-left: 8%;
}
.footer__menu {
    flex: 1;
}
.footer__menu-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 28px;
}
.footer__menu-list a {
    display: block;
    color: inherit;
    transition: all linear 300ms;
}
.footer__menu-list a:hover {
    color: #F4E3C5;
}
.footer__contacts {
    display: flex;
    flex-direction: column;
    gap: 28px;
}
.contact-item__icon {
    line-height: 0;
}
.contact-item {
    gap: 52px;
}
.contact-item__content {
    color: inherit;
}
.footer__socials {
    display: flex;
    align-items: center;
    gap: 15px;
}
.footer__socials a {
    display: flex;
    transition: all linear 300ms;
}
.footer__socials a:hover {
    transform: scale(1.1);
}
.footer__subtitle {
    margin-bottom: 23px;
}
.footer__bottom {
    padding-bottom: 36px;
}
.footer__legal {
    font-size: 16px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 45px;
}
.footer__legal a {
    color: inherit;
    transition: all linear 300ms;
}
.footer__legal a:hover {
    color: #F4E3C5;
}
.footer__copyright {
    font-size: 16px;
}
@media (max-width: 1400px) {
    .footer__col--social {
        padding-left: 3%;
    }
    .footer__col--center {
        padding-left: 5%;
    }
    .contact-item {
        gap: 32px;
    }
}
@media (max-width: 1200px) {
    .footer {
        margin-top: 70px;
        font-size: 18px;
    }
    .footer__logo {
        margin-top: -70px;
    }
    .footer__logo .custom-logo {
        width: 200px;
    }
    .contact-item {
        gap: 20px;
    }
    .footer__legal {
        font-size: 14px;
        gap: 35px;
    }
    .footer__copyright {
        font-size: 14px;
    }
    .footer__col--center {
        padding-left: 3%;
    }
}
@media (max-width: 767px) {
    .footer__logo .custom-logo {
        width: 186px;
    }
    .footer__main {
        flex-direction: column;
        gap: 40px;
    }
    .footer__col {
        flex: 0 0 100%;
        max-width: 100%;
        border: none;
        padding: 0;
    }
    .footer__menu {
        flex: initial;
    }
    .footer__col--menu {
        max-width: 375px;
        margin: 0 auto;
        width: 100%;
        justify-content: space-between;
    }
    .contact-item__icon {
        line-height: 1.1;
        text-decoration: underline;
    }
    .contact-item__icon:before {
        content: attr(data-title);
    }
    .contact-item__icon svg {
        display: none;
    }
    .contact-item {
        flex-direction: column;
        align-items: center;
        gap: 8px;
    }
    .footer__subtitle {
        margin-bottom: 8px;
        text-align: center;
        text-decoration: underline;
    }
    .footer__socials {
        justify-content: center;
    }
    .footer__bottom {
        flex-direction: column;
        gap: 30px;
        text-align: center;
    }
}



/* HOME PAGE */
.hero {
    position: relative;
    overflow: hidden;
    padding-top: 35px;
    padding-bottom: 224px;
}
.hero__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 0;
}
.smoke-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* z-index: 1; */
    /* mix-blend-mode: overlay; */
}
 .hero__photo {
    aspect-ratio: 1368 / 724;
    position: relative;
    line-height: 0;
}
.hero__photo::after {
    content: '';
    width: 100%;
    height: 40%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(0,0,0,1) 10%, rgba(0,0,0,0) 100%);
}
.main-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hero__photo img, .hero__photo .main-video {
      width: 100%;
      height: 100%;
      object-fit: cover;
      -webkit-mask: url(#hero-mask);
      mask: url(#hero-mask);
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-size: 100% 100%;
      mask-size: 100% 100%;
    }
/* .hero__smoke {
    height: 100%;
}
.hero__smoke img {
    width: 100%;
    height: 100%;
    object-fit: cover;
} */

/* контейнер дыма — только нижняя половина секции */
/* дым ровно в нижней половине */
.hero__smoke{
  position: absolute;
  left: 0; 
  right: 0; 
  bottom: -10%;
  height: 80%;
  pointer-events: none;
  overflow: hidden;

  /* мягко растворяем верх, чтоб не было полосы */
  -webkit-mask-image: linear-gradient(to top, rgba(0,0,0,1) 70%, rgba(0,0,0,0) 100%);
          mask-image: linear-gradient(to top, rgba(0,0,0,1) 70%, rgba(0,0,0,0) 100%);
}

/* один слой дыма; ниже три экземпляра с разными параметрами */
.hero__smoke .smoke{
    position: absolute;
    inset: 0;                    /* занять всю половину */
    /* background-image: url("https://myata.restocraft.cz/wp-content/themes/myata/assets/images/smoke/smoke_6185117.png"); */
    background-image: url("https://myata.restocraft.cz/wp-content/themes/myata/assets/images/smoke/smoke-elements.png");
    background-repeat: repeat-x; /* по горизонтали бесконечно */
    background-position: 0 100%; /* снизу */
    background-size: 2327px auto;/* масштаб текстуры (подбери!) */
    opacity: .38;
    filter: blur(.6px);
    will-change: background-position;
    /* две независимые анимации:
        - движение по X (дрейф/зацикливание)
        - лёгкое «дыхание» по Y (на пару пикселей вверх/вниз) */
    animation:
        smoke-x 90s linear infinite,
        smoke-y 8s ease-in-out infinite alternate;
}

/* глубина: разные скорости/прозрачности/масштабы */
.hero__smoke .l1{
  opacity: .35;
  /* background-size: 1200px auto; */
  animation-duration: 80s, 7s;
}
.hero__smoke .l2{
  opacity: .28;
  background-size: 1400px auto;
  animation: smoke-x 120s linear infinite reverse, smoke-y 10s ease-in-out infinite alternate;
}
.hero__smoke .l3{
  opacity: .22;
  background-size: 1600px auto;
  animation: smoke-x 160s linear infinite, smoke-y 12s ease-in-out infinite alternate-reverse;
}

/* непрерывный горизонтальный дрейф текстуры */
@keyframes smoke-x{
  from { background-position-x: 0; }
  to   { background-position-x: -3000px; } /* чем больше, тем медленнее «шов» */
}

/* лёгкое «дыхание» по вертикали — без обрезки сверху */
@keyframes smoke-y{
  from { background-position-y: 100%; } /* снизу */
  to   { background-position-y: 96%; }  /* едва приподнимаем */
}

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






.hero__socials {
    backdrop-filter: blur(11.199999809265137px);
    box-shadow: inset 0 0 68px 0 rgba(255, 255, 255, 0.05), inset 0 2px 4px 0 rgba(255, 255, 255, 0.05);
    background: rgba(28, 18, 15, 0.25);
    display: flex;
    align-items: center;
    border-radius: 30px;
    padding: 22px 102px;
    line-height: 0;
    gap: 12px;
    justify-content: center;
    max-width: 325px;
    margin-bottom: 12px;
}
.hero__socials a {
    transition: all linear 300ms;
}
.hero__socials a:hover {
    transform: scale(1.1);
}
.hero__description {
    font-size: 22px;
    line-height: 136%;
}
.hero__title {
    font-family: var(--third-family);
    /* font-weight: 300; */
    font-size: 156px;
    text-shadow: 0 0 9px #000;
    line-height: 1;
    text-align: right;
}
.hero__subtitle {
    font-family: var(--third-family);
    font-size: 58px;
    line-height: 1.3;
    letter-spacing: 0.01em;
    text-align: right;
}
.hero__left {
    margin-top: -80px;
}
.hero__right {
    margin-top: -190px;
    position: relative;
}
.hero__cta {
    position: absolute;
    bottom: 0;
    left: 30px;
}

@media (min-width: 577px) {
    .menu-btn {
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        left: 315px;
        top: 50%;
        width: 190px;
        height: 190px;
        border-radius: 50%;
        border: 1px solid #856220;
        padding: 10px;
        z-index: 1;
        color: #fff;
        text-transform: uppercase;
        font-family: var(--third-family);
        font-weight: 300;
        font-size: 24px;
        background: transparent;
        box-shadow: none;
        transition: all linear 300ms;
    }
    .menu-btn> span {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        border: 1px solid #856220;
        backdrop-filter: blur(11.5px);
        box-shadow: inset 0 0 68px 0 rgba(255, 255, 255, 0.05), inset 0 2px 4px 0 rgba(255, 255, 255, 0.05);
        background: rgba(28, 18, 15, 0.3);   
        transition: all linear 300ms; 
    }
    .menu-btn::before {
        content: '';
        left: -14px;
        right: -14px;
        top: -14px;
        bottom: -14px;
        position: absolute;
        background: rgba(235, 173, 57, 0.01);
        backdrop-filter: blur(69.69999694824219px);
        border-radius: 50%;
        transition: all linear 300ms;
    }
    .menu-btn:hover {
        color: #F4E3C5;
        box-shadow: 0 7px 19px 0 rgba(235, 173, 57, 0.3), 0 2px 9px 0 rgba(255, 255, 255, 0.3), 0 1px 5px 0 rgba(255, 255, 255, 0.1);
    }
    .menu-btn:hover::before {
        opacity: 0;
    }
}
@media (max-width: 1400px) {
    .menu-btn {
        left: 20%;
        top: 40%;
        width: 140px;
        height: 140px;
        font-size: 20px;
    }
    .hero__title {
        font-size: 120px;
    }
    .hero__subtitle {
        font-size: 48px;
    }
    .hero__description {
        font-size: 20px;
    }
}
@media (max-width: 1200px) {
    .hero__right {
        margin-top: -100px;
    }
    .hero__cta {
        left: 10px;
    }    
}
@media (max-width: 991px) {
    .hero__cta.btn {
        position: relative;
        bottom: initial;
        left: initial;
        margin-top: 20px;
    }
    .hero__title {
        text-align: left;
        font-size: 100px;
    }
    .hero__subtitle {
        text-align: left;
        font-size: 40px;
    }
    .hero__description {
        font-size: 18px;
        margin-top: 20px;
    }
    .hero__photo {
        margin-left: -100px;
        margin-right: -100px;
    }
    .menu-btn {
        top: 30%;
        width: 120px;
        height: 120px;
        font-size: 18px;
    }
    .hero__left {
        margin-top: 0;
    }
    .hero__socials {
        position: absolute;
        top: -70%;
        right: 0;
        width: auto;
        flex-direction: column;
        padding: 22px;
        transform: translateY(-50%);
    }
}
@media (max-width: 767px) {
    .hero__photo {
        margin: 0;
        aspect-ratio: 1 / 1;
    }
    .hero__photo img, .hero__photo .main-video {
        -webkit-mask: url(#hero-mask-mobile);
        mask: url(#hero-mask-mobile);
    }
    .hero__socials {
        padding: 0;
        background: transparent;
        box-shadow: none;
        right: 20px;
    }
}
@media (max-width: 576px) {
    .hero {
        padding-bottom: 100px;
    }
    .hero__title {
        font-size: 80px;
        line-height: 1.3;
    }
    .hero__subtitle {
        font-size: 27px;
    }
    .hero__description {
        font-size: 12px;
        margin-top: 15px;
    }
    .hero__cta.btn {
        width: 100%;
        margin-top: 54px;
    }
    .menu-btn.btn {
        width: 100%;
        height: auto;
        position: static;
        margin-top: 22px;
    }
}



.decor-banner {    
    background-size: cover;
    background-position: center;
}
.decor-banner__inner {
    height: 540px;
}
.decor-banner__content {
    border-radius: 38px;
    backdrop-filter: blur(25.600000381469727px);
    box-shadow: inset 0 0 68px 0 rgba(255, 255, 255, 0.05), inset 0 2px 4px 0 rgba(255, 255, 255, 0.05);
    background: rgba(28, 18, 15, 0.1);
    padding: 18px 34px;
}
.decor-banner__title {
    font-family: var(--third-family);
    font-size: 42px;
    line-height: 1;
    text-align: center;
}
.decor-banner__play {
    position: relative;
    display: block;
    margin-bottom: -10%;
    transition: all linear 300ms;
}
.decor-banner__play:hover {
    transform: scale(1.1);
}
@media (max-width: 1400px) {
    .decor-banner__title {
        font-size: 36px;
    }
}
@media (max-width: 1200px) {
    .decor-banner__title {
        font-size: 32px;
    }
}
@media (max-width: 991px) {
    .decor-banner__title {
        font-size: 30px;
    }
}
@media (max-width: 767px) {
    .decor-banner__inner {
        height: 423px;
    }
    .decor-banner__title {
        font-size: 24px;
    }
}
@media (max-width: 576px) {
    .decor-banner__title {
        font-size: 18px;
    }
    .decor-banner__content {
        padding: 16px;
    }
}


.network {
    background-size: cover;
    background-position: center;
    position: relative;
    padding-bottom: 120px;
    padding-top: 180px;
    overflow: hidden;
}
.network__bg {
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .6 !important;
}
.network__decor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.network__decor img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}
.network__smoke{
  position: absolute;
  left: 0; 
  right: 0; 
  top: -10%;
  height: 80%;
  pointer-events: none;
  overflow: hidden;

  /* мягко растворяем верх, чтоб не было полосы */
  -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 70%, rgba(0,0,0,0) 100%);
          mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 70%, rgba(0,0,0,0) 100%);
}

/* один слой дыма; ниже три экземпляра с разными параметрами */
.network__smoke .smoke{
    position: absolute;
    inset: 0;
    background-image: url("https://myata.restocraft.cz/wp-content/themes/myata/assets/images/smoke/smoke-elements.png");
    background-repeat: repeat-x;
    background-position: 0 100%;
    background-size: 2327px auto;
    opacity: .38;
    filter: blur(.6px);
    will-change: background-position;
    /* две независимые анимации:
        - движение по X (дрейф/зацикливание)
        - лёгкое «дыхание» по Y (на пару пикселей вверх/вниз) */
    animation:
        smoke-x2 90s linear infinite,
        smoke-y 8s ease-in-out infinite alternate;
}

/* глубина: разные скорости/прозрачности/масштабы */
.network__smoke .l1{
  opacity: .35;
  animation-duration: 80s, 7s;
}
.network__smoke .l2{
  opacity: .28;
  background-size: 1400px auto;
  animation: smoke-x2 120s linear infinite reverse, smoke-y 10s ease-in-out infinite alternate;
}
.network__smoke .l3{
  opacity: .22;
  background-size: 1600px auto;
  animation: smoke-x2 160s linear infinite, smoke-y 12s ease-in-out infinite alternate-reverse;
}

@keyframes smoke-x2{
  from { background-position-x: 0; }
  to   { background-position-x: 3000px; }
}




.network__title {
    font-family: var(--third-family);
    font-weight: 300;
    font-size: 28px;
    line-height: 1.2;
    max-width: 1050px;
    margin: 0 auto 32px;
    display: flex;
    align-items: center;
    gap: 24px;
    padding-top: 24px;
        padding-bottom: 16px;
}
.network__brand {
    font-family: var(--third-family);
    font-size: 190px;
    font-weight: bold;
    line-height: 1;
    margin-top: -24px;
}
.network__subtitle {
    padding: 24px 0 24px 24px;
    border-left: 1px solid #fff;
}
.network__text {
    font-size: 22px;
    line-height: 115%;
    margin-bottom: 40px;
}
.network__cards {
    margin-top: 70px;
}

.network-card {
    backdrop-filter: blur(35.22734832763672px);
    box-shadow: inset 0 0 94px 0 rgba(255, 255, 255, 0.05), inset 0 3px 6px 0 rgba(255, 255, 255, 0.05);
    background: rgba(152, 152, 152, 0.1);
    border-radius: 12px;
    padding: 21px 21px 24px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.network-card.left {
    margin-top: -210px;
}
.network-card.right {
    margin-top: -300px;
}
.network-card__text {
    font-size: 20px;
    line-height: 115%;
}
.network-card__image {
    line-height: 0;
    border-radius: 11px;
    overflow: hidden;
}
@media (max-width: 1400px) {
    .network__brand {
        font-size: 160px;
    }
}
@media (max-width: 1200px) {
    .network {
        padding-top: 120px;
    }
    .network__title {
        font-size: 24px;
    }

    .network__brand {
        font-size: 120px;
        flex: 1;
        text-align: right;
    }
    .network__subtitle {
        flex: 1;
    }
    .network__text {
        font-size: 20px;
    }
    .network-card.right {
        margin-top: -250px;
    }
    .network-card.left {
        margin-top: -160px;
    }
}
@media (max-width: 991px) {
    .network-card__text {
        font-size: 16px;
    }
    .network__brand {
        font-size: 100px;
    }
        .network__title {
        font-size: 20px;
    }
    .network__text {
        font-size: 16px;
    }
}
@media (max-width: 767px) {
    .network-card.left {
        margin-top: 0;
    }
    .network-card.right {
        margin-top: 0;
    }

    .network__cards>.row {
        display: grid;
        gap: 8px 0;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto;
        grid-template-areas:
            "box1 box3"
            "box2 box3";
    }
    .network__cards .col-12:nth-child(3) {
        grid-area: box3;
    }
    .network__cards .col-12:nth-child(2) {
        grid-area: box2;
    }
    .network__cards .col-12:first-child {
        grid-area: box1;
    }
    .network-card.right {
        height: 100%;
    }
    .network-card.right .network-card__image {
        flex: 1;
    }
    .network-card.right .network-card__image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}
@media (max-width: 576px) {
    .network__title {
        flex-direction: column;
        gap: 0;
        padding-bottom: 0;
        margin-bottom: 25px;
        font-size: 18px;
        text-align: center;
    }
    .network__brand {
        border-bottom: 1px solid #fff;
        width: 100%;
        text-align: center;
        font-size: 110px;
    }
    .network__subtitle {
        width: 100%;
        border: none;
        padding: 20px 0 0;
    }
        .network__text {
        font-size: 14px;
        margin-bottom: 53px;
    }
    .network__button {
        width: 100%;
    }
    .network-card {
        padding: 10px;
        gap: 7px;
        border-radius: 6px;
    }
    .network-card.right .network-card__image {
        border-radius: 5px;
    }
    .network-card__text {
        font-size: 14px;
    }
    .network__cards {
        margin-top: 53px;
    }
}





.about {
    padding-top: 380px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-bottom: 220px;
    position: relative;
    overflow: hidden;
}
.about__bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.about__bg-fon{
    position: absolute;
    inset: 0;
    background-image: url("/wp-content/themes/myata/assets/images/pattern/pattern-fon.svg");
    /* background-size: cover; */
    background-position: top center;
    background-repeat: no-repeat;
}

/* Центральный элемент */
.about__bg-center{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.about__bg-center img {
    margin-top: -22%;
}
.about__bg-center img{ 
  transform-origin: 50% 50%;
}


/* Вращение начинается только когда AOS добавил .aos-animate */
.about__bg-center.aos-animate img{
  animation: about-spin 300s linear infinite;
}

@keyframes about-spin{
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

/* Если у пользователя отключены анимации */
@media (prefers-reduced-motion: reduce){
  .about__bg-center.aos-animate img{ animation: none; }
}



.about__title {
    font-family: var(--third-family);
    font-size: 79px;
    line-height: 1;
    padding-bottom: 10px;
}
.about__subtitle {
    font-family: var(--third-family);
    font-weight: 300;
    font-size: 32px;
    line-height: 1.2;
    margin-bottom: 23px;
}
.about__description {
    font-size: 24px;
    line-height: 1.2;
}
.about__button {
    margin-top: 48px;
    width: 322px;
}

.about__cards {
    display: flex;
    justify-content: center;
    gap: 90px;
    margin-top: 150px;
}
.about-card {
    padding: 15px;
    text-align: center;
    backdrop-filter: blur(25.600000381469727px);
    box-shadow: inset 0 2px 4px 0 rgba(55, 55, 55, 0.05);
    background: rgba(255, 255, 255, 0.05);
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    gap: 26px;

    flex: 0 0 351px;
    max-width: 351px;
}
.about-card__image {
    line-height: 0;
    border-radius: 6px;
    overflow: hidden;
}
.about-card__label {
    font-size: 24px;
    line-height: 117%;
    text-transform: uppercase;
    font-weight: 400;
}
@media (max-width: 1400px) {
    .about__cards {
        gap: 24px;
        margin-top: 100px;
    }
    .about__bg-fon {
        background-size: 1400px auto;
    }
    .about__bg-center img {
        margin-top: -40%;
    }
    .about {
        padding-top: 280px;
    }
}
@media (max-width: 1200px) {
    .about {
        background-size: contain;
        background-position: top center;
        padding-top: 20%;
        padding-bottom: 100px;
    }
    .about-card__label {
        font-size: 20px;
    }
    .about-card {
        flex: 0 0 30%;
        max-width: 30%;
    }
    .about__subtitle {
        font-size: 28px;
    }
    .about__description {
        font-size: 20px;
    }
    .about__bg-fon {
        background-size: 1200px auto;
    }
}
@media (max-width: 991px) {
    .about__title {
        font-size: 60px;
    }
    .about__subtitle {
        font-size: 20px;
    }
    .about__description {
        font-size: 16px;
    }
    .about-card__label {
        font-size: 16px;
    }
    .about__bg-fon {
        background-size: 1000px auto;
    }
}
@media (max-width: 767px) {
    .about__cards {
        flex-wrap: wrap;
        gap: 8px;
        align-items: center;
    }
    .about__cards-descr, .about-card {
        flex: 0 0 calc(50% - 4px);
        max-width: calc(50% - 4px);
    }
    .about__cards-descr {
        order: 1;
        transform: translateY(20%);
    }
    .about-card {
        order: 4;
    }
    .about-card:nth-of-type(4) {
        order: 3;
        transform: translateY(-20%);
    }
    .about-card:nth-of-type(2) {
        order: 2;
    }
    .about__bg-fon {
        background-size: 767px auto;
    }
    .about__bg-center {
        height: 50%;
    }
    .about__bg-center img {
        max-width: 700px;
        margin-top: -30%;
    }
}
@media (max-width: 576px) {
    .about {
        padding-top: 27%;
        background-size: 486px 299px;
    }
    .about-card {
        padding: 10px;
        gap: 10px;
    }
    .about-card__label {
        font-size: 12px;
    }
    .about__description {
        font-size: 14px;
    }
    .about__title {
        font-size: 45px;
    }
    .about__button {
        width: 100%;
        margin-top: 27%;
    }
    .about__bg-fon {
        background-size: 486px auto;
    }
    .about__bg-center img {
        max-width: 486px;
        margin-top: -45%;
    }        
}



.lounge {    
    overflow: hidden;
    background-size: cover;
    background-position: center;
    padding-top: 130px;
    padding-bottom: 130px;
}
.lounge__decor-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* .lounge__decor-item {
    position: absolute;
}
.lounge__decor--top-left {
    left: -10px;
    top: -10px;
}
.lounge__decor--top-right {
    top: -10px;
    right: -10px;
}
.lounge__decor--bottom-left {
    bottom: -10px;
    left: -10px;
}
.lounge__decor--bottom-right {
    bottom: -10px;
    right: -10px;
} */

/* контейнер и базовые позиции */
/* .lounge__decor-bg{
  position:absolute; 
  inset:0;
  pointer-events:none; 
} */

.lounge__decor-item{
    position:absolute;
    --sway-deg: 3deg;      /* амплитуда поворота */
    --sway-x: 3px;         /* амплитуда смещения */
    --sway-y: 2px;
    --sway-dur: 7s;        /* длительность */
    --sway-delay: 0s;
}

/* размещение по углам (подгони размеры) */
.lounge__decor--top-left    { top: -50px;    left: -70px;    transform-origin: 20% 20%; }
.lounge__decor--top-right   { top: -50px;    right: -70px;   transform-origin: 80% 20%; }
.lounge__decor--bottom-left { bottom: -50px; left: -70px;    transform-origin: 20% 80%; }
.lounge__decor--bottom-right{ bottom: -50px; right: -70px;   transform-origin: 80% 80%; }

.lounge__decor-item img{
    display:block;
    will-change: transform;
    opacity: .3;
}

/* когда AOS добавит .aos-animate — запускаем «ветер» */
.lounge__decor-item.aos-animate img{
    animation: leaf-sway var(--sway-dur) ease-in-out var(--sway-delay) infinite alternate;
    /* небольшая «дрожь» масштаба для живости */
    transform: translate3d(0,0,0);
}

/* анимация покачивания листьев */
/* @keyframes leaf-sway{
  0%   { transform: translate( calc(var(--sway-x) * -1),  calc(var(--sway-y) * -1) ) rotate( calc(var(--sway-deg) * -1) ); }
  50%  { transform: translate(0,0) rotate(0deg); }
  100% { transform: translate( var(--sway-x), var(--sway-y) ) rotate( var(--sway-deg) ); }
} */
@keyframes leaf-sway {
  0%   { transform: translate(0, 0) rotate(0deg); }
  25%  { transform: translate(calc(var(--sway-x) * 0.6), calc(var(--sway-y) * -0.6)) rotate(calc(var(--sway-deg) * 0.7)); }
  50%  { transform: translate(calc(var(--sway-x) * -0.8), calc(var(--sway-y) * 0.8)) rotate(calc(var(--sway-deg) * -0.9)); }
  75%  { transform: translate(calc(var(--sway-x) * 0.4), calc(var(--sway-y) * 0.4)) rotate(calc(var(--sway-deg) * 0.5)); }
  100% { transform: translate(0, 0) rotate(0deg); }
}



/* слегка различим параметры для каждого угла (чтобы не в унисон) */
.lounge__decor--top-left    { --sway-dur: 8s;  --sway-delay: .2s; --sway-deg: 3deg; --sway-x: 2px; --sway-y: 2px; }
.lounge__decor--top-right   { --sway-dur: 7s;  --sway-delay: .4s; --sway-deg: 2.5deg; --sway-x: 3px; --sway-y: 1px; }
.lounge__decor--bottom-left { --sway-dur: 9s;  --sway-delay: .1s; --sway-deg: 3.5deg; --sway-x: 2px; --sway-y: 3px; }
.lounge__decor--bottom-right{ --sway-dur: 7.5s;--sway-delay: .3s; --sway-deg: 2deg;   --sway-x: 3px; --sway-y: 2px; }

/* уважение к системной настройке */
@media (prefers-reduced-motion: reduce){
  .lounge__decor-item.aos-animate img{ animation: none; }
}



.lounge__content {
    height: 590px;
    position: relative;
    display: flex;
    gap: 24px;
}
.lounge__decor {
    position: absolute;
    line-height: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.lounge__logo-group {
    position: absolute;
    line-height: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    z-index: 1;
}
.lounge__logo {
    margin-right: -3%;
}

.lounge__column {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 84px;
}
.lounge__item {
    height: 253px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    gap: 10px;
    
}
.lounge__item:before, .lounge__item:after {
    content: '';
    position: absolute;
}

.lounge__column--left .lounge__item:first-child {
    background: linear-gradient(303deg, rgba(254, 254, 254, 0.1) 0%, rgb(0 0 0) 100%);
}
.lounge__column--left .lounge__item:last-child {
    background: linear-gradient(198deg, rgba(254, 254, 254, 0.1) 0%, rgb(0 0 0) 100%);
}
.lounge__column--right .lounge__item:first-child {
    background: linear-gradient(46deg, rgba(254, 254, 254, 0.1) 0%, rgb(0 0 0) 100%);
}
.lounge__column--right .lounge__item:last-child {
    background: linear-gradient(155deg, rgba(254, 254, 254, 0.1) 0%, rgb(0 0 0) 100%);
}
.lounge__column--left .lounge__item:first-child:before {
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: linear-gradient(180deg, rgba(244, 227, 197, 0) 0%, #BD9445 100%);
}
.lounge__column--left .lounge__item:first-child:after {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(244, 227, 197, 0) 0%, #BD9445 100%);
}
.lounge__column--left .lounge__item:last-child:before {
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: linear-gradient(0deg, rgba(244, 227, 197, 0) 0%, #BD9445 100%);
}
.lounge__column--left .lounge__item:last-child:after {
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(244, 227, 197, 0) 0%, #BD9445 100%);
}
.lounge__column--right .lounge__item:first-child:before {
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: linear-gradient(180deg, rgba(244, 227, 197, 0) 0%, #BD9445 100%);
}
.lounge__column--right .lounge__item:first-child:after {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(270deg, rgba(244, 227, 197, 0) 0%, #BD9445 100%);
}
.lounge__column--right .lounge__item:last-child:before {
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: linear-gradient(0deg, rgba(244, 227, 197, 0) 0%, #BD9445 100%);
}
.lounge__column--right .lounge__item:last-child:after {
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(270deg, rgba(244, 227, 197, 0) 0%, #BD9445 100%);
}

.lounge__text {
    font-size: 20px;
}
@media (max-width: 1400px) {
    .lounge {
        background-size: contain;
        background-repeat: no-repeat;
    }
}
@media (max-width: 1200px) {
    .lounge__item {
        height: 203px;
    }
    .lounge__content {
        height: auto;
    }
    .lounge__column {
        gap: 64px;
    }
    .lounge__decor-item img {
        max-width: 318px;
    }
    .lounge__decor--top-left    { top: -30px;    left: -40px; }
    .lounge__decor--top-right   { top: -30px;    right: -40px; }
    .lounge__decor--bottom-left { bottom: -30px; left: -40px; }
    .lounge__decor--bottom-right{ bottom: -30px; right: -40px; }
}
@media (max-width: 991px) {
    .lounge {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .lounge__text {
        font-size: 18px;
    }
    .lounge__icon {
        transform: scale(0.7);
    }
    .lounge__item {
        height: 180px;
    }
    .lounge__column {
        gap: 44px;
    }
    .lounge__decor-item img {
        max-width: 218px;
    }
    .lounge__decor--top-left    { top: -20px;    left: -30px; }
    .lounge__decor--top-right   { top: -20px;    right: -30px; }
    .lounge__decor--bottom-left { bottom: -20px; left: -30px; }
    .lounge__decor--bottom-right{ bottom: -20px; right: -30px; }
}
@media (max-width: 767px) {
    .lounge__text {
        font-size: 16px;
    }
    .lounge__column {
        gap: 38px;
    }
    .lounge__decor-item img {
        max-width: 150px;
    }
    .lounge__decor--top-left    { top: -10px;    left: -20px; }
    .lounge__decor--top-right   { top: -10px;    right: -20px; }
    .lounge__decor--bottom-left { bottom: -10px; left: -20px; }
    .lounge__decor--bottom-right{ bottom: -10px; right: -20px; }
}
@media (max-width: 576px) {
    .lounge {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .lounge__icon {
        transform:none;
        width: 29px;
        height: 29px;
        object-fit: contain;
    }
    .lounge__item {
        flex-direction: column;
        text-align: center;
        height: 140px;
    }
    .lounge .lounge__column .lounge__item {
        background: transparent;
    }
    .lounge__column {
        gap: 30px;
    }
    .lounge__content {
        gap: 20px;
    }
    .lounge__text {
        font-size: 13px;
    }
    .menu-preview__button span {
        padding: 10px;
    }
    .lounge__title {
        margin: 0 -10%;
    }
    .lounge__decor-item img {
        max-width: 120px;
    }

}




.menu-preview {
    background: linear-gradient(135deg, rgba(0, 92, 66, 0) 0%, rgb(0 92 66 / 10%) 100%);
    position: relative;
    overflow: hidden;
    padding-top: 210px;
    padding-bottom: 180px;
}
.menu-preview__grid .row {
    gap: 24px 0;
}
.menu-preview__decor {
    line-height: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.menu-preview__decor img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all linear 300ms;
}
.menu-preview__smoke{
  position: absolute;
  left: 0; 
  right: 0; 
  bottom: -40%;
  height: 80%;
  pointer-events: none;
  overflow: hidden;

  /* мягко растворяем верх, чтоб не было полосы */
  -webkit-mask-image: linear-gradient(to top, rgba(0,0,0,1) 70%, rgba(0,0,0,0) 100%);
          mask-image: linear-gradient(to top, rgba(0,0,0,1) 70%, rgba(0,0,0,0) 100%);
}

/* один слой дыма; ниже три экземпляра с разными параметрами */
.menu-preview__smoke .smoke{
    position: absolute;
    inset: 0;
    /* background-image: url("/wp-content/themes/myata/assets/images/smoke/smoke-elements.png");    */
    background-image: url("/wp-content/themes/myata/assets/images/smoke/smoke_6185117.png "); 

    background-repeat: repeat-x;
    background-position: 0 100%;
    background-size: 1200px auto;
    opacity: 1;
    filter: blur(.6px);
    will-change: background-position;
    animation:
        smoke-x3 2000s linear infinite,
        smoke-y 8s ease-in-out infinite alternate;
}

/* глубина: разные скорости/прозрачности/масштабы */
.menu-preview__smoke .l1{
  /* opacity: .35; */
  animation-duration: 1500s, 7s;
}
.menu-preview__smoke .l2{
  /* opacity: .28; */
  background-size: 1400px auto;
  animation: smoke-x3 1200s linear infinite reverse, smoke-y 10s ease-in-out infinite alternate;
}
.menu-preview__smoke .l3{
  opacity: .22;
  background-size: 1600px auto;
  animation: smoke-x3 1600s linear infinite, smoke-y 12s ease-in-out infinite alternate-reverse;
}

@keyframes smoke-x3{
  from { background-position-x: 0; }
  to   { background-position-x: -30000px; } /* чем больше, тем медленнее «шов» */
}



.menu-preview__item {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    position: relative;
    border-radius: 12px 12px 200px 200px;
    overflow: hidden;
}
.menu-preview__button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 76%;
}
.menu-preview__image-wrapper {
    line-height: 0;
    overflow: hidden;
    position: relative;
}
.menu-preview__image-wrapper::after {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background: #000;
    opacity: .1;
    transition: all linear 300ms;
}

.menu-preview__image-wrapper img{
    width: 100%;
    transition: all linear 300ms;
}
.menu-preview__item:hover .menu-preview__image-wrapper::after {
    opacity: 0;
}
.menu-preview__item:hover .menu-preview__image-wrapper img {
    transform: scale(1.1);
}

.menu-preview__full {
    margin-top: 60px;
}
@media (max-width: 991px) {
    .menu-preview {
        padding-top: 120px;
        padding-bottom: 120px;
    }
}



.reservation {
    /* background-image: url(/wp-content/themes/myata/assets/images/reservation/reservation_bg.png); */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
    padding-top: 260px;
    padding-bottom: 230px;
    overflow: hidden;
    position: relative;
}
.reservation__bg {
    position: absolute;
    width: 1155px;
    height: 100%;
    top: 0;
    right: 85%;
    pointer-events: none;

      --sway-deg: 3deg;      /* амплитуда поворота */
  --sway-x: 3px;         /* амплитуда смещения */
  --sway-y: 2px;
  --sway-dur: 7s;        /* длительность */
  --sway-delay: 0s;
}
.reservation__bg img {
    opacity: .3;
    will-change: transform;
    display: block;
}
.reservation__bg.aos-animate img{
  animation: leaf-sway-breeze var(--sway-dur) ease-in-out var(--sway-delay) infinite alternate;
  /* небольшая «дрожь» масштаба для живости */
  transform: translate3d(0,0,0);
}
@keyframes leaf-sway-breeze {
  0%   { transform: translate(0,0) rotate(0deg) scale(1); }
  20%  { transform: translate(var(--sway-x), var(--sway-y)) rotate(var(--sway-deg)) scale(1.02); }
  40%  { transform: translate(calc(var(--sway-x) * -0.7), calc(var(--sway-y) * 0.7)) rotate(calc(var(--sway-deg) * -0.8)) scale(0.99); }
  60%  { transform: translate(calc(var(--sway-x) * 0.5), calc(var(--sway-y) * -0.5)) rotate(calc(var(--sway-deg) * 0.6)) scale(1.01); }
  80%  { transform: translate(calc(var(--sway-x) * -0.3), calc(var(--sway-y) * -0.3)) rotate(calc(var(--sway-deg) * -0.4)) scale(1.00); }
  100% { transform: translate(0,0) rotate(0deg) scale(1); }
}

.reservation__map {
    flex: 0 0 714px;
    max-width: 714px;
}
.reservation__title {
    font-family: var(--third-family);
    font-size: 40px;
    line-height: 1.1;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.reservation__tabs {
    flex: 0 0 435px;
    max-width: 435px;
}
.tabs__content {
    /* padding-top: 170px; */
    display: none;
}
.tabs__content.active {
    display: block;
}
.tabs__btn {
    font-size: 16px;
    background: transparent;
    color: #fff;
    padding: 0 0 5px;
    position: relative;
    border: none;
    border-bottom: 1px solid transparent;
    display: inline-flex;
    line-height: 1.2;
}
.tabs__btn.active {
    border-bottom-color: #fff;
}
.tabs__nav {
    display: flex;
    gap: 31px;
    position: relative;
    z-index: 1;
}
.reservation__button {
    width: 322px;
    margin-top: 52px;
}

.legend__item {
    display: flex;
    align-items: center;
    gap: 17px;
    font-size: 15px;
}
.legend__color {
    line-height: 0;
}
.reservation__legend {
    display: flex;
    flex-direction: column;
    gap: 19px;
    margin-top: 140px;
}
.reservation__tabs .reservation__title {
    margin-top: 170px;
}

.reserv {
    position: relative;
    min-height: 860px;
}
.reserv__title-decor {
    font-family: var(--second-family);
    font-weight: 300;
    font-size: 160px;
    line-height: 1;
    text-shadow: 0 0 99px rgba(244, 227, 197, 0.8);
    opacity: 0.5;
    color: #000;
}
.reserv__title {
    color: #f4e3c5;
    font-size: 32px;
    margin-top: -40px;
    position: relative;
}
.reserv__descr {
    font-size: 16px;
    line-height: 115%;
    margin-top: 7px;
}
.reserv-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.reserv-bg__rotate {
    position: absolute;
    right: -510px;
    left: auto;
    width: 1554px;
    bottom: -461px;

    --sway-deg: 3deg;
    --sway-x: 3px;
    --sway-y: 2px;
    --sway-dur: 7s;
    --sway-delay: 0s;
}
.reserv-bg__rotate img {
    will-change: transform;
    display: block;
}
.reserv-bg__rotate.aos-animate img {
    animation: leaf-sway-breeze var(--sway-dur) ease-in-out var(--sway-delay) infinite alternate;
    transform: translate3d(0,0,0)
}
.reserv-bg__bg-image {
    position: absolute;
    right: 0;
    bottom: 0;
    line-height: 0;
}

.reserv-bg__bg-image::before {
    content: '';
    display: block;
    position: absolute;
    width: 886px;
    aspect-ratio: 1 / 1;
    filter: blur(256px);
    border-radius: 50%;
    background: linear-gradient(129deg, #005d43 0%, rgba(0, 195, 140, 0.5) 100%);
}
.reserv-bg__bg-image img {
    position: relative;
    
}
.reserv__form-wrap {
    max-width: 454px;
    margin-top: 40px;
}
@media (max-width: 1300px) {
    .reserv__title-decor {
        font-size: 120px;
    }
    .reserv-bg__bg-image img {
        max-width: 400px;
    }
    .reserv-bg__rotate {
        right: -355px;
        width: 1000px;
        bottom: -314px;
    }
}
@media (max-width: 1200px) {
    .reservation {
        padding-top: 160px;
        padding-bottom: 130px;
    }
    .reservation__inner {
        flex-direction: column;
        align-items: center;
    }
    .reservation__tabs {
        flex: 0 0 100%;
        max-width: 100%;
        padding-bottom: 80px;
    }
    .reservation__tabs .reservation__title {
        margin-top: 100px;
    }
    .tabs__content {
        /* padding-top: 100px; */
    }   
    .reservation__bg {
        right: 75%;
    } 
}
@media (max-width: 991px) {
    .reservation__title {
        font-size: 36px;
        margin-bottom: 15px;
    }
}
@media (max-width: 767px) {
    .reservation {
        padding-top: 120px;
        padding-bottom: 80px;
    }
    .reservation__map{
        flex: 1;
    }
    .reservation__bg {
        left: 50%;
        right: auto;
    }
    .reservation__bg img {
        opacity: .1;
    }
    .reserv {
        padding-bottom: 400px;
    }
}
@media (max-width: 576px) {
    .reservation {
        /* background-image: url(/wp-content/themes/myata/assets/images/reservation/reservation_bg-mobile.svg); */
        background-position: right center;
    }
    .reservation__title {
        text-align: center;
    }
    .reservation__text {
        text-align: center;
    }
    .reservation__button.btn {
        width: 100%;
    }
    .reservation {
        background-position: right top 100px;
        background-size: initial;
    }
    .reservation__legend {
        margin-top: 100px;
    }
    .reservation__tabs {
        padding-bottom: 46px;
    }
    .reservation__bg {
        width: 800px;
        left: 10%;
        top: 5%;
    }
    .reserv-bg__bg-image img {
        max-width: 300px;
    }
    .reserv-bg__bg-image::before {
        width: 360px;
    }
    .reserv-bg__rotate {
        right: -177px;
        width: 600px;
        bottom: -124px;
    }
}


.events-section {
    /* background-image: url(/wp-content/themes/myata/assets/images/events/event-bg.svg); */
    background-size: contain;
    background-position: center;
    padding-top: 150px;
    padding-bottom: 170px;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
}
.events-section__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.events-section__bg-fon{
    position: absolute;
    inset: 0;
    background-image: url("/wp-content/themes/myata/assets/images/pattern/pattern-fon.svg");
    background-position: center;
    background-repeat: no-repeat;
}
.events-section__bg-center {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.events-section__bg-center img{ 
    transform-origin: 50% 50%;
    max-width: none;
    opacity: .6;
}
.events-section__bg-center.aos-animate img{
  animation: about-spin 300s linear infinite;
}


.events-swiper {
    max-width: 639px;
}
.events-swiper-wrap {
    position: relative;
}
.events-swiper-light {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1306px;
    aspect-ratio: 1 / 1;
}
.event-card {
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}
.event-card__image {
    position: relative;
    line-height: 0;
}
.event-card__image::before {
    content: '';
    width: 100%;
    height: 50%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, #ffffff75 10%, rgb(0 0 0 / 0%) 100%);
}
.event-card__image img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    width: 100%;
}
.event-card__date {
    position: absolute;
    font-size: 31px;
    color: #000;
    top: 100px;
    left: 100px;
    line-height: 1.2;
}
.event-card__title {
    font-size: 45px;
    text-transform: uppercase;
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    line-height: 1.2;
    border-bottom: 1.14px solid #fff;
    text-align: center;
}
.event-card__title a {
    color: inherit;
    transition: all linear 300ms;
}
.event-card__title a:hover {
    color: #F4E3C5;
}
.events-title {
    text-align: center;
    font-family: var(--third-family);
    font-weight: 300;
    font-size: 44px;
    text-transform: uppercase;
    margin-bottom: 75px;
    line-height: 1;
}
.events-button-wrapper {
    margin-top: 100px;
}

.events-button {
    width: 372px;
}
.events-next {
    right: 150px;
}
.events-prev {
    left: 150px;
}
.events-next::after {
    display: none;
}
.events-prev::after {
    display: none;
}
@media (max-width: 1200px) {
    .events-next {
        right: 50px;
    }
    .events-prev {
        left: 50px;
    }
    .events-section__bg-center img {
        max-width: 1700px;
        margin-top: -10%;
    }
    .events-section__bg-fon {
        background-size: 1700px auto;
    }
}
@media (max-width: 991px) {
    .events-section {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .events-swiper {
        max-width: 539px;
    }
    .event-card__date {
        font-size: 24px;
        top: 80px;
        left: 80px;
    }
    .event-card__title {
        font-size: 30px;
    }
    .events-swiper-light {
        width: 900px;
    }
    .events-title {
        font-size: 34px;
        margin-bottom: 45px;
    }
    .events-button-wrapper {
        margin-top: 70px;
    }
    .events-section__bg-center img {
        max-width: 1300px;
    }
    .events-section__bg-fon {
        background-size: 1300px auto;
    }
}
@media (max-width: 767px) {
    .events-next, .events-prev {
        bottom: 30px;
        top: auto;
    }
    .events-next {
        right: 0;
    }
    .events-prev {
        left: 0;
    }
    .event-card__title {
        font-size: 24px;
    }
    .events-section__bg-fon {
        display: none;
    }
}
@media (max-width: 576px) {
    .events-swiper-light {
        width: 500px;
    }
    .events-button {
        width: 100%;
    }
    .event-card__date {
        font-size: 16px;
        top: 15%;
        left: 17%;
    }
    .events-next img, .events-prev img {
        width: 15px;
    }
    .events-section {
        background-size: 869px 661px;
    }
    .events-section__bg-center img {
        max-width: 900px;
    }
}




.gallery-grid__item {
    line-height: 0;
    border-radius: 12px;
    overflow: hidden;
}
.gallery-grid__item + .gallery-grid__item {
    margin-top: 24px;
}
.gallery-grid__item img {
    width: 100%;
}
.gallery-section {
    padding-top: 90px;
    padding-bottom: 50px;
}
.gallery-button-wrapper {
    margin: 24px 0;
    text-align: center;
}
.gallery-button.btn-link {
    font-size: 32px;
}
@media (max-width: 1200px) {
    .gallery-button.btn-link {
        font-size: 26px;
    }
}
@media (max-width: 991px) {
    .gallery-button.btn-link {
        font-size: 20px;
    }
}
@media (max-width: 767px) {
    .gallery-swiper-next, .gallery-swiper-prev {
        background: transparent;
        padding: 0;
        border: none;
        line-height: 0;
    }
}
@media (max-width: 576px) {
    .gallery-button.btn-link {
        font-size: 18px;
    }
    .gallery-grid__item {
        border-radius: 5px;
    }
}


.reviews {
    background-size: cover;
    background-position: left center;
    margin-top: 108px;
    margin-bottom: 75px;
}
.reviews__title {
    font-family: var(--third-family);
    font-size: 40px;
    text-transform: uppercase;
    line-height: 1.2;
    margin-bottom: 31px;
}
.reviews__column {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.reviews__column--first {
    margin-top: -108px;
}
.reviews__right-wrap {
    margin-bottom: -75px;
}

.review-card {
    border-radius: 12px;
    overflow: hidden;
    padding: 30px 27px;
    backdrop-filter: blur(57.99465560913086px);
    background: rgba(254, 254, 254, 0.1);
    display: flex;
    flex-direction: column;
    gap: 28px;
    font-size: 16px;
}
.review-card__rating {
    font-weight: bold;
    color: #ebad39;
}
.review-card__user {
    display: flex;
    align-items: center;
    padding-top: 28px;
    border-top: 1px solid #fff;
    gap: 17px;
}
.review-card__avatar {
    width: 57px;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    object-fit: cover;
}
.review-card__handle {
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 5px;
}
.review-card__handle:before {
    content: '';
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6674 4.66312C10.6674 4.29493 10.9659 3.99645 11.3341 3.99645C11.7023 3.99645 12.0008 4.29493 12.0008 4.66312C12.0008 5.03131 11.7023 5.32978 11.3341 5.32978C10.9659 5.32978 10.6674 5.03131 10.6674 4.66312Z' fill='white' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.00077 4.82978C6.25187 4.82978 4.83411 6.24755 4.83411 7.99645C4.83411 9.74535 6.25187 11.1631 8.00077 11.1631C9.74967 11.1631 11.1674 9.74535 11.1674 7.99645C11.1674 6.24755 9.74967 4.82978 8.00077 4.82978ZM5.83411 7.99645C5.83411 6.79983 6.80416 5.82978 8.00077 5.82978C9.19739 5.82978 10.1674 6.79983 10.1674 7.99645C10.1674 9.19307 9.19739 10.1631 8.00077 10.1631C6.80416 10.1631 5.83411 9.19307 5.83411 7.99645Z' fill='white' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.5063 1.88513C9.19523 1.62683 6.80634 1.62683 4.49529 1.88513C3.15392 2.03504 2.07103 3.09172 1.91332 4.44007C1.63697 6.80294 1.63697 9.18996 1.91332 11.5528C2.07103 12.9012 3.15392 13.9579 4.49529 14.1078C6.80634 14.3661 9.19523 14.3661 11.5063 14.1078C12.8476 13.9579 13.9305 12.9012 14.0882 11.5528C14.3646 9.18996 14.3646 6.80294 14.0882 4.44007C13.9305 3.09172 12.8476 2.03504 11.5063 1.88513ZM4.60636 2.87894C6.84359 2.6289 9.15797 2.6289 11.3952 2.87894C12.2819 2.97804 12.9923 3.67779 13.095 4.55624C13.3623 6.84192 13.3623 9.15098 13.095 11.4367C12.9923 12.3151 12.2819 13.0149 11.3952 13.114C9.15797 13.364 6.84359 13.364 4.60636 13.114C3.71962 13.0149 3.0093 12.3151 2.90655 11.4367C2.63922 9.15098 2.63922 6.84192 2.90655 4.55624C3.0093 3.67779 3.71962 2.97804 4.60636 2.87894Z' fill='white' /%3E%3C/svg%3E");
}
.reviews__column--second {
    padding-top: 81px;
}
@media (max-width: 1200px) {
    .reviews__column .review-card:last-child {
        display: none;
    }
}
@media (max-width: 767px) {
    .reviews__title {
        font-size: 36px;
        text-align: center;
    }
    .reviews {
        padding: 70px 0;
        margin-top: 0;
    }
    .reviews__button {
        margin-top: 30px;
    }
}
@media (max-width: 576px) {
    .reviews__button {
        width: 100%;
    }
}



.contacts {
    padding-top: 80px;
    padding-bottom: 120px;
}
.contacts-card__title {
    line-height: 1.2;
    font-size: 32px;
    text-transform: uppercase;
    font-family: var(--third-family);
    text-align: center;
    margin-bottom: 15px;
}
.contacts-card {
    border-radius: 12px;
    backdrop-filter: blur(57.99465560913086px);
    background: rgba(254, 254, 254, 0.1);
    padding: 40px 52px;
}
.contacts-card__hours-list {
    display: flex;
    flex-direction: column;
    gap: 21px;
    font-size: 24px;
    line-height: 1.2;
}
.contacts__hours-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.contacts__column--info {
    display: flex;
    gap: 24px;
    margin-bottom: 24px;
}
.contacts__column-image {
    line-height: 0;
    border-radius: 12px;
    overflow: hidden;
}
.contacts__column--info .contacts__column-image {
    flex: 0 0 247px;
    max-width: 247px;
}
.contacts__column-content {
    flex: 1;
}
.contacts__column-content .contacts-card {
    height: 100%;
}
.contacts__column--hours .contacts-card {
    margin-bottom: 24px;
}
.contacts-card__info-list {
    display: flex;
    flex-direction: column;
    gap: 22px;
    font-size: 24px;
    line-height: 1.2;
}
.contacts-card__info-item {
    display: flex;
    gap: 32px;
}
.contacts-card__info-label {
    flex: 0 0 111px;
}

/* .contacts__map-wrapper {
    border-radius: 14px;
    position: relative;
    clip-path: url(#map-mask);
    -webkit-clip-path: url(#map-mask);
    overflow: hidden;
    line-height: 0;
}
.contacts__map-wrapper iframe {
    aspect-ratio: 903 / 404;
} */

.contacts__map-wrapper  {
/* width: 90%; */
/* max-width: 1000px; */
    aspect-ratio: 903 / 404;
    position: relative;
    overflow: hidden;
    -webkit-clip-path: url(#clip);
    clip-path: url(#clip);
}

.contacts__map-wrapper iframe,
.contacts__map-wrapper #map {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.map-info {
    color: #000;
    font-family: var(--third-family);
    font-weight: bold;
    font-size: 24px;
    line-height: 1.2;
}
.contacts__column--map {
    position: relative;
    text-align: right;
        line-height: 0;
}
.contacts__route-btn {
    font-family: var(--third-family);
    font-weight: 300;
    font-size: 24px;
    color: #fff;
    display: inline-flex;
    gap: 16px;
    padding: 1px;
    position: absolute;
    right: 0;
    bottom: 20px;
    line-height: 1.2;
    align-items: center;
}
@media (max-width: 1400px) {
    .contacts-card__hours-list {
        gap: 11px;
        font-size: 20px;
    }
    .contacts-card__info-list {
        gap: 12px;
        font-size: 20px;
    }
    .contacts__column--info .contacts__column-image {
        flex: 0 0 20%;
        max-width: 20%;
    }
    .contacts__route-btn {
        font-size: 16px;
    }
    
}
@media (max-width: 1200px) {
    .contacts__column--info .contacts__column-image {
        display: none;
    }
    .contacts-card__title {
        font-size: 24px;
    }
}
@media (max-width: 991px) {
    .contacts__column--hours {
        margin-bottom: 24px;
    }
    .contacts__column-image img {
        width: 100%;
    }
}
@media (max-width: 767px) {
    .contacts__column--hours .contacts__column-image {
        display: none;
    }
    .contacts-card {
        padding: 0;
        background: transparent;
        border-radius: 0;
    }
    .contacts-card__hours-list {
        padding-right: 186px;
        background-image: url(/wp-content/uploads/2025/09/contacts_02_1.jpg);
        background-position: center right;
        background-size: 166px 100%;
        background-repeat: no-repeat;
    }
    .contacts-card__title {
        font-size: 36px;
        margin-bottom: 26px;
    }
    .contacts__column--hours {
        margin-bottom: 60px;
    }
    .contacts__route-btn {
        bottom: 10px;
    }
    .contacts__route-btn svg {
        height: auto;
        width: 14px;
        gap: 10px;
    }
    .contacts__map-wrapper {
        aspect-ratio: 767 / 406;
        -webkit-clip-path: url(#clip-mobile);
        clip-path: url(#clip-mobile);
    }
}
@media (max-width: 576px) {
    .contacts-card__hours-list, .contacts-card__info-list {
        gap: 16px;
        font-size: 16px;
    }
    .contacts-card__info-item {
        gap: 5px;
    }
    /* .contacts__map-wrapper {
        aspect-ratio: 767 / 406;
        -webkit-clip-path: url(#clip-mobile);
        clip-path: url(#clip-mobile);
    } */
    .contacts__route-btn {
        bottom: 0;
    }
    .contacts__column-content {
        flex: auto;
        width: 100%;
    }
    .contacts-card__info-label {
        flex: 0 0 60px;
    }
}



/* CONTACTS PAGE */
.circle-info {
    background-image: url(/wp-content/themes/myata/assets/images/contacts/contacts-bg.svg);
    background-position: center;
    padding-top: 203px;
    padding-bottom: 237px;
    background-repeat: no-repeat;
    backdrop-filter: blur(160px);
    background-color: rgba(63, 63, 63, 0.05);
}
.circle-info__content {
    flex: 0 0 625px;
    max-width: 625px;
}

.circle-info__wrap {
    aspect-ratio: 1 / 1;
    background-image: url(/wp-content/themes/myata/assets/images/contacts/bg-circle.svg);
    background-size: cover;
    background-position: center;
    border-radius: 50%;
}

.circle-info__text {
    display: flex;
    flex-direction: column;
    padding: 94px;
    height: 100%;
    gap: 44px;
    font-size: 24px;
    line-height: 1.2;
        justify-content: center;
}
.circle-info__value a {
    color: inherit;
}
.circle-info__aside {
    flex: 1;
}
.circle-info__toggle {
    background: transparent;
    border: none;
    color: #fff;
    font-size: 32px;
    text-align: center;
    max-width: 177px;
    display: block;
}
.circle-info__toggle--next {
    margin-left: auto;
}

.circle-info__toggle.active {
    border-bottom: 1px solid #fff;
}

.circle-info__label {
    display: block;
    margin-bottom: 8px;
}
.circle-info__socials {
    line-height: 0;
    gap: 18px;
}
.circle-info__text .contacts-card {
    background: transparent;
    backdrop-filter: none;
}
.contacts-style2 {
    padding-top: 130px;
    padding-bottom: 170px;
}
@media (max-width: 1200px) {
    .circle-info {
        background-size: 150%;
        padding-top: 160px;
        padding-bottom: 200px;
    }
    .circle-info__toggle {
        font-size: 24px;
    }
    .circle-info__content {
        flex: 0 0 525px;
        max-width: 525px;
    }
    .circle-info__text {
        padding: 54px;
        font-size: 18px;
    }
    .contacts-style2 {
        padding-top: 100px;
        padding-bottom: 120px;
    }
}
@media (max-width: 991px) {
    .circle-info {
        background-size: 170%;
        padding-top: 100px;
        padding-bottom: 150px;
    }
    .circle-info__inner {
        flex-wrap: wrap;
        justify-content: center;
    }
    .circle-info__aside {
        flex: 0 0 40%;
        order: 1;
    }
    .circle-info__content {
        order: 2;
        margin-top: 40px;
    }
}

@media (max-width: 767px) {
    .circle-info {
        padding-top: 70px;
        background: transparent;
        padding-bottom: 0;
    }
    /* .circle-info__content {
        flex: 0 0 425px;
        max-width: 425px;
    }
    .circle-info__toggle {
        font-size: 20px;
    }
    .circle-info__text {
        padding: 15%;
        font-size: 16px;
        gap: 24px;
    } */

    .circle-info__mobile .contacts-card:not(:last-child) {
        margin-bottom: 60px;
    }
}





/* GALLERY PAGE */
.page-template-gallery .gallery-section {
    padding-top: 155px;
    padding-bottom: 170px;
}
.gallery-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-auto-rows: 100px;
    gap: 24px;
}
.grid-item {
    /* background: #ccc; */
    border-radius: 6px;
    box-shadow: 4px 4px 7px 0 rgba(244, 227, 197, 0.1);
    overflow: hidden;
    line-height: 0;
}
.gallery-grid > .grid-item:nth-child(7n+1) {
    grid-column: span 8;
    grid-row: span 5;
}
.gallery-grid > .grid-item:nth-child(7n+2) {
    grid-column: span 4;
    grid-row: span 6;
}
.gallery-grid > .grid-item:nth-child(7n+3),
.gallery-grid > .grid-item:nth-child(7n+4) {
    grid-column: span 4;
    grid-row: span 5;
}
.gallery-grid > .grid-item:nth-child(7n+5) {
    grid-column: span 4;
    grid-row: span 4;
}
.gallery-grid > .grid-item:nth-child(7n+6) {
    grid-column: span 8;
    grid-row: span 4;
}
.gallery-grid > .grid-item:nth-child(7n+7) {
    grid-column: span 4;
    grid-row: span 4;
}
.grid-item a {
    display: block;
    width: 100%;
    height: 100%;
}
.grid-item a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
@media (max-width: 1200px) {
    .page-template-gallery .gallery-section {
        padding-top: 100px;
        padding-bottom: 120px;
    }
}
@media (max-width: 991px) {
    .gallery-grid {
        grid-auto-rows: 50px;
        gap: 20px;
    }
}
@media (max-width: 576px) {
    .gallery-grid {
        grid-auto-rows: 30px;
        gap: 10px;
    }
}


.top-section {
    position: relative;
    overflow: hidden;
    height: 459px;
}
.top-section__mask {
    width: 100%;
    height: 100%;
    position: relative;
}
.glow-circle {
    position: absolute;
    width: 128px;
    height: 128px;
    background: radial-gradient(circle, rgba(0,255,153,1) 0%, rgba(0,255,153,0) 70%);
    border-radius: 50%;
    filter: blur(50px);
    pointer-events: none;
    mix-blend-mode: screen;
    transform: translate(-50%, -50%);
}
#text-mask-name {
    font-family: var(--third-family);
    line-height: 1;
    font-size: 200px;
    font-weight: 700;
}
.top-section__title {
    position: absolute;
    font-family: var(--third-family);
    font-weight: 100;
    font-size: 42px;
    line-height: 1;
    color: #fff;
    top: 78%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media (max-width: 1400px) {
    #text-mask-name {
        font-size: 150px;
    }
}
@media (max-width: 1200px) {
    .top-section {
        height: 359px;
    }
    #text-mask-name {
        font-size: 120px;
    }
    .top-section__title {
        font-size: 32px;
    }
}
@media (max-width: 991px) {
    #text-mask-name {
        font-size: 100px;
    }
}
@media (max-width: 767px) {
    .top-section {
        height: 300px;
    }
    #text-mask-name {
        font-size: 70px;
    }
}
@media (max-width: 576px) {
    .top-section {
        height: 200px;
    }
    #text-mask-name {
        font-size: 48px;
    }
    .top-section__title {
        font-size: 26px;
    }
}




/* MENU PAGE */
.menu-intro {
    height: 754px;
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.menu-intro__title {
    font-family: var(--third-family);
    font-size: 56px;
    text-transform: uppercase;
    color: #fff;
    line-height: 1;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.menu-intro__bottom {
    box-shadow: 0 2px 9px 0 rgba(255, 255, 255, 0.3), 0 1px 5px 0 rgba(255, 255, 255, 0.1);
    background-color: rgba(2, 2, 2, 0.5);
    border-top: 1px solid #ECDCBF;
    border-bottom: 1px solid #ECDCBF;
}
.menu-intro__bottom-bg {    
    background: linear-gradient(180deg, rgba(235, 217, 182, 0) 0%, rgba(250, 243, 229, 0.2) 100%);
}
.menu-tab-main { display: none; }
.menu-tabs {
    height: 69px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.tab-item {
    font-family: var(--third-family);
    font-size: 28px;
    line-height: 1;
    text-transform: uppercase;
    color: #fff;
    background: transparent;
    border: none;
    padding: 0;
}
.tab-item.active {
    color: #ECDCBF;
}
.menu-grid {
    background-image: url(/wp-content/themes/myata/assets/images/menu/menu-grid-smoke.png);
    background-size: cover;
    background-position: bottom center;
    padding-top: 159px;
    padding-bottom: 140px;
    overflow: hidden;
}

.menu-grid__item {
    position: relative;
    width: 232px;
    height: 69px;
    padding: 18px 34px;
    background: transparent;
    border: none;
    color: #fff;
    text-align: left;
    font-family: var(--third-family);
    font-weight: 300;
    font-size: 24px;
    transition: all linear 150ms;
}
.menu-grid__item:hover {
    color: #f4e3c5;
}
.menu-grid__image {
    line-height: 0;
    border-radius: 6px;
    overflow: hidden;
    display: block;
    position: absolute;
    right: 100%;
    width: 284px;
    bottom: 11px;
    transform: scale(0);
    transition: all linear 150ms;
}
.menu-grid__column:nth-child(2) .menu-grid__image {
    left: 100%;
}
.menu-grid__item:hover .menu-grid__image {
    transform: scale(1);
}

.menu-grid__content {
    max-width: 661px;
    justify-content: space-between;
    margin: 0 auto;
}
.menu-grid__column {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.menu-section {
    padding-top: 110px;
    padding-bottom: 170px;
}
.menu-section__category {
    padding: 18px 34px;
    width: 232px;
    height: 69px;
    font-family: var(--third-family);
    font-weight: 300;
    font-size: 22px;
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    cursor: pointer;
    transition: all linear 300ms;
}
.menu-section__category:not(.active):hover {
    color: #f4e3c5;
}
.menu-section__category.active {
    cursor: default;
}
.menu-section__category.active>span {
    border-bottom: 1px solid #fff;
}
.menu-section__sidebar {
    border-right: 1px solid rgba(244, 227, 197, 0.7);
}
.menu-section__content {
    padding-left: 100px;
}
.tab-content {
    display: none;
}
.tab-content.active {
    display: block;
}

.menu-section__title {
    font-family: var(--third-family);
    font-weight: 300;
    font-size: 32px;
    text-transform: uppercase;
    color: #fff;
    line-height: 1.2;
    margin-bottom: 24px;
}
.menu-item {
    display: flex;
    gap: 23px;
    /* align-items: flex-start; */
    /* align-items: flex-end; */
}
.menu-item__inner {
    flex: 1;
    padding-top: 16px;
    padding-bottom: 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 16px;
}
.menu-item__image {
    line-height: 0;
    /* overflow: hidden; */
    flex: 0 0 274px;
    max-width: 274px;
}
.menu-item__image img {
    box-shadow: 0 1px 6px 0 rgba(255, 255, 255, 0.3), 0 1px 4px 0 rgba(255, 255, 255, 0.1);
    background: linear-gradient(180deg, rgba(235, 217, 182, 0) 0%, rgba(250, 243, 229, 0.2) 100%);
    border-radius: 25px;
    border: 1px solid rgba(250, 243, 229, 0.2);
    aspect-ratio: 16 / 12;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.menu-item__content {
    /* flex: 1; */
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.menu-item__info {
    flex: 1;
    max-width: 414px;
}

.menu-item__name {
    font-family: var(--third-family);
    font-weight: 300;
    font-size: 20px;
    text-transform: uppercase;
    line-height: 1.3;
}
.menu-item__price {
    font-family: var(--third-family);
    font-weight: 300;
    font-size: 24px;
    line-height: 1.3;
    color: #f4e3c5;
}
.menu-item__desc {
    font-family: var(--third-family);
    font-weight: 300;
    font-size: 16px;
    line-height: 1.3;
    margin-top: 5px;
}
.menu-item__likes {
    /* margin-top: 37px; */
    display: flex;
    align-items: center;
    gap: 5px;
}
.menu-item__likes>span {
    font-size: 16px;
    line-height: 1;
    display: inline-flex;
}

.meta {
    display: flex;
    align-items: center;
    gap: 11px;
}
.meta__chip {
    display: flex;
    align-items: center;
    gap: 6px;
}
.meta__chip span {
    color: rgba(255, 255, 255, 0.7);
    font-size: 16px;
    line-height: 24px;
}



.menu-list {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
@media (max-width: 1400px) {
    .menu-section__content {
        padding-left: 40px;
    }
}
@media (max-width: 1200px) {
    .menu-grid__content {
        max-width: 500px;
    }
    .tab-item {
        font-size: 24px;
    }
    .menu-intro__title {
        font-size: 46px;
    }
}
@media (max-width: 1024px) {
    .menu-grid__image {
        display: none;
    }
    .menu-item__image {
        flex: 0 0 33%;
        max-width: 33%;
    }
}
@media (max-width: 991px) {
    .menu-section__sidebar {
        border-right: 0;
        border-bottom: 1px solid rgba(244, 227, 197, 0.7);
        margin-bottom: 40px;
        overflow: auto;
    }
    .menu-section__content {
        padding-left: 0px;
    }
    .menu-section {
        padding-top: 40px;       
        padding-bottom: 100px;
    }
    .menu-section__categories {
        display: flex    ;
        white-space: nowrap;
    }
    .menu-section__category {
        width: auto;
    }
    .menu-intro {
        height: 554px;
    }
    .menu-intro__title {
        font-size: 36px;
    }

    .meta__chip span {
        font-size: 14px;
    }
}
@media (max-width: 767px) {
    .tab-item {
        font-size: 20px;
    }
    .menu-section__category {
        font-size: 18px;
    }
    .menu-section {
        padding-top: 0px;
    }
    .menu-section__title {
        font-size: 30px;
        text-align: center;
    }
    .menu-item__name {
        font-size: 16px;
    }
    .menu-item__desc {
        font-size: 12px;
    }
    .menu-item__price {
        font-size: 18px;
    }
    .menu-item__image {
        flex: 0 0 40%;
        max-width: 40%;
    }
    .meta__chip span {
        font-size: 12px;
        line-height: 18px;
    }
    .meta__chip .icon {
        width: 18px;
        height: 18px;
    }
}
@media (max-width: 576px) {
    .menu-tabs {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 40px 0;
        height: auto;
        padding: 40px 0;
    }
    .menu-intro__title {
        padding-bottom: 100px;
        font-size: 32px;
    }
    .menu-item__image {
        flex: 0 0 25%;
        max-width: 25%;
        border-radius: 10px;
    }
    .menu-item {
        gap: 10px;
        align-items: flex-start;
    }
    .menu-item__name {
        font-size: 14px;
    }
    .menu-item__price {
        font-size: 16px;
    }
    .menu-item__content {
        gap: 10px;
    }
    .menu-item__likes {
        /* margin-top: 10px; */
    }
    .menu-item__likes>span {
        font-size: 12px;
    }
    .menu-item__likes img {
        width: 18px;
    }
    .menu-section__category {
        font-size: 16px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .menu-section__title {
        font-size: 26px;
    }
}





.entry-title {
    line-height: 1.2;
    margin-bottom: 31px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 32px;
    text-transform: uppercase;
}
@media (max-width: 767px) {
    .entry-title {
        font-size: 36px;
        /* text-align: center; */
    }
}



.comments-title {
    font-family: var(--third-family);
    font-size: 36px;
    text-transform: uppercase;
    line-height: 1.2;
    margin-bottom: 31px;
}
.comments-area {
    margin-top: 100px;
}
.comment-respond {
    border-radius: 12px;
    backdrop-filter: blur(57.99465560913086px);
    background: rgba(254, 254, 254, 0.1);
    padding: 40px 52px;
    margin-top: 60px;
}
.comment-reply-title {
    line-height: 1.2;
    font-size: 26px;
    text-transform: uppercase;
    font-family: var(--third-family);
    margin-bottom: 15px;
}

.single-post .post {
    /* padding-top: 40px; */
    padding-bottom: 100px;
}

.comment-author a {
    color: #F4E3C5;
}
.comment-edit-link {
    display: none;
}
.comment-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
        margin-bottom: 10px;
}
.comment-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.comment-reply-link {
    display: none;
}
.comment-content {
    line-height: 1.3;
}
.comment-metadata a {
    color: inherit;
}

.post-thumbnail {
    margin-bottom: 40px;
}
.comment-form-comment textarea {
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 3px;
    background: transparent;
    width: 100%;
}
.comment-form input:not([type="submit"]) {
    height: 50px;
    width: 100%;
    background: transparent;
    border-radius: 3px;
    border: 1px solid rgba(255, 255, 255, 0.5);
}
.comment-form p {
    margin-bottom: 20px;
}
label {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
}
.form-submit {
    margin-top: 24px;
}
.form-submit #submit {
    font-family: var(--third-family);
    font-weight: 300;
    font-size: 24px;
    color: #fff;
    box-shadow: 0 2px 9px 0 rgba(255, 255, 255, 0.3), 0 1px 5px 0 rgba(255, 255, 255, 0.1);
    background: linear-gradient(180deg, rgba(235, 217, 182, 0) 0%, rgba(250, 243, 229, 0.2) 100%);
    border-radius: 35px;
    display: inline-flex
;
    position: relative;
    border: 1px solid #F4E3C5;
    transition: all linear 300ms;
    padding: 18px 34px;
    cursor: pointer;
}
p.comment-form-url {
    display: none;
}
p.logged-in-as {
    display: none;
}







.woocommerce-archive {
    padding-top: 30px;
    padding-bottom: 100px;
}
.menu-categories {
    overflow: auto;
    backdrop-filter: blur(25.600000381469727px);
    box-shadow: inset 0 0 68px 0 rgba(255, 255, 255, 0.05), inset 0 2px 4px 0 rgba(255, 255, 255, 0.05);
    background: rgba(132, 132, 132, 0.1);
    border-radius: 35px;
}
.category-list {
    list-style: none;
    display: flex;
    white-space: nowrap;
}
.category-link {
    padding: 18px 30px;
    display: flex;
    height: 57px;
    border-radius: 35px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.1;
    color: #fff;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    transition: all linear 300ms;
}
.category-link.active {
    backdrop-filter: blur(25.600000381469727px);
    box-shadow: inset 0 0 68px 0 rgba(255, 255, 255, 0.05), inset 0 2px 4px 0 rgba(255, 255, 255, 0.05);
    background: rgba(132, 132, 132, 0.1);
    border: 1px solid #C2B59D;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
}
.woocommerce .products ul::after, .woocommerce .products ul::before, .woocommerce ul.products::after, .woocommerce ul.products::before {
    display: none;
}
.woocommerce ul.products {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-top: 48px;
}


.product-card {
    backdrop-filter: blur(29px);
    box-shadow: inset 0 0 77px 0 rgba(255, 255, 255, 0.05), inset 0 2px 5px 0 rgba(255, 255, 255, 0.05);
    background: rgba(2, 2, 2, 0.7);
    border-radius: 40px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    border: 1px solid #978D7C;
    overflow: hidden;
    height: 100%;
}
.product-card .attachment-woocommerce_thumbnail {
    aspect-ratio: 440 / 334;
    object-fit: cover;
    object-position: center;
    margin: 0 !important;
}
.product-card__details {
    padding: 0px 35px 24px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}
.product-card__title {
    padding: 0;
}
.product-card__title {
    font-family: var(--second-family);
    font-weight: 300;
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    transition: all linear 300ms;
    line-height: 1.2;
}
.product-card__title-link {
    color: inherit;
}
.product-card__excerpt {
    margin-top: 8px;
    font-size: 14px;
    line-height: 115%;
}
.product-card__bottom {
    padding-top: 29px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.product-card__bottom .price {
    font-family: var(--second-family);
    font-weight: 300;
    font-size: 24px;
    color: #fff !important;
    margin: 0 !important;
}
.btn.add_to_cart_btn {
    text-transform: uppercase;
    font-size: 18px;
    width: 195px;
    height: 52px;
    padding: 0;
}
@media (max-width: 1200px) {
    .btn.add_to_cart_btn {
        width: 140px;
    }
    .product-card__details {
        padding: 0px 24px 24px;
    }
}
@media (max-width: 991px) {
    .product-card {
        border-radius: 20px;
    }
    .woocommerce ul.products {
        gap: 12px;
    }
    .product-card__bottom {
        padding-top: 10px;
        flex-direction: column;
        align-items: initial;
        gap: 12px;
    }
    .btn.add_to_cart_btn {
        width: 100%;
    }
    .product-card__details {
        padding: 0 12px 24px;
    }
}
@media (max-width: 767px) {
    .woocommerce ul.products {
        grid-template-columns: repeat(2, 1fr);
    }
    .category-link {
        padding: 16px 20px;
        height: 47px;
        font-size: 14px;
    }
}
@media (max-width: 576px) {
    .woocommerce ul.products {
        margin-top: 20px;
        grid-template-columns: repeat(1, 1fr);
    }
}



.woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering {
    display: none;
}


.floating-cart-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    z-index: 99999998;
    opacity: 0;
    visibility: hidden;
}
.cart-show .floating-cart-overlay {
    opacity: 1;
    visibility: visible;
}


.floating-cart {
    z-index: 99999999;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 90%;
    width: 995px;
    background: #131313;
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 32px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.floating-cart__header {
    padding: 20px 36px 14px 36px;
    background: linear-gradient(180deg, rgba(235, 217, 182, 0) 0%, rgba(250, 243, 229, 0.2) 100%);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
h2.floating-cart__title {
    font-family: var(--second-family);
    font-weight: 300;
    font-size: 24px;
    text-transform: uppercase;
    line-height: 1;
}
.floating-cart__close {
    line-height: 0;
    padding: 0;
    border: none;
    background-color: transparent;
    color: #fff;
}
.floating-cart__inner {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.floating-cart__wrap {
    padding: 20px 34px;
    flex: 1;
    overflow: auto;
}


.cart-product {
    border-radius: 12px;
    padding: 12px 17px;
    backdrop-filter: blur(26px);
    box-shadow: inset 0 0 68px 0 rgba(255, 255, 255, 0.05), inset 0 2px 4px 0 rgba(255, 255, 255, 0.05);
    background: rgba(132, 132, 132, 0.1);
    gap: 40px;
}
.product-thumb .attachment-woocommerce_thumbnail {
    aspect-ratio: 171 / 128;
    max-width: 171px;
    object-fit: cover;
    border-radius: 6px;
}
.cart-product, .cart-product__wrap, .cart-product__inner {
    display: flex;
    align-items: center;
}
.cart-product__wrap {
    flex: 1;
}
.cart-product__inner {
    gap: 40px;
}
.product-info {
    padding-left: 35px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.product-name {
    font-family: var(--second-family);
    font-weight: 300;
    font-size: 16px;
    line-height: 1.2;
}
.product-desc {
    font-size: 12px;
    line-height: 115%;
}
.product-price {
    font-family: var(--second-family);
    font-weight: 300;
    font-size: 12px;
}
.product-price-total {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 16px;
    line-height: 115%;
}

.product-qty {
    width: 157px;
    height: 46px;
    display: flex;
    gap: 21px;
    align-items: center;
    border-radius: 35px;
    backdrop-filter: blur(25.600000381469727px);
    box-shadow: inset 0 0 68px 0 rgba(255, 255, 255, 0.05), inset 0 2px 4px 0 rgba(255, 255, 255, 0.05);
    background: rgba(132, 132, 132, 0.1);
    border: 1px solid #978D7C;
    padding: 0 25px;
}
.product-qty input {
    width: 100%;
    text-align: center;
    padding: 0;
    height: 100%;
    background: transparent;
    border: none;
    font-family: var(--second-family);
    font-weight: 300;
    font-size: 16px;
    color: #fff;
}
.product-qty input::-webkit-outer-spin-button,
.product-qty input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.product-qty input {
  -moz-appearance: textfield;
}

.qty-btn {
    font-family: var(--second-family);
    font-weight: 300;
    font-size: 24px;
    color: #fff;
    background: transparent;
    border: none;
}

.floating-cart__products {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

a.added_to_cart.wc-forward {
    display: none;
}

.floating-cart__footer {
    background: linear-gradient(0deg, rgba(235, 217, 182, 0) 0%, rgba(250, 243, 229, 0.2) 100%);
}
.cart-actions {
    padding: 38px 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.floating-cart__footer-top {
    padding: 20px 34px;
}
.cart-subtotal {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 115%;
}

.order-total {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 24px;
    line-height: 115%;
    white-space: nowrap;
}
.floating-cart th, .floating-cart td {
    border: none !important;
    padding: 0 !important;
}
.floating-cart .order-total th {
    padding-right: 20px !important;
}
.floating-cart .cart-subtotal th, .floating-cart .cart-subtotal td {
    font-weight: 400 !important;
    padding-bottom: 11px !important;
}
.floating-cart .shop_table {
    border: none !important;
}
.floating-cart .shop_table td {
    text-align: right;
}


.woocommerce .floating-cart .cart-totals table.shop_table {
    margin: 0;
}

.coupon {
    backdrop-filter: blur(25.600000381469727px);
    box-shadow: inset 0 0 68px 0 rgba(255, 255, 255, 0.05), inset 0 2px 4px 0 rgba(255, 255, 255, 0.05);
    width: 431px;
    display: flex;
    border-radius: 35px;
        border: 1px solid rgba(255, 255, 255, 0.6);
    overflow: hidden;
}
.coupon #coupon_code {
    flex: 1;
    background: transparent;
    border: none;
    padding: 11px 27px;
    font-family: var(--second-family);
    font-weight: 300;
    font-size: 18px;
    color: rgba(255, 255, 255, 0.8);
    background: rgba(132, 132, 132, 0.1);
}
.coupon button.button {
    background: rgba(132, 132, 132, 0.1);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    font-family: var(--second-family);
    font-weight: 300;
    font-size: 18px;
    color: #fff;
}
.woocommerce .floating-cart .checkout_coupon {
    border: none;
    padding: 0;
    margin: 0;
}

.floating-cart__inner .catr-empty {
    padding: 35px;
}

.floating-cart__inner .cart-empty.woocommerce-info {
    border: none;
    background: transparent;
    color: #fff;
    padding: 0;
}
.floating-cart__inner .cart-empty.woocommerce-info::before {
    display: none;
}

.cart-actions .btn {
    font-size: 18px;
}
.cart-actions .cart-actions-cart {
    margin-right: 33px;
    box-shadow: none;
}




.cart-button {
    position: fixed;
    top: 30%;
    right: 40px;
    width: 62px;
    height: 62px;
    background-color: #020202;
    box-shadow: 0 1px 6px 0 rgba(255, 255, 255, 0.1), 0 2px 10px 0 rgba(255, 255, 255, 0.3), 0 -2px 10px 0 rgba(255, 255, 255, 0.3), 0 -1px 6px 0 rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;

}
.cart-count {
    position: absolute;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    background: linear-gradient(180deg, #f4e3c5 0%, #8e8472 100%);
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 15px;
    line-height: 23px;
    text-align: center;
    color: #000;
    bottom: -4px;
    right: -6px;
}
@keyframes shake {
  0%   { transform: translateX(0); }
  20%  { transform: translateX(-3px); }
  40%  { transform: translateX(3px); }
  60%  { transform: translateX(-2px); }
  80%  { transform: translateX(2px); }
  100% { transform: translateX(0); }
}

.cart-button:hover .cart-icon {
  animation: shake 0.4s ease-in-out;
}


.coupon-response.error {
    color: #cc1818;
    padding-top: 8px;
}
.coupon-response {
    font-size: 12px;
}

.remove-from-cart {
    color: #fff;
    background-color: transparent;
    padding: 0;
    border: none;
}
.remove-from-cart:hover {
    color: #F4E3C5;
}
@media (max-width: 1200px) {
    .floating-cart {
        width: 90%;
    }
    .floating-cart__wrap {
        padding: 20px;
    }
    .product-info {
        padding-left: 20px;
    }
    .product-thumb .attachment-woocommerce_thumbnail {
        max-width: 120px;
    }
    .product-qty {
        width: 127px;
        gap: 10px;
        padding: 0 15px;
    }
    .floating-cart__footer-top {
        padding: 20px;
    }
    .cart-actions {
        padding: 20px;
        border-top: 1px solid rgba(255, 255, 255, 0.5);
    }
}
@media (max-width: 991px) {
    .order-total {
        font-size: 20px;
    }
    .cart-subtotal {
        font-size: 16px;
    }
    .cart-product {
        padding: 10px;
        gap: 10px;
    }
    .cart-product__inner {
        gap: 20px;
    }
    .product-info {
        padding-left: 10px;
    }
    .floating-cart__footer-top {
        flex-direction: column;
        align-items: initial;
        gap: 20px;
    }
    .cart-actions {
        justify-content: center;
    }
}
@media (max-width: 767px) {
    .cart-product {
        position: relative;
        padding-right: 40px;
        flex-direction: column;
        align-items: initial;
    }
    .remove-from-cart {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
    }
    .cart-actions {
        flex-direction: column;
        gap: 20px;
    }
    .cart-actions .cart-actions-cart {
        margin-right: 0;
    }

    .cart-button {
        top: 20%;
        right: 10px;
        width: 42px;
        height: 42px;
    }
    .cart-icon svg {
        width: 16px;
    }
    .cart-count {
        width: 20px;
        height: 20px;
        font-size: 10px;
        line-height: 20px;
    }
}
@media (max-width: 576px) {
    .product-name {
        font-size: 14px;
    }
    .product-desc {
        font-size: 10px;
    }
    .product-thumb .attachment-woocommerce_thumbnail {
        max-width: 70px;
    }
    .coupon {
        width: 100%;
    }
    .coupon #coupon_code {
        width: 100%;
    }
    .coupon button.button {
        font-size: 12px;
    }
    .floating-cart__wrap {
        padding: 20px 10px;
    }
    .floating-cart__footer-top {
        padding: 16px 10px;
    }
        .cart-subtotal {
        font-size: 14px;
    }
    .order-total {
        font-size: 18px;
    }
    .floating-cart {
        border-radius: 20px;
    }    
}


.woocommerce .woocommerce-breadcrumb, .woocommerce-page .woocommerce-breadcrumb {
    padding: 20px 0 35px;
    font-size: 18px;
    line-height: 115%;
    color: #fff;
}
.woocommerce .woocommerce-breadcrumb a, .woocommerce-page .woocommerce-breadcrumb a {
    color: inherit;
}


.woocommerce-checkout .col-lg-7 {
    padding-right: 46px;
}


.woocommerce-cart-form__cart-item .product-thumbnail .attachment-woocommerce_thumbnail {
    aspect-ratio: 115 / 86;
    object-fit: cover;
    border-radius: 6px;
}
.woocommerce-cart-form__cart-item .product-thumbnail {
    line-height: 0;
    flex: 0 0 115px;
}

.woocommerce form.woocommerce-checkout .form-row .input-text, .woocommerce form.woocommerce-checkout .form-row select {
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 3px;
    height: 50px;
    background: transparent;
    color: #fff;
    font-size: 18px;
}
#billing_country_field {
    display: none;
}


.checkout-cart-heading h4 {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 18px;
    line-height: 115%;
    color: #fff;
    margin-bottom: 10px;
}

.woocommerce table.shop_table.checkout-review-table {
    border: none;
    border-collapse: collapse;
    margin-bottom: 0;
}
.woocommerce table.shop_table.checkout-review-table tbody {
    backdrop-filter: blur(26px);
    box-shadow: inset 0 0 68px 0 rgba(255, 255, 255, 0.05), inset 0 2px 4px 0 rgba(255, 255, 255, 0.05);
    /* background: rgba(132, 132, 132, 0.1); */
    border-radius: 12px;
}
tr.woocommerce-cart-form__cart-item {
    
}
.woocommerce .checkout-review-table tbody td {
    border: none;
    background: rgba(132, 132, 132, 0.1);
    padding-top: 12px;
    padding-bottom: 12px;
}
.woocommerce .checkout-review-table tbody td:first-child {
    padding-left: 17px;
}
.woocommerce .checkout-review-table tbody td:last-child {
    padding-right: 17px;
}
.woocommerce .checkout-review-table tbody tr:first-child td:first-child {
    border-radius: 12px 0 0 0;
}
.woocommerce .checkout-review-table tbody tr:first-child td:last-child {
    border-radius: 0 12px 0 0;
}
.woocommerce .checkout-review-table tbody tr:last-child td:first-child {
    border-radius: 0 0 0 12px;
}
.woocommerce .checkout-review-table tbody tr:last-child td:last-child {
    border-radius: 0 0 12px 0;
}

.product-name-desc {
    font-size: 12px;
    line-height: 115%;
}
.product-name-title {
    font-family: var(--second-family);
    font-weight: 300;
    font-size: 16px;
    line-height: 115%;
}
.product-quantity {
    font-family: var(--second-family);
    font-weight: 300;
    font-size: 12px;
}
.product-name-wrap {
    padding: 0px 15px 0 35px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.product-cart-link {
    color: #fff;
}

.woocommerce table.shop_table.checkout-review-table .woocommerce-checkout-review-order-totals tbody {
    backdrop-filter: none;
    box-shadow: none;
    border-radius: 0;
}

.woocommerce .checkout-review-table tfoot td {
    padding: 0 !important;
    border: none;
    background: transparent;
}
.checkout-review-order-wrap {
    margin-top: 21px;
    border-radius: 6px 6px 0 0;
    background: rgba(132, 132, 132, 0.15);
    padding: 35px 35px 0;
}
.woocommerce-checkout-review-order-totals th {
    padding: 12px 0 !important;
    font-family: var(--font-family);
    font-weight: 400 !important;
    font-size: 18px;
    line-height: 115%;
    color: #fff;
}
.checkout-review-order-wrap .woocommerce-checkout-review-order-totals td {
    font-family: var(--font-family);
    font-weight: 400 !important;
    font-size: 16px;
    line-height: 115%;
    text-align: right;
    color: #fff;
}
table.woocommerce-checkout-review-order-totals {
    border: none;
    border-collapse: collapse;
}
.woocommerce .woocommerce-checkout-review-order-totals .order-total th, .woocommerce .woocommerce-checkout-review-order-totals .order-total td {
    border-top: 1px solid rgba(255, 255, 255, 0.35);
    border-bottom: 1px solid rgba(255, 255, 255, 0.35);
    font-weight: 700 !important;
    font-size: 24px;
}

.place-order {
    border-radius: 6px 6px 0 0;
    background: rgba(132, 132, 132, 0.15);
    padding: 35px;
}

.place-order-submit {
    margin-top: 40px;
}


.checkout-subtitle, .woocommerce-billing-fields h3 {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 18px;
    line-height: 115%;
    color: #fff;
    margin-bottom: 10px;
}
.woocommerce form .custom-comment .form-row {
    border-radius: 6px;
    padding: 25px 34px;
    background: rgba(132, 132, 132, 0.15);
}

.woocommerce-checkout #payment .place-order {
    display: none;
}

.custom-shipping {
    font-size: 0;
    line-height: 0;
}
.woocommerce-shipping-methods {
    font-size: 18px;
    display: flex;
    flex-direction: column;
    gap: 17px;
    line-height: 1.2;
}
.woocommerce .woocommerce-checkout #payment {
    background: transparent;
    border-radius: 0;
}
.woocommerce .woocommerce-checkout #payment ul.payment_methods {
    border: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.wc_payment_method {
    border-radius: 6px;
    padding: 25px 34px;
    background: rgba(132, 132, 132, 0.15);
    position: relative;
}
.custom-comment, .custom-payment, #customer_details, .custom-time {
    margin-top: 50px;
}



.woocommerce .woocommerce-checkout #payment div.payment_box {
    font-size: 16px;
    line-height: 115%;
    color: #fff;
    padding: 0;
    background: transparent;
    margin: 40px 0 0;
}
#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
    display: none;
}

.wc_payment_method label,
.woocommerce ul#shipping_method li label {
    font-size: 18px;
    line-height: 115%;
    display: flex;
    align-items: center;
    gap: 19px;
}
.wc_payment_method label:before,
.woocommerce-shipping-methods li label::before {
    content: '';
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 2px;
    width: 23px;
    height: 22px;
}
.wc_payment_method input:checked ~ label:before,
.woocommerce-shipping-methods input:checked ~ label:before,
.woocommerce-shipping-methods [type="hidden"] ~ label:before {
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='10' viewBox='0 0 13 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3.85714L5.50463 8.19315C5.94566 8.61767 6.66117 8.54986 7.0146 8.05006L12 1' stroke='white' stroke-width='2' stroke-linecap='round' /%3E%3C/svg%3E");
}
.wc_payment_method input {
    position: absolute;
    visibility: hidden;
}

.woocommerce-shipping-methods input {
    position: absolute;
    visibility: hidden;
}

#order_comments {
    min-height: 90px;
}

.woocommerce ul#shipping_method li {
    border-radius: 6px;
    padding: 25px 34px;
    background: rgba(132, 132, 132, 0.15);
    position: relative;
    margin: 0;
}
.woocommerce-shipping-fields {
    line-height: 1.2;
    margin-top: 20px;
}
.woocommerce-billing-fields__field-wrapper {
    border-radius: 6px;
    padding: 25px 34px;
    background: rgba(132, 132, 132, 0.15);
}

.woocommerce-form-coupon-toggle .woocommerce-info {
    border-radius: 6px;
    background: rgba(132, 132, 132, 0.15);
    border-top-color: #F4E3C5;
    color: #fff;
}
.woocommerce-form-coupon-toggle .woocommerce-info::before, .woocommerce-form-coupon-toggle .showcoupon {
   color: #F4E3C5; 
}

.woocommerce-checkout .woocommerce .checkout_coupon input#coupon_code {
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 3px;
    height: 50px;
    background: transparent;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 115%;
    color: #fff;
}

.woocommerce.wp-block-group form.checkout_coupon {
    display: flex;
    
}
.woocommerce.wp-block-group form.checkout_coupon .form-row {    
    float: none;
    width: auto;
    margin: 0;
}
.woocommerce.wp-block-group form.checkout_coupon .form-row.form-row-first {
    flex: 1;
}
.woocommerce-checkout .woocommerce form.checkout_coupon .button {
    border: 1px solid rgba(255, 255, 255, 0.5);
    height: 50px;
    font-family: var(--second-family);
    font-weight: 300;
    font-size: 18px;
    color: #fff;
    background: transparent;
    padding: 10px 34px;
    border-radius: 35px;
    box-shadow: 0 2px 9px 0 rgba(255, 255, 255, 0.3), 0 1px 5px 0 rgba(255, 255, 255, 0.1);
}
.woocommerce-checkout .woocommerce form.checkout_coupon .button:hover {
    background: #fff;
    color: #000;
}
a.woocommerce-privacy-policy-link {
    color: inherit;
    text-decoration: underline;
}

.woocommerce-checkout article.page {
    padding-bottom: 100px;
}

@media (max-width: 1200px) {
    .woocommerce-cart-form__cart-item .product-thumbnail {
        line-height: 0;
        flex: 0 0 95px;
    }
    .product-name-wrap {
        padding: 0 0 0 10px;
    }
    .product-subtotal {
        font-size: 16px;
    }
    .checkout-review-order-wrap {
        padding: 20px 20px 0;
    }
    .place-order {
        padding: 20px;
    }
    .woocommerce-privacy-policy-text {
        font-size: 14px;
    }
    .place-order-submit .btn {
        font-size: 18px;
        width: 100%;
    }
    .woocommerce-billing-fields__field-wrapper, .wc_payment_method, .woocommerce ul#shipping_method li, .woocommerce form .custom-comment .form-row {
        padding-left: 20px;
        padding-right: 20px;
    }
    .woocommerce-checkout .col-lg-7 {
        padding-right: 20px;
    }
}
@media (max-width: 991px) {
    .checkout-cart {
        margin-top: 30px;
    }
    .custom-comment, .custom-payment, #customer_details, .custom-time {
        margin-top: 30px;
    }
}
@media (max-width: 767px) {
    .woocommerce form .form-row label, .woocommerce-page form .form-row label {
        font-size: 14px;
    }
    .woocommerce .woocommerce-checkout #payment div.payment_box {
        font-size: 12px;
        margin-top: 20px;
    }
    .wc_payment_method label, .woocommerce ul#shipping_method li label {
        font-size: 16px;
    }
    .woocommerce-checkout .woocommerce form.checkout_coupon .button {
        font-size: 14px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .woocommerce .woocommerce-breadcrumb, .woocommerce-page .woocommerce-breadcrumb {
        font-size: 14px;
    }
}
@media (max-width: 576px) {
    .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
        float: none;
        width: 100%;
    }
    tr.woocommerce-cart-form__cart-item {
        display: flex;
        flex-direction: column;
    }
    .woocommerce-cart-form__cart-item .product-remove {
        display: none;
    }
    .woocommerce-cart-form__cart-item .product-thumbnail {
        flex: 0 0 75px;
    }
    .product-name-title {
        font-size: 14px;
    }
    .product-name-desc {
        font-size: 10px;
    }
    td.product-subtotal {
        text-align: right;
        padding-top: 0 !important;
    }
    .woocommerce-cart-form__cart-item:not(:last-child){
        border-bottom: 1px solid rgba(255, 255, 255, 0.35);
    }
    .place-order-submit .btn span {
        padding-left: 10px;
        padding-right: 10px;
    }
    .woocommerce-checkout-review-order-totals th {
        font-size: 14px;
    }
    .woocommerce .woocommerce-checkout-review-order-totals .order-total th, .woocommerce .woocommerce-checkout-review-order-totals .order-total td {
        font-size: 18px;
    }
    .checkout-subtitle, .woocommerce-billing-fields h3 {
        font-size: 16px;
    }
    .woocommerce.wp-block-group form.checkout_coupon {
        padding: 10px;
    }
    
}


.woocommerce-order-details {
    margin-top: 40px;
}

.product-name a {
    color: inherit;
}
.woocommerce .woocommerce-customer-details address {
    line-height: 1.5;
}
.woocommerce-thankyou-order-received {
    margin-bottom: 40px;
}
section.related.products {
    clear: both;
}



.woocommerce div.product div.images.woocommerce-product-gallery {
    float: none;
    width: 100%;
}
.woocommerce div.product div.summary {
    width: 100%;
    float: none;
}
.woocommerce-product-gallery__image .wp-post-image {
    border-radius: 6px;
}
.woocommerce div.product div.summary p.price {
    color: #fff;
    font-family: var(--second-family);
    font-weight: 300;
    font-size: 34px;
    line-height: 1.2;
    margin-bottom: 40px;
}
.woocommerce div.product .product_title {
    font-family: var(--third-family);
}

.posted_in a {
    color: #F4E3C5;
    border-bottom: 1px solid #F4E3C5;
    transition: all linear 300ms;
}
.posted_in a:hover {
    border-bottom-color: transparent;
}
.woocommerce .product-qty .quantity .qty {
    width: 100%;
}

.woocommerce div.product form.cart {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 20px;
}
.woocommerce div.product form.cart::before {
    display: none;
}
.woocommerce-product-details__short-description {
    margin-bottom: 40px;
}
.single-product .product {
    padding-bottom: 100px;
}
@media (max-width: 576px) {
    .woocommerce div.product div.summary p.price {
        font-size: 24px;
    }
    .woocommerce-product-details__short-description {
        margin-bottom: 20px;
        font-size: 14px;
    }
}
@media (max-width: 400px) {
    form.cart .product-qty {
        width: 100%;
        justify-content: space-between;
    }
    form.cart .single_add_to_cart_button {
        width: 100%;
    }
    form.cart .product-qty .qty-btn {
        width: 40px;
        text-align: center;
    }
}




.wc-block-components-sidebar.wc-block-cart__sidebar.wp-block-woocommerce-cart-totals-block {
    border-radius: 6px;
    background: rgba(132, 132, 132, 0.15);
    padding: 35px 35px 20px;
}
a.wc-block-components-button.wc-block-cart__submit-button {
    border-radius: 38px;
    padding: 18px 34px;
    backdrop-filter: blur(25.600000381469727px);
    background: rgba(28, 18, 15, 0.1);
    border: 1px solid #F4E3C5;
    font-family: var(--third-family);
    font-weight: 300;
    font-size: 18px;
    color: #fff;
    box-shadow: inset 0 0 68px 0 rgba(255, 255, 255, 0.05), inset 0 2px 4px 0 rgba(255, 255, 255, 0.05);
}
a.wc-block-components-product-name {
    font-family: var(--second-family);
    font-weight: 300;
    font-size: 16px;
    line-height: 1.2;
    color: inherit;
}
.wc-block-cart-item__prices {
    font-family: var(--second-family);
    font-weight: 300;
    font-size: 12px;
}
.wc-block-cart-item__quantity .wc-block-components-quantity-selector {
    border-radius: 35px;
    backdrop-filter: blur(25.600000381469727px);
    box-shadow: inset 0 0 68px 0 rgba(255, 255, 255, 0.05), inset 0 2px 4px 0 rgba(255, 255, 255, 0.05);
    background: rgba(132, 132, 132, 0.1);
    border: 1px solid #978D7C;
    padding: 0 20px;
}
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button {
    font-family: var(--second-family);
    font-weight: 300;
    font-size: 24px;
}
.wc-block-cart-items .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input {
    font-family: var(--second-family);
    font-weight: 300;
    font-size: 16px;
    height: 44px;
}
.wc-block-cart-item__total .price.wc-block-components-product-price {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 16px;
    line-height: 115%;
}
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img {
    border-radius: 6px;
}
.wc-block-components-sidebar-layout.wc-block-cart {
    align-items: flex-start;
}
.woocommerce-cart .wc-block-cart .wc-block-cart-items .wc-block-cart-items__row td {
    padding: 12px 0 12px 12px !important;
    background: rgba(132, 132, 132, 0.1) !important;
}
.wc-block-cart .wc-block-cart-items .wc-block-cart-items__row:first-child td:first-child {
    border-top-left-radius: 12px;
}
.wc-block-cart .wc-block-cart-items .wc-block-cart-items__row:first-child td:last-child {
    border-top-right-radius: 12px;
}
.wc-block-cart .wc-block-cart-items .wc-block-cart-items__row:last-child td:first-child {
    border-bottom-left-radius: 12px;
}
.wc-block-cart .wc-block-cart-items .wc-block-cart-items__row:last-child td:last-child {
    border-bottom-right-radius: 12px;
}
@media (max-width: 991px) {
    .wc-block-components-sidebar.wc-block-cart__sidebar.wp-block-woocommerce-cart-totals-block {
        padding: 20px;
    }
}
@media (max-width: 767px) {
    .wc-block-cart table.wc-block-cart-items, .wc-block-cart table.wc-block-cart-items td, .wc-block-cart table.wc-block-cart-items th {
        margin: 0 !important;
    }
    .wc-block-cart .wc-block-cart-items .wc-block-cart-items__row td.wc-block-cart-item__total {
        padding-right: 12px !important;
    }
    .is-medium table.wc-block-cart-items .wc-block-cart-items__row, .is-mobile table.wc-block-cart-items .wc-block-cart-items__row, .is-small table.wc-block-cart-items .wc-block-cart-items__row {
        padding: 0 !important;
    }
    .wc-block-cart .wc-block-components-sidebar {
        margin-top: 20px;
    }
    .wc-block-components-sidebar.wc-block-cart__sidebar.wp-block-woocommerce-cart-totals-block {
        padding: 12px;
    }

    a.wc-block-components-product-name {
        font-size: 14px;
    }
    .wc-block-cart-item__quantity .wc-block-components-quantity-selector {
        padding: 0 10px;
    }
    .wc-block-cart-items .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input {
        font-size: 14px;
        height: 35px;
    }
    .wc-block-components-product-metadata__description {
        font-size: 10px;
        line-height: 1.2;
    }
}


.wp-block-separator.is-style-dots {
    display: none;
}
.wp-block-woocommerce-empty-cart-block .wp-block-separator + .wp-block-heading {
    display: none;
}

.wc-block-grid.wp-block-product-new {
    display: none;
}
.wp-block-woocommerce-empty-cart-block {
    min-height: 300px;
}



section.events {
    padding-top: 50px;
    padding-bottom: 130px;
}
.events__header {
    margin-bottom: -70px;
}
.events__title {
    font-family: var(--third-family);
    font-weight: 300;
    font-size: 70px;
    line-height: 1;
    color: #f5f5f5;
}



.events-card {
  position: relative;
  overflow: hidden;
  display: block;
  overflow: hidden;
}
.events-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all ease-in-out 300ms;
}
.events-card:hover img {
    transform: rotate(2deg) scale(1.1);
}
.events-card__date {
    font-family: var(--third-family);
    font-weight: 300;
    font-size: 100px;
    line-height: 1.3;
    text-transform: uppercase;
    color: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
}
.events-card .events-card__link {
    display: flex;
    height: 100%;
    width: 100%;
}
.events__gallery{
  display:grid;
  grid-template-columns: repeat(12, 1fr);
  gap:24px;
  grid-auto-rows: 6px;
  grid-auto-flow: row dense;
}
.events-empty {
    display: block;
    padding: 100px 0 201px;
}

/* позиции/ширины (как ты делала по 12-колоночной сетке) */
.events-card:nth-child(5n+1){ grid-column: 1 / span 4; grid-row: span 26; }
.events-card:nth-child(5n+2){ grid-column: 5 / span 3; grid-row: span 10; }
.events-card:nth-child(5n+3){ grid-column: 8 / span 5; grid-row: span 12; }
.events-card:nth-child(5n+4){ grid-column: 5 / span 3; grid-row: span 15; }
.events-card:nth-child(5n+5){ grid-column: 8 / span 5; grid-row: span 10; }

/* === КОРРЕКЦИИ ТОЛЬКО ДЛЯ ПЕРВОЙ ПЯТЁРКИ (1–5) === */
/* здесь задаём конкретные стартовые линии, чтобы композиция началась «со сдвигом» */
.events-card:nth-child(1){ grid-row: 5 / span 26; }  /* смещение вниз ТОЛЬКО у первой */
.events-card:nth-child(2){ grid-row: 1 / span 10; }
.events-card:nth-child(3){ grid-row: 1 / span 12; }
.events-card:nth-child(4){ grid-row: 11 / span 15; }
.events-card:nth-child(5){ grid-row: 13 / span 10; }

.events-item {
    display: flex;
    align-items: center;
    max-width: 768px;
    gap: 116px;
}

.events-item__date {
    display: flex;
    flex-direction: column;
    flex: 0 0 118px;
}
.events-item__day {
    font-family: var(--third-family);
    font-weight: 300;
    font-size: 100px;
    line-height: 1;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
}
.events-item__time {
    font-family: var(--third-family);
    font-weight: 300;
    font-size: 42px;
    line-height: 1;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
}
.events-item__title {
    font-weight: 400;
    font-size: 42px;
    text-transform: uppercase;
    color: #fff;
    line-height: 1.2;
    transition: all linear 300ms;
}
.events-item__title:hover {
    color: #f4e3c5;
}
.events-item__title a {
    color: inherit;
}
.events-item__desc {
    font-size: 24px;
    line-height: 115%;
}
.events-item__content {
    display: flex;
    flex-direction: column;
    gap: 9px;
}
.events__list {
    display: flex;
    flex-direction: column;
    gap: 46px;
    margin-top: 82px;
}
/* .events__month {
    font-family: var(--third-family);
    font-weight: 300;
    font-size: 200px;
    line-height: 1;
    text-transform: uppercase;
    transform: rotate(-90deg);
    transform-origin: center;
    white-space: nowrap;
} */
.events__month {
    font-family: var(--third-family);
    font-weight: 300;
    font-size: 200px;
    line-height: 0.85;
    text-transform: uppercase;
    white-space: nowrap;
    letter-spacing: .0em;
    writing-mode: vertical-rl;
    transform: rotate(-180deg);
}
.events__aside {
    margin-top: -200px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.events__nav-btn {
    background: transparent;
    border: none;
    padding: 0;
    line-height: 0;
}
.events__nav-btn:hover path { 
    stroke:#F4E3C5;
}
.events__nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    margin-top: 60px;
}
@media (max-width: 1200px) {
    .events__month {
        font-size: 140px;
    }
    .events-item__day {
        font-size: 60px;
    }
    .events-item__time {
        font-size: 32px;
    }
    .events-item__date {
        flex: 0 0 100px;
    }
    .events-item {
        gap: 60px;
    }
    .events-item__title {
        font-size: 32px;
    }
    .events-item__desc {
        font-size: 18px;
    }
    .events__aside {
        margin-top: -80px;
    }
    .events-card__date {
        font-size: 60px;
    }
    .events__gallery {
        grid-auto-rows: 1px;
    }
    .events__title {
        font-size: 56px;
    }
}
@media (max-width: 991px) {
    .events-card:nth-child(5n+1) {
        grid-row: span 26;
    }
    .events-card:nth-child(5n+2) {
        grid-row: span 13;
    }
    .events-card:nth-child(5n+4) {
        grid-row: span 13;
    }
    .events-card:nth-child(5n+3) {
        grid-row: span 13;
    }
    .events-card:nth-child(5n+5) {
        grid-row: span 13;
    }
    .events__gallery {
        gap: 10px;
    }
    .events__header {
        margin-bottom: 40px;
    }
    .events-card__date {
        font-size: 30px;
    }
    .events__month {
        font-size: 80px;
    }
    .events__aside {
        margin-top: 82px;
    }
    .events__content {
        align-items: flex-end;
    }
    .events-item__day {
        font-size: 40px;
    }
    .events-item__time {
        font-size: 22px;
    }
    .events-item__date {
        flex: 0 0 80px;
    }
    .events-item {
        gap: 24px;
    }
    .events-item__title {
        font-size: 26px;
    }
    .events-item__desc {
        font-size: 16px;
    }
    .events-item__content {
        gap: 6px;
    }
}
@media (max-width: 767px) {
    .events__title {
        font-size: 48px;
    }
    .events__list {
        gap: 30px;
    }
    .events-item__title {
        font-size: 20px;
    }
    .events-item {
        gap: 10px;
    }
}
@media (max-width: 576px) {
    section.events {
        padding-top: 20px;
        padding-bottom: 100px;
    }
    .events__content {
        flex-wrap: wrap;
    }
    .events-card:nth-child(5n+1) {
        grid-column: 1 / span 6;
    }
    .events-card:nth-child(5n+2) {
        grid-column: 7 / span 6;
    }
    .events-card:nth-child(5n+3) {
        grid-column: 7 / span 6;
    }
    .events-card:nth-child(5n+4) {
        grid-column: 1 / span 6;
    }
    .events-card:nth-child(5n+5) {
        grid-column: 7 / span 6;
    }
    .events-item__title {
        font-size: 18px;
    }
    .events__title {
        font-size: 36px;
    }
    .events-item__desc {
        font-size: 12px;
    }
    .events__aside {
        margin-top: 40px;
    }
    .events__aside {
        margin-top: 60px;
        position: relative;
        padding: 0 40px;
        width: 100%;
    }
    .events__month {
        font-size: 40px;
        transform: none;
        writing-mode: lr;
    }
    .events__nav {
        margin: 0;
    }
    .events__nav-btn {
        position: absolute;
        top: 5px;
    }
    .events__nav-btn--prev {
        left: 0;
    }
    .events__nav-btn--next {
        right: 0;
    }
}





.reveal { color: #000; }
.aos-animate .bar {
    transform-box: fill-box;
    transform-origin: 100% 50%;      /* фиксируем ПРАВЫЙ край */
    animation: wipe-x 1.1s ease-in-out forwards;
}
.aos-animate .b1 { animation-delay: 0s; }
.aos-animate .b2 { animation-delay: .12s; }
.aos-animate .b3 { animation-delay: .24s; }
.aos-animate .b4 { animation-delay: .36s; }
.aos-animate .b5 { animation-delay: .48s; }

@keyframes wipe-x {
    from { transform: scaleX(1); }
    to   { transform: scaleX(0); }   /* сужаемся вправо */
}

@media (prefers-reduced-motion: reduce) {
    .bar { animation: none; transform: scaleX(0); }
}
article.event.type-event {
    padding-bottom: 100px;
}
.event__content {
    background: linear-gradient(217deg, rgba(130, 130, 130, 0.4) 0%, rgba(1, 1, 1, 0) 100%);
    padding: 40px 30px;
    display: flex;
    flex-direction: column;
    gap: 38px;
    position: relative;
}
.event__content:before, .event__content:after {
    content: '';
    display: block;
    position: absolute;
}
.event__content:before {
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: linear-gradient(0deg, rgba(244, 227, 197, 0) 0%, #BD9445 100%);
}
.event__content:after {
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(244, 227, 197, 0) 0%, #BD9445 100%);
}
.event__title.entry-title {
    margin: 0;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 40px;
    text-transform: uppercase;
}
.event-meta {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 20px 40px;
    flex-wrap: wrap;
    font-size: 24px;
    line-height: 115%;
}
.event__price {
    font-size: 24px;
    line-height: 115%;
}
.event__text {
    font-size: 24px;
    line-height: 115%;
}
.event__actions {
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
}
.event__btn {
    font-size: 20px;
}
.event__btn--primary.btn-link {
    color: #f4e3c5;
}
.event__btn--primary.btn-link::after {
    background: #f4e3c5;
}
.event__btn--primary:hover {
    color: #fff;
}
.event__btn.event__btn--ghost::after {
    background: #f4e3c5;
    width: 0;
}
.event__btn.event__btn--ghost:hover::after {
    width: 100%;
}

.event-breadcrumbs, .single-product .breadcrumbs {
    padding: 30px 0;
}
.breadcrumbs {
    font-family: var(--second-family);
    font-weight: 300;
    font-size: 20px;
}
.breadcrumbs a {
    color: inherit;
    position: relative;
    line-height: 1.3;
    transition: all linear 300ms;
}
.breadcrumbs a::after {
    content: '';
    height: 1px;
    width: 0%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #f4e3c5;
    transition: all linear 300ms;
}
.breadcrumbs a:hover {
    color: #F4E3C5;
}
.breadcrumbs a:hover::after {
    width: 100%;
}


.entry-content p:not(:last-child) {
    margin-bottom: 1rem;
}
@media (max-width: 1400px) {
    .event__title.entry-title {
        font-size: 32px;
    }
    .event__content {
        gap: 24px;
    }
    .event-meta, .event__price {
        font-size: 18px;
    }
    .event__text {
        font-size: 18px;
    }
}
@media (max-width: 1200px) {
    .breadcrumbs {
        font-size: 18px;
    }
}
@media (max-width: 991px) {
    .event__content {
        margin-bottom: 40px;
    }
    .breadcrumbs {
        font-size: 16px;
    }
    .event__text {
        font-size: 16px;
    }
    .event__title.entry-title {
        font-size: 28px;
    }
}
@media (max-width: 767px) {
    .event__content {
        background: transparent;
        padding: 0;
    }
    .event__content:before, .event__content:after {
        opacity: 0;
    }
    .breadcrumbs {
        font-size: 14px;
    }    
}
@media (max-width: 576px) {
    .event__actions {
        justify-content: center;
        gap: 24px;
    }
}




.about-hero {
    position: relative;
    overflow: hidden;
    padding-bottom: 240px;
    padding-top: 25px;
}

.about-hero__bg{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

/* Колонка дыма */
.about-hero__smoke {
  position: absolute;
  inset: 0 auto 0 0;          /* слева по умолчанию */
  width: min(32vw, 520px);
  pointer-events: none;

  /* маска: убираем верх/низ и делаем перо у внутреннего края */
  -webkit-mask-image:
    linear-gradient(to bottom, transparent 0, #000 30%, #000 70%, transparent 100%),
    linear-gradient(to right, #000 75%, transparent 100%);
  -webkit-mask-composite: source-in;
          mask-image:
    linear-gradient(to bottom, transparent 0, #000 30%, #000 70%, transparent 100%),
    linear-gradient(to right, #000 75%, transparent 100%);
          mask-composite: intersect;
}
.hookah-section .about-hero__smoke {
    width: min(50vw, 820px);
}

/* правая колонка — у внутреннего края перо слева */
.about-hero__smoke.right{
  left: auto; right: 0;
  -webkit-mask-image:
    linear-gradient(to bottom, transparent 0, #000 30%, #000 70%, transparent 100%),
    linear-gradient(to left, #000 75%, transparent 100%);
          mask-image:
    linear-gradient(to bottom, transparent 0, #000 30%, #000 70%, transparent 100%),
    linear-gradient(to left, #000 75%, transparent 100%);
}

/* Слои дыма */
.about-hero__smoke .smoke{
  position: absolute;
  inset: 0;
  background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/95637/Smoke-Element.png");
  background-repeat: repeat-y;
  background-position: 50% 0;          /* отправная позиция — потом сдвигаем вверх */
  background-size: 200% auto;         /* высота тайла — регулирует «частоту» клубов */
  opacity: .35;
  mix-blend-mode: screen;
  will-change: background-position;
}

/* легкая вариативность слоёв */
.about-hero__smoke .smoke.l1 { opacity:.2; filter: blur(0px); }
.about-hero__smoke .smoke.l2 { opacity:.1; filter: blur(1px); background-size: 240% auto; }
.about-hero__smoke .smoke.l3 { opacity:.20; filter: blur(2px); background-size: 350% auto; }

/* Движение: большой подъём вверх — реально заметно */
@keyframes smoke-rise-fast {
  from { background-position-y: 0; }
  to   { background-position-y: -24000px; } /* чем больше модуль, тем дольше путь */
}

.about-hero__smoke.left  .l1 { animation: smoke-rise-fast 600s linear infinite; animation-delay: -180s; }
.about-hero__smoke.left  .l2 { animation: smoke-rise-fast 900s linear infinite; animation-delay: -270s; }
.about-hero__smoke.left  .l3 { animation: smoke-rise-fast 1200s linear infinite; animation-delay: -360s; }

.about-hero__smoke.right .l1 { animation: smoke-rise-fast 540s linear infinite; animation-delay: -200s; }
.about-hero__smoke.right .l2 { animation: smoke-rise-fast 840s linear infinite; animation-delay: -300s; }
.about-hero__smoke.right .l3 { animation: smoke-rise-fast 1140s linear infinite; animation-delay: -420s; }


/* небольшая поперечная «дрейфовость» — по желанию */
@keyframes drift {
  0%   { transform: translateX(0); }
  50%  { transform: translateX(8px); }
  100% { transform: translateX(0); }
}
.about-hero__smoke .l2 { animation-name: smoke-rise-fast, drift; animation-duration: 900s, 220s; }
.about-hero__smoke .l3 { animation-name: smoke-rise-fast, drift; animation-duration: 1140s, 360s; }

/* respect reduced motion */
@media (prefers-reduced-motion: reduce){
  .about-hero__smoke .smoke{ animation: none; }
}



.about-hero__card {
    border-left: 1px solid #f4e3c5;
    padding: 40px;
    background: #000;
    margin-right: -103px;
    margin-left: 103px;
    position: relative;
    font-family: var(--second-family);
    font-weight: 300;
    font-size: 24px;
    line-height: 1.2;
}
.about-hero__card p:not(:last-child) {
    margin-bottom: 1rem;
}

.about-hero__header {
    padding-right: 14px;
    text-align: right;
}
.about-hero__title {
    font-family: var(--second-family);
    font-weight: 300;
    font-size: 60px;
    text-transform: uppercase;
    color: #f4e3c5;
    line-height: 1.2;
}
.about-hero__content {
    position: relative;
    z-index: 1;
}

.about-wrapper {
    max-width: 1209px;
    margin-left: auto;
    margin-right: auto;
}

.aos-animate .about-hero__card {
  transform-origin: right center; /* точка расширения справа */
  transform: scaleX(0);           /* полностью сжат */
  animation: expand-left 0.8s ease-out 0.2s forwards;
}

@keyframes expand-left {
  from {
    transform: scaleX(0);
    opacity: 0;
  }
  to {
    transform: scaleX(1);
    opacity: 1;
  }
}

.about-hero__btn {
    margin-top: 75px;
}
.scroll-btn {
    display: inline-flex;
    background-color: transparent;
    border: 0;
    padding: 0;
    line-height: 0;    
    animation: floatUpDown 2s ease-in-out infinite;
    cursor: pointer;
}

@keyframes floatUpDown {
    0%, 100% {
        transform: translate(-50%, 0);
    }
    50% {
        transform: translate(-50%, -8px);
    }
}
@media (min-width: 577px) {
    .about-hero__menu {
        left: auto;
        right: 0;
        bottom: -60px;
        top: auto;
    }
    .about-hero__menu::before {
        width: auto;
        height: auto;
        background: rgba(235, 173, 57, 0.01);
        border: 10px solid rgba(255, 255, 255, 0.45);
        filter: blur(69.69999694824219px);
        left: -17px;
        right: -17px;
        top: -17px;
        bottom: -17px;
    }
    .about-hero__menu:hover {
        box-shadow: none;
    }
    .about-hero__menu:hover span {
        box-shadow: inset 0 0 68px 0 rgba(255, 255, 255, 0.05), inset 0 2px 4px 0 rgba(255, 255, 255, 0.05);
        background: radial-gradient(
            circle,
            rgba(28, 18, 15, 0.3) 0%,
            rgba(235, 173, 57, 0.15) 100%
        );

    }    
}
@media (min-width: 1600px) {
    .about-hero__menu {
        transform: translateX(50%);
    }
}
@media (max-width: 1400px) {
    .about-hero__menu {
        bottom: 0px;
    }    
}



.flex-md-row-reverse .about-hero__header {
    text-align: left;
    padding-left: 14px;
}
.flex-md-row-reverse .about-hero__card {
    border-right: 1px solid #f4e3c5;
    border-left: none;
    margin-right: 103px;
    margin-left: -103px;
}
.align-items-end .about-hero__card {
    margin-bottom: 50px;
}
.flex-md-row-reverse .aos-animate .about-hero__card {
  transform-origin: left center;
  animation: expand-right 0.8s ease-out 0.2s forwards;
}
@keyframes expand-right {
  from {
    transform: scaleX(0);
    opacity: 0;
  }
  to {
    transform: scaleX(1);
    opacity: 1;
  }
}

.menu-slider-wrap {
    margin: 50px -90px 0;
}
.menu-slider .menu-card {
    border-radius: 12px;
    box-shadow: 0 1px 5px 0 rgba(255, 255, 255, 0.3), 0 1px 3px 0 rgba(255, 255, 255, 0.1);
    background: linear-gradient(180deg, rgba(235, 217, 182, 0) 0%, rgba(250, 243, 229, 0.2) 100%);
    padding: 1px;
    aspect-ratio: 220 / 167;
    border: 1px solid rgb(142 132 114 / 60%);
    overflow: hidden;
    line-height: 0;
}
.drinks-slider .menu-card {
    aspect-ratio: 1 / 1;
}
.menu-slider .menu-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.about-hero.section2 {
    padding-bottom: 180px;
    padding-top: 0;
}
@media (max-width: 1400px) {
    .about-hero__card {
        font-size: 20px;
    }
    .about-hero__title {
        font-size: 50px;
    }
}
@media (max-width: 1200px) {
    .about-hero__card {
        font-size: 18px;
    }
    .about-hero__title {
        font-size: 48px;
    }
}
@media (max-width: 991px) {
    .about-hero__card {
        font-size: 16px;
        padding: 20px;
    }
    .about-hero__title {
        font-size: 38px;
    }
    .about-hero__card {
        margin-right: -60px;
        margin-left: 0px;
    }
    .flex-md-row-reverse .about-hero__card {
        margin-right: 0px;
        margin-left: -60px;
    }
}
@media (max-width: 767px) {
    .about-hero .about-hero__header {
        padding: 0;
    }
    .about-hero .about-hero__title {
        text-align: center;
    }
    .about-hero .about-hero__card {
        background: transparent;
        border: none;
        padding: 40px 0;
        margin: 0;
    }
    .about-hero__menu {
        display: none;
    }
    .about-hero .about-hero__card .about-hero__btn {
        margin-top: 20px;
        min-width: 300px;
    }

    .about-hero, .about-hero.section2 {
        padding-bottom: 100px;
    }
    .about-wrapper>.about-hero__btn {
        display: none;
    }
}
@media (max-width: 576px) {
    .about-hero .about-hero__card .about-hero__btn {
        width: 100%;
    }
}


.rcd-delivery-notice{
    margin:16px 0;
    padding:12px 16px;
    border:1px solid #111111;
    background:rgba(132, 132, 132, 0.8);
    border-radius:6px;
    font-weight: 600;
    color: #ffffff;
}








.woocommerce-remove-coupon{
    color: #c0c0c0;

}





.custom-time .rcd_time_methods { list-style: none; margin: 0; padding: 0; }
.custom-time .rcd_time_methods .rcd_time_method {
    border-radius: 6px;
    padding: 25px 34px;
    background: rgba(132, 132, 132, 0.15);
    position: relative;
    margin: 0 0 10px;
}


.custom-time .rcd_time_methods .rcd_time_method input[type="radio"] {
    position: absolute;
    visibility: hidden;
}
.custom-time .rcd_time_methods .rcd_time_method label {
    font-size: 18px;
    line-height: 115%;
    display: flex;
    align-items: center;
    gap: 19px;
    cursor: pointer;
}
.custom-time .rcd_time_methods .rcd_time_method label:before {
    content: '';
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 2px;
    width: 23px;
    height: 22px;
}
.custom-time .rcd_time_methods .rcd_time_method input:checked ~ label:before {
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='10' viewBox='0 0 13 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3.85714L5.50463 8.19315C5.94566 8.61767 6.66117 8.54986 7.0146 8.05006L12 1' stroke='white' stroke-width='2' stroke-linecap='round' /%3E%3C/svg%3E");
}


.custom-time .rcd_time_box {
    font-size: 16px;
    line-height: 115%;
    color: #fff;
    padding: 0;
    background: transparent;
    margin: 20px 0 0;
}


.custom-time #rcd_timeslot {
    width: 100%;
    max-width: 320px;
    height: 50px;
    border: 1px solid rgba(255,255,255,0.5);
    border-radius: 3px;
    background: transparent;
    color: #ffffff;
    padding: 0 12px;
    appearance: none;
}
.custom-time #rcd_timeslot:focus { outline: none; border-color: rgba(132, 132, 132, 0.15) }


#rcd_timeslot option {
    background-color: #000;
    color: #fff;
}


.custom-time #rcd_time_hint { opacity: 0.85; }


.custom-time .rcd_time_methods .rcd_time_method + .rcd_time_method { margin-top: 10px; }


@media (max-width: 576px) {
  .custom-time .rcd_time_methods .rcd_time_method { padding: 20px; }
  .custom-time #rcd_timeslot { max-width: 100%; }
}



.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1{
    width: 48% !important;
    max-width: 48% !important;
}


.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{
    width: 48% !important;
    max-width: 48% !important;
}



.custom-tips { margin-top: 30px; }

.custom-tips .rcd-tips-note {
  margin-top: 10px;
  opacity: .8;
}

.rcd-tips-row {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
  width: 100%;
}

.rcd-tip-input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.rcd-tip-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  border-radius: 6px;
  background: rgba(132,132,132,0.15);
  border: 1px solid rgba(255,255,255,0.3);
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  user-select: none;
  transition: transform .05s ease-in-out, background .2s;
}
.rcd-tip-btn:hover { background: rgba(132,132,132,0.25); }
.rcd-tip-btn.active {
  box-shadow: 0 0 0 1px #fff inset, 0 2px 9px rgba(255,255,255,0.25);
  background: rgba(255,255,255,0.1);
}

@media (max-width: 600px) {
  .rcd-tips-row { grid-template-columns: repeat(5, minmax(0,1fr)); gap: 8px; }
  .rcd-tip-btn { height: 44px; font-size: 15px; }
}



.woocommerce .blockUI.blockOverlay,
.woocommerce-checkout .blockUI.blockOverlay,
.woocommerce-cart .blockUI.blockOverlay {
  background: rgba(0,0,0,0.6) !important; 
}


.woocommerce .blockUI.blockOverlay::before,
.woocommerce .processing .blockUI.blockOverlay::before,
.woocommerce .loader:before {
  border-color: rgba(255,255,255,.35) !important; 
  border-top-color: #fff !important;             
}


.wc-block-components-overlay {
  background-color: rgba(0,0,0,.6) !important;
}
.wc-block-components-spinner {
  color: #fff !important; /* спиннер блоков */
}



.content-default {
    padding-bottom: 100px;
}
.content-default h2.wp-block-heading {
    font-weight: 400;
    font-size: 24px;
    line-height: 1.15;
    margin: 2rem 0 1rem;
}
.content-default .entry-content {
    font-size: 20px;
    line-height: 120%;
}
.content-default .wp-block-list {
    list-style-position: inside;
}
@media (max-width: 1400px) {
    .content-default .entry-content {
        font-size: 18px;
    }
}
@media (max-width: 991px) {
    .content-default .entry-content {
        font-size: 16px;
    }
}




.form-control {
    border: none;
    border-bottom: 1px solid #fff;
    padding: 0px 0px 7px;
    width: 100%;
    height: 28px;
    background: transparent;
    color: #fff;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5;
}
.form-group {
    position: relative;
    margin-bottom: 37px;
}
.form-group img {
    position: absolute;
    right: 0;
    top: 2px;
}
.wpcf7-not-valid-tip {
    font-size: 12px;
}
.wpcf7-submit.btn {
    width: 100%;
}
.form-group-submit {
    margin-top: 60px;
}
.form-group .iti__flag-container {
    padding-bottom: 10px;
}
@media (max-width: 577px) {
    .form-group {
        margin-bottom: 30px;
    }
}





.reserve-hero__circle {    
    border-radius: 50%;
    position: relative;
    line-height: 0;
}
.reserve-hero__circle::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: blur(106px);
    border-radius: 50%;
    background: linear-gradient(129deg, #005d43 0%, rgba(0, 195, 140, 0.5) 100%);
}
.reserve-hero__circle img {
     border-radius: 50%;
    position: relative;
}

.reserve .about {
    padding: 165px 0;
}
.reservation-page .about__bg-center img {
    margin: 0;
}
.reserve .about__bg-fon {
    background-size: 1200px auto;
}
.reserve-hero__col {
    width: 300px;
    text-align: center;
}
.reserve-hero__tab-btn {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 24px;
    line-height: 115%;
    color: #fff;
    background: transparent;
    border: none;
    padding-bottom: 7px;
    position: relative;
    transition: all linear 300ms;
}
.reserve-hero__tab-btn::after {
    content: '';
    height: 1px;
    width: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #f4e3c5;
    transition: all linear 300ms;
}
.reserve-hero__tab-btn.active, .reserve-hero__tab-btn:hover {
    color: #f4e3c5;
}
.reserve-hero__tab-btn.active::after,.reserve-hero__tab-btn:hover::after {
    width: 100%;
}
.reserve-hero__lead {
    font-family: var(--second-family);
    font-weight: 300;
    font-size: 24px;
    text-align: center;
    max-width: 754px;
    margin: 24px auto;
    line-height: 1.2;
}
.reservation-page .reserv {
    min-height: auto;
    text-align: center;
}
.reservation-page .reservation__title {
    margin-top: 40px;
}
.reservation-page .reserv__form-wrap {
    margin-left: auto;
    margin-right: auto;
}
.reservation-page .reservation__inner .reservation__button {
    width: 255px;
    font-size: 20px;
    margin: 40px auto 0;
    display: flex;
}
.reservation-page .reservation__legend {
    flex-direction: row;
    justify-content: space-between;
    max-width: 713px;
    margin: 60px auto 10px;
}
.reservation-page .reservation__map {
    margin: 0 auto;
}
.reservation-page {
    padding-bottom: 100px;
}
@media (max-width: 991px) {
    .reserve-hero__tab-btn {
        font-size: 20px;
    }
    .reserve-hero__lead {
        font-size: 20px;
    }
}
@media (max-width: 767px) {
    .reserve-hero__circle {
        display: none;
    }
    .reserve-hero__col {
        width: 200px;
    }
    .reserve-hero__inner {
        justify-content: center;
    }
    .reservation-page .reserv {
        padding-bottom: 0;
    }
    
    .reserve-hero__tab-btn {
        font-size: 18px;
    }
    .reserve-hero__lead {
        font-size: 18px;
    }
    .reservation-page .about__bg-center {
        height: 100%;
    }
    .reservation-page .about__bg-center img {
        max-width: 350px;
    }
    .reservation-page .reserve .about__bg-fon {
        background-size: 600px auto;
    }
}
@media (max-width: 577px) {
    .reservation-page .legend__item {
        gap: 10px;
        font-size: 12px;
    }
}




.reserve-circle {
    box-shadow: 0 3px 14px 0 rgba(255, 255, 255, 0.3), 0 2px 8px 0 rgba(255, 255, 255, 0.1);    
    border-radius: 62px;
    background: rgba(2, 2, 2, 0.7);
    border: 1px solid #8E8472;
    position: fixed;
    right: 40px;
    bottom: 40px;
    z-index: 1;
    transition: all linear 300ms;
}
.reserve-circle__wrap {
    width: 117px;
    height: 117px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: linear-gradient(180deg, rgba(235, 217, 182, 0) 0%, rgba(250, 243, 229, 0.2) 100%);
}
.reserve-circle__text {
    font-family: var(--second-family);
    font-weight: 300;
    font-size: 14px;
    line-height: 1.5;
    color: #f4e3c5;
}
.reserve-circle:hover {
    box-shadow: 0 2px 20px 0 #8E8472;
}
@media (max-width: 1200px) {
    .reserve-circle {
        right: 20px;
        bottom: 20px;
    }
    .reserve-circle__wrap {
        width: 95px;
        height: 95px;
    }
    .reserve-circle__icon {
        width: 55%;
    }
}
@media (max-width: 767px) {
    .reserve-circle__text {
        font-size: 10px;
    }
    .reserve-circle__wrap {
        width: 70px;
        height: 70px;
    }
}









.page-header {
    margin-top: 24px;
    text-align: center;
    margin-bottom: 70px;
    position: relative;
    overflow: hidden;
}
.page-header__decor {
    line-height: 0;
}
.page-header .page-title {
    font-family: var(--third-family);
    font-weight: 300;
    font-size: 60px;
    line-height: 1;
    color: #f5f5f5;
    position: absolute;
    top: 46%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.page-intro {
    margin-bottom: 70px;
}

@media (max-width: 1200px) {
    .page-header .page-title {
        font-size: 56px;
    }
}
@media (max-width: 576px) {
    .page-header__decor {
        margin-left: -100px;
        margin-right: -100px;
    }
    .page-header .page-title {
        font-size: 36px;
    }
}




.blog-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.post-card {
    backdrop-filter: blur(29px);
    box-shadow: inset 0 0 77px 0 rgba(255, 255, 255, 0.1), inset 0 -2px 4px 0 rgba(255, 255, 255, 0.1);
    background: rgba(125, 125, 125, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 6px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.post-cover {
    line-height: 0;
    position: relative;
}
.post-cover__img {
    aspect-ratio: 400 / 271;
    object-fit: cover;
    object-position: center;
    border-radius: 3px;
    width: 100%;
}
.post-date-badge {
    backdrop-filter: blur(59px);
    background: rgba(28, 18, 15, 0.4);
    border-radius: 0 3px;
    padding: 10px 15px;
    display: flex;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 115%;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
}
.post-title {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 24px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 10px;
    line-height: 1.5;
    transition: all linear 300ms;
}
.post-title:hover {
    color: #f4e3c5;
}
.post-title a {
    color: inherit;
}
.post-excerpt {
    font-size: 18px;
    line-height: 115%;
}

.post-readmore {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    color: #f4e3c5;
}
.icon-rotate svg {
    transition: all linear 300ms;
}
.icon-rotate:hover svg {
    transform: rotate(-45deg);
}
.post-readmore::after {
    background: #f4e3c5;
}

.blog-pagination {
    margin-top: 70px;
}
ul.page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 24px;
}
ul.page-numbers a, ul.page-numbers span {
    display: flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    font-family: var(--third-family);
    font-weight: 300;
    color: inherit;
}
span.page-numbers.current {
    backdrop-filter: blur(25.600000381469727px);
    box-shadow: inset 0 0 68px 0 rgba(255, 255, 255, .05), inset 0 2px 4px 0 rgba(255, 255, 255, .05);
    background: rgba(132, 132, 132, .1);
    border: 1px solid #c2b59d;
    color: #c2b59d;
}

.blog-list {
    padding-bottom: 100px;
}
@media (max-width: 1200px) {
    .blog-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 767px) {
    .post-title {
        font-size: 20px;
    }
    .post-excerpt {
        font-size: 16px;
    }
    .post-readmore {
        font-size: 18px;
    }
}
@media (max-width: 576px) {
    .blog-grid {
        grid-template-columns: repeat(1, 1fr);
    }
}


.type-post .post-thumbnail {
    border: 1px solid rgba(244, 227, 197, 0.7);
    border-radius: 6px;
    line-height: 0;
    overflow: hidden;
}
.type-post .attachment-post-thumbnail {
    width: 100%;
    aspect-ratio: 669 / 689;
    object-fit: cover;
    background-position: center;
}

.type-post time.post-date {
    font-size: 18px;
    line-height: 115%;
    margin-bottom: 20px;
    display: block;
}
.single-post .site {
    background-image: url(/wp-content/themes/myata/assets/images/single-post-bg.svg);
    background-size: cover;
    background-position: top center;
}
.blog .site {
    background-image: url(/wp-content/themes/myata/assets/images/blog-bg.svg);
    background-size: cover;
    background-position: top center;
}
@media (max-width: 767px) {
    .type-post time.post-date {
        font-size: 16px;
    }
}
@media (max-width: 991px) {
    .type-post .post-thumbnail {
        margin-top: 40px;
    }
}



.hero__inner .menu-btn:before {
    display: none;
}