/**
Theme Name: Astra Child
Author: IgorYartsev
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/ :root {
  --border-radius: 10px;
  --border: 1px solid rgba(255, 255, 255, 0.18);
  --box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.2);
  --box-shadow-hover: -3px -2px 15px 0px rgba(0, 0, 0, 0.2);
  --background: rgba(255, 255, 255, 0.8);
  --blur-background: rgba(255, 255, 255, 0.6);
  --backdrop-filter: blur(6px);
}
.zest-beauty-four, #instructsiya, .ast-blog-single-element.ast-read-more-container.read-more {
  display: none;
}
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Rubik', Roboto, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}
html {
  scroll-behavior: smooth;
}
button:active, button:focus {
  outline: none !important;
}
button::-moz-focus-inner {
  border: 0 !important;
}
a.active.focus, a.active:focus, a.focus, a:active.focus, a:active:focus, a:focus, button.active.focus, button.active:focus, button.focus, button:active.focus, button:active:focus, button:focus, .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
  outline: 0 !important;
  outline-color: transparent !important;
  outline-width: 0 !important;
  outline-style: none !important;
  box-shadow: 0 0 0 0 rgba(0, 123, 255, 0) !important;
}
a {
  text-decoration: none !important;
}
.entry-content p {
  margin-bottom: .5em;
}
.site-footer {
  z-index: 1
}
.wp-block-button__link, .nav-links > div .ast-post-nav:before, a.btn-primary, .pgafu-post-grid-main.pgafu-design-1 .readmorebtn, .psac-readmorebtn, * {
  transition: .3s;
}
.ast-main-header-wrap * {
  transition: .0s;
}
.ast-main-header-wrap > .ast-primary-header-bar {
  background: white;
  /*  max-width: 1600px;*/
  box-shadow: var(--box-shadow);
}
.uagb-container-inner-blocks-wrap .white-box {
  background: white;
  box-shadow: var(--box-shadow);
  border-radius: var(--border-radius);
}
.base-row {
  flex-wrap: wrap;
  row-gap: 0px;
  column-gap: 20px;
  display: flex;
}
.ast-blog-layout-4-grid .ast-article-inner .post-thumb-img-content, .ast-related-post-content .post-thumb-img-content a, .uagb-post-grid.is-grid.uagb-post__image-position-top .uagb-post__image a.uagb-image-ratio-inherit, .base-row .entry-thumbnail {
  height: 250px;
  overflow: hidden;
  display: block;
}
.ast-blog-layout-4-grid .ast-article-inner .wp-post-image, .ast-related-post-content .post-thumb-img-content a img, .uagb-post-grid.is-grid.uagb-post__image-position-top .uagb-post__image a.uagb-image-ratio-inherit img, .base-row .entry-thumbnail img {
  width: 100%; /* Занимает 100% ширины блока */
  height: 100%; /* Занимает 100% высоты блока */
  object-fit: cover;
}
.ast-blog-layout-4-grid .ast-article-inner .wp-post-image {
  object-fit: contain;
}
.psac-post-carousel-wrp .owl-prev {
  left: -40px !important;
}
.psac-slider-and-carousel .owl-next {
  right: -40px !important;
}
.psac-post-carousel-wrp .owl-prev, .psac-slider-and-carousel .owl-next {
  color: var(--ast-global-color-0) !important;
  border-width: 0 !important;
}
.psac-slider-and-carousel .owl-nav .owl-next:hover, .psac-slider-and-carousel .owl-nav .owl-prev:hover, .psac-slider-and-carousel .owl-nav .owl-next:focus, .psac-slider-and-carousel .owl-nav .owl-prev:focus {
  color: white !important;
  background: var(--ast-global-color-0) !important;
  border-color: #03a9f5;
}
.pgafu-filter li a {
  background: var(--ast-global-color-1);
  color: white;
}
.pgafu-filter li.pgafu-active-filtr a, .psac-slider-and-carousel .owl-dots .owl-dot.active {
  background: var(--ast-global-color-0) !important;
}
.uagb-post-grid.is-grid.uagb-post__equal-height .uagb-post__inner-wrap, .pgafu-post-grid, .base-row article, .owl-item .psac-post-carousel-slide {
  box-shadow: var(--box-shadow);
  background: white;
  border-radius: var(--border-radius);
  overflow: hidden;
}
.uagb-post-grid.is-grid.uagb-post__equal-height .uagb-post__inner-wrap {
  margin-bottom: 15px;
}
.base-row article {
  padding-bottom: 15px;
}
.base-row article .entry-header, .base-row article .entry-content {
  padding: 0 15px
}
.base-row article .entry-header {
  margin: 15px auto
}
.base-title {
  font-size: 1.8rem;
  padding: 30px 0 30px;
  text-align: center;
}
.psac-post-carousel.psac-design-2 .psac-post-carousel-content {
  border: none;
}
.base-row .entry-header, .pgafu-post-title, .psac-post-carousel.psac-design-2 .psac-post-title {
  min-height: 90px;
}
.base-row .entry-content, .pgafu-post-short-content, .psac-post-carousel.psac-design-2 .psac-post-short-content {
  min-height: 100px;
}
.psac-post-categories {
  margin-top: -28px;
  display: block;
}
.pgafu-post-categories {
  position: absolute;
  display: block;
  top: 180px;
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
}
.pgafu-post-categories a, .psac-post-categories a {
  color: white;
  background: var(--ast-global-color-0) !important;
  padding: 5px 10px;
  font-size: 13px;
}
.wp-block-button.uagb-post__text.uagb-post__cta .uagb-text-link.wp-block-button__link, .pgafu-post-grid-main.pgafu-design-1 .readmorebtn, .psac-post-carousel-slide .psac-readmorebtn {
  color: var(--ast-global-color-0);
  border: solid 2px var(--ast-global-color-0);
}
.pgafu-post-grid {
  padding-bottom: 30px;
}
.uagb-post__inner-wrap .uagb-post__cta, .wp-block-button.uagb-post__text.uagb-post__cta .uagb-text-link.wp-block-button__link {
  display: block;
  width: fit-content;
  font-size: 15px;
  margin: 15px auto
}
.wp-block-button.uagb-post__text.uagb-post__cta .uagb-text-link.wp-block-button__link:hover, .base-row a.btn-primary:hover, .pgafu-post-grid-main.pgafu-design-1 .readmorebtn:hover, .psac-post-carousel-slide .psac-readmorebtn:hover {
  background: var(--ast-global-color-1);
  color: white;
  border: solid 2px var(--ast-global-color-1);
}
.n-public .wp-block-search__button-inside {
  border: solid 2px white;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
  outline-style: none;
  border: none;
  padding: 0;
}
.wp-block-search__inside-wrapper .wp-block-search__input {
  border-radius: 0
}
.n-public .wp-block-search__button {
  margin-left: 0
}
.uagb-post-grid .uagb-post__title a, .base-row h2, .pgafu-post-grid-main h2.pgafu-post-title a {
  font-size: 24px !important;
  line-height: 30px !important;
  color: black;
}
.base-row .entry-content p {
  color: var(--ast-global-color-4);
}
.video-container {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
}
.video-container iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}
.single .post-navigation a p {
  white-space: pre-line;
}
.nav-links > div {
  background: white;
  padding: 15px;
}
.nav-links > div:first-of-type {
  padding-left: 50px;
}
.nav-links > div:last-of-type {
  padding-right: 50px;
}
.nav-links .ast-post-nav {
  position: relative;
  color: var(--ast-global-color-0);
}
.nav-links > div .ast-post-nav:before {
  content: "";
  width: 14px;
  height: 16px;
  display: block;
  position: absolute;
  background: url(/wp-content/uploads/2024/03/arrow.svg) no-repeat center;
  left: -24px;
}
.nav-links .nav-next .ast-post-nav:before {
  transform: rotate(180deg);
  left: auto;
  right: -24px;
}
.nav-links > div:hover .ast-post-nav:before {
  left: -30px;
}
.nav-links .nav-next:hover .ast-post-nav:before {
  transform: rotate(180deg);
  left: auto;
  right: -30px;
}
#flix-instructions {
  list-style: none;
  margin: 0;
  padding: 0;
}
#flix-instructions li {
  margin-bottom: 5px;
}
.ast-left-sidebar #secondary.fixed-bar > .sidebar-main {
  position: fixed;
  width: 275px;
  top: 50px;
}
.ast-left-sidebar #secondary.fixed-bar.fixed-bar-footer > .sidebar-main {
  position: absolute;
  top: auto;
  bottom: 520px;
}
.ast-left-sidebar #secondary .wpc-filter-title, .ast-left-sidebar #secondary li {
  margin-bottom: 0.25em;
}
.allerveg-list .wp-block-media-text__media {
  max-width: 50px;
}
.allerveg-list .wp-block-media-text__content {
  padding: 0 !important
}
.allerveg-list .wp-block-media-text__content p {
  margin-bottom: 0;
  color: #0091BE;
  font-weight: bolder;
  font-size: larger;
}
.allerveg-list .wp-block-media-text {
  grid-template-columns: 60px auto !important;
}
article .glsr-default .glsr-review-date {
  display: none;
}
/*
.togglebuttons .wpcf7-list-item {
  margin: 0 10px 0 0;
  display: inline-block;
}
.togglebuttons > span input {
  opacity: 0;
  position: absolute;
}
.togglebuttons > span .wpcf7-list-item-label {
  cursor: pointer;
  display: block;
  color: #333;
  border-radius: 2px;
  padding: 4px 15px;
  background: #efefef;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  border: 1px solid #e0e0e0;
}
.togglebuttons > span input:checked + .wpcf7-list-item-label {
  background: #0D62B0;
  border: 1px solid #0D62B0;
  color: #ffffff;
  font-weight: bold;
}
*/
.flexbox {
  display: flex;
  align-items: center;
  align-content: flex-start;
  gap: 10px;
}
.error-message {
  display: none;
  color: red;
  font-size: 14px;
  margin-top: 5px;
  transition: opacity 0.3s ease-in-out;
  opacity: 0;
}
.error-visible {
  display: block;
  opacity: 1;
}
/* Основные стили для всплывающего окна */
#healthPopup, #healthDenied {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1000;
  justify-content: center;
  align-items: center;
}
#healthPopupContent, #healthDeniedMessage {
  background: white;
  padding: 40px;
  border-radius: 8px;
  text-align: center;
  max-width: 700px;
  margin: auto;
}
#healthPopupContent h2, #healthDeniedMessage h2 {
  margin-bottom: 20px;
}
#healthPopupContent button {
  margin: 10px;
  padding: 10px 20px;
  border: none;
  border-radius: 2px;
  cursor: pointer;
}
#healthConfirmButton {
  background-color: #4CAF50;
  color: white;
}
#healthDenyButton {
  background-color: #f44336;
  color: white;
}
/*
*
* zest
*
*/
#zest_main-head .n2-ss-section-main-content {
  background-size: auto;
  height: 700px;
  /*    max-height: 35vw;*/
}
#zest_main-head {
  max-height: 730px;
  margin-bottom: 0
}
/*
@media (min-width: 2000px) {
  #zest_main-head .n2-ss-slide-background-image {
    max-width: 2000px;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
    position: relative;
  }
}
*/
.z_slide_table > div > div > div {
  background-position: 50% 50%, 50% 250% !important;
  background-size: auto !important;
}
.zest_bg_stars {
  position: relative;
  overflow: hidden;
}
.star {
  position: absolute;
  top: -10rem;
  background-size: contain;
  background-repeat: no-repeat;
}
@keyframes starAnimation {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  50% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(0.5);
  }
}
.star {
  animation-timing-function: ease-in-out;
}
@keyframes fall {
  to {
    transform: translateY(100vh); /* Падение на весь экран */
  }
}
.n2-ss-slide-1 {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: linear-gradient(45deg, #D1A1B7FF, #E5A7BBFF);
}
.feather {
  position: absolute;
  top: -150px; /* Начинают падение с верхней части экрана */
  background-size: contain;
  background-repeat: no-repeat;
  animation: fall linear infinite;
}
@keyframes fall {
  0% {
    transform: translateY(0) rotate(0deg);
    opacity: 1;
  }
  100% {
    transform: translateY(100vh) rotate(160deg);
    opacity: 0;
  }
}
/* Waves Animation start */
.waves {
  position: absolute;
  width: 100%;
  min-height: 60px;
  max-height: 100px;
  left: 0;
  top: -6vh;
}
.parallax > use {
  animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 12s;
}
.parallax > use:nth-child(2) {
  animation-delay: -5s;
  animation-duration: 18s;
}
.parallax > use:nth-child(3) {
  animation-delay: -7s;
  animation-duration: 23s;
}
.parallax > use:nth-child(4) {
  animation-delay: -9s;
  animation-duration: 30s;
}
@keyframes move-forever {
  0% {
    transform: translate3d(-90px, 0, 0);
  }
  100% {
    transform: translate3d(85px, 0, 0);
  }
}
/* Shrinking for mobile */
@media (max-width: 768px) {
  .waves {
    top: 625px;
    height: 70px;
    min-height: 70px;
    position: absolute !important;
  }
}
/* Waves Animation end */
#left-menu .wp-block-uagb-buttons-child a.uagb-buttons-repeater {
  box-shadow: var(--box-shadow);
  backdrop-filter: var(--backdrop-filter);
  -webkit-backdrop-filter: var(--backdrop-filter);
  border-radius: var(--border-radius);
}
#left-menu .wp-block-uagb-buttons-child:nth-of-type(2) a.uagb-buttons-repeater {
  background: var(--ast-global-color-7);
}
#left-menu .wp-block-uagb-buttons-child:nth-of-type(3) a.uagb-buttons-repeater {
  background: #33aae0;
}
#left-menu .wp-block-uagb-buttons-child:nth-of-type(4) a.uagb-buttons-repeater {
  background: var(--ast-global-color-1);
}
#left-menu .wp-block-uagb-buttons-child:hover a.uagb-buttons-repeater {
  opacity: .8
}
#left-menu .wp-block-uagb-buttons-child img {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
#zest_main-head .slider-img-height {
  margin-right: -220px !important
}
.zest_slide_bg > div {
  background-size: auto !important;
}
/* 
 * Анимация элементов
 */
* {
  box-sizing: border-box;
}
.animation-container {
  position: relative;
  height: 100vh;
  width: 100vw !important;
}
.image {
  position: absolute;
  opacity: 0;
  transition: position 0.3s;
  left: 30vw;
}
.fixed-position {
  left: 30vw;
}
#tablet_middle {
  z-index: 2;
  top: 50%;
  transform: translate(-50%, -50%);
  position: fixed; /* Убедимся, что позиция fixed */
}
#tablet_bottom {
  z-index: 1;
  top: 55%;
  transform: translate(-50%, -50%);
  position: fixed;
}
#tablet_top {
  z-index: 3;
  top: 45%;
  transform: translate(-50%, -50%);
  position: fixed;
}
#green_line {
  z-index: 3;
  top: 25%;
  transform: translate(-50%, -50%);
  left: 50vw;
}
#one {
  z-index: 1;
  top: 26.7%;
  transform: translate(-50%, -50%);
  left: 58vw;
}
#orange_line {
  z-index: 2;
  top: 49%;
  transform: translate(-50%, -50%);
  left: 50.7vw;
}
#two {
  z-index: 2;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 57vw;
}
#blue_line {
  z-index: 3;
  top: 73.7%;
  transform: translate(-50%, -50%);
  left: 50vw;
}
#three {
  z-index: 3;
  top: 75%;
  transform: translate(-50%, -50%);
  left: 56vw;
}
.diamond {
  position: absolute;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  width: auto;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  text-align: center;
  z-index: 3;
  transform: skew(-20deg);
  padding: 0 30px;
}
.diamond-content {
  transform: skew(20deg); /* Обратное искажение для текста */
}
.diamond-text {
  position: absolute;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  z-index: 2;
  width: 300px;
  left: 63vw;
}
#green_diamond {
  background-color: #8cbe3e;
  top: 16.6%;
  left: 63vw;
}
#orange_diamond {
  background-color: #ffa500;
  top: 41%;
  left: 63vw;
}
#blue_diamond {
  background-color: #1e90ff;
  top: 65.2%;
  left: 63vw;
}
#green_text {
  top: 26.6%;
}
#orange_text {
  top: 51%;
}
#blue_text {
  top: 75.2%;
}
.section {
  position: relative;
  width: 100vw !important;
  height: 20vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*  background-color: whitesmoke;*/
}
.section#third {
  height: 100vh;
}
.section.section-height {
  height: auto;
}
.glassmorphism {
  background: rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.glass-box {
  box-shadow: var(--box-shadow);
  border-radius: var(--border-radius);
  background: var(--blur-background);
  backdrop-filter: var(--backdrop-filter);
  -webkit-backdrop-filter: var(--backdrop-filter);
  border: 1px solid rgba(255, 255, 255, 0.18);
  overflow: hidden !important;
  transition: .3s;
}
.glass-box:hover {
  box-shadow: var(--box-shadow-hover);
  /*  background: var(--box-shadow-hover);*/
}
#first {
  /*  background-color: #f0f0f0;*/
}
#second {
  /*  background-color: #333;*/
}
#third {
  /*  background-color: #6a1215;*/
}
#fourth {
  background-color: var(--ast-global-color-7);
  z-index: 4;
  max-height: 1vh;
}
#fifth {
  background-color: whitesmoke
}
.content {
  text-align: center;
  /*  color: white;*/
  opacity: 0;
  transform: translateY(100px);
}
.background-elements {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.blob {
  position: absolute;
  width: 500px;
  height: 500px;
  background: linear-gradient(180deg, rgba(253, 231, 233, 0.42) 31.77%, #fde7e9 100%);
  mix-blend-mode: multiply;
  animation: move 25s infinite alternate;
  transition: 1s cubic-bezier(0.07, 0.8, 0.16, 1);
}
@keyframes move {
  from {
    transform: translate(-100px, -50px) rotate(-90deg);
    border-radius: 24% 76% 35% 65% / 27% 36% 64% 73%;
  }
  to {
    transform: translate(500px, 100px) rotate(-10deg);
    border-radius: 76% 24% 33% 67% / 68% 55% 45% 32%;
  }
}
.decorative-cards > div > .wp-block-uagb-container, .decorative-card {
  background: rgba(255, 255, 255, 0.15);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border-radius: 1rem;
  z-index: 10;
  color: whitesmoke;
  margin-top: 20px;
  overflow: hidden
}
div#parallax-bg-1 {
  position: fixed;
  width: 1200px;
  top: 0;
  left: 50%;
  margin-left: -600px;
  z-index: -1;
}
/* background middle layer*/
div#parallax-bg-2 {
  position: fixed;
  width: 1200px;
  top: 1800px;
  left: 50%;
  margin-left: -600px;
  z-index: -1;
}
/* background layer */
div#parallax-bg-3 {
  position: fixed;
  width: 960px;
  top: 800px;
  left: 50%;
  margin-left: -470px;
  z-index: -1;
}
/* foreground */
div#parallax-bg-3 div {
  background-repeat: no-repeat;
  position: absolute;
  display: block;
  overflow: hidden;
}
div#bg-3-1 {
  background: url("/wp-content/uploads/2024/06/10zest.svg");
  width: 529px;
  height: 150px;
  top: 100px;
  right: 100px;
}
div#bg-3-2 {
  background: url("/wp-content/uploads/2024/06/2zest.svg");
  width: 603px;
  height: 150px;
  top: 1050px;
  left: 70px;
}
div#bg-3-3 {
  background: url("/wp-content/uploads/2024/06/3zest.svg");
  width: 446px;
  height: 150px;
  top: 1800px;
  right: 140px;
}
div#ground {
  background: url("/wp-content/uploads/2024/06/4zest.svg");
  width: 100%;
  height: 150px;
  top: 1200px;
  background-size: cover;
  position: relative;
}
/* middle layer clouds */
div#parallax-bg-2 div {
  background: url("/wp-content/uploads/2024/06/5zest.svg");
  background-repeat: no-repeat;
  position: absolute;
  display: block;
  width: 488px;
  height: 225px;
  overflow: hidden;
}
div#bg-2-3 {
  top: 870px;
  left: -300px;
}
div#bg-2-4 {
  top: 1120px;
  right: -130px;
}
/*background layer clouds */
div#parallax-bg-1 div {
  background-repeat: no-repeat;
  position: absolute;
  display: block;
  width: 488px;
  height: 150px;
  overflow: hidden;
}
div#bg-1-1 {
  background: url("/wp-content/uploads/2024/06/6zest.svg");
  top: 1700px;
  right: 450px;
}
div#bg-1-2 {
  background: url("/wp-content/uploads/2024/06/9zest.svg");
  top: 1420px;
  left: 0px;
}
div#bg-1-3 {
  background: url("/wp-content/uploads/2024/06/8zest.svg");
  top: 850px;
  right: -290px;
}
div#bg-1-5 {
  background: url("/wp-content/uploads/2024/06/6zest.svg");
  top: 1200px;
  left: -200px;
}
/******/
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*
Этот скрипт добавляет цикличную анимацию, имитирующую бесконечный полёт вверх с плавным подёргиванием и изменением размера изображения.
*/
.zest_flying-girl > div > div {
  position: relative;
  animation: flyUp infinite 10s linear, zoom 4s infinite ease-in-out;
}
@keyframes flyUp {
  0% {
    top: 0;
  }
  50% {
    top: -40px;
  }
  100% {
    top: 0;
  }
}
@keyframes zoom {
  0%, 100% {
    transform: scale(1);
  }
  20% {
    transform: scale(1.01) translateX(-2px) rotate(-2deg);
  }
  40% {
    transform: scale(1.02) translateX(2px) rotate(2deg);
  }
  60% {
    transform: scale(1.03) translateX(-2px) rotate(-1deg);
  }
  80% {
    transform: scale(1.02) translateX(2px) rotate(1deg);
  }
}
/****/
.ast-article-single .entry-content > .wp-block-uagb-container:not(.container-background) {
  background-color: var(--ast-global-color-6);
  margin-bottom: auto;
}
#prod-gallery > .wp-block-uagb-image-gallery {
  max-height: 450px;
  max-width: 500px;
}
#prod-gallery .spectra-image-gallery__media {
  padding: 0 50px;
}
.uagb-slick-carousel ul.slick-dots li button {
  box-shadow: none;
}
.uagb-slick-carousel ul.slick-dots li {
  margin: 0 2px;
}
/*
 * CSS стили для управления высотой блока с текстом и отображения кнопок.
 * При свернутом состоянии блок ограничен по высоте и отображает кнопки для управления.
 */
#full-instructions, #full-instructions-2, #full-instructions-3 {
  max-height: 200px;
  overflow: hidden;
  transition: max-height 0.5s ease;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 10; /* количество строк, которое будет показываться */
  -webkit-mask-image: linear-gradient(black 60%, transparent); /* Маска с градиентом */
}
#full-instructions.expanded, #full-instructions-2.expanded, #full-instructions-3.expanded {
  max-height: none !important;
  display: block;
  -webkit-mask-image: none; /* Удаление маски при разворачивании */
}
#hide-btn, #hide-btn-2, #hide-btn-3 {
  display: none;
}
.ast-related-posts-title-section, .ast-single-related-posts-container .ast-related-posts-wrapper, .single .post-navigation .nav-links {
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
}
.ast-read-more-container.read-more > a {
  float: left;
}
.custom-buy-button {
  float: right;
}
.base-row a.btn-primary, .ast-read-more-container.read-more > a, .custom-buy-button {
  display: inline-block;
  padding: 5px 15px;
  color: var(--ast-global-color-5);
  border-color: var(--ast-global-color-0);
  background-color: var(--ast-global-color-0);
  text-decoration: none;
  border-radius: 5px;
  margin-top: 10px;
  font-size: 0.9rem;
  font-weight: normal;
}
.base-row a.btn-primary {
  display: block;
  width: fit-content;
  border: solid 2px var(--ast-global-color-0);
  margin: auto
}
.single-base_thumbnail {
  position: relative;
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  max-height: 550px;
  overflow: hidden;
}
.single-base_thumbnail img {
  width: 100%;
  height: auto;
  object-fit: cover;
  max-height: 550px;
}
.single-base_entry-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.single-base_article .entry-title {
  max-width: 75%;
  margin-bottom: 0;
}
.ast-separate-container .single-base_article {
  margin-bottom: 50px;
  margin-top: 50px;
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
}
.author-info {
  display: flex;
  align-items: center;
}
.author-avatar {
  margin-right: 10px;
  border-radius: 50%;
  overflow: hidden;
}
.author-avatar img {
  border-radius: 50%;
  width: 80px;
  height: 80px;
}
.author-details {
  display: flex;
  flex-direction: column;
}
.author-details p {
  margin: 5px 0 0 5px;
}
.post-date {
  font-size: 14px;
  color: #7a7a7a;
}
.author-name {
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.news-sidebar .recent-posts {
  margin-top: 30px;
}
.news-sidebar .recent-posts .recent-post-item {
  margin-bottom: 20px;
  display: flex;
  background-color: white;
  padding: 15px;
  border-radius: 8px;
  box-shadow: var(--box-shadow);
  transition: all 0.3s ease;
  flex-direction: column;
  align-items: flex-start;
}
.news-sidebar .recent-posts .recent-post-item:hover {
  box-shadow: var(--box-shadow-hover);
}
.news-sidebar .recent-posts .recent-post-item img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  border-radius: 8px;
  margin-right: 15px;
}
.news-sidebar .recent-posts .recent-post-item .post-title {
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 5px;
  color: var(--ast-global-color-0);
}
.news-sidebar .recent-posts .recent-post-item .post-date {
  font-size: 12px;
  color: #7a7a7a;
}
.news-sidebar .recent-posts .recent-post-item .post-excerpt {
  font-size: 13px;
  color: #555;
  margin-top: 5px;
  line-height: 1.2;
}
.news-sidebar .recent-posts .recent-post-item .post-details {
  flex: 1;
  display: flex;
  flex-direction: row;
}
.news-sidebar .recent-posts .recent-post-item .post-details > div {
  max-width: 70%;
  line-height: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.recent-post-item-link {
  display: block;
  text-decoration: none;
  color: inherit;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  border-radius: var(--border-radius);
}
.recent-post-item-link:hover {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  transform: translateY(-2px);
}
.recent-posts-fixed {
  position: sticky;
  top: 90px;
  margin-bottom: 50px;
  width: 100%;
  z-index: 10;
  max-width: 345px;
}
.ast-read-more-container.read-more > a {
  border-color: var(--ast-global-color-8);
  background-color: var(--ast-global-color-8);
}
.custom-buy-button:hover {
  color: var(--ast-global-color-5);
  background-color: var(--ast-global-color-1);
  border-color: var(--ast-global-color-1);
}
.ast-read-more-container.read-more > a:hover {
  color: var(--ast-global-color-5);
  background-color: var(--ast-global-color-3);
  border-color: var(--ast-global-color-3);
}
.custom-buy-button .buy-button-icon {
  margin-left: 3px;
  margin-bottom: -2px;
  width: 16px;
  height: 16px;
  fill: var(--ast-global-color-5);
}
.post-content .ast-excerpt-container {
  min-height: 150px;
}
.entry-title.ast-blog-single-element {
  min-height: 52px;
}
.ast-article-post.remove-featured-img-padding .blog-layout-4 .post-content .ast-blog-featured-section:first-child .post-thumb-img-content {
  margin: 0
}
.navigation.post-navigation {
  display: none;
}
.ast-related-posts-wrapper .ast-related-post {
  padding: 40px 40px 0px;
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
}
.ast-related-post-content .post-thumb-img-content a img {
  width: auto;
  height: auto;
  max-height: 255px;
  margin: auto;
  display: block;
}
.ast-related-posts-wrapper {
  padding: 30px;
}
.content-boxes > div > .wp-block-uagb-container {
  box-shadow: var(--box-shadow);
  border-radius: var(--border-radius);
  background: var(--ast-global-color-6);
}
.ast-builder-menu-2 .main-header-menu {
  /*  flex-direction: column;*/
  font-size: 16px
}
.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item {
  line-height: 40px;
}
.ast-primary-header-bar .site-primary-header-wrap {
  min-height: 50px;
}
.ast-site-identity {
  padding: 0.8em 0;
}
.ast-desktop .ast-builder-menu-2 .main-header-menu > .menu-item {
  line-height: 1.2;
}
.site-primary-footer-wrap[data-section="section-primary-footer-builder"] .ast-builder-grid-row {
  align-items: center;
}
.footer-button {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-top: 20px;
}
.footer-button .col-md-4 {
  text-align: center;
}
.footer-button a {
  display: inline-block;
  padding: 15px 20px;
  width: 100%;
  max-width: 240px;
  background-color: #ffffff;
  color: #000;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  border: 1px solid #ddd;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  margin: 0 auto;
}
.footer-button a:hover {
  background-color: #f0f0f0;
  color: var(--ast-global-color-0);
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
  transform: translateY(-2px);
}
.ast-footer-copyright {
  text-align: center;
  padding: 20px;
}
/* === Секция отзывов === */
.site-reviews-section {
  margin: 40px auto;
  padding: 20px;
  background-color: var(--ast-global-color-6);
  border: var(--border);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  max-width: 1200px;
}
/* Заголовки секции отзывов */
.site-reviews-section h2, .site-reviews-section h3 {
  font-size: 1.5rem;
  color: var(--ast-global-color-4);
  margin-bottom: 15px;
  font-weight: 600;
  text-align: left;
}
/* Список отзывов */
.site-reviews-section .site-reviews {
  margin-bottom: 20px;
}
/* Карточка отзыва */
.site-reviews-section .site-reviews .review {
  margin-bottom: 20px;
  padding: 15px;
  background-color: white;
  border: var(--border);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow-hover);
  transition: box-shadow 0.3s ease;
}
.site-reviews-section .site-reviews .review:hover {
  box-shadow: var(--box-shadow);
}
/* Текст отзыва */
.site-reviews-section .site-reviews .review .review-content {
  font-size: 1rem;
  color: var(--ast-global-color-4);
  line-height: 1.5;
}
/* Автор и дата отзыва */
.site-reviews-section .site-reviews .review .review-author {
  margin-top: 10px;
  font-size: 0.9rem;
  color: var(--ast-global-color-3);
}
/* Форма для добавления отзыва */
.site-reviews-section .site-reviews-form {
  margin-top: 30px;
  padding: 15px;
  background-color: white;
  border: var(--border);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow-hover);
}
/* Поля формы */
.site-reviews-section .site-reviews-form input, .site-reviews-section .site-reviews-form textarea {
  width: 100%;
  padding: 10px;
  margin-bottom: 15px;
  border: var(--border);
  border-radius: var(--border-radius);
  font-size: 1rem;
  color: var(--ast-global-color-4);
}
/* Кнопка формы */
.site-reviews-section .site-reviews-form button {
  display: block;
  width: 100%;
  padding: 12px;
  font-size: 1rem;
  color: white;
  background-color: var(--ast-global-color-0);
  border: none;
  border-radius: var(--border-radius);
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.site-reviews-section .site-reviews-form button:hover {
  background-color: var(--ast-global-color-1);
}
.site-reviews-title {
  font-size: larger;
  font-weight: bolder;
}
.ast-related-posts-title {
  font-size: larger;
  font-weight: bolder;
  margin-top: 20px;
}
p.quiz-title {
  font-size: larger;
  color: var(--ast-global-color-4);
  margin-bottom: 30px;
}
/* Анимация градиента для секции */
.quiz-animated-section {
  background-color: hsla(204, 0%, 100%, 1);
  /*  background-image: radial-gradient(circle at 0% 0%, hsla(295.99999999999994, 77%, 74%, 1) 3.1210986267166043%, transparent 40%), radial-gradient(circle at 20% 0%, hsla(236.91176470588243, 77%, 74%, 1) 3.1210986267166043%, transparent 40%), radial-gradient(circle at 40% 0%, hsla(186.61764705882354, 77%, 74%, 1) 3.1210986267166043%, transparent 40%), radial-gradient(circle at 60% 0%, hsla(127.0588235294118, 77%, 74%, 1) 3.1210986267166043%, transparent 40%), radial-gradient(circle at 80% 0%, hsla(62.20588235294117, 77%, 74%, 1) 3.1210986267166043%, transparent 40%), radial-gradient(circle at 100% 0%, hsla(23.823529411764703, 77%, 74%, 1) 3%, transparent 40%);*/
  background-image: radial-gradient(circle at 0% 0%, hsla(295.99999999999994, 77%, 74%, 0.05) 3.1210986267166043%, transparent 40%), radial-gradient(circle at 20% 0%, hsla(236.91176470588243, 77%, 74%, 0.05) 3.1210986267166043%, transparent 40%), radial-gradient(circle at 40% 0%, hsla(186.61764705882354, 77%, 74%, 0.05) 3.1210986267166043%, transparent 40%), radial-gradient(circle at 60% 0%, hsla(127.0588235294118, 77%, 74%, 0.05) 3.1210986267166043%, transparent 40%), radial-gradient(circle at 80% 0%, hsla(62.20588235294117, 77%, 74%, 0.05) 3.1210986267166043%, transparent 40%), radial-gradient(circle at 100% 0%, hsla(23.823529411764703, 77%, 74%, 0.05) 3%, transparent 40%);
  background-blend-mode: normal, normal, normal, normal, normal, normal;
  background-size: 400% 400%;
  animation: gradient 35s ease infinite;
  min-height: 90vh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  color: white;
  text-align: center;
}
.quiz-animated-section.wp-block-uagb-container.uagb-is-root-container .glass-box {
  max-width: 915px;
  padding-top: 30px;
  margin: 90px 0;
}
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
/* Круги */
.circle-container {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  z-index: 0; /* Анимация кругов находится позади контента */
}
.circle {
  position: absolute !important;
  border-radius: 50%;
  mix-blend-mode: screen;
  background-image: radial-gradient(hsl(180, 100%, 80%), hsl(180, 100%, 80%) 10%, hsla(180, 100%, 80%, 0) 56%);
  animation: fadein-frames 2s infinite, scale-change 10s infinite ease-in-out, move-frames linear infinite;
}
@keyframes fadein-frames {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
}
@keyframes scale-change {
  0% {
    transform: scale(0.4);
  }
  25% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.6);
  }
  75% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(0.4);
  }
}
@keyframes move-frames {
  from {
    transform: translate3d(var(--start-x), var(--start-y), 0);
  }
  to {
    transform: translate3d(var(--end-x), 100vh, 0);
  }
}
.ast-archive-entry-banner[data-post-type="post"] {
  justify-content: center;
  padding-top: 6em;
  padding-bottom: 1em;
  background: transparent;
  border-bottom: 3px solid #dbdbdb;
  box-shadow: 0px 6px 15px -2px rgba(16, 24, 40, 0.05);
}
.belarus-footer-widget {
  background-color: #f0f0f0;
  padding: 20px;
  text-align: center;
}
.belarus-footer-widget .widget-title {
  font-size: 1.5rem;
  color: #333;
  margin-bottom: 10px;
}
/* General Styles */
.belarus-footer-widget {
  background-color: #f8f8f8;
  padding: 20px;
}
.belarus-footer-widget .custom-footer-grid {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr; /* Adjusted grid layout */
  max-width: 1500px;
  margin: 0 auto;
  column-gap: 20px; /* Space between columns */
  align-items: center;
  text-align: center;
}
/* Section-specific styles */
.belarus-footer-widget .footer-section {
  padding: 10px;
}
.belarus-footer-widget .footer-section-2 .footer-logo img {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
.belarus-footer-widget .footer-section-2 .footer-button .button-link {
  display: inline-block;
  background-color: #09aeb8;
  color: #fff;
  padding: 10px 20px;
  border-radius: 5px;
  text-decoration: none;
  margin-top: 10px;
}
.belarus-footer-widget .footer-section-2 .footer-button .button-link:hover {
  background-color: var(--ast-global-color-0);
}
/* Responsive Design */
@media screen and (max-width: 768px) {
  .belarus-footer-widget .custom-footer-grid {
    grid-template-columns: 1fr; /* Single column for mobile */
    row-gap: 20px; /* Add space between rows */
  }
  .belarus-footer-widget .footer-section {
    text-align: center; /* Center align content for mobile */
  }
  .belarus-footer-widget .footer-section-2 .footer-logo img {
    max-width: 120px; /* Smaller logo for mobile */
  }
}
/*----------*/
.carousel-container {
  min-height: 700px;
}
.carousel-container .wp-block-uagb-container {
  position: absolute;
}
.scroller__inner {
  opacity: 0.4;
  padding-block: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.scroller[data-animated="true"] {
  overflow: hidden;
  -webkit-mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent);
  mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent);
}
.scroller[data-animated="true"] .scroller__inner {
  width: max-content;
  flex-wrap: nowrap;
  animation: scroll var(--_animation-duration, 40s) var(--_animation-direction, forwards) linear infinite;
}
.scroller[data-direction="right"] {
  --_animation-direction: reverse;
}
.scroller[data-direction="left"] {
  --_animation-direction: forwards;
}
.scroller[data-speed="fast"] {
  --_animation-duration: 20s;
}
.scroller[data-speed="slow"] {
  --_animation-duration: 400s;
}
@keyframes scroll {
  0% {
    transform: translate(0);
  }
  100% {
    transform: translate(-50%);
  }
}
#menu-item-107931-kk, #menu-item-107110-kk {
  display: none
}
/* 
* 
* Стили для ПК 
* 
*/
@media (min-width: 992px) {
  .zest-beauty-collagen-skin-box p {
    font-size: xx-large;
    line-height: normal;
  }
  #block-15 > button {
    display: none;
  }
  .ast-below-header-wrap {
    position: absolute;
    top: 80px;
  }
  .site-primary-header-wrap {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.3s ease;
    z-index: 1000;
    opacity: 0;
    box-shadow: var(--box-shadow);
    background: var(--background);
    backdrop-filter: var(--backdrop-filter);
    -webkit-backdrop-filter: var(--backdrop-filter);
    border-radius: 0px 0px 10px 10px;
    border: var(--border);
  }
  .site-primary-header-wrap.initial-state {
    width: 80%;
    top: 0;
    border-radius: 0px 0px 10px 10px;
    opacity: 1; /* Обеспечивает видимость после fade-in */
  }
  .site-primary-header-wrap.hide {
    top: -100px;
    opacity: 0;
    width: 100%;
  }
  .site-primary-header-wrap.show {
    width: 100%;
    top: 0px;
    border-radius: 0px;
    max-width: 100%;
    opacity: 1; /* Обеспечивает видимость */
  }
  .site-primary-header-wrap.fade-in {
    animation: fadeIn 1s ease-in-out forwards; /* Анимация появления */
  }
  .col-md-3 {
    width: 25%; /* Левая колонка занимает 25% */
    float: left;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-md-9 {
    width: 75%; /* Правая колонка занимает 75% */
    float: left;
    padding-left: 15px;
    padding-right: 15px;
  }
  .row {
    display: flex;
    justify-content: space-between;
  }
  .col-md-4 {
    width: 32%;
    float: left;
  }
  .pgafu-filtr-container {
    width: 1300px;
    margin-left: -15px;
  }
  /* Фикс. Устраняет: WP Admin bar перекрывает Primary Header. */
  .admin-bar .site-primary-header-wrap.initial-state {
    top: 32px;
  }
  .admin-bar .site-primary-header-wrap.hide {
    top: -100px;
  }
}
/* 
* 
* Стили для мобильных устройств 
* 
*/
@media (max-width: 991px) {
  .zest-beauty-collagen-skin-box p {
    font-size: large;
    line-height: normal;
  }
  .ast-archive-entry-banner[data-post-type="post"] {
    padding-top: 4em;
  }
  #page .ast-archive-entry-banner[data-post-type="post"] h1 {
    line-height: 1;
    font-size: x-large;
  }
  #prod-header.prod-header-zest {
    background-size: cover;
    background-position: 50% 0%;
    margin-top: 45px;
  }
  .quiz-animated-section {
    min-height: 80vh;
  }
  .quiz-animated-section.wp-block-uagb-container.uagb-is-root-container .glass-box {
    max-width: 90vw;
    padding-top: 0px;
    margin: 90px 0;
  }
  .quiz-animated-section.wp-block-uagb-container.uagb-is-root-container .glass-box fieldset {
    padding: 0px;
    max-width: 88vw;
  }
  .quiz-animated-section.wp-block-uagb-container.uagb-is-root-container .glass-box fieldset > * {
    max-width: 80vw;
    margin-left: auto;
    margin-right: auto;
  }
  .site-reviews-section {
    padding: 15px;
    margin-top: 30px;
  }
  .site-reviews-section h2, .site-reviews-section h3 {
    font-size: 1.2rem;
    text-align: center;
  }
  .site-reviews-section .site-reviews .review {
    padding: 10px;
    font-size: 0.9rem;
  }
  .site-reviews-section .site-reviews .review .review-content {
    font-size: 0.9rem;
  }
  .site-reviews-section .site-reviews .review .review-author {
    font-size: 0.8rem;
  }
  .site-reviews-section .site-reviews-form {
    padding: 10px;
  }
  .site-reviews-section .site-reviews-form input, .site-reviews-section .site-reviews-form textarea {
    font-size: 0.9rem;
    padding: 8px;
  }
  .site-reviews-section .site-reviews-form button {
    padding: 10px;
    font-size: 0.9rem;
  }
  .single-base_article .entry-title {
    max-width: 100%
  }
  .single-base_entry-header {
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column-reverse;
  }
  .ast-separate-container #primary {
    padding-top: 40px;
  }
  #content .three-buttons .wp-block-uagb-buttons-child.wp-block-button, #primary .three-buttons .wp-block-uagb-buttons-child.wp-block-button {
    width: -webkit-fill-available;
  }
  #content .three-buttons .wp-block-uagb-buttons-child.wp-block-button a, #primary .three-buttons .wp-block-uagb-buttons-child.wp-block-button a {
    padding: 20px;
  }
  #custom_html-3, .ast-related-posts-title-section {
    padding: 15px 30px;
  }
  .site .ast-single-related-posts-container {
    padding-top: 1em;
    margin-top: 0em;
  }
  .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .menu-link {
    text-align: center;
  }
  .ast-header-break-point .main-navigation .stack-on-mobile li.lang-item {
    margin: 10px;
    max-width: fit-content
  }
  .ast-header-break-point .main-navigation .stack-on-mobile li.lang-item .menu-link {
    border-width: 1px;
    border-color: #5e5e5e26 !important;
    border-style: solid;
    padding: 0 15px;
    border-radius: var(--border-radius);
  }
  .ast-builder-menu-mobile .main-navigation .main-header-menu {
    justify-content: center;
  }
  #zest_main-head .n2-ss-section-main-content {
    width: -webkit-fill-available;
    height: 650px;
  }
  .slide_zest-beauty-line {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 15px;
    background-image: url('/wp-content/uploads/2024/07/1-7.webp');
    background-size: 128%;
    background-position: -100% bottom;
    background-repeat: no-repeat;
  }
  .hide-on-mbl, #zest_main-head .slider-img-height, .slide_zest-beauty-line .slide_main-img {
    display: none !important;
  }
  #zest_main-head .slide_right-column {
    padding: 0 20px;
  }
  #zest_main-head .slide_right-column img {
    max-height: 100px;
  }
  #zest_main-head .slide_zest-beauty-line .slide_right-column img {
    max-width: 50vw;
  }
  .slide_zest-beauty-line .slide_four-drawings > div > div {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    z-index: 1;
    max-width: 50vw;
  }
  .slide_zest-beauty-line .slide_four-drawings > div > div > div {
    width: 40% !important;
    margin: 0 !important;
  }
  .slide_zest-beauty-line .slide_four-drawings img {
    width: 20vw;
    height: 20vw;
  }
  .slide_zest-beauty-line .n2-ss-button-container {
    margin-top: 20px;
    z-index: 1;
  }
  .zest_main-slide .zest_slide_bg > div {
    background-position: 50% 50%, 17% -30% !important;
  }
  .n2-ss-slider .z_slide_video .n2-ss-item-image-content img {
    max-height: 150px;
  }
  .n2-ss-slider .zest_bg_shine .n2-ss-item-image-content img {
    max-height: 250px;
    width: auto
  }
  .n2-ss-slider .zest_bg_shine .zest_bg_shine-imgs img {
    max-height: 30px;
  }
  .z_slide_table > div > div > div {
    background-size: 200% !important;
    background-position: 0% 0%, 42% 100% !important
  }
  .z_slide_table .z_slide_table-flex > div > div {
    flex-direction: column;
  }
  .z_slide_table .z_slide_table-flex > div > div > div {
    margin: 0 !important
  }
  #zest_main-head .zest_bg_stars .zest_flying-girl {
    position: absolute;
    top: -150px;
  }
  #zest_main-head .zest_bg_stars .zest_bg_stars-multi img {
    max-height: 45vw;
  }
  .ast-builder-menu-2 .main-header-menu li {
    line-height: 1;
  }
  .ast-header-break-point .ast-builder-menu-2 .main-header-menu li a.menu-link {
    padding: 5px;
  }
  .ast-builder-grid-row.ast-grid-center-col-layout {
    grid-template-columns: 1fr auto 0.6fr;
  }
  .animation-container {
    overflow: hidden;
  }
  .ast-mobile-header-wrap > .ast-main-header-wrap {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1000;
    opacity: 0.9;
    background: var(--background);
    transition: all 0.3s ease;
  }
  .ast-mobile-header-wrap > .ast-main-header-wrap.initial-state {
    opacity: 1;
    top: 0;
  }
  .ast-mobile-header-wrap > .ast-main-header-wrap.hide {
    top: -100px;
    opacity: 0;
  }
  .ast-mobile-header-wrap > .ast-main-header-wrap.show {
    opacity: 1;
    top: 0;
  }
  .ast-mobile-header-wrap > .ast-main-header-wrap.fade-in {
    animation: fadeIn 1s ease-in-out forwards;
  }
  /* Настройка корректного отображения мобильного меню */
  .ast-mobile-header-content {
    position: fixed;
    margin-top: 53px; /* Отступ, равный высоте заголовка */
    z-index: 999;
    background-color: var(--background); /* Цвет фона меню */
    transition: all 0.3s ease;
  }
  .ast-main-header-wrap.hide + .ast-mobile-header-content {
    display: none !important;
  }
  .ast-mobile-header-content.show {
    opacity: 1;
    display: block;
  }
  .ast-mobile-header-content.hide {
    opacity: 0.5;
    display: none;
  }
  /* Обеспечиваем корректное отображение выпадающего меню под заголовком */
  .ast-main-header-wrap {
    z-index: 1000; /* Фиксируем заголовок выше меню */
  }
  #tablet_bottom, #tablet_middle, #tablet_top {
    height: auto;
    width: 30vw;
    left: 17vw;
  }
  #tablet_top {
    top: 48%;
  }
  #tablet_bottom {
    top: 51.4%;
  }
  #orange_line, #green_line, #blue_line {
    height: auto;
    width: 20vw;
    display: none;
  }
  #one, #two, #three {
    height: auto;
    width: 2.2vw;
    display: none;
  }
  #green_diamond {
    left: 64vw;
    top: 20%;
  }
  #green_text {
    top: 27%;
  }
  #blue_diamond {
    left: 62vw;
    top: 68%;
  }
  #blue_text {
    top: 74%;
  }
  #orange_diamond {
    top: 43%;
  }
  #orange_text {
    top: 49%;
  }
  .diamond {
    height: 50px;
    padding: 0 10px;
  }
  .diamond-text {
    max-width: 55vw
  }
  #fifth {
    z-index: 3 !important;
  }
  .wpc-filters-scroll-container .wpc-filters-section {
    margin-bottom: 0.5em;
  }
  #block-15 {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    padding: 0 20px;
    background-color: white;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
    z-index: 1000;
    transition: opacity 0.3s ease;
    opacity: 0;
  }
  #block-15.show {
    display: block;
    opacity: 1;
  }
  .ast-left-sidebar #secondary #block-15 .wpc-filter-title {
    max-width: 180px;
    line-height: 1;
    font-size: large;
    margin-bottom: 0;
  }
  #secondary button {
    border-radius: 5px;
    padding: 12px;
  }
  #block-15 .widget_wpc_filters_widget {
    max-height: 80vh;
    overflow-x: scroll
  }
  #open-block {
    padding: 12px;
    border-radius: 5px;
    display: none;
  }
  #prod-header .wp-block-spacer {
    max-height: 50vw;
  }
  #prod-header {
    background-position: 50% 8%;
    background-size: auto 27%;
  }
  .base-row a.btn-primary, .ast-read-more-container.read-more > a, .custom-buy-button {
    font-size: large;
    padding: 15px;
  }
  .col-md-3, .col-md-9 {
    width: 100%; /* Обе колонки на всю ширину */
    float: none;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-md-4 {
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
  }
  .uagb-container-inner-blocks-wrap:not(.main-four-icons) > .wp-block-uagb-container:not(.main-four-icons) {
    width: auto;
    padding-left: 0px;
    padding-right: 0px;
  }
  .three-buttons .uagb-container-inner-blocks-wrap:not(.main-four-icons) > .wp-block-uagb-container:not(.main-four-icons) {
    width: 100%;
  }
  .uagb-container-inner-blocks-wrap .zest-beauty-four .uagb-container-inner-blocks-wrap .wp-block-uagb-container {
    width: 100%;
    padding: 20px;
  }
  .entry-content .container-background .uagb-container-inner-blocks-wrap .wp-block-uagb-container {
    padding: 10px;
    /*    max-width: 90vw;*/
    width: -webkit-fill-available;
  }
  .entry-content .zest-beauty-footer-cards .uagb-container-inner-blocks-wrap .wp-block-uagb-container {
    padding: 20px;
    max-width: 90vw;
    width: -webkit-fill-available;
  }
  .entry-content .decorative-cards .uagb-container-inner-blocks-wrap > .wp-block-uagb-container {
    margin: auto;
    padding: 0;
  }
  .row {
    display: block;
  }
  .row.footer-button {
    display: flex;
    flex-direction: column;
  }
  .enzibar-tibiar-imgs img {
    max-width: 120px;
  }
  .wpcf7 .flexbox input[type="date"] {
    padding: 5px;
    max-width: 125px;
  }
  .uagb-container-inner-blocks-wrap > .wp-block-uagb-container > figure.wp-block-image img {
    margin: auto;
    display: block;
  }
  .uagb-container-inner-blocks-wrap > .wp-block-uagb-container > .wp-block-heading {
    text-align: center;
    padding-top: 1em;
  }
  .ast-builder-menu-mobile .main-navigation .menu-item > .ast-menu-toggle {
    color: var(--ast-global-color-0) !important;
  }
  .allerveg-list .wp-block-media-text.is-stacked-on-mobile {
    display: flex;
    gap: 10px;
  }
  .product-grid .product-item {
    flex: 0 1 100%;
  }
  .mob-main-but {
    max-width: 60vw;
    margin-left: auto;
    margin-top: -60px;
  }
  .entry-title {
    font-size: x-large;
  }
  .glsr-default button.glsr-button:not(.wp-block-search__button) {
    width: -webkit-fill-available;
    justify-content: center;
  }
  /* Фикс. Устраняет: WP Admin bar перекрывает Primary Header. */
  .admin-bar .ast-mobile-header-wrap>.ast-main-header-wrap.initial-state {
    top: 46px;
    opacity: 1;
  }
  .admin-bar .ast-mobile-header-wrap>.ast-main-header-wrap.hide {
    top: -100px;
    opacity: 0 !important;
  }
  html #wpadminbar {
    height: 46px;
    min-width: 240px;
  }
}
/* 
* 
* Стили для ноутбуков
* 
*/
@media (min-width: 920px) and (max-width: 1700px) {
  .base-row a.btn-primary, .ast-read-more-container.read-more > a, .custom-buy-button {
    padding: 4px 10px;
    font-size: clamp(0.4em, 1vw, 0.9em);
  }
  .z_slide_table > div > div > div {
    background-position: 0% 0%, 40% -351% !important;
  }
  .ast-builder-menu-1 .menu-item > .menu-link {
    font-size: clamp(0.4em, 1.4vw, 1.2em);
  }
  .ast-desktop .ast-builder-menu-2 .main-header-menu > .menu-item a {
    font-size: clamp(0.4em, 1.2vw, 1em);
  }
  .ast-builder-grid-row {
    grid-column-gap: 10px;
  }
  .ast-desktop .main-header-menu.ast-menu-shadow .sub-menu {
    width: -webkit-fill-available;
  }
  #tablet_bottom, #tablet_middle, #tablet_top {
    height: auto;
    width: 30vw;
  }
  #orange_line, #green_line, #blue_line {
    height: auto;
    width: 20vw;
  }
  #one, #two, #three {
    height: auto;
    width: 2.2vw;
  }
  #green_diamond {
    left: 64vw;
  }
  #blue_diamond {
    left: 62vw;
  }
  .ast-left-sidebar #secondary .wpc-filter-title, .ast-left-sidebar #secondary li {
    margin-bottom: 0.15em;
  }
  .ast-left-sidebar #secondary .wpc-filter-title {
    font-size: large;
  }
  .ast-separate-container.ast-left-sidebar #secondary {
    max-width: 350px;
    margin-right: 0
  }
}
/* 
* 
* Стили для нетбуков
* 
*/
@media (min-width: 920px) and (max-width: 1600px) {}