:root {
  --color-primary: #036666;
  --color-hover: #e9dab8;
  --color-five: #339fbc;
  --color-gray: #272727;
  --color-secondary: #272727;
  --color-tree: #d5d5d5;
  --color-fore: #878787;
  --color-hover-branch: #000;
  --color-border: #b0b0b0;
  --color-bg-blocks: #eaeaea;
  --color-text-form: #fff;
  --padding-section: 4vmax 0;
  --color-presence: #272727;
  --color-new: #339fbc;
  --color-why: #1b768e;
  --color-bottom-text-footer: #a1a1a1;
  --font-family:'Savoye LET';
  --fotn-size:27px;
  --fotn-size-h1:50px;
}
body,
.container-fluid {
  min-width: 0;
}

/* Если нужно ограничение только на десктопе */
@media (min-width: 1024px) {
  body,
  .container-fluid {
    min-width: 700px;
  }
}
@media (min-width: 1920px) {
  .hero__content h1 {
    font-size: 30px;
  }
  .hero__actions {
    margin: 30px 0 100px;
  }
  .utp__section {
    padding: 300px 0 0;
  }
  .right_column__flex-wrap,
  .left_column__flex-wrap {
    padding: 50px 40px;
  }
  .header_why {
    font-size: 18px;
  }
  .clipart_why_choose {
    margin: 50px 0;
  }

  .promo {
    max-height: 800px;
  }
}
@media (max-width: 1200px) { 
  .main-about {
    min-height: 45vmax;
  }

}
@media (max-width: 1500px) {
  .clipart_why_choose {
    margin: 2vmax 0;
  }
  .hero__content h1 {
    font-size: 2.5vmax;
  }
  .block-content {
    padding: 3vmax;
}
}
@media (max-width: 1300px) {

 
  .block-header-promo::after {
    display: none;
  }
  .block-header-promo {
    padding: 0 0 30px;
  }
  .block-header-promo.inner {
    padding: 0;
  }
  .single-product-item .product-price {
    font-size: 25px;
  }
  .main-menu {
    margin: 0 1%;
  }
  .features {
    gap: 20px;
  }
  .features li {
    flex-direction: column;
    align-items: flex-start;
    flex-basis: 47%;
  }
  .feature__count {
    margin: 0 0 10px;
  }
  .features li:nth-child(2) b,
  .features li b {
    margin: 0;
  }
  .hero__panel {
    /* flex-basis: 50%; */
  }
  .hero__actions {
    margin: 30px 0 50px;
  }
  .promo img {
    min-height: 80vh;
  }
}
@media (max-width: 1200px) {
  .hero__content {
    flex-basis: 69%;
  }
  .hero__panel {
    flex-basis: 30%;
  }
  .hero__panel .hidden-xs {
    display: none;
  }
  .hero__panel .hidden-lg {
    display: block !important;
  }
  .hero__panel {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .block-header-promo::after {
    display: none;
  }
  .block-header-promo {
    padding: 0 0 30px;
  }
  .block-header-promo.inner {
    padding: 0;
  }
  .wrap {
    padding: 20px 0px 0px;
  }
  .features li {
    font-size: 15px;
  }

  .wrap_hamburger {
    display: flex;
  }
  .mmenu-bg-block {
    display: block;
  }
  .main-menu {
    display: none;
  }
  .col-fl-1 {
    display: flex;
    align-items: center;
  }
}
@media (max-width: 1024px) {
  body {
    background: url(/images/promo.jpg) no-repeat 40% top / 200% #e9dab9;
  }
  .flex-wrap {
    flex-direction: column;
  }
  .wrap_form_design .fl {
    flex-direction: column;
    gap: 20px;
  }
  .fl .form-group {
    flex-basis: 100%;
    padding-right: 0;
  }
  .blocks-buttons .submit-form {
    flex: 1;
  }
  .hero__content {
    flex-basis: 100%;
  }
  .hero--image::after {
    display: none;
  }
  .hero--image {
    padding: 50px 0;
  }
  .utp__section {
    padding: 100px 0 0;
  }
  .container-fluid {
    margin: 0 15px;
  }
}
@media (max-width: 767px) {
  .container-fluid {
    margin: 0 10px;
  }

  /* Шапка и меню */
  .wrap-header {
    padding: 10px 0;
  }

  .main-menu ul.menu {
    flex-direction: column;
    gap: 10px;
  }

  .main-menu ul.menu li a {
    font-size: 18px;
    line-height: 1.3;
    padding: 6px 0;
  }

  .logo img {
    max-width: 180px;
  }

  /* Hero‑блок */
  .hero .row {
    flex-direction: column;
  }
  .hero-text,
  .hero-image {
    width: 100%;
  }

  /* Последние произведения */
  .latest-poems h2 {
    font-size: 24px;
    text-align: left;
  }
  .latest-poems .post-title a {
    font-size: 18px;
  }

  /* Футер и контакты */
  .fl.jsb {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }
  .copy2 {
    font-size: 14px;
    text-align: center;
    padding: 15px 0;
  }

  /* Общая типографика */
  body {
    font-size: 16px;
  }
  h1, h2 {
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  /* Все заголовки */
  h1, h2, h3, 
  .hero-text h2,
  .latest-poems h2,
  .post-title {
    text-shadow: 
      1px 1px 0 #fff,
      -1px -1px 0 #fff,
      1px -1px 0 #fff,
      -1px 1px 0 #fff,
      2px 2px 2px rgba(0,0,0,0.5);
  }

  /* Обычный текст */
  body,
  p,
  .about-text {
    text-shadow: 
      1px 1px 0 #fff,
      -1px -1px 0 #fff,
      1px -1px 0 #fff,
      -1px 1px 0 #fff;
  }
}