* {
  vertical-align: baseline;
  font-weight: inherit;
  font-family: "Onest", sans-serif;
  font-style: inherit;
  font-size: 100%;
  line-height: 120%;
  border: 0 none;
  outline: 0;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

html,
body {
  overflow-x: hidden;
}

body {
  -webkit-font-smoothing: antialiased;
  background: #ffffff;
  color: #2e2e2e;
}

.no-scroll {
  overflow: hidden;
}

ol,
ul {
  list-style: none;
}

a {
  color: #2e2e2e;
  text-decoration: none;
  transition: color 0.2s ease;
}
a:hover {
  color: #e20611;
}

p {
  line-height: 140%;
}
p:not(:last-child) {
  margin-bottom: 20px;
}

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

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

.title {
  font-size: 40px;
  font-weight: 600;
  max-width: 840px;
}
.title--accent {
  font-size: 50px;
  font-weight: 900;
  text-transform: uppercase;
  line-height: 130%;
  text-shadow: -3px 0 0 #ffffff;
}

.descr {
  font-size: 18px;
  line-height: 140%;
}

.btn {
  display: block;
  width: fit-content;
  cursor: pointer;
  position: relative;
  text-align: center;
  font-size: 16px;
  padding: 20px 50px;
  border: none;
  border-radius: 100px;
  background: #2e2e2e;
  color: #ffffff;
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease;
}
.btn:hover {
  background-color: #e20611;
  color: #ffffff;
}
.btn--border {
  background: transparent;
  border: 1px solid #2e2e2e;
  color: #2e2e2e;
}
.btn--border:hover {
  border-color: #e20611;
  color: #ffffff;
}
.btn--primary {
  background: #e20611;
  color: #ffffff !important;
}
.btn--primary:hover {
  background: #2e2e2e;
}
.btn--accent {
  background: #c1baaf;
  color: #ffffff !important;
}
.btn--accent:hover {
  background: #999287;
}
.btn--white {
  background: #ffffff;
  color: #2e2e2e !important;
}
.btn--white:hover {
  background: #ece9e4;
}

.icon {
  display: inline-block;
  height: 30px;
  width: 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.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%3Cpath d='M16.2809 25.6V15.7479H19.5865L20.0824 11.9073H16.2809V9.45559C16.2809 8.34398 16.5883 7.58643 18.1842 7.58643L20.2162 7.58559V4.15037C19.8648 4.1047 18.6585 4 17.2545 4C14.3228 4 12.3156 5.78952 12.3156 9.07521V11.9073H9V15.7479H12.3156V25.6H16.2809Z' fill='%232E2E2E'/%3E%3C/svg%3E%0A");
}
.icon-fb-white {
  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='M16.2809 25.6V15.7479H19.5865L20.0824 11.9073H16.2809V9.45559C16.2809 8.34398 16.5883 7.58643 18.1842 7.58643L20.2162 7.58559V4.15037C19.8648 4.1047 18.6585 4 17.2545 4C14.3228 4 12.3156 5.78952 12.3156 9.07521V11.9073H9V15.7479H12.3156V25.6H16.2809Z' fill='white'/%3E%3C/svg%3E%0A");
}
.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%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.3646 7.13902C20.3438 5.11588 17.6564 4.00118 14.7933 4C8.89361 4 4.09214 8.80134 4.08978 14.7026C4.08897 16.589 4.58175 18.4305 5.51845 20.0537L4 25.6L9.67408 24.1116C11.2375 24.9644 12.9977 25.4138 14.7889 25.4144H14.7934C20.6924 25.4144 25.4944 20.6127 25.4966 14.7111C25.4978 11.8511 24.3855 9.16206 22.3646 7.13902ZM14.7933 23.6067H14.7895C13.1933 23.6061 11.6277 23.1771 10.2616 22.3667L9.93696 22.1738L6.56986 23.0571L7.46856 19.7742L7.25694 19.4377C6.36642 18.0212 5.89614 16.3841 5.89695 14.7032C5.89881 9.79825 9.88975 5.80772 14.7968 5.80772C17.173 5.80849 19.4067 6.73503 21.0863 8.41659C22.7659 10.0982 23.6903 12.3333 23.6895 14.7105C23.6875 19.6158 19.6968 23.6067 14.7933 23.6067ZM19.673 16.9439C19.4057 16.8099 18.0907 16.1632 17.8455 16.0738C17.6005 15.9845 17.422 15.9401 17.2439 16.2077C17.0656 16.4754 16.5531 17.0778 16.397 17.2562C16.2409 17.4347 16.0851 17.4571 15.8176 17.3232C15.5501 17.1894 14.6884 16.9068 13.6668 15.9957C12.8719 15.2866 12.3352 14.4108 12.1791 14.1432C12.0233 13.8753 12.1777 13.7445 12.2964 13.5974C12.5859 13.2378 12.8758 12.8609 12.9649 12.6826C13.0542 12.504 13.0095 12.3478 12.9425 12.214C12.8758 12.0802 12.341 10.7638 12.1182 10.2282C11.9009 9.70689 11.6806 9.77726 11.5163 9.76912C11.3605 9.76133 11.1821 9.75974 11.0038 9.75974C10.8255 9.75974 10.5357 9.82657 10.2905 10.0945C10.0454 10.3622 9.35464 11.0092 9.35464 12.3256C9.35464 13.6419 10.3129 14.9136 10.4466 15.0921C10.5803 15.2706 12.3325 17.9719 15.0153 19.1303C15.6533 19.4061 16.1514 19.5705 16.5399 19.6937C17.1807 19.8973 17.7635 19.8685 18.2244 19.7997C18.7383 19.7228 19.8066 19.1527 20.0296 18.528C20.2524 17.9033 20.2524 17.3679 20.1855 17.2562C20.1188 17.1447 19.9404 17.0778 19.673 16.9439Z' fill='%232E2E2E'/%3E%3C/svg%3E%0A");
}
.icon-wa-white {
  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 fill-rule='evenodd' clip-rule='evenodd' d='M22.3646 7.13902C20.3438 5.11588 17.6564 4.00118 14.7933 4C8.89361 4 4.09214 8.80134 4.08978 14.7026C4.08897 16.589 4.58175 18.4305 5.51845 20.0537L4 25.6L9.67408 24.1116C11.2375 24.9644 12.9977 25.4138 14.7889 25.4144H14.7934C20.6924 25.4144 25.4944 20.6127 25.4966 14.7111C25.4978 11.8511 24.3855 9.16206 22.3646 7.13902ZM14.7933 23.6067H14.7895C13.1933 23.6061 11.6277 23.1771 10.2616 22.3667L9.93696 22.1738L6.56986 23.0571L7.46856 19.7742L7.25694 19.4377C6.36642 18.0212 5.89614 16.3841 5.89695 14.7032C5.89881 9.79825 9.88975 5.80772 14.7968 5.80772C17.173 5.80849 19.4067 6.73503 21.0863 8.41659C22.7659 10.0982 23.6903 12.3333 23.6895 14.7105C23.6875 19.6158 19.6968 23.6067 14.7933 23.6067ZM19.673 16.9439C19.4057 16.8099 18.0907 16.1632 17.8455 16.0738C17.6005 15.9845 17.422 15.9401 17.2439 16.2077C17.0656 16.4754 16.5531 17.0778 16.397 17.2562C16.2409 17.4347 16.0851 17.4571 15.8176 17.3232C15.5501 17.1894 14.6884 16.9068 13.6668 15.9957C12.8719 15.2866 12.3352 14.4108 12.1791 14.1432C12.0233 13.8753 12.1777 13.7445 12.2964 13.5974C12.5859 13.2378 12.8758 12.8609 12.9649 12.6826C13.0542 12.504 13.0095 12.3478 12.9425 12.214C12.8758 12.0802 12.341 10.7638 12.1182 10.2282C11.9009 9.70689 11.6806 9.77726 11.5163 9.76912C11.3605 9.76133 11.1821 9.75974 11.0038 9.75974C10.8255 9.75974 10.5357 9.82657 10.2905 10.0945C10.0454 10.3622 9.35464 11.0092 9.35464 12.3256C9.35464 13.6419 10.3129 14.9136 10.4466 15.0921C10.5803 15.2706 12.3325 17.9719 15.0153 19.1303C15.6533 19.4061 16.1514 19.5705 16.5399 19.6937C17.1807 19.8973 17.7635 19.8685 18.2244 19.7997C18.7383 19.7228 19.8066 19.1527 20.0296 18.528C20.2524 17.9033 20.2524 17.3679 20.1855 17.2562C20.1188 17.1447 19.9404 17.0778 19.673 16.9439Z' fill='white'/%3E%3C/svg%3E%0A");
}
.icon-tw {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.22016 15.6737C5.63314 16.5441 7.27138 17.0042 8.94299 17C11.4124 17 13.6753 16.0756 15.3155 14.3973C16.8849 12.791 17.7482 10.6327 17.7053 8.44238C18.3002 7.94634 19 6.99919 19 6.07604C19 5.99469 18.978 5.91478 18.9362 5.8444C18.8943 5.77401 18.8341 5.71565 18.7617 5.67523C18.6892 5.63482 18.6071 5.61377 18.5236 5.61423C18.4402 5.61469 18.3583 5.63664 18.2863 5.67785C17.7274 5.99788 17.2177 6.08158 16.6935 5.93818C15.623 4.92149 14.0296 4.70732 12.6869 5.4126C11.5135 6.02804 10.861 7.15428 10.9198 8.38514C8.92992 8.1486 7.10837 7.17906 5.82876 5.67539C5.78016 5.6181 5.71809 5.57309 5.64782 5.54419C5.57755 5.51529 5.50116 5.50336 5.42514 5.5094C5.34912 5.51544 5.27572 5.53928 5.21118 5.5789C5.14665 5.61851 5.09288 5.67273 5.05446 5.73694C4.43932 6.76348 4.44563 7.95311 4.98057 8.9138C4.8647 8.93258 4.75952 8.99108 4.68402 9.07877C4.60852 9.16645 4.56765 9.27753 4.56879 9.39199C4.5704 9.8592 4.67519 10.3206 4.87603 10.7448C5.07687 11.1691 5.36906 11.5462 5.73276 11.8506C5.66821 11.911 5.62255 11.988 5.60108 12.0726C5.57962 12.1573 5.58323 12.2461 5.6115 12.3288C5.76612 12.7783 6.01793 13.1902 6.34991 13.5368C6.68189 13.8833 7.08631 14.1564 7.53587 14.3376C6.60154 14.772 5.56062 14.9413 4.53216 14.8263C4.03701 14.761 3.7926 15.4097 4.22016 15.6737ZM9.07246 14.4958C9.42677 14.2305 9.23856 13.6779 8.79394 13.6686C8.41478 13.6608 8.04256 13.568 7.70611 13.3975C7.36967 13.2269 7.07803 12.9832 6.85378 12.6852C7.07223 12.6723 7.28884 12.6384 7.5005 12.5842C7.98112 12.4575 7.95839 11.7817 7.47019 11.6863C7.04305 11.603 6.64671 11.4094 6.32263 11.1258C5.99855 10.8421 5.75862 10.4788 5.62792 10.0739C5.86602 10.1311 6.10854 10.1631 6.35043 10.1674C6.82978 10.1699 7.01104 9.57108 6.6201 9.3206C5.73907 8.75502 5.36329 7.75617 5.61213 6.81702C7.1622 8.34461 9.2439 9.25006 11.4459 9.35445C11.519 9.358 11.5919 9.34498 11.6589 9.31641C11.726 9.28784 11.7853 9.2445 11.8323 9.18981C11.8792 9.13511 11.9125 9.07054 11.9295 9.00118C11.9465 8.93183 11.9468 8.85957 11.9303 8.7901C11.6303 7.52292 12.3566 6.63485 13.1366 6.22559C13.9083 5.8194 15.1475 5.69262 16.0973 6.66378C16.3796 6.95365 17.332 6.96472 17.8165 6.85456C17.5992 7.25336 17.2651 7.63185 16.9525 7.84479C16.8869 7.88954 16.834 7.94976 16.7988 8.01982C16.7635 8.08988 16.7471 8.16751 16.751 8.24544C16.8527 10.2671 16.0797 12.2771 14.6302 13.7597C13.17 15.2534 11.1509 16.0762 8.94362 16.0762C8.06575 16.0762 7.20493 15.9371 6.39148 15.6688C7.36408 15.4854 8.28806 15.0841 9.07246 14.4958Z' fill='black'/%3E%3C/svg%3E%0A");
}

.socials {
  display: flex;
  align-items: center;
  gap: 10px;
}
.socials__link {
  display: inline-block;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  border: 1px solid #2e2e2e;
  display: flex;
  align-items: center;
  justify-content: center;
}
.socials__link:hover {
  border-color: #e20611 !important;
}
.socials__link:hover .icon {
  filter: brightness(0) saturate(100%) invert(13%) sepia(41%) saturate(7062%)
    hue-rotate(352deg) brightness(126%) contrast(101%);
}

.nav {
  display: flex;
  gap: 40px;
}
.nav-btn {
  display: inline-block;
  width: 50px;
  height: 42px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.nav-btn-prev {
  background-image: url("data:image/svg+xml,%3Csvg width='50' height='42' viewBox='0 0 50 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_142_93)'%3E%3Cpath d='M21.4217 41.6759C21.5227 41.5732 21.6029 41.4513 21.6576 41.3171C21.7123 41.183 21.7405 41.0392 21.7405 40.8939C21.7405 40.7487 21.7123 40.6048 21.6576 40.4707C21.6029 40.3365 21.5227 40.2146 21.4217 40.112L3.71269 22.1051L48.9131 22.1051C49.2013 22.1051 49.4778 21.9886 49.6816 21.7814C49.8855 21.5741 50 21.293 50 20.9999C50 20.7068 49.8855 20.4256 49.6816 20.2183C49.4778 20.0111 49.2013 19.8946 48.9131 19.8946L3.71269 19.8946L21.4217 1.88771C21.5227 1.785 21.6028 1.6632 21.6574 1.52919C21.7121 1.39479 21.7402 1.25122 21.7402 1.10575C21.7402 0.960659 21.7121 0.816711 21.6574 0.682693C21.6028 0.548676 21.5227 0.426495 21.4217 0.323784C21.3207 0.221077 21.2008 0.139751 21.0688 0.0840073C20.9369 0.0286407 20.7955 3.8147e-06 20.6527 3.8147e-06C20.5098 3.8147e-06 20.3684 0.0286407 20.2365 0.0840073C20.1045 0.139751 19.9847 0.221077 19.8837 0.323784L0.318848 20.2179C0.217693 20.3206 0.137691 20.4425 0.0826912 20.5766C0.0280762 20.7108 0 20.8546 0 20.9999C0 21.1451 0.0280762 21.2889 0.0826912 21.4231C0.137691 21.5573 0.217693 21.6792 0.318848 21.7818L19.8837 41.6759C19.9846 41.7786 20.1045 41.8601 20.2365 41.9158C20.3684 41.9714 20.5098 42 20.6527 42C20.7955 42 20.937 41.9714 21.0689 41.9158C21.2008 41.8601 21.3207 41.7786 21.4217 41.6759Z' fill='%232E2E2E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_142_93'%3E%3Crect width='50' height='42' fill='white' transform='matrix(-1 0 0 1 50 0)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.nav-btn-next {
  background-image: url("data:image/svg+xml,%3Csvg width='50' height='42' viewBox='0 0 50 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_142_95)'%3E%3Cpath d='M28.5783 41.6759C28.4773 41.5732 28.3971 41.4513 28.3424 41.3171C28.2877 41.183 28.2595 41.0392 28.2595 40.8939C28.2595 40.7487 28.2877 40.6048 28.3424 40.4707C28.3971 40.3365 28.4773 40.2146 28.5783 40.112L46.2873 22.1051L1.08694 22.1051C0.798665 22.1051 0.522196 21.9886 0.318356 21.7814C0.114516 21.5741 2.93577e-08 21.293 0 20.9999C-2.93577e-08 20.7068 0.114516 20.4256 0.318356 20.2183C0.522196 20.0111 0.798665 19.8946 1.08694 19.8946L46.2873 19.8946L28.5783 1.88771C28.4773 1.785 28.3972 1.6632 28.3426 1.52919C28.2879 1.39479 28.2598 1.25122 28.2598 1.10575C28.2598 0.960659 28.2879 0.816711 28.3426 0.682693C28.3972 0.548676 28.4773 0.426495 28.5783 0.323784C28.6793 0.221077 28.7992 0.139751 28.9312 0.0840073C29.0631 0.0286407 29.2045 3.8147e-06 29.3473 3.8147e-06C29.4902 3.8147e-06 29.6316 0.0286407 29.7635 0.0840073C29.8955 0.139751 30.0153 0.221077 30.1163 0.323784L49.6812 20.2179C49.7823 20.3206 49.8623 20.4425 49.9173 20.5766C49.9719 20.7108 50 20.8546 50 20.9999C50 21.1451 49.9719 21.2889 49.9173 21.4231C49.8623 21.5573 49.7823 21.6792 49.6812 21.7818L30.1163 41.6759C30.0154 41.7786 29.8955 41.8601 29.7635 41.9158C29.6316 41.9714 29.4902 42 29.3473 42C29.2045 42 29.063 41.9714 28.9311 41.9158C28.7992 41.8601 28.6793 41.7786 28.5783 41.6759Z' fill='%232E2E2E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_142_95'%3E%3Crect width='50' height='42' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

form {
  display: flex;
  flex-direction: column;
}
form input:not([type="submit"]),
form select,
form textarea {
  font-size: 18px;
  background: transparent;
  border-bottom: 1px solid #cdcdcd;
  padding: 20px 0;
  text-align: left;
}
form .select {
  position: relative;
}
form .select::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 12px;
  height: 10px;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg width='11' height='8' viewBox='0 0 11 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.19604 7.5L-0.000106812 0H10.3922L5.19604 7.5Z' fill='%231D1D1D'/%3E%3C/svg%3E%0A")
    center/contain no-repeat;
  z-index: 1;
}
form .select select {
  width: 100%;
  padding-right: 25px;
}
form .acceptance {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 30px;
}
form .acceptance input {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #ffffff;
  border: 1px solid #cdcdcd;
  padding: 0;
  border-radius: 2px;
}
form .acceptance input: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='%23000000' opacity='1' data-original='%23000000'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
      center/10px no-repeat,
    #ffffff;
}
form .acceptance label {
  font-size: 18px;
  line-height: 130%;
}
form .btn {
  margin-top: 30px;
}

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

.wpcf7 {
    direction: rtl;
    text-align: right;
}

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

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

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

.content {
  padding: 80px 0;
}

.post h2,
.post h3,
.post h4,
.post h5,
.post h6 {
  margin-bottom: 30px;
  font-weight: 600;
}
.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: 32px;
}
.post h4 {
  font-size: 28px;
}
.post h5 {
  font-size: 24px;
}
.post h6 {
  font-size: 20px;
}
.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;
}

.img-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pagination {
  position: relative;
  margin-top: 80px;
}
.pagination__list {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
}
.pagination__item:not(.pagination__item--prev, .pagination__item--next) a,
.pagination__item:not(.pagination__item--prev, .pagination__item--next) span {
  height: 40px;
  width: 40px;
}
.pagination__item a,
.pagination__item span {
  font-size: 16px;
  line-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ece9e4;
  border-radius: 100px;
}
.pagination__item:hover a,
.pagination__item:hover span,
.pagination__item.is-active a,
.pagination__item.is-active span {
  background: #999287;
  color: #ffffff;
}
.pagination__item--prev a,
.pagination__item--next a {
  padding: 12px 20px;
}

[dir="rtl"] .img-bg {
  transform: scaleX(-1);
}
[dir="rtl"] .nav-btn {
  transform: scaleX(-1);
}
[dir="rtl"] form input:not([type="submit"]),
[dir="rtl"] form select,
[dir="rtl"] form textarea {
  text-align: right;
}
[dir="rtl"] .content ul,
[dir="rtl"] .content ol {
  padding-left: 0;
  padding-right: 20px;
}
[dir="rtl"] .header__burger {
  margin-left: 0;
  margin-right: 10px;
}
[dir="rtl"] .catalog__item,
[dir="rtl"] .galleries__item {
  padding: 30px 30px 30px 100px;
}
[dir="rtl"] .place__wrapper::before {
  right: auto;
  left: 37px;
}
[dir="rtl"] .breadcrumbs__list li:not(:last-child):before {
  right: auto;
  left: -18px;
}
[dir="rtl"] .history__item {
  border-left: 1px solid #999287;
  border-right: 0;
  padding-right: 0;
  padding-left: 30px;
}
[dir="rtl"] .history__year::before {
  right: auto;
  left: 0;
}

.page-404 .main {
  min-height: calc(100vh - 200px);
  background-position: 60% center;
}
.page-404 .main__content {
  max-width: 800px;
}
.page-404 .main__btn {
  margin-top: 0;
}
.page-inner .main {
  min-height: 0;
  color: #2e2e2e;
  padding: 80px 0;
  border-bottom: 1px solid #cdcdcd;
}
.page-catalog .main,
.page-category .main,
.page-about .main,
.page-projects .main,
.page-gallery .main,
.page-contacts .main {
  width: 100%;
  min-height: 260px;
  aspect-ratio: 192/60;
}
.page-catalog .catalog__list {
  grid-template-columns: repeat(2, 1fr);
}
.page-catalog .catalog__item {
  aspect-ratio: 150/73;
}

.breadcrumbs {
  padding: 20px 0;
  border-bottom: 1px solid #cdcdcd;
}
.breadcrumbs__list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 28px;
}
.breadcrumbs__list li {
  position: relative;
  font-size: 16px;
}
.breadcrumbs__list li:not(:last-child):before {
  content: "/";
  position: absolute;
  top: 0;
  right: -18px;
  color: #c1baaf;
}
.breadcrumbs__list li a {
  color: #999287;
}
.breadcrumbs__list li a:hover {
  color: #2e2e2e;
}

.header {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  background: #ffffff;
  padding: 20px 0;
  border-bottom: 1px solid #cdcdcd;
  z-index: 111;
}
.header.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
.header__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.header__logo {
  position: relative;
  display: inline-block;
  width: 188px;
}
.header__logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.header__menu {
  display: flex;
  align-items: center;
  gap: 30px;
}
.header__menu li a {
  font-size: 16px;
  line-height: 140%;
  white-space: nowrap;
}
.header__contacts {
  display: flex;
  align-items: center;
  gap: 10px;
}
.header__phone {
  font-size: 18px;
  padding: 11px 24px;
  flex-shrink: 0;
}
.header__burger {
  display: none;
  cursor: pointer;
  flex-direction: column;
  gap: 6px;
  margin-left: 10px;
}
.header__burger span {
  display: block;
  width: 25px;
  height: 3px;
  background: #2e2e2e;
  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: #2e2e2e;
  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: #ece9e4;
  padding: 50px;
}
.popup__descr {
  margin-top: 10px;
}

.popup--menu {
  display: block;
  background: #ffffff;
  padding: 80px 20px;
}
.popup--menu .popup__menu {
  display: flex;
  flex-direction: column;
}
.popup--menu .popup__menu li a {
  display: block;
  font-size: 18px;
  line-height: 140%;
  padding: 15px 0;
  border-bottom: 1px solid #cdcdcd;
}
.popup--menu .popup__contacts {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top: 40px;
}

.footer {
  position: relative;
  background: #2e2e2e;
  color: #ffffff;
  padding: 100px 0 80px;
}
.footer a {
  color: #ffffff;
  transition: color 0.2s ease;
}
.footer a:hover {
  color: #e20611;
}
.footer__top {
  display: flex;
  justify-content: space-between;
  gap: 40px;
}
.footer__bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px 20px;
  margin-top: 50px;
  padding-top: 40px;
  border-top: 1px solid #cdcdcd;
}
.footer__label {
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.footer__list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.footer__list li {
  font-size: 18px;
}
.footer__list li a {
  font-size: inherit;
  white-space: no-wrap;
}
.footer__map {
  width: 400px;
  height: 390px;
}
.footer__map iframe {
  width: 100%;
  height: 100%;
  border: none;
}
.footer__socials {
  margin-top: 30px;
}
.footer__socials .socials__link {
  border-color: #ffffff;
}

.main {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 720px;
  padding: 100px 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.main__content {
  max-width: 570px;
}
.main__descr {
  font-size: 24px;
  margin-top: 20px;
}
.main__btn {
  margin-top: 40px;
}
.main__btns {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
  margin-top: 40px;
}

.catalog {
  position: relative;
  padding: 100px 0 120px;
}
.catalog__title {
  text-align: center;
  margin: 0 auto;
}
.catalog__descr {
  text-align: center;
  max-width: 800px;
  margin: 30px auto 0;
}
.catalog__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 60px;
}
.catalog__item {
  min-width: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  aspect-ratio: 1;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 30px 100px 30px 30px;
}
.catalog__item::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.3);
}
.catalog__item-title {
  font-size: 28px;
  font-weight: 700;
  color: #ffffff;
  z-index: 1;
}
.catalog__item-link {
  font-size: 16px;
  font-weight: 700;
  text-decoration: underline;
  color: #ffffff;
  z-index: 1;
  margin-top: 20px;
}
.catalog__item-link:hover {
  color: #ffffff;
}

.galleries {
  position: relative;
  padding: 80px 0 100px;
}
.galleries__title {
  text-align: center;
  margin: 0 auto;
}
.galleries__descr {
  text-align: center;
  max-width: 800px;
  margin: 30px auto 0;
}
.galleries__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 60px;
}
.galleries__item {
  min-width: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  aspect-ratio: 493/365;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 30px 100px 30px 30px;
}
.galleries__item::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.3);
}
.galleries__item-title {
  font-size: 28px;
  font-weight: 700;
  color: #ffffff;
  z-index: 1;
}
.galleries__item-link {
  font-size: 16px;
  font-weight: 700;
  text-decoration: underline;
  color: #ffffff;
  z-index: 1;
  margin-top: 20px;
}
.galleries__item-link:hover {
  color: #ffffff;
}

.marquee {
  overflow: hidden;
  width: 100%;
  background-color: #ece9e4;
  padding: 15px 0;
}
.marquee__track {
  display: flex;
  gap: 68px;
  width: max-content;
  animation: marquee 20s linear infinite;
}
.marquee__track span {
  position: relative;
  white-space: nowrap;
  font-size: clamp(14px, 2vw, 34px);
  font-weight: 700;
  color: #c1baaf;
  text-transform: uppercase;
}
.marquee__track span::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -38px;
  width: 8px;
  height: 8px;
  background: #c1baaf;
  border-radius: 50%;
  transform: translateY(-50%);
}

@keyframes marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
.projects {
  position: relative;
  padding-top: 100px;
}
.projects__title {
  text-align: center;
  margin: 0 auto;
}
.projects__descr {
  text-align: center;
  max-width: 800px;
  margin: 30px auto 0;
}
.projects .nav {
  display: flex;
  justify-content: center;
  margin-top: 60px;
}
.projects__slider {
  overflow: visible;
  margin-top: 50px;
}
.projects__slider .swiper-slide a {
  display: block;
  width: 100%;
}
.projects__slider .swiper-slide a img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
}
.projects__btn {
  margin: 60px auto 0;
}

.benefits {
  padding: 100px 0;
}
.benefits__title {
  text-align: center;
  margin: 0 auto;
}
.benefits__items {
  display: flex;
  gap: 100px 160px;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 60px;
}
.benefits__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: min(360px, 33.33% - 107px);
}
.benefits__item-icon {
  width: 100px;
  height: 100px;
  border: 1px solid #999287;
}
.benefits__item-title {
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  margin-top: 30px;
}
.benefits__item-text {
  line-height: 140%;
  text-align: center;
  margin-top: 10px;
}

.place {
  position: relative;
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
}
.place .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
}
.place__wrapper {
  position: relative;
  width: 570px;
  padding: 60px 0;
}
.place__wrapper::before {
  content: "";
  position: absolute;
  top: 4px;
  right: 37px;
  width: 92px;
  height: 92px;
  background: url("../images/map.svg") center/contain no-repeat;
  z-index: 1;
}
.place__img {
  height: auto;
  align-self: stretch;
  width: 598px;
  margin-right: 67px;
  object-fit: cover;
}
.place__address {
  font-size: 24px;
  margin-top: 20px;
}
.place__btn {
  margin-top: 40px;
}

.about {
  padding: 100px 0;
}
.about__wrapper {
  display: flex;
  gap: 100px;
}
.about__content {
  width: 44%;
  padding: 20px 0;
}
.about__text {
  font-size: 18px;
  margin-top: 30px;
}
.about__img {
  width: 50%;
  height: auto;
  object-fit: cover;
}
.about__contacts {
  background: #ece9e4;
  padding: 30px;
  margin-top: 30px;
}
.about__contacts-title {
  font-size: 24px;
  font-weight: 600;
}
.about__contacts-list {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.about__contacts-list li {
  font-size: 18px;
}
.about__contacts-list li a {
  font-size: inherit;
  white-space: no-wrap;
}
.about__btn {
  margin-top: 30px;
}

.cta {
  position: relative;
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
  padding: 70px 0;
}
.cta .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
}
.cta__wrapper {
  position: relative;
  width: 570px;
  padding: 60px 0;
}
.cta__descr {
  font-size: 24px;
  margin-top: 20px;
}
.cta__form {
  background: #ece9e4;
  padding: 40px;
  width: 560px;
}

.articles {
  padding: 100px 0;
}
.articles__title {
  text-align: center;
  margin: 0 auto;
}
.articles__list {
  margin-top: 60px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
.articles__item {
  border: 1px solid #cdcdcd;
}
.articles__item img {
  width: 100%;
  aspect-ratio: 12/7;
  object-fit: cover;
}
.articles__item-content {
  padding: 30px;
}
.articles__item-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 140%;
  text-align: center;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.articles__item-descr {
  font-size: 18px;
  text-align: center;
  margin-top: 15px;
  -webkit-line-clamp: 4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.info {
  padding: 100px 0;
}
.info .post {
  column-count: 2;
  column-gap: 100px;
}

.products,
.related {
  position: relative;
  padding: 80px 0 100px;
}
.products__title,
.related__title {
  text-align: center;
  margin: 0 auto;
}
.products__descr,
.related__descr {
  text-align: center;
  max-width: 800px;
  margin: 30px auto 0;
}
.products__list,
.related__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 60px 20px;
  margin-top: 60px;
}
.products__item,
.related__item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.products__item img,
.related__item img {
  height: 400px;
  width: auto;
  object-fit: contain;
}
.products__item-title,
.related__item-title {
  font-size: 20px;
  text-align: center;
  margin-top: 30px;
}

.product-card {
  position: relative;
  padding: 60px 0 100px;
}
.product-card__inner {
  display: flex;
  gap: 60px;
}
.product-card__gallery {
  width: 500px;
}
.product-card__image {
  width: 100%;
}
.product-card__image img {
  width: 100%;
  height: auto;
  max-height: 700px;
  object-fit: contain;
}
.product-card__content {
  width: 800px;
  max-width: 100%;
}
.product-card__category {
  color: #999287;
  line-height: 120%;
  margin-top: 10px;
}
.product-card__price {
  font-size: 20px;
  font-weight: 600;
  margin-top: 30px;
}
.product-card__features {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 50px;
}
.product-card__feature {
  width: calc(25% - 15px);
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #ece9e4;
  padding: 20px;
}
.product-card__feature-icon {
  width: 40px;
  height: 40px;
}
.product-card__feature-icon img {
  width: 100%;
  height: 100%;
}
.product-card__feature-text {
  line-height: 130%;
  text-align: center;
  margin-top: 20px;
}
.product-card__actions {
  display: flex;
  gap: 20px;
  margin-top: 50px;
}

.product-info__description {
  max-width: 1000px;
}
.product-info__title {
  font-size: 30px;
  font-weight: 600;
}
.product-info__text {
  margin-top: 30px;
}
.product-info__text p {
  font-size: 18px;
}
.product-info__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 120px;
  margin-top: 60px;
}
.product-info__subtitle {
  font-size: 24px;
}
.product-info__group {
  position: relative;
  margin-top: 30px;
}
.product-info__group-title {
  font-size: 16px;
  color: #999287;
}
.product-info__swatches {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  margin-top: 20px;
}
.product-info__swatch {
  width: 150px;
}
.product-info__swatch-color {
  display: block;
  width: 100%;
  height: 100px;
}
.product-info__swatch-label {
  display: block;
  font-size: 16px;
  margin-top: 10px;
}
.product-info__specs {
  position: relative;
  align-self: flex-start;
  background: #ece9e4;
  padding: 30px;
  overflow: hidden;
}
.product-info__table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 30px;
}
.product-info__table-wrap {
  width: 100%;
  overflow-x: auto;
}
.product-info__table th,
.product-info__table td {
  text-align: left;
  padding: 20px 10px;
}
.product-info__table tr:nth-child(2n) {
  background: #ffffff;
}
.product-info__table th {
  font-weight: 600;
}

.history {
  position: relative;
  padding: 100px 0;
  background: #ece9e4;
}
.history__title {
  text-align: center;
  margin: 0 auto;
}
.history__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-top: 60px;
}
.history__item {
  position: relative;
  padding-right: 30px;
  padding-bottom: 20px;
  border-right: 1px solid #999287;
}
.history__item-title {
  font-size: 24px;
  font-weight: 600;
  margin-top: 30px;
}
.history__year {
  position: relative;
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: 60px;
  font-weight: 100;
  width: 100%;
  color: #999287;
}
.history__year:after {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  background: #999287;
}
.history__year::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  height: 5px;
  width: 5px;
  transform: translateY(-50%);
  background: #999287;
  border-radius: 50%;
}
.history__text {
  font-size: 18px;
  margin-top: 10px;
}

.gallery {
  position: relative;
  padding: 80px 0 100px;
}
.gallery__title {
  text-align: center;
  margin: 0 auto;
}
.gallery__descr {
  text-align: center;
  max-width: 800px;
  margin: 30px auto 0;
}
.gallery__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 60px;
}
.gallery__list a {
  min-width: 0;
  display: block;
  aspect-ratio: 1;
}
.gallery__list a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.contacts {
  position: relative;
  padding: 100px 0;
}
.contacts__wrapper {
  display: grid;
  grid-template-columns: 0.85fr 1fr 1fr;
  gap: 50px;
}
.contacts__map {
  min-height: 250px;
}
.contacts__map iframe {
  width: 100%;
  height: 100%;
}
.contacts__list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 40px;
}
.contacts__list li {
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: 18px;
}
.contacts__list li a {
  font-size: inherit;
  white-space: no-wrap;
}
.contacts__list li img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}
.contacts__socials {
  margin-top: 40px;
}
.contacts__form {
  position: relative;
  border: 1px solid #cdcdcd;
  padding: 40px;
}
.contacts__form-title {
  font-size: 30px;
  font-weight: 600;
}
.contacts__form form {
  margin-top: 20px;
}

.article {
  position: relative;
  padding: 80px 0 100px;
}
.article__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 50px;
}
.article__title {
  width: 100%;
}
.article__share {
  flex-shrink: 0;
  display: flex;
  gap: 20px;
}
.article__share-label {
  color: #999287;
}
.article__share-link {
  height: 30px !important;
  width: 30px !important;
}
.article__share-link .icon {
  width: 20px !important;
  height: 20px !important;
}
.article__content {
  margin-top: 60px;
  max-width: 1000px;
}
.article__content p,
.article__content ul,
.article__content ol li {
  font-size: 18px;
}
.article__image {
  max-width: 100%;
  max-height: 90vh;
  object-fit: cover;
}
.article__image-wrapper:not(:first-child) {
  margin: 30px 0;
}
.article__image-wrapper:first-child {
  margin-bottom: 40px;
}
.article__image-wrapper:first-child img {
  width: 100%;
  height: 400px;
  object-fit: cover;
}

@media (max-width: 1600px) {
  .container {
    width: 100%;
  }
  .socials__link {
    width: 40px;
    height: 40px;
  }
  .socials__link .icon {
    width: 25px;
    height: 25px;
  }
  .header__logo {
    width: 150px;
  }
  .header__menu {
    gap: 20px;
  }
  .header__menu li a {
    font-size: 15px;
  }
  .header__phone {
    font-size: 16px;
    padding: 10px 20px;
  }
  .benefits__items {
    gap: 60px 100px;
  }
}
@media (max-width: 1360px) {
  .title {
    font-size: 34px;
  }
  .title--accent {
    font-size: 42px;
  }
  .btn {
    padding: 16px 40px;
  }
  .nav {
    gap: 30px;
  }
  .nav-btn {
    width: 42px;
    height: 36px;
  }
  form input:not([type="submit"]),
  form select,
  form textarea {
    font-size: 16px;
  }
  form .acceptance label {
    font-size: 16px;
  }
  .post h2 {
    font-size: 32px;
  }
  .post h3 {
    font-size: 28px;
  }
  .post h4 {
    font-size: 24px;
  }
  .post h5 {
    font-size: 20px;
  }
  .post h6 {
    font-size: 16px;
  }
  .header__menu {
    gap: 15px;
  }
  .header__menu li a {
    font-size: 14px;
  }
  .header__phone {
    font-size: 15px;
    padding: 9px 18px;
  }
  .footer {
    padding: 80px 0 60px;
  }
  .footer__list li {
    font-size: 16px;
  }
  .main {
    background-position: 30%;
    min-height: 600px;
  }
  .main__content {
    max-width: 420px;
  }
  .main__descr {
    font-size: 20px;
  }
  .catalog {
    padding: 80px 0 100px;
  }
  .catalog__item {
    padding: 20px;
  }
  .catalog__item-title {
    font-size: 20px;
  }
  .catalog__item-link {
    font-size: 14px;
  }
  .galleries {
    padding: 60px 0 80px;
  }
  .galleries__item {
    padding: 20px;
  }
  .galleries__item-title {
    font-size: 20px;
  }
  .galleries__item-link {
    font-size: 14px;
  }
  .marquee__track {
    gap: 50px;
  }
  .marquee__track span::after {
    width: 6px;
    height: 6px;
    right: -29px;
  }
  .projects {
    padding-top: 80px;
  }
  .projects__slider {
    margin-top: 30px;
  }
  .projects__btn {
    margin-top: 40px;
  }
  .benefits {
    padding: 80px 0;
  }
  .benefits__items {
    gap: 40px;
  }
  .benefits__item {
    width: calc(33.33% - 26.66px);
  }
  .benefits__item-title {
    font-size: 20px;
  }
  .place__wrapper {
    width: 500px;
  }
  .place__wrapper::before {
    width: 62px;
    height: 62px;
  }
  .place__img {
    width: 50%;
    margin-right: 0;
  }
  .place__address {
    font-size: 20px;
  }
  .about {
    padding: 80px 0;
  }
  .about__wrapper {
    gap: 40px;
  }
  .about__content {
    width: 55%;
  }
  .about__text {
    font-size: 16px;
  }
  .about__img {
    width: 45%;
  }
  .about__contacts-title {
    font-size: 20px;
  }
  .about__contacts-list {
    margin-top: 20px;
  }
  .about__contacts-list li {
    font-size: 16px;
  }
  .cta {
    padding: 40px 0;
  }
  .cta__wrapper {
    width: 500px;
  }
  .cta__descr {
    font-size: 20px;
  }
  .cta__form {
    width: 460px;
    padding: 30px 40px;
  }
  .articles {
    padding: 80px 0;
  }
  .articles__list {
    gap: 20px;
  }
  .articles__item-content {
    padding: 20px;
  }
  .articles__item-title {
    font-size: 20px;
  }
  .articles__item-descr {
    font-size: 16px;
  }
  .products__item img,
  .related__item img {
    height: 320px;
  }
  .products__item-title,
  .related__item-title {
    font-size: 18px;
  }
  .product-card__inner {
    gap: 40px;
  }
  .product-card__gallery {
    width: 400px;
  }
  .product-card__image img {
    max-height: 600px;
  }
  .product-card__category {
    font-size: 14px;
  }
  .product-card__price {
    font-size: 18px;
  }
  .product-card__features {
    gap: 10px;
    margin-top: 40px;
  }
  .product-card__feature {
    width: calc(25% - 7.5px);
    padding: 20px 10px;
  }
  .product-card__feature-icon {
    height: 30px;
    width: 30px;
  }
  .product-card__feature-text {
    font-size: 14px;
  }
  .product-card__actions {
    margin-top: 40px;
  }
  .product-info__description {
    max-width: 800px;
  }
  .product-info__text p {
    font-size: 16px;
  }
  .product-info__grid {
    gap: 60px;
    margin-top: 40px;
  }
  .product-info__swatches {
    gap: 20px;
  }
  .product-info__swatch {
    width: 100px;
  }
  .product-info__swatch-label {
    font-size: 14px;
  }
  .product-info__group {
    font-size: 15px;
  }
  .product-info__title {
    font-size: 24px;
  }
  .product-info__subtitle {
    font-size: 20px;
  }
  .product-info__specs {
    padding: 30px 20px;
  }
  .history {
    padding: 80px 0;
  }
  .history__item-title {
    font-size: 20px;
  }
  .history__year {
    font-size: 50px;
  }
  .history__text {
    font-size: 16px;
  }
  .contacts {
    padding: 80px 0;
  }
  .contacts__wrapper {
    gap: 30px;
  }
  .contacts__form {
    padding: 30px;
  }
  .contacts__form-title {
    font-size: 24px;
  }
  .contacts__list li {
    font-size: 16px;
    gap: 10px;
  }
  .contacts__list li img {
    width: 20px;
    height: 20px;
  }
  .contacts__socials {
    margin-top: 30px;
  }
}
@media (max-width: 1200px) {
  .header__menu {
    display: none;
  }
  .header__burger {
    display: flex;
  }
}
@media (max-width: 1024px) {
  html[dir="rtl"] .place__wrapper::before {
    left: 0;
  }
  html[dir="rtl"] .history__item {
    padding-left: 20px;
  }
  .btn {
    font-size: 14px;
    padding: 14px 30px;
  }
  .title {
    font-size: 28px;
    max-width: 600px;
  }
  .title--accent {
    font-size: 36px;
  }
  .descr {
    font-size: 16px;
  }
  form .acceptance label {
    font-size: 14px;
  }
  .pagination {
    margin-top: 60px;
  }
  .post h2 {
    font-size: 28px;
  }
  .post h3 {
    font-size: 24px;
  }
  .post h4 {
    font-size: 20px;
  }
  .post h5 {
    font-size: 16px;
  }
  .breadcrumbs {
    padding: 14px 0;
  }
  .breadcrumbs__list li {
    font-size: 14px;
  }
  .footer {
    padding: 60px 0 40px;
  }
  .footer__top {
    flex-wrap: wrap;
  }
  .footer__label {
    font-size: 18px;
  }
  .footer__map {
    width: 100%;
    height: 300px;
  }
  .footer__copyright,
  .footer__policy {
    font-size: 14px;
  }
  .main {
    min-height: 400px;
  }
  .main__content {
    max-width: 350px;
  }
  .main__descr {
    font-size: 16px;
  }
  .catalog {
    padding: 60px 0 80px;
  }
  .catalog__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin-top: 40px;
  }
  .catalog__descr {
    margin-top: 20px;
    max-width: 600px;
  }
  .galleries__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin-top: 40px;
  }
  .galleries__descr {
    margin-top: 20px;
    max-width: 600px;
  }
  .gallery {
    padding: 60px 0 80px;
  }
  .gallery__descr {
    margin-top: 20px;
    max-width: 600px;
  }
  .gallery__list {
    gap: 15px;
    margin-top: 40px;
  }
  .marquee {
    padding: 10px 0;
  }
  .marquee__track {
    gap: 40px;
  }
  .marquee__track span::after {
    width: 4px;
    height: 4px;
    right: -24px;
  }
  .projects {
    padding-top: 60px;
  }
  .projects__slider {
    margin-top: 20px;
  }
  .projects .nav {
    margin-top: 40px;
  }
  .projects__btn {
    margin-top: 30px;
  }
  .benefits {
    padding: 60px 0;
  }
  .benefits__items {
    gap: 30px;
  }
  .benefits__item {
    width: calc(33.33% - 20px);
  }
  .benefits__item-title {
    font-size: 18px;
  }
  .benefits__item-icon {
    width: 60px;
    height: 60px;
  }
  .place__wrapper {
    width: 400px;
  }
  .place__wrapper::before {
    top: 10px;
    right: 0;
    width: 50px;
    height: 50px;
  }
  .place__address {
    font-size: 16px;
  }
  .place__btn {
    margin-top: 30px;
  }
  .about {
    padding: 60px 0;
  }
  .about__wrapper {
    flex-direction: column;
    gap: 30px;
  }
  .about__content,
  .about__img {
    width: 100%;
  }
  .about__title br {
    display: none;
  }
  .cta__form {
    padding: 30px;
  }
  .cta__descr {
    font-size: 16px;
  }
  .articles {
    padding: 60px 0;
  }
  .articles__list {
    gap: 10px;
    margin-top: 40px;
  }
  .articles__item-content {
    padding: 20px 10px;
  }
  .articles__item-title {
    font-size: 18px;
  }
  .articles__item-descr {
    font-size: 14px;
  }
  .info {
    padding: 80px 0;
  }
  .info .post {
    column-gap: 60px;
  }
  .products,
  .related {
    padding: 60px 0 80px;
  }
  .products__item img,
  .related__item img {
    height: 240px;
  }
  .products__item-title,
  .related__item-title {
    font-size: 16px;
  }
  .product-card__gallery {
    width: 300px;
  }
  .product-card__image img {
    max-height: 500px;
  }
  .product-card__price {
    font-size: 16px;
    margin-top: 20px;
  }
  .product-card__features {
    margin-top: 20px;
  }
  .product-card__feature {
    width: calc(50% - 5px);
  }
  .product-card__actions {
    gap: 10px;
  }
  .product-card {
    padding: 40px 0 80px;
  }
  .product-card__inner {
    flex-direction: column;
    align-items: center;
  }
  .product-card__image img {
    max-height: 400px;
  }
  .product-card__actions {
    flex-wrap: wrap;
  }
  .product-info__grid {
    grid-template-columns: 1fr;
  }
  .product-info__group {
    margin-top: 20px;
  }
  .product-info__table {
    margin-top: 20px;
  }
  .product-info__table th,
  .product-info__table td {
    font-size: 15px;
  }
  .about__contacts {
    padding: 30px 20px;
  }
  .about__contacts-title {
    font-size: 18px;
  }
  .history {
    padding: 60px 0;
  }
  .history__list {
    gap: 20px;
  }
  .history__item {
    padding-right: 20px;
  }
  .history__item-title {
    font-size: 18px;
  }
  .history__year {
    font-size: 40px;
  }
  .history__text {
    font-size: 15px;
  }
  .contacts {
    padding: 60px 0;
  }
  .contacts__wrapper {
    grid-template-columns: 1fr 1fr;
  }
  .contacts__form {
    grid-column: 1/-1;
  }
  .article {
    padding: 60px 0 80px;
  }
  .article__share-label {
    font-size: 14px;
  }
  .article__content {
    margin-top: 40px;
  }
  .article__content p,
  .article__content ul,
  .article__content ol li {
    font-size: 16px;
  }
  .article__image-wrapper:not(:first-child) {
    margin: 20px 0;
  }
  .article__image-wrapper:first-child {
    margin-bottom: 30px;
  }
  .article__image-wrapper:first-child img {
    height: auto;
    aspect-ratio: 2/1;
  }
}
@media (max-width: 767px) {
  .page-inner .main {
    padding: 60px 0;
  }
  .page-catalog .catalog__item {
    aspect-ratio: 1;
  }
  .title {
    font-size: 24px;
  }
  .title--accent {
    font-size: 24px;
    text-shadow: -1.5px 0 0 #ffffff;
  }
  .descr br {
    display: none;
  }
  .nav {
    gap: 20px;
  }
  .nav-btn {
    width: 36px;
    height: 30px;
  }
  .pagination__list {
    gap: 10px;
  }
  .pagination__item:not(.pagination__item--prev, .pagination__item--next) a,
  .pagination__item:not(.pagination__item--prev, .pagination__item--next) span {
    height: 30px;
    width: 30px;
  }
  .pagination__item a,
  .pagination__item span {
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ece9e4;
    border-radius: 100px;
  }
  .pagination__item--prev a,
  .pagination__item--next a {
    padding: 8px 14px;
  }
  .content {
    padding: 60px 0;
  }
  .post h2 {
    font-size: 24px;
  }
  .post h3 {
    font-size: 20px;
  }
  .post h4 {
    font-size: 16px;
  }
  .header__logo {
    width: 130px;
  }
  .socials__link {
    width: 35px;
    height: 35px;
  }
  .socials__link .icon {
    width: 22px;
    height: 22px;
  }
  .popup__box {
    width: 400px;
    padding: 40px 30px;
  }
  .popup--menu .popup {
    padding-top: 60px;
  }
  .popup--menu .popup__menu li a {
    font-size: 16px;
  }
  .footer__top {
    gap: 30px;
  }
  .footer__item {
    width: 100%;
  }
  .main {
    background-position: 24%;
    min-height: 0;
    padding: 80px 0;
  }
  .main__content {
    max-width: 240px;
  }
  .main__descr {
    font-size: 15px;
    margin-top: 15px;
  }
  .main__btns {
    margin-top: 20px;
  }
  .main__btn {
    margin-top: 30px;
  }
  .benefits__items {
    gap: 50px 30px;
    margin-top: 40px;
  }
  .benefits__item {
    width: calc(50% - 15px);
  }
  .benefits__item-title {
    margin-top: 20px;
  }
  .cta .container {
    flex-direction: column;
    gap: 30px;
  }
  .cta__wrapper,
  .cta__form {
    width: 100%;
  }
  .cta__wrapper {
    padding: 0;
  }
  .articles__list {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  }
  .info {
    padding: 60px 0;
  }
  .info .post {
    column-count: 1;
    column-gap: unset;
  }
  .products__list,
  .related__list {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 20px;
    margin-top: 40px;
  }
  .products__item img,
  .related__item img {
    height: 200px;
  }
  .related__list {
    grid-template-columns: repeat(4, 1fr);
  }
  .product-info__text {
    margin-top: 20px;
  }
  .product-info__table {
    min-width: 400px;
  }
  .product-info__table th,
  .product-info__table td {
    padding: 15px 10px;
  }
  .history__list {
    grid-template-columns: 1fr;
    margin-top: 40px;
  }
  .gallery {
    padding: 40px 0 60px;
  }
  .contacts__wrapper {
    grid-template-columns: 1fr;
  }
  .article {
    padding: 40px 0 60px;
  }
  .article__header {
    flex-direction: column;
    gap: 30px;
  }
}
@media (max-width: 480px) {
  .container {
    padding: 0 10px;
  }
  .title {
    font-size: 20px;
  }
  .title--accent {
    font-size: 20px;
  }
  .page-catalog .catalog__list {
    grid-template-columns: 1fr;
  }
  .header {
    padding: 10px 0;
  }
  .header__socials {
    display: none;
  }
  .header__phone {
    padding: 8px 16px;
    font-size: 14px;
  }
  .main {
    padding: 60px 0;
  }
  .catalog {
    padding: 40px 0 60px;
  }
  .catalog__list {
    grid-template-columns: 1fr;
  }
  .catalog__item-title {
    font-size: 18px;
  }
  .catalog__item-link {
    font-size: 13px;
  }
  .galleries {
    padding: 40px 0 60px;
  }
  .galleries__list {
    grid-template-columns: 1fr;
  }
  .galleries__item-title {
    font-size: 18px;
  }
  .galleries__item-link {
    font-size: 13px;
  }
  .benefits__item {
    width: 100%;
  }
  .benefits__item-title {
    font-size: 16px;
  }
  .place__img {
    display: none;
  }
  .about {
    padding: 40px 0;
  }
  .products__list,
  .related__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .products__item img,
  .related__item img {
    height: 140px;
  }
  .products__item-title,
  .related__item-title {
    margin-top: 20px;
  }
  .product-info__title {
    font-size: 20px;
  }
  .product-info__subtitle {
    font-size: 18px;
  }
  .product-info__text p {
    font-size: 15px;
  }
  .product-info__grid {
    gap: 40px;
  }
  .product-info__group-title {
    font-size: 14px;
  }
  .product-info__specs {
    padding: 20px 15px;
  }
  .product-info__swatches {
    gap: 10px;
    margin-top: 10px;
  }
  .product-info__swatch {
    width: 80px;
  }
  .product-info__swatch-color {
    height: 60px;
  }
  .product-info__swatch-label {
    font-size: 12px;
  }
  .gallery__list {
    grid-template-columns: repeat(2, 1fr);
  }
}

/*# sourceMappingURL=style.css.map */