* {
  vertical-align: baseline;
  font-weight: inherit;
  font-family: "IBM Plex Sans Hebrew", "IBM Plex Sans", sans-serif;
  font-style: inherit;
  font-size: 16px;
  line-height: 120%;
  border: 0 none;
  outline: 0;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  position: relative;
  -webkit-font-smoothing: antialiased;
  background: #000000;
  color: #ffffff;
}

.bg-site {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  background: url("../images/bg-ornament.jpg") center/ cover no-repeat;
  z-index: -1;
}

.bg-site::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.65);
  width: 100%;
  height: 100%;
  z-index: 1;
}

font {
  font: inherit;
}

.swiper {
  direction: ltr;
}

ol,
ul {
  list-style: none;
}

button,
input {
  -webkit-appearance: none;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

a {
  color: #ffffff;
  text-decoration: none;
  transition: color 0.2s linear;
}
a:hover {
  color: #e2ba69;
}

p {
  line-height: 150%;
}
p:not(:last-of-type) {
  margin-bottom: 15px;
}

b,
strong {
  font-weight: 700;
}

i {
  font-style: italic;
}

a,
span,
p,
strong,
b,
bdi {
  font-family: inherit;
  font-size: inherit;
}

.container {
  position: relative;
  width: 1560px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.title {
  font-family: "Playfair", "IBM Plex Sans Hebrew", serif;
  font-size: 40px;
  font-weight: 700;
  text-transform: uppercase;
}

.btn {
  cursor: pointer;
  position: relative;
  display: inline-block;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  padding-right: 25px;
  padding-bottom: 5px;
  border-bottom: 1px solid #ffffff;
  transition:
    color 0.2s linear,
    border-color 0.2s linear,
    background-color 0.2s linear;
  flex-shrink: 0;
}
.btn::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  height: 20px;
  width: 20px;
  transform: translateY(-50%);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3367 7.845L6.16417 15.0175L4.98584 13.8392L12.1575 6.66667H5.83667V5H15.0033V14.1667H13.3367V7.845Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
  transition: background-image 0.2s linear;
}
.btn:hover {
  color: #e2ba69;
  border-color: #e2ba69;
}
.btn:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3367 7.845L6.16417 15.0175L4.98584 13.8392L12.1575 6.66667H5.83667V5H15.0033V14.1667H13.3367V7.845Z' fill='%23E2BA69'/%3E%3C/svg%3E%0A");
}
.btn--accent {
  color: #e2ba69;
  border-color: #e2ba69;
}
.btn--accent:before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3367 7.845L6.16417 15.0175L4.98584 13.8392L12.1575 6.66667H5.83667V5H15.0033V14.1667H13.3367V7.845Z' fill='%23E2BA69'/%3E%3C/svg%3E%0A");
}
.btn--accent:hover {
  color: #ffffff;
  border-color: #ffffff;
}
.btn--accent:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3367 7.845L6.16417 15.0175L4.98584 13.8392L12.1575 6.66667H5.83667V5H15.0033V14.1667H13.3367V7.845Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
}
.btn--full {
  font-weight: 500;
  background: #ffffff;
  color: #000000;
  padding: 16px 40px;
  border: 1px solid transparent;
}
.btn--full::before {
  content: none;
}
.btn--full:hover {
  background: transparent;
  border-color: #4d4d4d;
  color: #ffffff;
}

.icon {
  position: relative;
  display: inline-block;
  height: 30px;
  width: 30px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.icon-wa {
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='29' height='29' rx='14.5' stroke='%23E2BA69'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.0771 9.89267C18.7299 8.54391 16.9382 7.80078 15.0295 7.79999C11.0964 7.79999 7.89541 11.0009 7.89383 14.935C7.89329 16.1927 8.22182 17.4203 8.84628 18.5024L7.83398 22.2L11.6167 21.2077C12.659 21.7763 13.8324 22.0759 15.0266 22.0762H15.0296C18.9623 22.0762 22.1636 18.8751 22.1651 14.9407C22.1659 13.0341 21.4243 11.2414 20.0771 9.89267ZM15.0295 20.8711H15.027C13.9629 20.8707 12.9191 20.5847 12.0084 20.0444L11.792 19.9159L9.54722 20.5047L10.1464 18.3162L10.0053 18.0918C9.41159 17.1475 9.09808 16.0561 9.09862 14.9355C9.09986 11.6655 11.7605 9.00513 15.0319 9.00513C16.616 9.00565 18.1051 9.62334 19.2249 10.7444C20.3446 11.8654 20.9609 13.3555 20.9604 14.9403C20.959 18.2105 18.2985 20.8711 15.0295 20.8711ZM18.2827 16.4292C18.1044 16.34 17.2278 15.9088 17.0643 15.8492C16.901 15.7897 16.782 15.76 16.6633 15.9385C16.5444 16.1169 16.2027 16.5185 16.0987 16.6374C15.9946 16.7565 15.8907 16.7714 15.7124 16.6821C15.5341 16.5929 14.9596 16.4046 14.2785 15.7971C13.7486 15.3244 13.3908 14.7405 13.2867 14.5621C13.1828 14.3835 13.2858 14.2963 13.3649 14.1982C13.5579 13.9586 13.7512 13.7073 13.8106 13.5884C13.8701 13.4693 13.8403 13.3652 13.7957 13.276C13.7512 13.1868 13.3946 12.3092 13.2461 11.9521C13.1013 11.6046 12.9544 11.6515 12.8449 11.6461C12.741 11.6409 12.6221 11.6398 12.5032 11.6398C12.3843 11.6398 12.1911 11.6844 12.0277 11.863C11.8643 12.0415 11.4037 12.4728 11.4037 13.3504C11.4037 14.2279 12.0426 15.0757 12.1317 15.1947C12.2208 15.3138 13.389 17.1146 15.1775 17.8868C15.6029 18.0707 15.9349 18.1803 16.1939 18.2625C16.6211 18.3982 17.0097 18.379 17.3169 18.3331C17.6595 18.2819 18.3717 17.9018 18.5204 17.4853C18.669 17.0688 18.669 16.7119 18.6243 16.6374C18.5798 16.5631 18.4609 16.5185 18.2827 16.4292Z' fill='%23E2BA69'/%3E%3C/svg%3E%0A");
}
.icon-fb {
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='29' height='29' rx='14.5' stroke='%23E2BA69'/%3E%3Cpath d='M16.1156 22.2V15.632H18.3194L18.65 13.0715H16.1156V11.437C16.1156 10.696 16.3206 10.1909 17.3845 10.1909L18.7392 10.1904V7.90023C18.5049 7.86979 17.7007 7.79999 16.7647 7.79999C14.8102 7.79999 13.4721 8.993 13.4721 11.1835V13.0715H11.2617V15.632H13.4721V22.2H16.1156Z' fill='%23E2BA69'/%3E%3C/svg%3E%0A");
}
.icon-ig {
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='29' height='29' rx='14.5' stroke='%23E2BA69'/%3E%3Cpath d='M18.2103 8H11.7897C9.70002 8 8 9.70002 8 11.7897V18.2104C8 20.3 9.70002 22 11.7897 22H18.2104C20.3 22 22 20.3 22 18.2104V11.7897C22 9.70002 20.3 8 18.2103 8ZM21.1793 18.2104C21.1793 19.8474 19.8474 21.1793 18.2103 21.1793H11.7897C10.1526 21.1793 8.82075 19.8474 8.82075 18.2104V11.7897C8.82075 10.1526 10.1526 8.82075 11.7897 8.82075H18.2104C19.8474 8.82075 21.1793 10.1526 21.1793 11.7897V18.2104Z' fill='%23E2BA69'/%3E%3Cpath d='M14.9999 11.172C12.8891 11.172 11.1719 12.8892 11.1719 15C11.1719 17.1109 12.8891 18.8281 14.9999 18.8281C17.1107 18.8281 18.8279 17.1109 18.8279 15C18.8279 12.8892 17.1107 11.172 14.9999 11.172ZM14.9999 18.0073C13.3418 18.0073 11.9926 16.6583 11.9926 15C11.9926 13.3419 13.3418 11.9928 14.9999 11.9928C16.6582 11.9928 18.0072 13.3419 18.0072 15C18.0072 16.6583 16.6582 18.0073 14.9999 18.0073ZM18.9195 9.8125C18.2957 9.8125 17.7883 10.32 17.7883 10.9436C17.7883 11.5674 18.2957 12.0749 18.9195 12.0749C19.5433 12.0749 20.0507 11.5674 20.0507 10.9437C20.0507 10.3199 19.5432 9.8125 18.9195 9.8125ZM18.9195 11.254C18.7484 11.254 18.6091 11.1147 18.6091 10.9436C18.6091 10.7724 18.7484 10.6333 18.9195 10.6333C19.0907 10.6333 19.23 10.7724 19.23 10.9436C19.23 11.1147 19.0907 11.254 18.9195 11.254Z' fill='%23E2BA69'/%3E%3C/svg%3E%0A");
}
.icon-cart {
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.66563 17.5784H9.66703C9.6682 17.5784 9.66938 17.5781 9.67049 17.5781H25.6055C25.7964 17.5781 25.9822 17.5159 26.1347 17.4008C26.2871 17.2858 26.398 17.1243 26.4505 16.9407L29.9661 4.636C30.0035 4.50522 30.01 4.36755 29.9851 4.23383C29.9603 4.10011 29.9047 3.97398 29.8229 3.86537C29.7409 3.75675 29.6349 3.66863 29.5131 3.60794C29.3914 3.54725 29.2572 3.51565 29.1211 3.51562H7.63869L7.01045 0.688242C6.96703 0.493025 6.85835 0.318446 6.70235 0.19332C6.54634 0.0681946 6.35233 2.70098e-06 6.15234 0L0.878906 0C0.393457 0 0 0.393457 0 0.878906C0 1.36436 0.393457 1.75781 0.878906 1.75781H5.4474C5.55861 2.25879 8.45397 15.2882 8.62061 16.0377C7.68656 16.4438 7.03125 17.3752 7.03125 18.457C7.03125 19.9109 8.21414 21.0938 9.66797 21.0938H25.6055C26.0909 21.0938 26.4844 20.7003 26.4844 20.2148C26.4844 19.7294 26.0909 19.3359 25.6055 19.3359H9.66797C9.1834 19.3359 8.78906 18.9416 8.78906 18.457C8.78906 17.9732 9.18205 17.5795 9.66563 17.5784ZM27.9559 5.27344L24.9424 15.8203H10.373L8.02922 5.27344H27.9559ZM8.78906 23.7305C8.78906 25.1844 9.97195 26.3672 11.4258 26.3672C12.8796 26.3672 14.0625 25.1843 14.0625 23.7305C14.0625 22.2766 12.8796 21.0938 11.4258 21.0938C9.97195 21.0938 8.78906 22.2766 8.78906 23.7305ZM11.4258 22.8516C11.9104 22.8516 12.3047 23.2459 12.3047 23.7305C12.3047 24.215 11.9104 24.6094 11.4258 24.6094C10.9412 24.6094 10.5469 24.215 10.5469 23.7305C10.5469 23.2459 10.9412 22.8516 11.4258 22.8516ZM21.2109 23.7305C21.2109 25.1844 22.3938 26.3672 23.8477 26.3672C25.3015 26.3672 26.4844 25.1843 26.4844 23.7305C26.4844 22.2766 25.3015 21.0938 23.8477 21.0938C22.3938 21.0938 21.2109 22.2766 21.2109 23.7305ZM23.8477 22.8516C24.3322 22.8516 24.7266 23.2459 24.7266 23.7305C24.7266 24.215 24.3322 24.6094 23.8477 24.6094C23.3631 24.6094 22.9688 24.215 22.9688 23.7305C22.9688 23.2459 23.3631 22.8516 23.8477 22.8516Z' fill='white'/%3E%3C/svg%3E%0A");
}
.icon-map {
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.0084 19.8214C23.2007 14.812 22.7994 15.437 22.8914 15.3064C24.0537 13.6671 24.668 11.7376 24.668 9.72656C24.668 4.39336 20.3402 0 15 0C9.67723 0 5.33203 4.38469 5.33203 9.72656C5.33203 11.7363 5.95922 13.7163 7.15957 15.3777L9.99152 19.8214C6.96369 20.2867 1.81641 21.6734 1.81641 24.7266C1.81641 25.8396 2.54285 27.4257 6.00363 28.6617C8.42016 29.5247 11.6151 30 15 30C21.3296 30 28.1836 28.2145 28.1836 24.7266C28.1836 21.6728 23.0423 20.2877 20.0084 19.8214ZM8.62787 14.4108C8.61821 14.3957 8.60811 14.3809 8.59758 14.3664C7.59873 12.9923 7.08984 11.3637 7.08984 9.72656C7.08984 5.33098 10.6293 1.75781 15 1.75781C19.3617 1.75781 22.9102 5.33256 22.9102 9.72656C22.9102 11.3664 22.4109 12.9397 21.4661 14.2776C21.3814 14.3893 21.8231 13.703 15 24.4095L8.62787 14.4108ZM15 28.2422C8.08629 28.2422 3.57422 26.21 3.57422 24.7266C3.57422 23.7295 5.89266 22.0901 11.0302 21.4511L14.2588 26.5173C14.3382 26.6419 14.4477 26.7445 14.5773 26.8156C14.7068 26.8866 14.8522 26.9239 14.9999 26.9239C15.1477 26.9239 15.2931 26.8866 15.4226 26.8156C15.5522 26.7445 15.6617 26.6419 15.7411 26.5173L18.9697 21.4511C24.1073 22.0901 26.4258 23.7295 26.4258 24.7266C26.4258 26.1974 21.9543 28.2422 15 28.2422Z' fill='%23E2BA69'/%3E%3Cpath d='M15 5.33203C12.5769 5.33203 10.6055 7.30342 10.6055 9.72656C10.6055 12.1497 12.5769 14.1211 15 14.1211C17.4231 14.1211 19.3945 12.1497 19.3945 9.72656C19.3945 7.30342 17.4231 5.33203 15 5.33203ZM15 12.3633C13.5461 12.3633 12.3633 11.1804 12.3633 9.72656C12.3633 8.27268 13.5461 7.08984 15 7.08984C16.4539 7.08984 17.6367 8.27268 17.6367 9.72656C17.6367 11.1804 16.4539 12.3633 15 12.3633Z' fill='%23E2BA69'/%3E%3C/svg%3E%0A");
}

input[type="checkbox"] {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid #ffffff;
  padding: 0;
  flex-shrink: 0;
}
input[type="checkbox"]:checked {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' x='0' y='0' viewBox='0 0 511.985 511.985' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M500.088 83.681c-15.841-15.862-41.564-15.852-57.426 0L184.205 342.148 69.332 227.276c-15.862-15.862-41.574-15.862-57.436 0-15.862 15.862-15.862 41.574 0 57.436l143.585 143.585c7.926 7.926 18.319 11.899 28.713 11.899 10.394 0 20.797-3.963 28.723-11.899l287.171-287.181c15.862-15.851 15.862-41.574 0-57.435z' fill='%23FFFFFF' opacity='1' data-original='%23000000'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
    center/10px no-repeat;
}

input[type="radio"] {
  display: inline-block;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  border: 1px solid #ffffff;
}
input[type="radio"]:checked {
  background: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='5' cy='5' r='5' fill='white'/%3E%3C/svg%3E%0A")
    center/10px no-repeat;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="date"],
input[type="time"],
textarea,
select:not(.flatpickr-calendar select) {
  font-size: 16px !important;
  line-height: 140% !important;
  display: block !important;
  padding: 14px 20px !important;
  color: #ffffff !important;
  border: 1px solid #4d4d4d !important;
  background: transparent !important;
}

.lang-switcher {
  position: fixed;
  left: 30px;
  bottom: 30px;
  z-index: 999;
  font-family: sans-serif;
  border: 1px solid #000;
}

.lang-switcher__current {
  width: 54px;
  height: 54px;
  border: none;
  background: #fff;
  color: #000;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
}

.lang-switcher__list {
  position: absolute;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  bottom: 60px;
  left: 0;
  width: 100%;
  min-height: 54px;
  background: #fff;
  padding: 6px;
  list-style: none;
  margin: 0;
  display: none;
  text-align: center;
}

.lang-switcher__list li {
  margin: 4px 0;
}

.lang-switcher__list a {
  display: block;
  font-size: 18px;
  text-align: center;
  color: #000;
  text-decoration: none;
  font-weight: 600;
}

.lang-switcher--open .lang-switcher__list {
  display: flex;
}

.grecaptcha-badge {
  display: none !important;
}

.acceptance {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 20px;
}
.acceptance label {
  margin-bottom: 0 !important;
}
.acceptance a {
  text-decoration: underline;
  text-underline-offset: 4px;
}

.form form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.form form label {
  display: block;
  font-size: 16px;
  margin-bottom: 10px;
}
.form form input[type="text"],
.form form input[type="tel"],
.form form input[type="email"],
.form form textarea {
  width: 100%;
}
.form form textarea {
  height: 100px;
}
.form .btn {
  font-size: 16px;
  margin-top: 20px;
}
.form__grid {
  display: grid;
  gap: 20px;
}
.form__grid--3 {
  grid-template-columns: repeat(3, 1fr);
}
.form__grid--2 {
  grid-template-columns: repeat(2, 1fr);
}

.form .wpcf7-spinner {
  position: absolute;
  bottom: 10px;
  right: 0;
}

.form .wpcf7-list-item {
  margin: 0;
}

.form .wpcf7-response-output {
  margin: 10px 0 0 !important;
  padding: 0 !important;
  border: none !important;
}

.form form.sent .wpcf7-response-output {
  display: none;
}

.checkout-summary__submit.btn--disabled {
  opacity: 0.6;
  cursor: not-allowed !important;
  background: #ccc !important;
  pointer-events: none !important;
  transform: none !important;
}

.checkout-summary__submit.btn--disabled:hover {
  cursor: not-allowed !important;
  transform: none !important;
}

.form__field input.error,
.form__field select.error,
.form__field textarea.error {
  border-color: #e74c3c !important;
  background: #fdf2f2;
}

.checkout-validation-error {
  margin-bottom: 20px;
  padding: 15px;
  background: #f8d7da;
  border: 1px solid #f5c6cb;
  border-radius: 4px;
  color: #721c24;
  font-size: 14px;
}

.content {
  padding: 80px 0;
}

.post {
  margin-top: 40px;
}
.post h2,
.post h3,
.post h4,
.post h5,
.post h6 {
  font-family: "Playfair", "IBM Plex Sans Hebrew", serif;
  margin-bottom: 30px;
  font-weight: 700;
}
.post h2:not(:first-child),
.post h3:not(:first-child),
.post h4:not(:first-child),
.post h5:not(:first-child),
.post h6:not(:first-child) {
  margin-top: 30px;
}
.post h2 {
  font-size: 40px;
}
.post h3 {
  font-size: 28px;
}
.post h4 {
  font-size: 24px;
}
.post h5 {
  font-size: 20px;
}
.post h6 {
  font-size: 18px;
}
.post ul,
.post ol {
  padding-left: 20px;
  margin-bottom: 15px;
}
.post ul li:not(:last-child),
.post ol li:not(:last-child) {
  margin-bottom: 15px;
}
.post ul {
  list-style-type: disc;
}
.post ol {
  list-style-type: decimal;
}

[dir="rtl"] .catalog__pagination-prev,
[dir="rtl"] .catalog__pagination-next {
  transform: scaleX(-1);
}
[dir="rtl"] .breadcrumbs__item a::before {
  right: auto;
  left: -20px;
}

.socs {
  display: flex;
  align-items: center;
  gap: 10px;
}
.socs__link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  transition: filter 0.2s linear;
}
.socs__link:hover {
  filter: brightness(2);
}

.breadcrumbs {
  position: relative;
  padding: 20px 0;
  border-top: 1px solid #4d4d4d;
  border-bottom: 1px solid #4d4d4d;
}
.breadcrumbs__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 10px 30px;
}
.breadcrumbs__item {
  font-size: 16px;
}
.breadcrumbs__item a {
  font-size: inherit;
  position: relative;
  opacity: 0.6;
  transition: opacity 0.2s linear;
}
.breadcrumbs__item a:hover {
  opacity: 1;
}
.breadcrumbs__item a::before {
  content: ">";
  position: absolute;
  top: 50%;
  width: 10px;
  right: -20px;
  font-size: 16px;
  opacity: 0.6;
  transform: translateY(-50%);
}

.page {
  overflow-x: hidden;
}
.page-service .gallery {
  padding-bottom: 100px;
}
.page-404 .main {
  min-height: calc(100vh - 100px);
  padding: 100px 0;
}
.page-404 .main__overlay {
  background: rgba(0, 0, 0, 0.6);
}
.page-404 .main__descr {
  font-size: 20px;
  text-align: center;
  max-width: 800px;
  margin: 20px auto 0;
}
.page-404 .main__btns {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px 50px;
  margin-top: 50px;
}

.header {
  position: fixed;
  top: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(5px);
  z-index: 111;
  overflow-x: hidden;
}
.header--sticky {
  position: sticky;
  top: 0;
}
.header .container {
  width: 1720px;
}
.header__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  padding: 20px 0;
}
.header__logo {
  height: 60px;
}
.header__logo img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.header__menu {
  display: flex;
  gap: 30px;
}
.header__menu li a {
  font-size: 14px;
  text-transform: uppercase;
}
.header__right {
  display: flex;
  align-items: center;
  gap: 40px;
}
.header__cart {
  position: relative;
  height: 30px;
  width: 30px;
}
.header__cart-count {
  position: absolute;
  top: -12px;
  right: -10px;
  height: 20px;
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #dec186;
  font-size: 13px;
  font-weight: 500;
  color: #000000;
  border-radius: 50%;
}
.header__burger {
  display: none;
  cursor: pointer;
  flex-direction: column;
  gap: 6px;
  margin-left: 10px;
}
.header__burger span {
  display: block;
  width: 30px;
  height: 3px;
  background: #ffffff;
  border-radius: 2px;
}

.popup {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 200;
}
.popup.active {
  opacity: 1;
  pointer-events: auto;
}
.popup__close {
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  top: 20px;
  right: 20px;
  cursor: pointer;
}
.popup__close span {
  position: absolute;
  top: 13px;
  display: block;
  width: 30px;
  height: 3px;
  background: #ffffff;
  border-radius: 2px;
}
.popup__close span:first-child {
  transform: rotate(45deg);
  left: 0;
}
.popup__close span:last-child {
  transform: rotate(-45deg);
  right: 0;
}
.popup__box {
  width: 500px;
  max-height: calc(100vh - 20px);
  overflow-y: auto;
  position: relative;
  background: #000000;
  padding: 50px;
  border: 1px solid #4d4d4d;
}
.popup__title {
  font-size: 30px;
  text-align: center;
}
.popup__descr {
  font-size: 18px;
  text-align: center;
  margin-top: 20px;
}

.popup--menu {
  display: block;
  background: #000000;
  padding: 80px 20px;
}
.popup--menu .popup__menu {
  display: flex;
  flex-direction: column;
}
.popup--menu .popup__menu li a {
  display: block;
  font-size: 18px;
  text-transform: uppercase;
  line-height: 140%;
  padding: 15px 0;
  border-bottom: 1px solid #4d4d4d;
}
.popup--menu .popup__socs {
  margin-top: 50px;
}

.popup--form .popup__form {
  margin-top: 40px;
}
.popup--form .popup__form .acceptance {
  margin-top: 0;
}
.popup--form .popup__btn {
  margin-top: 0;
}

.popup--thanks .popup__box {
  padding-top: 80px;
  padding-bottom: 80px;
}

.footer {
  position: relative;
  padding: 40px 0;
  border-top: 1px solid #4d4d4d;
  overflow-x: hidden;
}
.footer__wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 30px;
}
.footer__copyright {
  font-size: 14px;
  margin-bottom: 0;
}
.footer__menu {
  display: flex;
  align-items: center;
  gap: 30px;
}
.footer__menu li a {
  font-size: 14px;
}

.hero {
  position: relative;
  height: 100vh;
  overflow: hidden;
  color: #ffffff;
}
.hero__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.3);
}
.hero__overlay::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.3);
  mix-blend-mode: overlay;
}
.hero__content {
  position: relative;
  z-index: 2;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
}
.hero__title {
  position: relative;
  font-size: 80px;
  font-weight: 700;
  line-height: 100%;
  opacity: 1;
  text-align: center;
  transform: translateY(0) scale(1);
  filter: blur(0);
  transition:
    opacity 1.6s ease,
    transform 1.6s ease,
    filter 1.6s ease;
}
.hero__title.hidden {
  opacity: 0;
  transform: translateY(-40px) scale(1.08);
  filter: blur(12px);
}
.hero__text {
  position: absolute;
  bottom: 60px;
  left: 50%;
  width: 1720px;
  max-width: calc(100% - 40px);
  transform: translateX(-50%);
}
.hero__text p {
  max-width: 430px;
  font-size: 16px;
}
.hero__scroll {
  position: absolute;
  left: calc(50% - 30px);
  bottom: 60px;
  width: 60px;
  height: 60px;
  background: url("data:image/svg+xml,%3Csvg width='59' height='60' viewBox='0 0 59 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_17_19)'%3E%3Cpath d='M30.7551 54.5449L30.7551 1.26324L28.2449 1.26324L28.244 54.5441L21.5112 47.7677L19.736 49.5545L29.5 59.3817L39.264 49.5545L37.4888 47.7677L30.7551 54.5449Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_17_19'%3E%3Crect width='59' height='60' fill='white' transform='matrix(-1 0 0 1 59 0)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
    center/contain no-repeat;
  animation: floatUpDown 2.5s ease-in-out infinite;
}
@keyframes floatUpDown {
  0% {
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(-14px) scale(1.03);
  }
  100% {
    transform: translateY(0) scale(1);
  }
}

.main {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 500px;
  padding: 150px 0 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.3);
}
.main__overlay::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.3);
  mix-blend-mode: overlay;
}
.main__content {
  position: relative;
  z-index: 2;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
}
.main__title {
  font-size: 60px;
  text-align: center;
  margin-top: 20px;
}
.main .breadcrumbs {
  border: none;
  padding: 0;
}

.services {
  padding: 100px 0;
}
.services__head {
  display: flex;
  justify-content: space-between;
  gap: 10px 30px;
  align-items: flex-start;
}
.services__items {
  margin-top: 60px;
}
.services__item {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.services__item:nth-child(2n) img {
  order: 1;
}
.services__item img {
  height: 100%;
  width: 100%;
  aspect-ratio: 96/60;
  min-height: 200px;
  object-fit: cover;
  min-width: 0;
}
.services__item-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 50px 30px;
}
.services__item-title {
  font-size: 30px;
  text-align: center;
}
.services__item-descr {
  max-width: 400px;
  font-size: 16px;
  text-align: center;
  margin-top: 20px;
  opacity: 0.9;
}
.services__item-btn {
  font-size: 16px;
  margin-top: 20px;
}
.services__item-btn::before {
  height: 16px;
  width: 16px;
}

.gallery__slider .swiper-slide {
  width: 500px;
  max-width: calc(100% - 50px);
  aspect-ratio: 1;
}
.gallery__slider .swiper-slide img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.gallery__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.gallery__item {
  min-width: 0;
  width: 100%;
  aspect-ratio: 1;
}
.gallery__item img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.benefits {
  position: relative;
  padding: 100px 0;
}
.benefits__title {
  color: #e2ba69;
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}
.benefits__img {
  display: block;
  margin: 0 auto;
  width: 500px;
  max-width: 100%;
  height: auto;
  object-fit: contain;
  will-change: transform;
  transform: translateY(0);
}
.benefits__items {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 40px 60px;
  margin-top: 40px;
}
.benefits__item {
  display: flex;
  align-items: center;
  gap: 20px;
}
.benefits__item img {
  height: 30px;
  width: 30px;
}
.benefits__item-text {
  font-size: 18px;
}

.faq {
  position: relative;
  padding-top: 100px;
  padding-bottom: 100px;
}

.faq__title {
  text-align: center;
}
.faq__list {
  max-width: 1000px;
  margin: 0 auto;
  margin-top: 60px;
}
.faq__item {
  border-bottom: 1px solid #4d4d4d;
}
.faq__question {
  width: 100%;
  font-size: 20px;
  font-weight: 600;
  padding: 30px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  cursor: pointer;
}
.faq__question span {
  font-size: inherit;
}
.faq__icon {
  width: 30px;
  height: 30px;
  position: relative;
  flex-shrink: 0;
  transition: transform 0.3s ease;
}
.faq__icon::before,
.faq__icon::after {
  content: "";
  position: absolute;
  background: #ffffff;
}
.faq__icon::before {
  width: 100%;
  height: 2px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.faq__icon::after {
  width: 2px;
  height: 100%;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  transition: opacity 0.3s ease;
}
.faq__answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}
.faq__answer p {
  font-size: 18px;
  padding-bottom: 30px;
  opacity: 0.9;
  line-height: 1.5;
}
.faq__item--active .faq__answer {
  max-height: 300px;
}
.faq__item--active .faq__icon::after {
  opacity: 0;
}

.cta {
  position: relative;
}
.cta__grid {
  display: grid;
  grid-template-columns: 5fr 6fr 5fr;
}
.cta__image {
  width: 100%;
  min-width: 0;
  min-height: 100%;
  aspect-ratio: 1;
  object-fit: cover;
}
.cta__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 60px 40px;
}
.cta__title {
  text-align: center;
}
.cta__text {
  font-size: 18px;
  margin-top: 20px;
  text-align: center;
  max-width: 400px;
}
.cta__btn {
  margin-top: 40px;
}

.about {
  padding: 100px 0;
}
.about__wrapper {
  display: flex;
  align-items: flex-start;
  gap: 100px;
}
.about__img {
  width: 36%;
  aspect-ratio: 54/70;
  object-fit: cover;
  flex-shrink: 0;
}
.about__info {
  padding: 20px 0;
}
.about__info-img {
  display: flex;
  justify-content: flex-end;
  margin-top: 40px;
}
.about__info-img img {
  width: 56%;
  aspect-ratio: 45/30;
}
.about__subtitle {
  font-size: 18px;
  color: #e2ba69;
  margin-top: 20px;
}
.about__text {
  margin-top: 40px;
}
.about__text p {
  font-size: 18px;
}

.offers {
  position: relative;
  padding-bottom: 30px;
}
.offers__title {
  text-align: center;
}
.offers__subtitle {
  font-size: 18px;
  text-align: center;
  max-width: 800px;
  margin: 20px auto 0;
}
.offers__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 80px;
  margin-top: 80px;
}
.offers__item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.offers__item-title {
  font-family: "Playfair", "IBM Plex Sans Hebrew", serif;
  font-size: 24px;
  text-align: center;
  color: #e2ba69;
  margin-top: 40px;
}
.offers__item-text {
  text-align: center;
  margin-top: 20px;
}
.offers__icon {
  height: 40px;
  width: 40px;
  object-fit: contain;
}

.instagram {
  padding: 100px 0;
}
.instagram__title {
  max-width: 800px;
  text-align: center;
  margin: 0 auto;
}
.instagram__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-top: 60px;
}
.instagram__item {
  display: block;
  width: 100%;
  min-width: 0;
  aspect-ratio: 1;
}
.instagram__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.catalog {
  position: relative;
  padding: 100px 0;
}
.catalog__inner {
  display: flex;
  gap: 50px;
}
.catalog__sidebar {
  width: 300px;
  flex-shrink: 0;
}
.catalog__sidebar-title {
  font-size: 18px;
  font-weight: 700;
}
.catalog__sidebar-title:not(:first-child) {
  margin-top: 20px;
}
.catalog__categories {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.catalog__category-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.catalog__category-item a {
  display: block;
  font-size: 18px;
}
.catalog__category-item a.active {
  pointer-events: none;
  font-weight: 600;
  color: #e2ba69;
}
.catalog__filters {
  margin-top: 40px;
}
.catalog__filter-list {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-top: 20px;
  max-height: 400px;
  overflow-y: auto;
  padding-bottom: 1px;
}
.catalog__filter-text {
  font-size: 18px;
}
.catalog__filter-label {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 20px;
}
.catalog__filter-label span {
  transition: color 0.2s linear;
}
.catalog__filter-label:hover span {
  color: #e2ba69;
}
.catalog__filter-label input {
  height: 20px;
  width: 20px;
}
.catalog__products {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 50px 20px;
}

.catalog__content {
  width: 100%;
}
.catalog__pagination {
  margin-top: 60px;
}
.catalog__pagination-list {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
}
.catalog__pagination-link,
.catalog__pagination-current {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  text-align: center;
  height: 30px;
  width: 30px;
}
.catalog__pagination-current {
  background: #ffffff;
  color: #000000;
}
.catalog__pagination-item--disabled {
  display: none;
}
.catalog__pagination-prev {
  display: inline-block;
  height: 20px;
  width: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.8'%3E%3Cpath d='M7.31694 3.93306C7.5339 4.15002 7.55801 4.4868 7.38926 4.73038L7.31694 4.81694L2.13375 10H19.375C19.7202 10 20 10.2798 20 10.625C20 10.9318 19.7789 11.187 19.4873 11.2399L19.375 11.25H2.13375L7.31694 16.4331C7.5339 16.65 7.55801 16.9868 7.38926 17.2304L7.31694 17.3169C7.09998 17.5339 6.7632 17.558 6.51962 17.3893L6.43306 17.3169L0.183058 11.0669L0.136201 11.0146L0.0834343 10.9372L0.0470132 10.8632L0.0207635 10.7852L0.00681008 10.7176L0.00227749 10.6785L0 10.6118C0.000692956 10.5853 0.00292275 10.5589 0.00682734 10.5326L0 10.625L0.0035262 10.5582L0.0207603 10.4648L0.0472403 10.3862L0.110739 10.2696L0.168236 10.1984L6.43306 3.93306C6.67714 3.68898 7.07286 3.68898 7.31694 3.93306Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.catalog__pagination-next {
  display: inline-block;
  height: 20px;
  width: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.8'%3E%3Cpath d='M12.6831 3.93306C12.4661 4.15002 12.442 4.4868 12.6107 4.73038L12.6831 4.81694L17.8663 10H0.625C0.279821 10 0 10.2798 0 10.625C0 10.9318 0.221094 11.187 0.512655 11.2399L0.625 11.25H17.8663L12.6831 16.4331C12.4661 16.65 12.442 16.9868 12.6107 17.2304L12.6831 17.3169C12.9 17.5339 13.2368 17.558 13.4804 17.3893L13.5669 17.3169L19.8169 11.0669L19.8638 11.0146L19.9166 10.9372L19.953 10.8632L19.9792 10.7852L19.9932 10.7176L19.9977 10.6785L20 10.6118C19.9993 10.5853 19.9971 10.5589 19.9932 10.5326L20 10.625L19.9965 10.5582L19.9792 10.4648L19.9528 10.3862L19.8893 10.2696L19.8318 10.1984L13.5669 3.93306C13.3229 3.68898 12.9271 3.68898 12.6831 3.93306Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.catalog__filters-toggle {
  display: none;
  margin-bottom: 16px;
}

.catalog__search {
  position: relative;
  width: 100%;
  margin-bottom: 20px;
}

.catalog__search::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' x='0' y='0' viewBox='0 0 612.01 612.01' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M606.209 578.714 448.198 423.228C489.576 378.272 515 318.817 515 253.393 514.98 113.439 399.704 0 257.493 0S.006 113.439.006 253.393s115.276 253.393 257.487 253.393c61.445 0 117.801-21.253 162.068-56.586l158.624 156.099c7.729 7.614 20.277 7.614 28.006 0a19.291 19.291 0 0 0 .018-27.585zM257.493 467.8c-120.326 0-217.869-95.993-217.869-214.407S137.167 38.986 257.493 38.986c120.327 0 217.869 95.993 217.869 214.407S377.82 467.8 257.493 467.8z' fill='%239e9e9e' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
    center/contain no-repeat;
  z-index: 1;
}

.catalog__search input {
  width: 100%;
  padding-right: 50px !important;
}

.catalog-popup {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: none;
}

.catalog-popup.active {
  display: block;
}

.catalog-popup__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
}

.catalog-popup__content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  max-height: 100vh;
  background: #000000;
  display: flex;
  flex-direction: column;
}

.catalog-popup__body {
  overflow-y: auto;
  padding: 20px;
  padding-bottom: 80px;
}

.catalog-popup__footer {
  position: sticky;
  bottom: 0;
}

.catalog-popup__apply {
  width: 100%;
  padding: 14px;
  cursor: pointer;
}

.catalog-popup__close {
  position: absolute;
  top: 10px;
  right: 15px;
  background: none;
  border: none;
  font-size: 28px;
  color: #fff;
}

.product-card {
  position: relative;
  min-width: 0;
}
.product-card__badges {
  position: absolute;
  top: 10px;
  left: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  width: calc(100% - 20px);
}
.product-card__badge {
  height: 40px;
  width: 40px;
}
.product-card__image {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
}
.product-card__info {
  margin-top: 20px;
}
.product-card__title {
  font-size: 18px;
}
.product-card__price {
  font-style: 18px;
  font-weight: 700;
  color: #ffffff;
  margin-top: 10px;
}

.product {
  position: relative;
  padding: 80px 0;
}
.product__inner {
  display: flex;
  gap: 50px;
}
.product__gallery {
  position: relative;
  width: 43%;
  flex-shrink: 0;
}
.product__image {
  position: relative;
  width: 100%;
}
.product__image img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
}
.product__badges {
  position: absolute;
  top: 10px;
  left: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  width: calc(100% - 20px);
  z-index: 11;
}
.product__badge {
  height: 40px;
  width: 40px;
}
.product__notice {
  margin-top: 10px;
  font-weight: 600;
}
.product__wishes {
  margin-top: 30px;
}

.product__wishes-label {
  display: block;
  font-size: 20px;
  margin-bottom: 8px;
  font-weight: 600;
}

.product__wishes-input {
  width: 100%;
  padding: 12px;
  resize: vertical;
}

.product__thumbs {
  display: flex;
  gap: 10px;
  margin-top: 20px;
  overflow-x: auto;
  padding-bottom: 5px;
}
.product__thumb {
  cursor: pointer;
  height: 100px;
  width: 100px;
  opacity: 0.5;
  flex-shrink: 0;
}
.product__thumb img {
  height: 100%;
  width: 100%;
}
.product__thumb--active {
  opacity: 1;
}
.product__portion {
  font-size: 16px;
  opacity: 0.9;
  margin-top: 10px;
}
.product__price {
  font-size: 24px;
  font-weight: 700;
  margin-top: 30px;
  color: #ffffff;
}

.product__price .price {
  font-size: inherit !important;
  font-weight: inherit !important;
  font-family: inherit !important;
  color: inherit !important;
}

.product__options {
  margin-top: 50px;
}
.product__options-title {
  font-size: 16px;
  font-weight: 700;
}
.product__options-list {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  margin-top: 20px;
}
.product__option {
  display: flex;
  align-items: center;
  gap: 10px;
}
.product__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
  margin-top: 50px;
}
.product__quantity {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 60px;
  padding: 15px 20px;
  background: none;
  border: 1px solid #4d4d4d;
}
.product__quantity-btn {
  cursor: pointer;
  width: 30px;
  font-size: 26px;
  color: rgba(255, 255, 255, 0.5);
  background: transparent;
}
.product__quantity-input {
  font-size: 16px;
  color: #ffffff;
  width: 60px;
  text-align: center;
  background: transparent;
  border: none !important;
  padding: 0 !important;
}
.product__add {
  font-size: 16px;
  height: 60px;
}
.product__description {
  font-size: 18px;
  margin-top: 50px;
}

.product__composition {
  margin-top: 30px;
}
.product__nutrition {
  padding: 20px;
  margin-top: 30px;
  background: #1e1e1e;
  width: max-content;
}
.product__nutrition-list {
  display: flex;
  gap: 15px;
  margin-top: 10px;
}
.product__nutrition-value {
  font-size: 18px;
  font-weight: 700;
}
.product__nutrition-label {
  font-size: 14px;
}

.cart-notice {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #111;
  color: #fff;
  border: 1px solid #565656;
  padding: 14px 18px;
  border-radius: 8px;
  opacity: 0;
  transform: translateY(20px);
  transition: 0.3s;
  z-index: 9999;
}

.woocommerce-error a {
  color: #111;
}

.cart-notice.visible {
  opacity: 1;
  transform: translateY(0);
}

.recommend {
  position: relative;
  padding: 100px 0;
}
.recommend__title {
  text-align: center;
}
.recommend__list {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-top: 60px;
}

.cart {
  position: relative;
  min-height: calc(100vh - 100px);
  padding: 80px 0;
}
.cart__title {
  text-align: center;
}
.cart__layout {
  display: flex;
  align-items: flex-start;
  gap: 100px;
  margin-top: 60px;
}
.cart__content {
  width: 100%;
}
.cart__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cart__clear {
  cursor: pointer;
  position: relative;
  background: none;
  border: none;
  color: #ffffff;
  font-size: 16px;
  padding-left: 26px;
}
.cart__clear::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  height: 16px;
  width: 16px;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.8875 3.05V2.975H1.8125C1.70651 2.97471 1.60175 2.95233 1.5049 2.90928C1.40805 2.86624 1.32124 2.80348 1.25 2.725C1.17306 2.65519 1.11119 2.5704 1.0682 2.47582C1.02521 2.38124 1.002 2.27887 1 2.175C1 1.9625 1.0875 1.775 1.25 1.6125C1.4125 1.45 1.6 1.375 1.8125 1.375H5.2625V1.3C5.2625 1.0875 5.3375 0.9 5.5 0.7375C5.6625 0.575 5.8375 0.5 6.0625 0.5H9.25C9.4625 0.5 9.65 0.575 9.8125 0.75C9.9625 0.9 10.05 1.0875 10.05 1.3V1.375H13.5C13.7125 1.375 13.9 1.45 14.0625 1.625C14.1406 1.69644 14.2029 1.78334 14.2455 1.88018C14.2882 1.97703 14.3102 2.08168 14.3102 2.1875C14.3102 2.29332 14.2882 2.39797 14.2455 2.49482C14.2029 2.59166 14.1406 2.67856 14.0625 2.75C13.9891 2.82395 13.9013 2.88206 13.8046 2.92076C13.7078 2.95946 13.6042 2.97792 13.5 2.975H13.425V13.675C13.425 14.1375 13.2625 14.525 12.925 14.8625C12.6 15.1875 12.2125 15.35 11.75 15.35H3.5625C3.1 15.35 2.7 15.1875 2.375 14.85C2.05 14.525 1.875 14.1375 1.875 13.675V3.05H1.8875ZM3.5625 2.975H3.4875V13.75H11.825V2.975H3.5625ZM5.4375 11.6C5.36056 11.5302 5.29869 11.4454 5.2557 11.3508C5.21271 11.2562 5.1895 11.1539 5.1875 11.05V5.675C5.1875 5.4625 5.275 5.275 5.4375 5.1125C5.6 4.95 5.775 4.875 6 4.875C6.2125 4.875 6.4 4.95 6.5625 5.125C6.7125 5.275 6.8 5.4625 6.8 5.675V11.05C6.8 11.2625 6.7125 11.45 6.55 11.6125C6.47911 11.6872 6.39383 11.7467 6.2993 11.7875C6.20478 11.8283 6.10296 11.8496 6 11.85C5.89401 11.8497 5.78925 11.8273 5.6924 11.7843C5.59555 11.7412 5.50874 11.6785 5.4375 11.6ZM8.75 11.6C8.67306 11.5302 8.61119 11.4454 8.5682 11.3508C8.52521 11.2562 8.502 11.1539 8.5 11.05V5.675C8.5 5.4625 8.5875 5.275 8.75 5.1125C8.9125 4.95 9.0875 4.875 9.3125 4.875C9.525 4.875 9.7125 4.95 9.875 5.125C10.025 5.275 10.1125 5.4625 10.1125 5.675V11.05C10.1125 11.2625 10.025 11.45 9.8625 11.6125C9.79161 11.6872 9.70633 11.7467 9.6118 11.7875C9.51728 11.8283 9.41546 11.8496 9.3125 11.85C9.20651 11.8497 9.10175 11.8273 9.0049 11.7843C8.90805 11.7412 8.82124 11.6785 8.75 11.6Z' fill='white'/%3E%3C/svg%3E%0A")
    center/contain no-repeat;
}
.cart__list {
  margin-top: 30px;
}
.cart .cart-item {
  display: flex;
  align-items: center;
  gap: 50px;
  border: 1px solid #4d4d4d;
  padding: 20px;
}
.cart .cart-item__image {
  height: 80px;
  width: 80px;
  flex-shrink: 0;
}
.cart .cart-item__image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.cart .cart-item__info {
  width: 100%;
}
.cart .cart-item__title {
  font-size: 18px;
}
.cart .cart-item__variant {
  font-size: 16px;
  opacity: 0.8;
  margin-top: 5px;
}
.cart .cart-item__price {
  flex-shrink: 0;
}
.cart .cart-item__total {
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}
.cart .cart-item__per {
  font-size: 14px;
  opacity: 0.8;
  text-align: center;
  margin-top: 5px;
}
.cart .cart-item__quantity {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  background: none;
  border: 1px solid #4d4d4d;
  flex-shrink: 0;
}
.cart .cart-item__quantity-btn {
  cursor: pointer;
  width: 30px;
  font-size: 26px;
  color: rgba(255, 255, 255, 0.5);
  background: transparent;
}
.cart .cart-item__quantity-input {
  font-size: 16px;
  color: #ffffff;
  width: 50px;
  text-align: center;
  background: transparent;
  border: none;
  padding: 0;
}
.cart .cart-item__remove {
  display: inline-block;
  height: 14px;
  width: 14px;
  cursor: pointer;
  flex-shrink: 0;
  background: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_104_1868)'%3E%3Cpath d='M0.881836 1.0405L13.1153 13.1825' stroke='%23E6E6E6' stroke-miterlimit='10'/%3E%3Cpath d='M0.927734 13.228L13.0693 0.994995' stroke='%23E6E6E6' stroke-miterlimit='10'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_104_1868'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
    center/contain no-repeat;
}
.cart__promo {
  position: relative;
  display: flex;
  width: 100%;
  margin-top: 30px;
}
.cart__promo-input {
  width: 100%;
  padding: 10px 20px;
}
.cart__promo-btn {
  font-size: 16px;
}
.cart__summary {
  width: 400px;
  flex-shrink: 0;
  border: 1px solid #4d4d4d;
  padding: 30px;
}
.cart__summary-title {
  font-size: 24px;
  font-weight: 600;
}
.cart__summary-items {
  margin-top: 30px;
}
.cart__summary-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.cart__summary-item:not(:last-child) {
  margin-bottom: 10px;
}
.cart__summary-label {
  opacity: 0.6;
}
.cart__summary-total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  border-top: 1px solid #4d4d4d;
  margin-top: 30px;
  padding-top: 20px;
}
.cart__summary-total span {
  font-size: 20px;
  font-weight: 600;
}
.cart__summary-checkout {
  width: 100%;
  font-size: 16px;
  margin-top: 30px;
}

.checkout:not(form) {
  position: relative;
  min-height: calc(100vh - 100px);
  padding: 80px 0;
}
.checkout__title {
  text-align: center;
}
.checkout__layout {
  display: grid;
  align-items: flex-start;
  grid-template-columns: 82fr 60fr;
  gap: 100px;
  margin-top: 60px;
}
.checkout-section:not(:last-child) {
  margin-bottom: 30px;
}
.checkout-section__title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 30px;
}
.checkout-section__grid .form__field {
  margin-top: 0 !important;
}
.checkout .form__field {
  margin-top: 30px;
}
.checkout .form__field-label {
  display: block;
  margin-bottom: 10px;
}
.checkout .form__field input,
.checkout .form__field textarea,
.checkout .form__field select {
  width: 100%;
}

.checkout .form__field input[type="radio"] {
  width: 20px;
}

.checkout-section__delivery-toggle label {
  display: flex;
  align-items: center;
  gap: 10px;
}

.form__field--radio {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
}

.checkout__delivery-type {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-top: 40px;
  margin-bottom: 20px;
}

.checkout__delivery-type label {
  display: flex;
  align-items: center;
  gap: 10px;
}

.checkout__city select {
  width: 100%;
}

.checkout__promo {
  position: relative;
  display: flex;
  width: 100%;
  margin-top: 30px;
}
.checkout__promo-input {
  width: 100%;
  padding: 10px 20px;
}
.checkout__promo-btn {
  font-size: 16px;
}
.checkout-summary {
  padding: 30px;
  border: 1px solid #4d4d4d;
}
.checkout-summary__title {
  font-size: 24px;
  font-weight: 600;
}
.checkout-summary__items {
  margin-top: 20px;
}
.checkout-summary__item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 15px;
  padding-bottom: 20px;
  border-bottom: 1px solid #4d4d4d;
}
.checkout-summary__item:not(:first-child) {
  padding-top: 20px;
}
.checkout-summary__item-variant {
  opacity: 0.6;
  margin-top: 10px;
}
.checkout-summary__item-price {
  text-align: right;
  flex-shrink: 0;
}
.checkout-summary__item-per {
  font-size: 14px;
  opacity: 0.8;
  margin-top: 5px;
}
.checkout-summary__quantity {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px;
  background: none;
  border: 1px solid #4d4d4d;
  flex-shrink: 0;
}
.checkout-summary__quantity-btn {
  cursor: pointer;
  width: 30px;
  font-size: 26px;
  color: rgba(255, 255, 255, 0.5);
  background: transparent;
}
.checkout-summary__quantity-input {
  font-size: 16px;
  color: #ffffff;
  width: 50px;
  text-align: center;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}
.checkout-summary__rows {
  margin-top: 30px;
}
.checkout-summary__row {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
}
.checkout-summary__row span:nth-child(1) {
  opacity: 0.6;
}
.checkout-summary__row:not(:last-child) {
  margin-bottom: 10px;
}
.checkout-summary__total {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid #4d4d4d;
}
.checkout-summary__total span {
  font-size: 20px;
  font-weight: 600;
}
.checkout-summary__submit {
  width: 100%;
  font-size: 16px;
  margin-top: 30px;
}
.checkout-summary__remove {
  display: inline-block;
  height: 12px;
  width: 12px;
  cursor: pointer;
  flex-shrink: 0;
  background: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_104_1868)'%3E%3Cpath d='M0.881836 1.0405L13.1153 13.1825' stroke='%23E6E6E6' stroke-miterlimit='10'/%3E%3Cpath d='M0.927734 13.228L13.0693 0.994995' stroke='%23E6E6E6' stroke-miterlimit='10'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_104_1868'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
    center/contain no-repeat;
}

.service {
  padding: 80px 0;
}
.service__wrapper {
  display: flex;
  align-items: flex-start;
  gap: 100px;
}
.service__info {
  width: 100%;
  padding: 20px 0;
}
.service__text {
  font-size: 18px;
  margin-top: 40px;
}
.service__text p,
.service__text ul li,
.service__text ol li {
  font-size: inherit;
}
.service__img {
  width: 46%;
  aspect-ratio: 1;
  object-fit: cover;
  flex-shrink: 0;
}

.cases {
  position: relative;
  padding: 80px 0;
}
.cases__title {
  max-width: 1000px;
  text-align: center;
  margin: 0 auto;
}
.cases__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 50px;
  margin-top: 60px;
}
.cases__item {
  min-width: 0;
}
.cases__item img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
}
.cases__item-title {
  font-size: 18px;
  margin-top: 30px;
}
.cases-video {
  padding-bottom: 100px;
}
.cases-video__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 60px;
  gap: 30px;
}
.cases-video__card {
  position: relative;
  width: 100%;
  min-width: 0;
}
.cases-video__card::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(6vw, 80px);
  height: min(6vw, 80px);
  transform: translate(-50%, -50%);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100%25' version='1.1' viewBox='0 0 68 48' width='100%25'%3E%3Cpath class='ytp-large-play-button-bg' d='M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z' fill='%23f03'%3E%3C/path%3E%3Cpath d='M 45,24 27,14 27,34' fill='%23fff'%3E%3C/path%3E%3C/svg%3E")
    center/contain no-repeat;
}
.cases-video__card img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
}

.reviews {
  position: relative;
  padding: 80px 0;
}
.reviews__title {
  text-align: center;
}
.reviews__slider {
  margin-top: 60px;
}
.reviews__slider .swiper-slide {
  width: 400px;
}
.reviews__slider .swiper-slide img {
  width: 100%;
  aspect-ratio: 40/60;
  object-fit: cover;
}
.reviews-video {
  padding-bottom: 100px;
}
.reviews-video__slider {
  margin-top: 60px;
}
.reviews-video__slide {
  position: relative;
  width: 400px;
}
.reviews-video__slide::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(6vw, 80px);
  height: min(6vw, 80px);
  transform: translate(-50%, -50%);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100%25' version='1.1' viewBox='0 0 68 48' width='100%25'%3E%3Cpath class='ytp-large-play-button-bg' d='M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z' fill='%23f03'%3E%3C/path%3E%3Cpath d='M 45,24 27,14 27,34' fill='%23fff'%3E%3C/path%3E%3C/svg%3E")
    center/contain no-repeat;
}
.reviews-video__slide img {
  width: 100%;
  aspect-ratio: 40/60;
  object-fit: cover;
}

.contacts {
  position: relative;
  padding: 80px 0;
}
.contacts .container {
  width: 1200px;
}
.contacts__title {
  text-align: center;
}
.contacts__descr {
  font-size: 18px;
  text-align: center;
  max-width: 800px;
  margin: 20px auto 0;
}
.contacts__list {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 30px 50px;
  margin-top: 60px;
}
.contacts__item {
  display: flex;
  align-items: center;
  gap: 20px;
}
.contacts__item .icon {
  height: 30px;
  width: 30px;
}
.contacts__item-value {
  font-size: 18px;
}
.contacts__item a {
  white-space: nowrap;
}
.contacts__map {
  height: 340px;
  width: 100%;
  margin-top: 50px;
}
.contacts__map iframe {
  height: 100%;
  width: 100%;
}
.contacts__form {
  border: 1px solid #4d4d4d;
  margin-top: 100px;
  padding: 40px;
}
.contacts__form-title {
  font-size: 30px;
  text-align: center;
}
.contacts__form form {
  margin-top: 40px;
}

@media (max-width: 1360px) {
  .form__grid--3 {
    grid-template-columns: repeat(2, 1fr);
  }
  .form__grid div:nth-child(3) {
    grid-column: 1/-1;
  }
  .catalog__sidebar {
    width: 240px;
  }
  .cart__layout {
    gap: 20px;
  }
  .cart__summary {
    width: 300px;
  }
  .cart .cart-item {
    gap: 30px;
  }
  .checkout__layout {
    gap: 20px;
  }
  .checkout-summary {
    padding: 30px 20px;
  }
  .checkout-summary__item-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .checkout-summary__quantity-btn {
    width: 20px;
    font-size: 20px;
  }
  .checkout-summary__quantity-input {
    width: 30px;
  }
  .contacts__list {
    gap: 20px 30px;
  }
  .contacts__item-value {
    font-size: 16px;
  }
}
@media (max-width: 1024px) {
  .title {
    font-size: 30px;
  }
  .btn {
    font-size: 16px;
  }
  .btn--full {
    padding: 14px 30px;
  }
  .content {
    padding: 60px 0;
  }
  .post h2 {
    font-size: 30px;
  }
  .post h3 {
    font-size: 24px;
  }
  .post h4 {
    font-size: 20px;
  }
  .post h5 {
    font-size: 18px;
  }
  .post h6 {
    font-size: 16px;
  }
  .page-service .gallery {
    padding-bottom: 80px;
  }
  .page-404 .main__descr {
    font-size: 18px;
  }
  .page-404 .main__btns {
    margin-top: 40px;
  }
  .header__menu {
    display: none;
  }
  .header__burger {
    display: flex;
  }
  .header__title {
    font-size: 70px;
  }
  .hero__scroll {
    left: auto;
    right: 10px;
    bottom: 40px;
  }
  .hero__text {
    left: 15px;
    bottom: 40px;
    max-width: calc(100% - 100px);
    transform: unset;
  }
  .hero__title {
    font-size: 70px;
  }
  .main {
    min-height: 400px;
  }
  .main__title {
    font-size: 50px;
  }
  .services {
    padding: 80px 0;
  }
  .services__item-title {
    font-size: 20px;
  }
  .services__item-descr {
    font-size: 14px;
  }
  .services__item-descr br {
    display: none;
  }
  .gallery__slider .swiper-slide {
    width: 400px;
  }
  .benefits {
    padding: 80px 0;
  }
  .benefits__img {
    width: 400px;
  }
  .benefits__items {
    gap: 30px 50px;
    margin-top: 20px;
  }
  .benefits__item img {
    height: 24px;
    width: 24px;
  }
  .benefits__item-text {
    font-size: 16px;
  }
  .faq {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .faq__question {
    font-size: 18px;
  }
  .faq__answer p {
    font-size: 16px;
  }
  .cta__text {
    font-size: 16px;
  }
  .about {
    padding: 80px 0;
  }
  .about__wrapper {
    gap: 60px;
  }
  .about__info {
    padding: 0;
  }
  .about__info-img {
    margin-top: 20px;
  }
  .about__subtitle {
    font-size: 16px;
    margin-top: 10px;
  }
  .about__text {
    margin-top: 20px;
  }
  .about__text p {
    font-size: 16px;
  }
  .offers__subtitle {
    font-size: 16px;
  }
  .offers__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px;
    margin-top: 60px;
  }
  .offers__item-title {
    font-size: 20px;
    margin-top: 20px;
  }
  .offers__item-text {
    margin-top: 10px;
  }
  .instagram {
    padding: 80px 0;
  }
  .catalog {
    padding: 80px 0;
  }
  .catalog__inner {
    gap: 30px;
  }
  .catalog__sidebar {
    width: 200px;
  }
  .catalog__sidebar-title {
    font-size: 16px;
  }
  .catalog__category-list {
    gap: 15px;
  }
  .catalog__category-item a {
    font-size: 16px;
  }
  .catalog__filter-label {
    gap: 10px;
  }
  .catalog__filter-label input {
    height: 16px;
    width: 16px;
  }
  .catalog__filter-text {
    font-size: 16px;
  }
  .catalog__products {
    grid-template-columns: repeat(2, 1fr);
  }
  .product-card__title {
    font-size: 16px;
    margin-top: 10px;
  }
  .product-card__price {
    font-size: 16px;
    margin-top: 5px;
  }
  .product-card__badge {
    width: 30px;
    height: 30px;
  }
  .product {
    padding: 60px 0;
  }
  .product__inner {
    gap: 40px;
  }
  .product__thumb {
    height: 60px;
    width: 60px;
  }
  .product__portion {
    font-size: 14px;
  }
  .product__options {
    margin-top: 40px;
  }
  .product__options-list {
    gap: 20px;
  }
  .product__options-title {
    font-size: 14px;
  }
  .product__description {
    font-size: 16px;
    margin-top: 30px;
  }

  .product__composition {
    font-size: 15px;
    margin-top: 20px;
  }
  .product__actions {
    margin-top: 40px;
  }
  .product__quantity {
    height: 54px;
    padding: 10px 15px;
  }
  .product__quantity-btn {
    width: 26px;
  }
  .product__quantity-input {
    font-size: 15px;
    width: 50px;
  }
  .product__add {
    height: 54px;
  }
  .product__option span {
    font-size: 14px;
  }
  .product__badge {
    width: 30px;
    height: 30px;
  }
  .recommend {
    padding: 80px 0;
  }
  .recommend__list {
    gap: 20px;
  }
  .cart {
    padding: 60px 0;
  }
  .cart__layout {
    flex-direction: column;
  }
  .cart__promo {
    margin-top: 20px;
  }
  .cart__summary {
    width: 100%;
  }
  .cart .cart-item__title {
    font-size: 16px;
  }
  .cart .cart-item__variant {
    font-size: 14px;
  }
  .cart .cart-item__total {
    font-size: 16px;
  }
  .cart .cart-item__per {
    font-size: 12px;
  }
  .cart .cart-item__quantity {
    padding: 10px 15px;
  }
  .cart .cart-item__quantity-btn {
    width: 26px;
  }
  .cart .cart-item__quantity-input {
    font-size: 15px;
    width: 40px;
  }
  .checkout:not(form) {
    padding: 60px 0;
  }
  .checkout__layout {
    grid-template-columns: 1fr;
  }
  .checkout__promo {
    margin-top: 20px;
  }
  .service {
    padding: 60px 0;
  }
  .service__wrapper {
    gap: 60px;
  }
  .service__info {
    padding: 0;
  }
  .service__text {
    font-size: 16px;
    margin-top: 20px;
  }
  .cases__list {
    gap: 50px 30px;
  }
  .cases__item-title {
    font-size: 16px;
  }
  .cases-video {
    padding-bottom: 80px;
  }
  .reviews__slider .swiper-slide {
    width: 300px;
  }
  .reviews-video {
    padding-bottom: 80px;
  }
  .reviews-video__slide {
    width: 300px;
  }
  .contacts {
    padding: 60px 0;
  }
  .contacts__descr {
    font-size: 16px;
  }
  .contacts__list {
    gap: 10px 20px;
  }
  .contacts__form {
    margin-top: 80px;
    padding: 30px 20px;
  }
}
@media (max-width: 767px) {
  .container {
    padding: 0 15px;
  }
  .title {
    font-size: 20px;
  }
  .breadcrumbs {
    padding: 15px 0;
  }
  .breadcrumbs__item {
    font-size: 14px;
  }
  .form__grid {
    grid-template-columns: 1fr;
  }
  .content {
    padding: 40px 0;
  }
  .post h2 {
    font-size: 24px;
  }
  .post h3 {
    font-size: 20px;
  }
  .post h4 {
    font-size: 18px;
  }
  .post h5 {
    font-size: 16px;
  }
  .post h6 {
    font-size: 14px;
  }
  .page-service .gallery {
    padding-bottom: 60px;
  }
  .page-404 .main__descr {
    font-size: 16px;
  }
  .page-404 .main__descr br {
    display: none;
  }
  .page-404 .main__btns {
    gap: 10px 30px;
    margin-top: 20px;
  }
  .popup {
    padding: 60px 10px;
  }
  .popup__descr {
    font-size: 16px;
  }
  .popup--menu .popup__menu li a {
    font-size: 16px;
  }
  .footer__wrapper {
    justify-content: center;
  }
  .footer__copyright {
    text-align: center;
  }
  .footer__menu {
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 20px;
  }
  .hero__title {
    font-size: 60px;
  }
  .main__title {
    font-size: 40px;
  }
  .gallery__slider .swiper-slide {
    width: 300px;
  }
  .gallery__list {
    gap: 10px;
  }
  .benefits {
    padding: 60px 0;
  }
  .benefits__img {
    width: 300px;
  }
  .benefits__items {
    gap: 20px 30px;
    margin-top: 0;
  }
  .benefits__item img {
    height: 20px;
    width: 20px;
  }
  .benefits__item-text {
    font-size: 14px;
  }
  .faq {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .faq__list {
    margin-top: 40px;
  }
  .faq__question {
    font-size: 16px;
    padding: 20px 0;
  }
  .faq__icon {
    height: 24px;
    width: 24px;
  }
  .faq__answer p {
    font-size: 14px;
  }
  .cta__grid {
    grid-template-columns: 1fr;
  }
  .cta__image {
    min-height: auto;
    max-height: 200px;
  }
  .cta__image:nth-child(1) {
    display: none;
  }
  .cta__content {
    padding: 20px 20px 40px;
  }
  .cta__btn {
    margin-top: 20px;
  }
  .about {
    padding: 60px 0;
  }
  .about__wrapper {
    flex-direction: column;
    align-items: center;
    gap: 40px;
  }
  .about__img {
    width: 100%;
    max-width: 600px;
  }
  .about__title {
    text-align: center;
  }
  .about__subtitle {
    text-align: center;
  }
  .about__info-img img {
    width: 100%;
  }
  .offers__subtitle br {
    display: none;
  }
  .offers__grid {
    gap: 60px 40px;
  }
  .offers__item-title {
    font-size: 18px;
  }
  .offers__item-text br {
    display: none;
  }
  .instagram {
    padding: 60px 0;
  }
  .instagram__grid {
    grid-template-columns: repeat(2, 1fr);
    margin-top: 40px;
  }
  .catalog {
    padding: 60px 0;
  }
  .catalog__inner {
    flex-direction: column;
  }
  .catalog__sidebar {
    width: 100%;
  }

  .catalog__filter-list {
    flex-direction: row;
    flex-wrap: wrap;
    max-height: 250px;
  }

  .catalog__sidebar {
    display: none;
  }

  .catalog__filters-toggle {
    display: inline-block;
  }
  .product {
    padding: 40px 0;
  }
  .product__inner {
    flex-direction: column;
  }
  .product__gallery {
    width: 100%;
  }
  .product__price {
    font-size: 20px;
  }
  .product__nutrition-title {
    font-size: 14px;
  }
  .product__nutrition-value {
    font-size: 16px;
  }
  .product__nutrition-label {
    font-size: 13px;
  }
  .recommend {
    padding: 60px 0;
  }
  .recommend__list {
    margin-top: 40px;
    grid-template-columns: repeat(2, 1fr);
  }
  .recommend .product-card:nth-child(3) {
    display: none;
  }
  .cart {
    padding: 40px 0;
  }
  .cart__layout {
    margin-top: 40px;
  }
  .cart__list {
    margin-top: 20px;
  }
  .cart__count {
    font-size: 14px;
  }
  .cart__clear {
    font-size: 14px;
    padding-left: 24px;
  }
  .cart__clear::before {
    height: 14px;
    width: 14px;
  }
  .cart .cart-item {
    flex-wrap: wrap;
    gap: 20px;
  }
  .cart .cart-item__quantity {
    margin-left: auto;
  }
  .cart .cart-item__info {
    width: calc(100% - 100px);
  }
  .cart__summary {
    padding: 20px;
  }
  .cart__summary-title {
    font-size: 20px;
  }
  .cart__summary-items {
    margin-top: 20px;
  }
  .cart__summary-total span {
    font-size: 18px;
  }
  .checkout:not(form) {
    padding: 40px 0;
  }
  .checkout__layout {
    margin-top: 40px;
  }
  .checkout-section__title {
    font-size: 18px;
    text-align: center;
  }
  .checkout .form__field {
    margin-top: 20px;
  }
  .checkout-summary {
    padding: 20px;
  }
  .checkout-summary__title {
    font-size: 20px;
  }
  .checkout-summary__rows {
    margin-top: 20px;
  }
  .checkout-summary__total span {
    font-size: 18px;
  }
  .service {
    padding: 60px 0;
  }
  .service__wrapper {
    flex-direction: column;
    align-items: center;
    gap: 40px;
  }
  .service__img {
    width: 100%;
    max-width: 600px;
  }
  .service__title {
    text-align: center;
  }
  .service__title br {
    display: none;
  }
  .service__subtitle {
    text-align: center;
  }
  .cases {
    padding: 60px 0;
  }
  .cases__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 20px;
    margin-top: 40px;
  }
  .cases__item-title {
    font-size: 14px;
    margin-top: 20px;
  }
  .cases-video {
    padding-bottom: 60px;
  }
  .cases-video__grid {
    gap: 10px;
    margin-top: 40px;
  }
  .cases-video__card::before {
    width: 10vw;
    height: 10vw;
  }
  .reviews {
    padding: 60px 0;
  }
  .reviews__slider {
    margin-top: 40px;
  }
  .reviews__slider .swiper-slide {
    width: 200px;
  }
  .reviews-video {
    padding-bottom: 60px;
  }
  .reviews-video__slider {
    margin-top: 40px;
  }
  .reviews-video__slide {
    width: 200px;
  }
  .contacts__descr {
    font-size: 14px;
  }
  .contacts__list {
    margin-top: 40px;
  }
  .contacts__form {
    margin-top: 60px;
  }
}
@media (max-width: 480px) {
  .btn {
    font-size: 14px;
  }
  input[type="text"],
  input[type="tel"],
  input[type="email"],
  input[type="date"],
  input[type="time"],
  textarea {
    padding: 12px 20px;
  }
  .header__logo {
    height: 50px;
  }
  .header__socs {
    display: none;
  }
  .header__wrapper {
    padding: 10px 0;
  }
  .main {
    min-height: 300px;
    padding: 100px 0 30px;
  }
  .main__title {
    font-size: 30px;
  }
  .services {
    padding: 60px 0;
  }
  .services__head {
    flex-direction: column;
    align-items: center;
  }
  .services__title {
    text-align: center;
  }
  .services__items {
    margin-top: 40px;
  }
  .services__item {
    grid-template-columns: 1fr;
  }
  .services__item:nth-child(2n) img {
    order: 0;
  }
  .services__item-btn {
    font-size: 14px;
  }
  .services__item-content {
    padding: 30px 20px;
  }
  .benefits__items {
    flex-direction: column;
    align-items: center;
  }
  .faq__list {
    margin-top: 20px;
  }
  .popup__box {
    padding: 30px 20px;
  }
  .offers__grid {
    grid-template-columns: 1fr;
  }
  .offers__subtitle {
    font-size: 14px;
  }
  .offers__item-title {
    font-size: 16px;
  }
  .offers__item-text {
    font-size: 14px;
  }
  .catalog__sidebar-title {
    font-size: 14px;
  }
  .catalog__category-list {
    gap: 10px;
  }
  .catalog__category-item a {
    font-size: 14px;
  }
  .catalog__filters {
    margin-top: 30px;
  }
  .catalog__filter-text {
    font-size: 14px;
  }
  .catalog__products {
    gap: 30px 10px;
  }
  .product__description {
    font-size: 14px;
  }
  .product__composition {
    font-size: 14px;
  }
  .recommend__list {
    gap: 10px;
  }
  .cart .cart-item__info {
    width: 100%;
  }
  .checkout-summary__item {
    flex-wrap: wrap;
  }
  .checkout-summary__item-info {
    width: calc(100% - 90px);
  }
  .checkout-summary__item-price {
    width: 75px;
  }
  .checkout-summary__quantity {
    order: 1;
  }
  .checkout-summary__remove {
    order: 2;
  }
  .gallery__list {
    grid-template-columns: repeat(2, 1fr);
  }
  .cases__list {
    gap: 20px 10px;
  }
  .cases__item-title {
    font-size: 12px;
    margin-top: 5px;
  }
  .cases-video {
    padding-bottom: 40px;
  }
  .cases-video__grid {
    grid-template-columns: 1fr;
  }
  .cases-video__card::before {
    width: 12vw;
    height: 12vw;
  }
}