@charset "UTF-8";
@media (width > 1500px) {
  .content {
    margin: 0 10vw;
  }
  .header-top {
    padding: 10px 5vw;
  }
  .header-menu {
    padding: 5px 5vw 10px 5vw;
  }
  .direction-list .direction-block {
    padding: 13vw 20px 20px 20px;
  }
}
@media (max-width: 1500px) {
  :root {
    font-size: 9.5px;
  }
  .login-wrapper {
    padding: 3% 10% 3% 10%;
  }
  .footer-info, .footer-banner {
    padding: 10px 50px;
  }
  .footer-social {
    margin: 0 50px;
  }
}
@media (max-width: 1390px) {
  .direction-block-wrap {
    height: 33vw;
  }
  .direction-block-wrap::before {
    height: 26vw;
  }
  .direction-block {
    padding: 15vw 20px 20px 20px;
  }
  .direction-block h5 {
    font-size: 2.4rem;
  }
  .direction-block p {
    font-size: 1.5rem;
  }
  .direction-block .icon {
    top: 25%;
  }
  .direction-block button {
    width: 80%;
  }
  .production-packaging .production-packaging-formats {
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  }
  .production-packaging .production-packaging-formats li img {
    height: 70px;
  }
  .banner.direction .banner-content, .banner.offer .banner-content {
    width: 60%;
  }
  .banner.direction .banner-content h1, .banner.offer .banner-content h1 {
    font-size: 4.2rem;
  }
  .banner.direction .banner-image, .banner.offer .banner-image {
    width: 35vw;
  }
  .stepwise-section .stepwise-nav li {
    padding: 15px 10px 15px 15px;
    font-size: 1.6rem;
    height: 60px;
    align-content: flex-start;
  }
}
@media (max-width: 1280px) {
  :root {
    font-size: 9px;
  }
  .login-wrapper {
    padding: 3% 7% 3% 7%;
  }
  .direction-block {
    padding: 13vw 20px 20px 20px;
  }
  .direction-block .icon {
    top: 20%;
    width: 70px;
    height: 70px;
    font-size: 4.5rem;
  }
  .direction-block button {
    width: 100%;
  }
  .carousel-product.len .carousel-product-features .feature-item {
    padding: 10px 10px;
  }
  .carousel-product.len .carousel-product-features .feature-item i {
    font-size: 4rem;
  }
}
@media (max-width: 1165px) {
  .header-top {
    padding: 10px 20px;
  }
  .header-menu {
    padding: 5px 20px 10px 20px;
  }
  .header-logo img {
    width: 65px;
  }
  .header-logo h1 {
    font-size: 2.4rem;
  }
  .header-menu-list {
    gap: 10px;
  }
  .footer-banner, .footer-info {
    padding: 10px 20px;
  }
  .footer-info {
    gap: 5px;
  }
  .footer-social {
    margin: 0 20px;
  }
  .footer-logo {
    flex-basis: min-content;
    flex-direction: column;
    gap: 5px;
  }
  .footer-logo img {
    width: 65px;
  }
  .footer-logo h1 {
    font-size: 2rem;
    min-width: -moz-max-content;
    min-width: max-content;
  }
  .login-wrapper {
    padding: 3% 5% 3% 5%;
  }
  .main-section {
    margin: 2% 4%;
  }
  .mission-section .flower.left {
    left: 5%;
  }
  .mission-section .flower.right {
    right: 5%;
  }
  .empty-header {
    height: 100px;
  }
  .banner.main .banner-content h1 > br, .banner.direction .banner-content h1 > br, .banner.offer .banner-content h1 > br {
    display: none;
  }
  .banner.main .banner-image, .banner.direction .banner-image, .banner.offer .banner-image {
    top: 12vw;
    height: -moz-fit-content;
    height: fit-content;
    right: -20px;
  }
  .banner.main .advantages, .banner.direction .advantages, .banner.offer .advantages {
    grid-template-columns: repeat(2, minmax(200px, 1fr));
    gap: 30px 20px;
    margin: 4% 0 1% 0;
  }
  .banner.main .advantages .advantage-footer, .banner.direction .advantages .advantage-footer, .banner.offer .advantages .advantage-footer {
    display: none;
  }
  .banner.main .advantages .advantage-block, .banner.direction .advantages .advantage-block, .banner.offer .advantages .advantage-block {
    display: grid;
    grid-template-columns: 10% auto;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    border-radius: 30px;
  }
  .banner.main .advantages .advantage-block .icon, .banner.direction .advantages .advantage-block .icon, .banner.offer .advantages .advantage-block .icon {
    grid-column: 1;
    grid-row: 1/3;
    top: -50px;
    left: -30px;
  }
  .banner.main .advantages .advantage-block h5, .banner.direction .advantages .advantage-block h5, .banner.offer .advantages .advantage-block h5 {
    grid-column: 2;
  }
  .banner.main .advantages .advantage-block span.text, .banner.direction .advantages .advantage-block span.text, .banner.offer .advantages .advantage-block span.text {
    grid-column: 2;
  }
  .carousel-types.carousel-slider-nav li {
    min-height: 50px;
    padding: 5px 10px;
  }
  .carousel-types.carousel-slider-nav li img {
    width: 40px;
    height: 40px;
  }
  .carousel-product {
    padding: 10px 15px;
  }
  .carousel-product .carousel-product-info h2 {
    font-size: 4.5rem;
    margin: 15px 0 15px 0;
  }
  .carousel-product .carousel-product-info h5 {
    font-size: 1.5rem;
  }
  .carousel-product .carousel-product-info .carousel-product-features {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    width: 90%;
  }
  .carousel-product .carousel-product-info .carousel-product-features .feature-item {
    display: flex;
    flex-direction: column;
    gap: 5px 10px;
  }
  .carousel-product .carousel-product-info .carousel-product-features .feature-item i {
    display: none;
  }
  .carousel-product .carousel-product-info .carousel-product-features .feature-item p {
    margin: 0;
  }
  .direction-list {
    grid-template-columns: repeat(2, minmax(200px, 1fr));
  }
  .direction-block-wrap {
    height: 37vw;
  }
  .direction-block-wrap .icon {
    top: 5%;
    width: 60px;
    height: 60px;
    font-size: 4rem;
  }
  .direction-block-wrap img {
    width: 300px;
    height: 100%;
    border: none;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
  }
  .direction-block-wrap::before {
    height: 100%;
    width: 100%;
    border: none;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
  }
  .direction-block-wrap.blue::before {
    background: linear-gradient(-90deg, rgb(90, 110, 180) 55%, rgba(90, 110, 180, 0) 90%);
  }
  .direction-block-wrap.violet::before {
    background: linear-gradient(-90deg, rgb(88, 77, 113) 55%, rgba(88, 77, 113, 0) 90%);
  }
  .direction-block-wrap.orange::before {
    background: linear-gradient(-90deg, rgb(176, 105, 51) 55%, rgba(176, 105, 51, 0) 90%);
  }
  .direction-block-wrap.green::before {
    background: linear-gradient(-90deg, rgb(81, 113, 77) 55%, rgba(81, 113, 77, 0) 90%);
  }
  .direction-block {
    left: auto;
    right: 0;
    width: 60%;
    padding: 8vw 10px 20px 10px;
  }
}
@media (max-width: 1040px) {
  .global-wrap {
    overflow: auto;
  }
  .content {
    margin: 10px 3% 0 3%;
  }
  #header {
    display: none;
  }
  #header-mobile {
    display: block;
  }
  #mobile-nav {
    display: block;
  }
  #footer {
    display: none;
  }
  #footer-mobile {
    display: flex;
  }
  #manager-sidebar {
    display: none;
  }
  .header-dummy {
    display: none;
  }
  .mobile-dummy {
    margin-top: 86px !important;
  }
  .button-up {
    display: none !important;
  }
  .button-mobile-wrap {
    display: flex;
  }
  .main-section.directions-section {
    margin: 2% 0;
  }
  .mission-section {
    height: 180px;
  }
  .mission-section h2 {
    font-size: 2.4rem;
  }
  .mission-section .mission-text {
    font-size: 2rem;
    line-height: 1.3;
  }
  .mission-section .flower.left, .mission-section .flower.right {
    width: 70px;
  }
  .empty-header {
    height: 80px;
  }
  .banner.main, .banner.direction, .banner.offer {
    margin: 0 3% 0 3%;
  }
  .banner.main .banner-content {
    width: 60%;
  }
  .banner.main .banner-content h1 {
    font-size: 4.2rem;
    line-height: 1;
  }
  .banner.main .banner-content h2 {
    font-size: 1.8rem;
  }
  .banner.main .banner-image {
    max-width: 40vw;
    top: 80px;
  }
  .banner.direction .banner-content, .banner.offer .banner-content {
    width: 100%;
    justify-content: center;
    text-align: center;
  }
  .banner.direction .banner-content h1, .banner.offer .banner-content h1 {
    font-size: 3.8rem;
  }
  .banner.direction .banner-content h2 br, .banner.offer .banner-content h2 br {
    display: none;
  }
  .banner.direction .banner-image, .banner.offer .banner-image {
    display: none;
  }
  .banner.direction .main-button, .banner.offer .main-button {
    margin: 10px auto 10px auto;
    width: 100%;
  }
  .direction-block-wrap {
    overflow: hidden;
  }
  .direction-block-wrap .icon {
    display: none;
  }
  .direction-block-wrap img {
    left: -10%;
  }
  .direction-block-wrap.blue::before {
    background: linear-gradient(-90deg, rgb(90, 110, 180) 60%, rgba(90, 110, 180, 0) 90%);
  }
  .direction-block-wrap.violet::before {
    background: linear-gradient(-90deg, rgb(88, 77, 113) 60%, rgba(88, 77, 113, 0) 90%);
  }
  .direction-block-wrap.orange::before {
    background: linear-gradient(-90deg, rgb(176, 105, 51) 60%, rgba(176, 105, 51, 0) 90%);
  }
  .direction-block-wrap.green::before {
    background: linear-gradient(-90deg, rgb(81, 113, 77) 60%, rgba(81, 113, 77, 0) 90%);
  }
  .direction-block-wrap button {
    position: absolute;
    bottom: 20px;
    right: 20px;
  }
  .direction-block {
    width: 65%;
    padding: 30px 10px 20px 10px;
  }
  .section-production.main .production-company {
    display: flex;
    flex-direction: column;
  }
  .section-production.direction {
    padding: 20px 20px;
  }
  .section-production.direction .production-company {
    grid-template-columns: auto 45%;
    gap: 20px;
  }
  .section-production.direction .production-company .production-company-info h2 {
    font-size: 2.8rem;
  }
  .section-production.direction .production-company .production-company-image {
    height: 200px;
  }
  .production-operations .production-operation-block .operation-title {
    grid-template-columns: 50px auto;
    grid-template-rows: 50px auto;
  }
  .production-operations .production-operation-block .operation-title h5 {
    font-size: 2rem;
  }
  .production-operations .production-operation-block .operation-title p {
    font-size: 1.6rem;
  }
  .production-operations .production-operation-block .operation-title .operation-icon {
    width: 45px;
    height: 45px;
    font-size: 3rem;
  }
  .production-operations .production-operation-block .operation-images {
    grid-template-rows: 170px;
    gap: 10px;
  }
  .direction-section .cta-button {
    margin: 10px auto 10px auto;
    width: 100%;
  }
  .direction-section .cta-button-subtext {
    width: 100%;
  }
  .direction-section.cake-parameters {
    display: none;
  }
  .offer-form .offer-form-section {
    padding: 20px 20px;
  }
  .offer-form .offer-form-section h2 {
    font-size: 2rem;
  }
  .offer-form .offer-form-footer {
    flex-direction: column;
  }
  .offer-form .offer-form-footer .cta-button {
    margin: 10px auto 10px auto;
    width: 100%;
  }
  .offer-form .offer-form-wrap {
    display: flex !important;
    flex-direction: column;
    height: auto;
  }
  .product-section {
    margin-top: 80px;
  }
  .product-section .product-detail .product-main {
    grid-template-columns: auto 40%;
  }
  .product-section .product-detail .product-main .product-packaging {
    grid-column: 1/3;
    margin-left: 0;
    margin-bottom: 0;
  }
  .section-article .button {
    margin: 20px auto 20px auto !important;
    width: 100% !important;
  }
  .cta-button {
    margin: 10px auto 10px auto;
    width: 100%;
  }
  .gallery-prev {
    width: 5rem;
    height: 5rem;
    font-size: 3rem;
    left: -10px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
  }
  .gallery-prev:hover {
    color: #AFAFAF;
  }
  .gallery-next {
    width: 5rem;
    height: 5rem;
    font-size: 3rem;
    right: -10px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
  }
  .gallery-next:hover {
    color: #AFAFAF;
  }
  /* Адаптация О нас */
  .about-us-wrap .text-block h2 {
    font-size: 2rem;
    margin: 15px 0;
  }
  .about-us-wrap .text-block .img-left img {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .about-us-wrap .text-block .img-right img {
    -o-object-fit: contain;
       object-fit: contain;
  }
  .about-us-wrap .text-block img {
    width: 100%;
    height: 100%;
  }
  .goods {
    grid-template-columns: repeat(4, minmax(100px, 1fr));
    gap: 5px;
  }
  .goods-block h4 {
    font-size: 1.4rem;
    padding: 5px 0;
  }
  .awards-grid {
    grid-template-columns: repeat(4, minmax(100px, 1fr));
    margin: 0;
    gap: 5px 5px;
  }
  /* Адаптация Статей */
  .block-article {
    height: 190px;
    margin: 0;
    padding: 5px 0 0 0;
    border-bottom: 1px solid #eaeaea;
    border-bottom-right-radius: 0;
    position: relative;
  }
  .block-article img {
    min-width: 235px;
    max-width: 235px;
  }
  .block-article .article-text-block {
    padding: 0 5px;
  }
  .block-article .article-text-block span {
    font-size: 1.6rem;
    font-weight: normal;
  }
  .block-article h3 {
    font-size: 1.8rem;
  }
  .block-article p {
    height: 90px;
    overflow: hidden;
    padding: 0;
  }
  .block-article .views {
    right: 0;
    bottom: 0;
  }
  .block-article:hover {
    box-shadow: none !important;
  }
  /* Адаптация страницы Статьи */
  .views-static {
    position: static;
    justify-content: flex-end;
  }
  .content .published-date {
    margin: 10px 0;
  }
  .article-img {
    gap: 10px;
    position: relative;
  }
  .article-img .image {
    height: 350px;
    margin: 0;
    -o-object-fit: cover;
       object-fit: cover;
    position: sticky;
    top: 80px;
  }
  .article-nav {
    gap: 10px;
    align-items: center;
  }
  .article-nav-item {
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .article-nav-item i {
    position: static;
  }
  .article-nav-item i:hover {
    color: #AFAFAF;
  }
  .article-nav-item img {
    display: none;
  }
  .article-nav-item h3 {
    display: none;
  }
  .article-nav-item h5 {
    display: block;
  }
  .article-nav-item span {
    display: none;
  }
  /* Адаптация Рецептов */
  .recipe-grid {
    grid-template-columns: repeat(3, minmax(140px, 1fr));
    grid-template-rows: none;
    gap: 5px 5px;
    margin-top: 10px;
  }
  .recipe-block a img {
    height: 220px;
  }
  .recipe-block h4 {
    margin: 5px 0 5px 0;
    font-size: 1.6rem;
  }
  /* Адаптация страницы Рецепта */
  .article-two-list {
    flex-direction: column;
    gap: 0;
    margin: 0 0 5px 0;
  }
  .article-two-list h3 {
    margin: 10px 0 10px 0;
  }
  .article ul li {
    padding: 0;
  }
  .article ul li > img {
    margin: 0 10px 0 0;
  }
  /* Адаптация Отзывов */
  .reviews-list {
    margin-top: 20px;
  }
  .review-button {
    display: none;
  }
  .review-block .review-buttons, .review-block .comment-buttons {
    display: none;
  }
  .response-block .response-buttons {
    display: none;
  }
  .review-block {
    padding: 0;
    margin-bottom: 10px;
  }
  .review-block .review-text.review-text-short {
    font-size: 1.6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
  }
  .review-block .review-read {
    display: inline;
  }
  .review-block .review-images {
    margin: 10px 0 10px 0;
    gap: 5px;
  }
  .review-active {
    justify-content: space-between;
  }
  .review-active button {
    width: 100%;
    padding: 12px 10px;
  }
  .response-block {
    margin-left: 5%;
    padding: 10px;
  }
  .response-block .response-text {
    font-size: 1.6rem;
  }
  /* Адаптация Контактов */
  .contacts {
    gap: 5px;
    margin-top: 20px;
  }
  .contacts-block h5 {
    margin: 5px 0 10px 0;
  }
  .contacts-block ul li {
    margin: 15px 0;
    font-size: 1.6rem;
  }
  .contacts-block.map {
    height: 50vh;
  }
  .contacts-block.map iframe {
    height: inherit;
    border-radius: 5px;
  }
  /* Адаптация Куки */
  .cookies-alert {
    flex-direction: column;
    padding: 10px 25px 10px 5px;
  }
  .cookies-alert .cookies-close {
    top: 5px;
    right: 10px;
  }
  .cookies-alert .cookies-text {
    font-size: 1.2rem;
    gap: 10px;
  }
  .cookies-alert .cookies-text img {
    width: 40px;
  }
  .cookies-alert .cookies-actions {
    margin: 0;
    width: 100%;
  }
  .cookies-alert .cookies-actions .cookies-button {
    display: none;
  }
  /* Адаптация страниц ошибок */
  .errorpage-header {
    width: 100vw;
  }
  .errorpage-header img {
    width: 8em;
  }
  .errorpage-header h1 {
    font-size: 2.5rem;
  }
  .errorpage-body {
    width: 100vw;
    margin: 0;
    height: 50vh;
  }
  .errorpage-body h2 {
    font-size: 4rem;
  }
  .errorpage-body h5 {
    font-size: 1.8rem;
  }
  .slider-prev {
    left: -20px !important;
  }
  .slider-next {
    right: -20px !important;
  }
}
@media (max-width: 980px) {
  .banner.main .advantages {
    gap: 20px 20px;
  }
  .banner.main .advantages .advantage-block {
    grid-template-columns: 50px auto;
    border-radius: 20px;
    padding: 20px 15px 20px 15px;
  }
  .banner.main .advantages .advantage-block .icon {
    position: static;
    border-radius: none;
    border: none;
    width: 40px;
    height: 40px;
  }
  .direction-advantages {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .direction-advantages .direction-advantage-block {
    display: grid;
    grid-template-columns: 50px 30vw auto;
    text-align: left;
    align-items: flex-start;
    gap: 10px;
  }
  .direction-advantages .direction-advantage-block h5 {
    font-size: 1.8rem;
  }
  .direction-advantages .direction-advantage-block span.text {
    font-size: 1.4rem;
  }
  .direction-advantages .direction-advantage-block .icon {
    font-size: 4rem;
  }
  .catalog-category-section {
    display: flex;
    flex-direction: column;
  }
  .catalog-category-section .category-block {
    padding: 5px 10px 20px 10px;
  }
  .catalog-category-section .category-block h3, .catalog-category-section .category-block p {
    width: 100%;
  }
  .catalog-category-section .category-block .category-block-list {
    margin-top: 10px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
  }
  .catalog-category-section .category-block .category-image {
    display: none;
  }
  .stepwise-section .stepwise-step-wrap .stepwise-step {
    display: flex !important;
  }
  .stepwise-section .stepwise-step-wrap .stepwise-step img {
    display: none;
  }
  .production-packaging {
    display: flex;
    flex-direction: column;
  }
  .production-packaging .packaging-grid .packaging-item.markirovka img {
    width: -moz-min-content;
    width: min-content;
    height: 50px;
  }
  .production-packaging .production-packaging-formats {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
  .production-packaging .production-packaging-formats li {
    padding: 15px 15px 15px 15px;
    border-radius: 10px;
  }
  .production-packaging .production-packaging-formats li img {
    display: none;
  }
  .production-packaging .production-packaging-formats li span {
    margin: 0;
    min-width: -moz-max-content;
    min-width: max-content;
    font-size: 1.6rem;
  }
  .ecopolis-marketing-block {
    margin: 3% 0 3% 0;
    min-height: 350px;
    max-height: 450px;
  }
  .ecopolis-marketing-block .marketing-info {
    width: 70%;
  }
  .ecopolis-marketing-block .marketing-info .marketing-title {
    grid-template-columns: 60px auto;
    grid-template-rows: 25px 30px;
    gap: 0 10px;
  }
  .ecopolis-marketing-block .marketing-info .marketing-title h5 {
    font-size: 1.7rem;
  }
  .ecopolis-marketing-block .marketing-info .marketing-title h3 {
    font-size: 2.5rem;
  }
  .ecopolis-marketing-block .marketing-info .marketing-title .icon {
    width: 60px;
    height: 60px;
    font-size: 4rem;
  }
  .ecopolis-marketing-block .marketing-body p {
    font-size: 1.4rem;
    width: 80%;
  }
  .ecopolis-marketing-block .marketing-features li {
    font-size: 1.2rem;
  }
  .ecopolis-marketing-block .marketing-features li i {
    font-size: 3.5rem;
  }
}
@media (max-width: 800px) {
  .main-section {
    margin: 2% 0;
  }
  .banner.main .banner-content, .banner.direction .banner-content, .banner.offer .banner-content {
    width: 100%;
    justify-content: center;
    text-align: center;
  }
  .banner.main .banner-content h1, .banner.direction .banner-content h1, .banner.offer .banner-content h1 {
    font-size: 3.8rem;
  }
  .banner.main .banner-content h2 br, .banner.direction .banner-content h2 br, .banner.offer .banner-content h2 br {
    display: none;
  }
  .banner.main .banner-image {
    display: none;
  }
  .banner.main .main-button {
    margin: 10px auto 10px auto;
    width: 100%;
  }
  .direction-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .direction-block-wrap {
    height: 35vw;
  }
  .direction-block-wrap img {
    width: 370px;
    height: 100%;
    border: none;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    left: auto;
  }
  .direction-block-wrap button {
    width: 70%;
    right: 0;
    left: 20px;
    bottom: 20px;
    padding: 15px 15px;
    font-size: 1.5rem;
  }
  .direction-block-wrap::before {
    height: 100%;
    width: 100%;
    border: none;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
  }
  .direction-block-wrap.blue::before {
    background: linear-gradient(-90deg, rgb(90, 110, 180) 65vw, rgba(90, 110, 180, 0) 90%);
  }
  .direction-block-wrap.violet::before {
    background: linear-gradient(-90deg, rgb(88, 77, 113) 65vw, rgba(88, 77, 113, 0) 90%);
  }
  .direction-block-wrap.orange::before {
    background: linear-gradient(-90deg, rgb(176, 105, 51) 65vw, rgba(176, 105, 51, 0) 90%);
  }
  .direction-block-wrap.green::before {
    background: linear-gradient(-90deg, rgb(81, 113, 77) 65vw, rgba(81, 113, 77, 0) 90%);
  }
  .direction-block {
    width: 65vw;
    padding: 20px 20px 20px 20px;
  }
  .direction-section h4 {
    width: 100%;
    word-wrap: break-word;
  }
  .carousel {
    display: none;
  }
  .section-production.main {
    align-items: center;
    text-align: center;
  }
  .section-production.main br {
    display: none;
  }
  .section-production.main h2 {
    text-align: center;
  }
  .section-production.main .production-company {
    gap: 30px;
  }
  .section-production.main .production-company .production-company-info {
    text-align: center;
  }
  .section-production.main .production-company .production-company-info p {
    text-align: center;
  }
  .section-production.main .production-company .production-company-info .production-company-images {
    grid-template-rows: repeat(2, 30%);
  }
  .section-production.main .production-packaging .production-packaging-info h3 {
    text-align: center;
  }
  .production-indicators {
    gap: 10px;
  }
  .production-indicators .production-indicator-item {
    grid-template-columns: 30px auto;
    grid-template-rows: 20px 20px;
    padding: 20px 10px 20px 20px;
    text-align: left;
  }
  .production-indicators .production-indicator-item h5 {
    font-size: 1.8rem;
  }
  .production-indicators .production-indicator-item span {
    font-size: 1.4rem;
  }
  .section-production.direction .production-company {
    display: flex;
  }
  .section-production.direction .production-company .production-company-info {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .section-production.direction .production-company .production-company-info h2, .section-production.direction .production-company .production-company-info p {
    text-align: center;
  }
  .section-production.direction .production-company .production-company-image {
    display: none;
  }
  .production-operations .production-operation-block {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .production-operations .production-operation-block .operation-title .operation-icon {
    width: 45px;
    height: 45px;
    font-size: 3rem;
  }
  .production-operations .production-operation-block .operation-images {
    grid-template-rows: 210px;
  }
  .usage-section {
    padding: 10px 20px;
    grid-template-columns: repeat(auto-fill, minmax(50vw, 1fr));
  }
  .retails-block .retails-images {
    display: flex;
    flex-wrap: wrap;
  }
  .ecopolis-marketing-block .marketing-info {
    width: 75%;
  }
  .offer-form .offer-form-section .form-content {
    gap: 20px;
  }
  .offer-form .offer-form-section .form-content .form-row {
    flex-wrap: wrap;
  }
  .offer-form .offer-form-section .form-content .categories-product-list .product-category .product-category-title {
    grid-template-columns: 60px auto;
  }
  .offer-form .offer-form-section .form-content .categories-product-list .product-category .product-category-title .product-category-icon {
    font-size: 3.5rem;
    width: 50px;
    height: 50px;
  }
  .offer-form .offer-form-section .form-content .categories-product-list .product-category .product-category-title .form-checkbox-element.category-checkbox h5 {
    display: none;
  }
  .product-section {
    margin-top: 60px;
  }
  .product-section .product-detail .product-main {
    display: flex;
    flex-direction: column;
  }
  .product-section .product-detail .product-main .product-info .product-indicators {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px 20px;
  }
  .product-section .product-detail .product-main .product-view .view-image {
    margin: 10px auto;
    height: 320px;
  }
  .product-section .product-detail .product-links {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .product-section .product-detail .product-links .product-docs {
    display: none;
  }
  .product-section .product-detail .product-links .cta-button {
    margin: 10px auto 10px auto;
    width: 100%;
  }
  .product-advantage .product-advantage-list > li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
  }
  .product-advantage .product-advantage-list > li h5 {
    width: auto;
  }
  .product-advantage .product-advantage-list > li span {
    display: none !important;
  }
  .main-slider .slider-block {
    height: 200px;
  }
  .mission-section {
    margin: 10% 0;
    justify-content: flex-start;
  }
  .mission-section .mission-text {
    max-width: 70vw;
  }
  .mission-section .flower.left {
    left: -10px;
  }
  .mission-section .flower.right {
    right: -10px;
  }
  .main-section h5 {
    font-size: 1.8rem;
    line-height: 1.3;
  }
  /* Header / Footer / Mobile Nav */
  .header-mobile nav {
    padding: 10px 15px;
  }
  .mobile-nav {
    padding: 0 15px;
  }
  .mobile-nav-list {
    justify-content: space-between;
    gap: 15px;
  }
  /* Адаптация Входа и Регистрации */
  .login-wrapper {
    padding: 30px 15px 60px 15px;
  }
  /* Адаптация модальных окон */
  .modal {
    padding: 5px;
  }
  .modal-form {
    min-width: 100%;
    max-width: 100%;
    padding: 10px 10px;
  }
  .modal-form h2 {
    font-size: 2rem;
  }
  .modal-form p {
    font-size: 1.6rem;
  }
  .modal-form input {
    padding: 15px;
  }
  .modal-form .buttons {
    margin-top: 0;
  }
  .errors {
    gap: 5px;
  }
  .errors h4 {
    font-size: 1.8rem;
  }
  .errors ul {
    margin: 10px 0;
  }
  .errors .error-item {
    font-size: 1.6rem;
  }
  .slider-main-prev, .slider-main-next {
    width: 40px;
    height: 40px;
    font-size: 2.3rem;
  }
  .slider-main-prev {
    left: 10px;
  }
  .slider-main-next {
    right: 30px;
  }
  .slider-prev, .slider-next {
    font-size: 2rem;
    width: 40px;
    height: 40px;
    top: calc(50% - 15px);
  }
  .slider-prev {
    left: -10px !important;
  }
  .slider-next {
    right: -10px !important;
  }
  .main-brands {
    grid-template-columns: auto;
  }
  .main-brands .brand-block {
    padding: 15px 30px;
  }
  .main-brands .brand-block img {
    height: 100px;
  }
  .main-brands .brand-block h2 {
    font-size: 2.6rem;
  }
  .main-brands .brand-block h5 {
    margin: 10px 20px;
    font-size: 1.8rem;
  }
  .section > h2 {
    font-size: 2rem;
  }
  /* Адаптация О нас */
  .goods {
    grid-template-columns: repeat(3, minmax(50px, 1fr));
    gap: 5px;
  }
  /* Адаптация Статей */
  .block-article {
    height: 180px;
  }
  .block-article img {
    min-width: 175px;
    max-width: 175px;
  }
  .block-article p {
    display: none;
  }
  /* Адаптация страницы Статьи */
  .article-img {
    display: grid;
    grid-template-columns: repeat(2, minmax(120px, 1fr));
    grid-template-rows: auto auto;
    margin-bottom: 5px;
  }
  .article-img > div:first-child {
    grid-row: 1;
    grid-column: 1/3;
  }
  .article-img .image {
    position: static;
    top: 0;
  }
  .article-nav {
    gap: 10px;
    align-items: center;
  }
  .article-nav-item {
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .article-nav-item i {
    position: static;
  }
  .article-nav-item i:hover {
    color: #AFAFAF;
  }
  .article-nav-item img {
    display: none;
  }
  .article-nav-item h3 {
    display: none;
  }
  .article-nav-item h5 {
    display: block;
  }
  .article-nav-item span {
    display: none;
  }
  .article-gallery {
    grid-template-columns: repeat(2, minmax(120px, 1fr));
    margin: 0;
    gap: 5px 5px;
  }
  .article-gallery img, .article-gallery iframe {
    min-height: 350px;
    height: 350px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  /* Адаптация Рецептов */
  .recipe-block a img {
    height: 180px;
  }
  /* Адаптация Отзывов */
  .review-block .review-text.review-text-short {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
  /* Адаптация Контактов */
  .contacts {
    flex-direction: column;
    gap: 10px;
    margin: 0 0 30px 0;
  }
  .contacts-block h1 {
    margin-top: 20px;
  }
  .contacts-block ul li span.icon-round {
    display: none !important;
  }
  .contacts-block .contacts-phone, .contacts-block .contacts-email {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto auto;
    gap: 5px 0;
  }
  .contacts-block .contacts-phone span:nth-child(2), .contacts-block .contacts-email span:nth-child(2) {
    grid-column: 1;
    grid-row: 1;
  }
  .contacts-block .contacts-phone div, .contacts-block .contacts-email div {
    grid-column: 1;
    grid-row: 2;
  }
  .contacts-block .contacts-phone div a, .contacts-block .contacts-email div a {
    margin: 0;
  }
  .contacts-block .contacts-phone .split, .contacts-block .contacts-email .split {
    margin: 0;
  }
}
@media (max-width: 675px) {
  .banner.main .advantages {
    display: none;
  }
  .direction-block-wrap h5 {
    font-size: 2rem;
  }
  .direction-block-wrap p {
    margin: 5px 0;
    font-size: 1.4rem;
  }
  .catalog-category-section .packaging-block {
    flex-direction: column;
  }
  .catalog-category-section .packaging-block h5 {
    min-width: 100%;
    text-align: center;
  }
  .catalog-category-section .packaging-block h5 br {
    display: none;
  }
  .stepwise-section {
    gap: 20px;
  }
  .stepwise-section .stepwise-nav li {
    font-size: 1.55rem;
    height: 50px;
    align-items: center;
  }
  .stepwise-section .stepwise-nav li span {
    display: none;
  }
  .stepwise-section .stepwise-step-wrap .stepwise-step .stepwise-info h2 {
    font-size: 2rem;
  }
  .stepwise-section .stepwise-step-wrap .stepwise-step .stepwise-info p {
    font-size: 1.6rem;
  }
  .stepwise-section .stepwise-step-wrap .stepwise-step .stepwise-info .stepwise-info-list {
    margin-top: 10px;
  }
  .stepwise-section .stepwise-step-wrap .stepwise-step .stepwise-info .stepwise-info-list > li {
    padding: 10px 10px 10px 35px;
  }
  .stepwise-section .stepwise-step-wrap .stepwise-step .stepwise-info .stepwise-info-list > li::before {
    left: 10px;
    width: 15px;
    height: 15px;
  }
  .stepwise-section .stepwise-step-wrap .stepwise-step .stepwise-info .stepwise-info-list > li h5 {
    font-size: 1.6rem;
  }
  .ecopolis-marketing-block .marketing-body p {
    width: 100%;
  }
  .ecopolis-marketing-block {
    padding: 20px 20px;
  }
  .ecopolis-marketing-block .marketing-features {
    margin-top: 10px;
  }
  .ecopolis-marketing-block .marketing-actions {
    position: absolute;
    bottom: 10px;
    left: 20px;
  }
  .ecopolis-marketing-block .marketing-actions .brand {
    font-size: 1.8rem;
  }
  .ecopolis-marketing-block .marketing-actions .button {
    font-size: 1.4rem;
  }
  /* Адаптация Куки */
  .cookies-alert {
    flex-direction: column;
    padding: 10px 25px 10px 5px;
  }
  .cookies-alert .cookies-close {
    top: 5px;
    right: 10px;
  }
  .cookies-alert .cookies-text {
    font-size: 1.2rem;
    gap: 10px;
  }
  .cookies-alert .cookies-text img {
    width: 40px;
  }
  .cookies-alert .cookies-actions {
    margin: 0;
    width: 100%;
  }
  .cookies-alert .cookies-actions .cookies-button {
    display: none;
  }
}
@media (max-width: 630px) {
  /* Адаптация Главной страницы */
  .main-section {
    margin: 2% 3%;
  }
  .main-section .main-text {
    font-size: 1.8rem;
  }
  .content h2 {
    font-size: 2.2rem;
  }
  .catalog-list .catalog-block {
    grid-template-columns: 200px auto;
  }
  .main-slider .slider-block {
    height: 180px;
  }
  .slider-main-prev, .slider-main-next {
    display: none;
    visibility: hidden;
  }
  .colors-grid {
    grid-template-columns: repeat(5, minmax(80px, 80px));
    grid-template-rows: repeat(3, minmax(80px, 80px));
  }
  .main-section.directions-section .directions-list {
    margin: 5% 0;
    gap: 4vh;
  }
  .mission-section .mission-text {
    font-size: 1.8rem;
  }
  .catalog-category-section .category-block {
    align-self: center;
  }
  .catalog-category-section .category-block h3 {
    font-size: 2rem;
    text-align: center;
  }
  .catalog-category-section .category-block p {
    text-align: center;
  }
  .catalog-category-section .category-block .category-block-list {
    display: flex;
    flex-direction: column;
    align-self: center;
  }
  .section-production.direction .production-company .production-company-info h2 {
    font-size: 2rem;
  }
  .section-production.direction .production-company .production-company-info p {
    font-size: 1.6rem;
  }
  .ecopolis-marketing-block {
    min-height: 250px;
    max-height: 350px;
  }
  .ecopolis-marketing-block .marketing-info {
    width: 80%;
    gap: 20px;
  }
  .ecopolis-marketing-block .marketing-info .marketing-title {
    display: flex;
    flex-direction: column;
  }
  .ecopolis-marketing-block .marketing-info .marketing-title h5, .ecopolis-marketing-block .marketing-info .marketing-title h3 {
    align-self: flex-start;
    text-align: left;
  }
  .ecopolis-marketing-block .marketing-info .marketing-title .icon {
    display: none;
  }
  .ecopolis-marketing-block .marketing-body p {
    margin: 10px 0 0 0;
  }
  .ecopolis-marketing-block .marketing-features {
    display: none;
  }
  .usage-section .usage-block-info {
    grid-template-columns: 50px auto;
  }
  .usage-section .usage-block-info h5 {
    font-size: 2rem;
  }
  .usage-section .usage-block-info .icon {
    width: 45px;
    height: 45px;
    font-size: 3rem;
  }
  /* Адаптация О нас */
  .about-us-wrap .text-block .img-left, .about-us-wrap .text-block .img-right {
    width: 100%;
    min-height: 150px;
    max-height: 200px;
    height: 200px;
    margin: 0;
    float: none;
  }
  /* Адаптация Отзывов */
  .review-uploads-images {
    grid-template-columns: repeat(2, minmax(130px, 1fr));
  }
  .review-uploads-images .image-review-label {
    height: 230px;
  }
  .review-uploads-images .add-image {
    height: 230px;
  }
}
@media (max-width: 560px) {
  .main-section {
    margin: 2% 1%;
  }
  .main-section .main-text {
    max-width: 100%;
  }
  .banner.main .banner-content h1, .banner.direction .banner-content h1, .banner.offer .banner-content h1 {
    font-size: 3.2rem;
  }
  .banner.main .banner-content h2, .banner.direction .banner-content h2, .banner.offer .banner-content h2 {
    font-size: 1.6rem;
  }
  .banner.main .banner-content p, .banner.direction .banner-content p, .banner.offer .banner-content p {
    font-size: 1.6rem;
  }
  .banner.main .banner-image, .banner.direction .banner-image, .banner.offer .banner-image {
    display: none;
  }
  .banner.main .main-button, .banner.direction .main-button, .banner.offer .main-button {
    margin: 10px auto 10px auto;
    width: 100%;
  }
}
@media (max-width: 540px) {
  .direction-block-wrap {
    height: 27vw;
  }
  .direction-block-wrap h5 {
    font-size: 2rem;
  }
  .direction-block-wrap p {
    display: none;
  }
  .direction-block-wrap button {
    display: none;
  }
  .direction-block-wrap.blue::before {
    background: linear-gradient(-90deg, rgb(90, 110, 180) 55vw, rgba(90, 110, 180, 0) 90%);
  }
  .direction-block-wrap.violet::before {
    background: linear-gradient(-90deg, rgb(88, 77, 113) 55vw, rgba(88, 77, 113, 0) 90%);
  }
  .direction-block-wrap.orange::before {
    background: linear-gradient(-90deg, rgb(176, 105, 51) 55vw, rgba(176, 105, 51, 0) 90%);
  }
  .direction-block-wrap.green::before {
    background: linear-gradient(-90deg, rgb(81, 113, 77) 55vw, rgba(81, 113, 77, 0) 90%);
  }
  .direction-block {
    width: 55vw;
  }
  .main-slider .slider-block {
    height: 165px;
  }
  .chunk-article .article-image, .chunk-recipe .article-image {
    height: 180px;
  }
  .chunk-article .article-text, .chunk-recipe .article-text {
    min-height: 100px;
    max-height: 150px;
  }
  .chunk-article .article-text h5, .chunk-recipe .article-text h5 {
    font-size: 1.6rem;
  }
  .chunk-article .article-text p, .chunk-recipe .article-text p {
    display: none;
  }
  .section-production.main .production-company .production-company-images {
    display: flex;
    height: 30vh;
  }
  .section-production.main .production-company .production-company-images img:nth-child(2) {
    display: none;
  }
  .section-production.main .production-company .production-company-images img:nth-child(3) {
    display: none;
  }
  .production-indicators {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .production-packaging .packaging-grid .packaging-item.markirovka img {
    height: 30px;
  }
  .stepwise-section .stepwise-step-wrap .stepwise-step .stepwise-info > h2, .stepwise-section .stepwise-step-wrap .stepwise-step .stepwise-info > p {
    text-align: center;
    align-self: center;
  }
}
@media (max-width: 500px) {
  .main-brands .brand-block {
    padding: 15px 15px;
  }
  .main-brands .brand-block img {
    height: 70px;
  }
  .main-brands .brand-block h2 {
    font-size: 2.2rem;
  }
  .main-brands .brand-block h5 {
    margin: 0 20px;
    font-size: 1.6rem;
  }
  .color-modal {
    width: 95vw;
  }
  /* Адаптация О нас */
  .goods {
    grid-template-columns: repeat(2, minmax(70px, 1fr));
  }
  /* Адаптация страницы Статьи */
  .article-img {
    display: flex;
    flex-direction: column !important;
    gap: 10px;
  }
  .article-img .image {
    max-width: 100%;
    min-width: 100%;
    height: 350px;
    margin: 0;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .article-gallery {
    grid-template-columns: repeat(1, minmax(120px, 1fr));
  }
  /* Адаптация Рецептов */
  .recipe-grid {
    grid-template-columns: repeat(2, minmax(120px, 1fr));
    grid-template-rows: none;
  }
  .recipe-block a img {
    height: 180px;
  }
}
@media (max-width: 455px) {
  .header-mobile .header-menu .header-logo {
    display: flex;
  }
  .header-mobile .header-menu .header-logo h1 {
    align-self: center;
  }
  .header-mobile .header-menu .header-logo span {
    display: none;
  }
  .banner.main .banner-content h1, .banner.direction .banner-content h1, .banner.offer .banner-content h1 {
    font-size: 2.8rem;
  }
  .banner.main .banner-content span, .banner.direction .banner-content span, .banner.offer .banner-content span {
    display: none;
  }
  .banner.main .banner-content .main-button, .banner.direction .banner-content .main-button, .banner.offer .banner-content .main-button {
    font-size: 1.6rem;
  }
  .direction-block-wrap h5 {
    font-size: 1.8rem;
  }
  .direction-advantages {
    display: none;
  }
  .direction-section .cta-button {
    font-size: 1.6rem;
  }
  .direction-section .cta-button-subtext {
    display: none;
  }
  .catalog-section {
    gap: 30px;
  }
  .section-production.direction {
    padding: 20px 10px;
  }
  .production-operations .production-operation-block .operation-images {
    display: flex;
    width: 100%;
    height: 200px;
  }
  .production-operations .production-operation-block .operation-images img:last-child {
    display: none;
  }
  .ecopolis-marketing-block {
    min-height: 200px;
    max-height: 250px;
  }
  .ecopolis-marketing-block .marketing-body p {
    display: none;
  }
  .ecopolis-marketing-block .marketing-actions .brand {
    display: none;
  }
  .section-article .button, .cta-button {
    font-size: 1.6rem !important;
  }
  .mission-section {
    margin: 40% 0;
    justify-content: center;
  }
  .mission-section .mission-text {
    max-width: 100%;
  }
  .mission-section .flower.left {
    width: 80px;
    transform: rotate(90deg);
    left: auto;
    right: auto;
    top: -90%;
  }
  .mission-section .flower.right {
    width: 80px;
    transform: rotate(-90deg);
    left: auto;
    right: auto;
    top: 70%;
  }
  .main-slider .slider-block {
    height: 190px;
  }
}
@media (max-width: 385px) {
  .main-slider .slider-block {
    height: 20%;
  }
  .stepwise-section .stepwise-nav li {
    display: flex;
    padding: 10px 5px;
    font-size: 1.4rem;
    align-items: center;
  }
}/*# sourceMappingURL=adaptive.css.map */