* {
     margin: 0;
     padding: 0;
     list-style: none;
     font-family: Geologica Roman;
     border: none;
     outline: none;
     color: #000;
     box-sizing: border-box;
     text-decoration: none;
}
div[id^=wait_comp] {
    display: none;
}
.ajax-container {
	min-height: 200px;
	width: 100%;
	position: relative;
}
.ajax-spinner {
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 3px solid rgba(255,255,255,.3);
  border-radius: 50%;
  border-top-color: var(--main-primary, #1547FF);
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
  top: 50%;
  left: 50%;
  margin: 0 auto;
  position: absolute;
}
.ajax-spinner {
  border-top-color: #000 !important;
}
.modal-dialog .ajax-spinner {
  top: 40%;
  left: 44%;
}
@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
 .container {
     width: 1200px;
     margin: 0 auto;
}
 .header {
}
 .header-menu {
     background: #2D2823;
     padding: 4px 0;
     transition: all .3s ease-in-out;
}
 .header-menu-list {
     display: flex;
}
 .header-list-item:not(:last-of-type) {
     padding-right: 24px;
}
 .header-menu-link {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: -2%;
     cursor: pointer;
     color: #fff !important;
}
 .header-actions {
     margin-top: 24px;
     display: flex;
     align-items: center;
     transition: all .3s ease-in-out;
}
 .logo-link {
}
 .header-logo {
}
 .header-search {
     position: relative;
     margin: 0 16px;
     flex: 1;
}
 .header-search-field {
     height: 56px;
     background: linear-gradient(90deg, #FFFFFF 0%, #F5F3F0 100%), linear-gradient(90deg, color(display-p3 1.000 1.000 1.000) 0%, color(display-p3 0.961 0.953 0.941) 100%);
     border: none;
     width: 100%;
     border-radius: 20px;
     padding: 20px 16px;
     box-sizing: border-box;
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: -2%;
}
 .header-search-field::placeholder {
     color: #808080;
}
 .header-search-submit {
     width: 24px;
     height: 24px;
     background: url("img/search.svg") no-repeat center;
     cursor: pointer;
     position: absolute;
     right: 16px;
     top: 16px;
}
 .header-button {
     width: 56px;
     height: 56px;
     border-radius: 20px;
     padding: 16px;
     background: #F5F3F0;
     cursor: pointer;
     background-position: center;
     background-repeat: no-repeat;
     position: relative;
}
 .header-button:not(:last-of-type) {
     margin-right: 16px;
}
 .header-button .badge-count {
     position: absolute;
     top: -10px;
     right: 0;
}
 .badge-count {
     font-family: Geologica Roman;
     font-weight: 500;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: -2%;
     text-align: center;
     background: #F94444;
     border-radius: 100%;
     color: #fff;
     width: 24px;
     height: 24px;
}
 .header-bottom-menu {
     display: flex;
}
 .header-bottom-menu-item {
     position: relative;
     z-index: 3;
}
 .header-bottom-menu-item:first-of-type {
     z-index: 5;
}
 .header-bottom-menu-item:not(:last-of-type) .header-menu-title {
     padding-right: 12px;
}
 .header-bottom-menu-item:not(:first-of-type) .header-menu-title {
     padding-left: 12px;
}
 .header-menu-title-dropdown:after {
     content: "";
     width: 24px;
     height: 24px;
     display: block;
     background: url("img/arrow.svg") no-repeat center;
     margin-left: 8px;
     transition: all .3s ease;
}
 .header-bottom-menu-item:hover .header-menu-title-dropdown:after {
     transform: rotate(180deg);
}
 .header-bottom-menu-item:hover .header-menu-title-dropdown {
     background: #F5F3F0;
}
 .header-menu-title {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: -2%;
     display: flex;
     align-items: center;
     cursor: pointer;
     padding: 24px 0;
     border-radius: 20px 20px 0 0;
     transition: all .3s ease;
}
 .header-bottom-img {
     margin-right: 8px;
}
 .header-bottom-text {
}
 .lock {
     overflow: hidden;
     padding-right: 16px;
}
 .menu-shadow {
     background: rgba(153, 144, 135, 0.25);
     position: fixed;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     width: 100%;
     right: 100%;
     z-index: 999;
     display: flex;
     justify-content: center;
     display: none;
}
 .menu-header-content {
     width: 1200px;
     background: #fff;
     display: flex;
     position: relative;
     height: 450px;
     margin: 0 auto;
}
 .menu-left-list {
     display: flex;
     flex-direction: column;
     padding: 40px 60px 40px 80px;
     border-right: 1px solid rgba(230, 221, 206, 1);
}
 .menu-left-item {
     display: flex;
     align-items: center;
}
 .menu-left-link {
     font-family: Geologica Roman;
     font-weight: 400;
     font-size: 32px;
     line-height: 40px;
     letter-spacing: -2%;
     display: flex;
     align-items: center;
     padding-right: 8px;
     transition: all .3s ease-in-out;
}
 .menu-left-link:hover {
     color: rgba(68, 95, 249, 1);
}
 .menu-left-item:not(:last-of-type) .menu-left-link {
     padding-bottom: 24px;
}
 .menu-left-item .badge-count {
     margin-bottom: 24px;
}
 .menu-header-right {
     padding: 40px 0 40px 60px;
     display: flex;
     gap: 60px;
     overflow-y:auto;
}
 .menu-header-column {
     display: flex;
     flex-direction: column;
}
 .menu-column-title {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: -2%;
     color: rgba(128, 128, 128, 1);
     padding-bottom: 12px;
}
 .menu-column-list {
}
 .menu-column-list-item {
}
 .menu-column-link {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: -2%;
     padding-bottom: 12px;
     display: block;
}
 .menu-header-content .header-button {
     position: absolute;
     top: 40px;
     right: 40px;
}
 .header-menu-dropdown {
     visibility: hidden;
     opacity: 0;
     pointer-events: none;
     touch-action: none;
     position: absolute;
     top: 70px;
     left: 0;
     display: flex;
     flex-direction: column;
     padding: 0 20px 20px 20px;
     background: #F5F3F0;
     border-radius: 0 0 20px 20px;
     transition: all .3s ease-in-out;
     width: 100%;
}
 .header-bottom-menu-item:hover .header-menu-dropdown {
     visibility: visible;
     opacity: 1;
     pointer-events: all;
     touch-action: auto;
}
 .header-dropdown-item {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: -2%;
}
 .header-dropdown-item:not(:last-of-type) {
     padding-bottom: 12px;
}
 .header-menu-right {
     margin-left: auto;
     display: flex;
     align-items: center;
}
 .header-menu-tel {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: -2%;
     color: #000;
}
 .user-status {
     width: 8px;
     height: 8px;
     margin-left: 16px;
     background: #38BD20;
     border-radius: 100%;
}
.user-status.offline { background: #F94444; }
 .short-header-actions {
     display: flex;
     align-items: center;
     margin-left: 32px;
     display: none;
}
 .short-header-action {
     background: transparent;
}
 .short-header-actions .badge-count {
     margin-left: 8px;
	 display: inline-block;
}
 .short-header-action:not(:last-of-type) {
     margin-right: 24px;
}
 .header.fixed .header-menu, .header.fixed .header-actions {
     display: none;
}
 .header.fixed {
     position: fixed;
     top: 0;
     left: 0;
     border-bottom: 1px solid rgba(0,0,0,.25);
     background: #fff;
     width: 100%;
     z-index: 999;
}
 .header.fixed .short-header-actions {
     display: flex;
}
 .banner {
     height: 460px;
     margin-bottom: 40px;
}
 .banner-items {
     height: 100%;
}
 .banner-item {
     width: 100%;
     height: 100%;
     display: flex !important;
     justify-content: flex-end;
     height: 460px !important;
}
 .slick-slide {
    /*  height: 300px; */
    /* Фиксированная высота */
}
 .banner-item-caption {
     width: 250px;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: flex-end;
     padding-bottom: 40px;
     background: rgba(245, 243, 240, 1) url("img/pattern-banner.jpg") no-repeat;
}
 .banner-caption-title {
     font-family: Geologica Roman;
     font-weight: 400;
     font-size: 20px;
     line-height: 32px;
     letter-spacing: -2%;
     width: 170px;
     margin-bottom: 8px;
}
 .banner-caption-descr {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: -2%;
     color: rgba(128, 128, 128, 1);
     width: 170px;
}
 .header-button.slick-arrow {
     position: absolute;
     bottom: 40px;
     left: 40px;
     z-index: 4;
}
 .header-button.slick-arrow.arrow-right {
     left: 120px;
     display: flex;
     width: 88px;
}
 .progress-container {
     display: inline-block;
     position: relative;
     margin-right: 10px;
}
 .progress-circle {
     transform: rotate(-90deg);
}
 .progress-bg {
     fill: none;
     stroke: #f0f0f0;
    /* Background color */
     stroke-width: 2;
}
 .progress-fill {
     fill: none;
     stroke: rgba(70, 70, 70, 1);
    /* Progress color */
     stroke-width: 2;
     stroke-linecap: round;
     stroke-dasharray: 62.83;
    /* 2 * π * 10 ≈ 62.83 */
     stroke-dashoffset: 62.83;
     animation: progress 10s linear forwards;
}
 @keyframes progress {
     from {
         stroke-dashoffset: 62.83;
    }
     to {
         stroke-dashoffset: 0;
    }
}
 .tiles {
     display: flex;
     gap: 24px;
}
 .tile-item {
     width: 33%;
     background: rgba(245, 243, 240, 1);
     border-radius: 20px;
     position: relative;
     display: flex;
     flex-direction: column;
     align-items: center;
     padding: 24px;
}
 .tile-link {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
 .tile-title {
     font-family: Geologica Roman;
     font-weight: 400;
     font-size: 20px;
     line-height: 32px;
     letter-spacing: -2%;
     text-align: center;
}
 .tile-img {
     max-width: 140px;
}
 .tile-count {
     font-family: Geologica Roman;
     font-weight: 500;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: -2%;
     text-align: right;
     color: rgba(188, 188, 188, 1);
     margin-left: 8px;
}
 .vertical-banners {
     margin-top: 40px;
     display: flex;
     gap: 24px;
     margin-bottom: 100px;
}
 .vertical-banner-item {
     width: 50%;
     height: 620px;
     display: flex;
     position: relative;
}
 .vertical-banner-light {
     background: rgba(245, 243, 240, 1);
}
 .vertical-banner-dark {
     background: rgba(45, 40, 35, 1);
}
 .vertical-banner-text {
     display: flex;
     flex-direction: column;
     height: 100%;
     width: 100%;
}
 .vertical-banner-title {
     font-family: Geologica Roman;
     font-weight: 400;
     font-size: 32px;
     line-height: 40px;
     letter-spacing: -2%;
     margin-bottom: auto;
     margin-top: 40px;
     padding-left: 40px;
     padding-bottom: 40px;
}
 .vertical-banner-prices {
     display: flex;
     align-items:baseline;
     margin-bottom: 8px;
     width: 170px;
     justify-content: space-between;
}
 .vertical-price-current {
     font-family: Geologica Roman;
     font-weight: 400;
     font-size: 20px;
     line-height: 32px;
     letter-spacing: -2%;
}
 .vertical-price-old {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 14px;
     line-height: 20px;
     letter-spacing: -2%;
     color: rgba(188, 188, 188, 1);
     position: relative;
}
 .vertical-price-old:before {
     position: absolute;
     display: block;
     content: "";
     width: 100%;
     height: 1px;
     top: 50%;
     left: 0;
     background: rgba(249, 68, 68, 1);
}
 .vertical-banner-descr {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: -2%;
     width: 170px;
     margin-bottom: 40px;
     color: rgba(128, 128, 128, 1);
}
 .vertical-banner-img {
     width: 50%;
     height: 100%;
     background-repeat: no-repeat;
     background-position: center;
     margin-left: auto;
     position: absolute;
     top: 0;
     right: 0;
}
 .vertical-banner-dark .vertical-banner-title, .vertical-banner-dark .vertical-price-current {
     color: #fff;
}
 .vertical-banner-dark .vertical-banner-title {
     border-bottom: 1px solid rgba(70, 70, 70, 1);
}
 .vetical-banner-content {
     width: 330px;
     padding-left: 40px;
     border-right: 1px solid rgba(70, 70, 70, 1);
     flex: 1;
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
}
 .vertical-link {
     display: block;
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
}
 .info-block {
     padding-bottom: 100px;
    ;
     border-bottom: 1px solid rgba(230, 221, 206, 1);
     margin-bottom: 100px;
}
 .info-block p {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 20px;
     line-height: 32px;
     letter-spacing: -2%;
     max-width: 70%;
}
 .info-block p:not(:last-of-type) {
     margin-bottom: 24px;
}
 .info-block-title {
     font-family: Geologica Roman;
     font-weight: 400;
     font-size: 32px;
     line-height: 40px;
     letter-spacing: -2%;
     margin-bottom: 24px;
}
 .popular-slider {
}
 .popular-title {
     font-family: Geologica Roman;
     font-weight: 400;
     font-size: 32px;
     line-height: 40px;
     letter-spacing: -2%;
     margin-bottom: 40px;
}
 .popular-slider-content {
}
 .popular-slider-item {
     width: 170px;
     position: relative;
}
 .popular-slider-link {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
 .popular-slider-header {
     width: 170px;
     height: 170px;
     padding: 8px;
}
 .popular-discount {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 14px;
     line-height: 20px;
     letter-spacing: -2%;
     color: #fff;
     padding: 2px 8px;
     border-radius: 20px;
     background: rgba(249, 68, 68, 1);
}
 .popular-tag {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 14px;
     line-height: 25px;
     letter-spacing: -2%;
     color: rgba(180, 146, 89, 1);
     padding: 2px 8px;
     border-radius: 20px;
     background: #fff;
}
 .popular-slider-price {
     margin: 8px 0;
     display: flex;
     justify-content: space-between;
     align-items: baseline;
     max-width: 170px;
}
 .popular-slider-current {
     font-family: Geologica Roman;
     font-weight: 400;
     font-size: 20px;
     line-height: 32px;
     letter-spacing: -2%;
}
 .popular-slider-old {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 14px;
     line-height: 20px;
     letter-spacing: -2%;
     color: rgba(188, 188, 188, 1);
     position: relative;
     display: block;
}
 .popular-slider-old:before {
     position: absolute;
     display: block;
     content: "";
     width: 100%;
     height: 1px;
     top: 50%;
     left: 0;
     background: rgba(249, 68, 68, 1);
}
 .popular-slider-descr {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: -2%;
     color: rgba(128, 128, 128, 1);
     transition: all .3s ease-in-out;
     max-width: 170px;
}
 .popular-slider-item:hover .popular-slider-descr {
     color: rgba(68, 95, 249, 1);
}
 .popular-slider .arrow-l {
     position: absolute;
     left: -25px;
     top: 60px;
}
 .popular-slider .arrow-r {
     position: absolute;
     right: -0px;
     top: 60px;
     left: initial;
}
 .page-banner {
     height: 462px;
     margin: 100px auto;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     position: relative;
}
 .page-banner-link {
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
}
 .question {
     margin: 100px auto;
     position: relative;
     background: rgba(245, 243, 240, 1);
     position: relative;
     padding: 40px 0;
}
 .question::before {
     display: block;
     content: "";
     height: 100%;
     width: 300px;
     position: absolute;
     left: 0;
     top: 0;
     background: url("img/pattern.svg") no-repeat center;
     background-size: cover;
}
 .question::after {
     display: block;
     content: "";
     height: 100%;
     width: 300px;
     position: absolute;
     right: 0;
     top: 0;
     background: url("img/pattern-right.png") no-repeat center;
     background-size: cover;
}
 .question-content {
     font-family: Geologica Roman;
     font-weight: 400;
     font-size: 32px;
     line-height: 40px;
     letter-spacing: -2%;
     text-align: center;
     margin-bottom: 24px;
}
.form-group { position: relative; }

 .input-text {
     border: 1px solid rgba(230, 221, 206, 1);
     border-radius: 20px;
     background: #fff;
     height: 56px;
     color: #000;
     padding: 20px 16px;
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: -2%;
     transition: all .3s ease-in-out;
}
.form-group .input-text { width: 100%; } 
 textarea.input-text {
     height: 136px;
     resize: none;
}
 .input-text:hover {
     border: 1px solid rgba(216, 185, 134, 1);
}
 .input-text:focus {
     border: 1.5px solid rgba(68, 95, 249, 1);
}
 .question-form {
     display: flex;
     justify-content: center;
}
 .question-input {
     width: 300px;
     margin-right: 12px;
}
 .action-button {
     background: rgba(45, 40, 35, 1);
     color: #fff;
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: -2%;
     cursor: pointer;
     padding: 16px 20px;
     border-radius: 20px;
     transition: all .3s ease-in-out;
}
.modal-content-call  .action-button { width: 100% }
 .action-button:hover {
     background: rgba(70, 70, 70, 1);
}
 .action-button:disabled {
     background: rgba(219, 219, 219, 1);
     color: rgba(188, 188, 188, 1);
     pointer-events: none;
     touch-action: none;
}
 .question-button {
}
 .question-refresh {
     text-align: center;
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: -2%;
     margin-top: 20px;
}
 .question-refresh p:not(:last-of-type) {
     margin-bottom: 8px;
}
 .question-refresh p {
     display: flex;
     align-items: center;
     justify-content: center;
}
 .question-action {
}
 .question-action img {
     cursor: pointer;
     margin-left: 8px;
}
 .seo {
     margin: 100px 0;
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 20px;
     line-height: 32px;
     letter-spacing: -2%;
     color: rgba(128, 128, 128, 1);
     max-width: 900px;
}
 .footer {
     background: rgba(45, 40, 35, 1);
     display: flex;
     justify-content: center;
}
 .footer-content {
     display: flex;
}
 .footer-left {
     padding-top: 64px;
     padding-bottom: 64px;
}
 .footer-data {
}
 .left-tels {
     display: flex;
     align-items: center;
     margin-bottom: 6px;
}
 .left-phone {
     font-family: Geologica Roman;
     font-weight: 400;
     font-size: 20px;
     line-height: 32px;
     letter-spacing: -2%;
     color: #fff;
     margin-right: 16px;
}
 .time {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 14px;
     line-height: 20px;
     letter-spacing: -2%;
     color: rgba(128, 128, 128, 1);
}
 .contacts {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: -2%;
     color: #fff;
     margin-bottom: 6px;
}
 .mail {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: -2%;
     color: #fff;
}
 .footer-contact-menu {
     margin-top: 88px;
     border-bottom: 1px solid rgba(70, 70, 70, 1);
     padding-bottom: 24px;
     margin-bottom: 24px;
     padding-right: 64px;
}
 .footer-contact-link {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: -2%;
     color: #fff;
}
 .footer-contact-link:not(:last-of-type) {
     padding-right: 24px;
}
 .footer-copyrights {
     display: flex;
}
 .copyright-item, .copyright-item a {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: -2%;
     color: rgba(128, 128, 128, 1);
}
 .copyright-item:not(:last-of-type) {
     margin-right: 24px;
}
 .footer-right {
     display: flex;
     gap: 64px;
     padding-left: 64px;
     border-left: 1px solid rgba(70, 70, 70, 1);
     padding-top: 64px;
     padding-right: 64px;
}
 .footer-right-column {
     flex-direction: column;
     display: flex;
}
 .footer-column-title {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: -2%;
     color: rgba(128, 128, 128, 1);
     margin-bottom: 12px;
     display: block;
}
 .footer-column-links {
     display: flex;
     flex-direction: column;
}
 .footer-column-link {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: -2%;
     color: #fff;
}
 .footer-column-link:not(:last-of-type) {
     padding-bottom: 12px;
}
 .footer-copyrights--right {
     display: none;
}
 @media screen and (max-width: 1200px) {
     .container {
         width: 95%;
    }
     .question::before, .question::after {
         display: none;
    }
     .footer-left {
         padding-left: 20px;
    }
}
 .header-bottom-menu .logo-link {
     display: none;
}
 @media screen and (max-width: 1070px){
     .header-bottom-menu-item:not(:first-of-type) {
         display: none;
    }
     .vertical-banner-title, .vetical-banner-content {
         padding-left: 20px;
    }
     .vertical-banner-dark .vertical-banner-img {
         width: 60%;
         background-size: cover;
    }
     .seo {
         max-width: 100%;
    }
}
 @media screen and (max-width: 900px) {
     .header-bottom-menu .logo-link {
         display: block;
    }
     .header-menu {
         display: none;
    }
     .header-actions {
         display: none;
    }
     .container {
         width: 100%;
    }
     .header-menu-right {
         display: none;
    }
     .short-header-actions {
         display: flex;
    }
     .header-bottom-text {
         display: none;
    }
     .header-bottom-menu {
         padding: 0 16px;
    }
     .header-menu-title {
         padding: 16px 0;
    }
     .header-bottom-menu {
         align-items: center;
    }
     .header-bottom-menu-item:first-of-type {
         order: 1;
         margin-left: 20px;
    }
     .short-header-actions {
         margin-left: auto;
    }
     .short-header-action:not(:last-of-type) {
         margin-right: 20px;
    }
     .header-bottom-img {
         margin-right: 0;
    }
     .menu-header-content {
         width: 100%;
         flex-direction: column;
         height: 100%;
         z-index: 9999;
         overflow-y: auto;
    }
     .menu-left-list {
         padding: 40px 16px 40px 16px;
         border-right: none;
         border-bottom: 1px solid rgba(230, 221, 206);
    }
     .menu-header-content .header-button {
         top: 16px;
         right: 16px;
    }
     .menu-header-right {
         padding: 40px 16px;
         flex-direction: column;
         gap: 30px;
    }
     .menu-column-list {
         display: flex;
         flex-wrap: wrap;
    }
     .menu-column-list {
         padding-bottom: 0;
    }
     .menu-column-list-item:not(:last-of-type) {
         padding-right: 20px;
         padding-bottom: 16px;
    }
     .menu-header-content .menu-column-list-item:not(:last-of-type) {
         padding-bottom: 0;
    }
     .banner, .banner-item {
         height: 392px !important;
         margin-bottom: 0;
         flex-direction: column;
         background-size: cover;
    }
     .banner-item-caption {
         width: 100%;
         background-image: none;
         padding: 16px;
         justify-content: flex-start;
         align-items: flex-start;
         background-image: url("img/pattern-mobile.png");
         background-position: right top;
    }
     .header-button.slick-arrow {
         bottom: calc(50% - 10px);
         left: 16px;
    }
     .header-button.slick-arrow.arrow-right {
         left: unset;
         right: 16px;
    }
     .tiles {
         flex-direction: column;
         gap: 0;
    }
     .tile-item {
         width: 100%;
         background: #fff;
         border-radius: 0;
         flex-direction: row;
         padding: 16px;
    }
     .tile-item:not(:last-of-type) {
         border-bottom: 1px solid rgba(230, 221, 206, 1);
    }
     .tile-img {
         width: 56px;
         height: 56px;
         margin-right: 24px;
    }
     .vertical-banners {
         margin-top: 24px;
         flex-direction: column;
         gap: 0;
    }
     .vertical-banner-item {
         width: 100%;
    }
     .vertical-banner-title, .vetical-banner-content {
         padding-left: 16px;
    }
     .vertical-banner-img {
         background-size: cover;
    }
     .info-block {
         padding: 0 16px 64px;
         margin: 64px 0;
    }
     .info-block p {
         max-width: 100%;
         font-size: 16px;
         line-height: 24px;
    }
     .popular-slider {
         padding: 0 16px;
    }
     .popular-slider-content {
         display: flex;
         flex-wrap: nowrap;
         max-width: 9999px;
         overflow-x: auto;
         gap: 24px;
         -webkit-overflow-scrolling: touch;
         scrollbar-width: none;
         -ms-overflow-style: none;
    }
     .popular-slider-content::-webkit-scrollbar {
         display: none;
         width: 0;
         height: 0;
    }
     .page-banner {
         height: 262px;
         margin: 64px 0;
         background-size: cover;
    }
     .question {
         margin: 64px 0;
         padding: 40px 16px;
    }
     .question-input {
         width: 100%;
         margin-bottom: 12px;
         font-size: 18px;
    }
	.form-control.has-error {
		 margin-bottom: 35px;
	}
     .question-form {
         flex-direction: column;
    }
     .seo {
         margin: 64px 0;
         padding: 0 16px;
         font-size: 16px;
         line-height: 24px;
         max-width: 100%;
    }
     .footer-content {
         flex-direction: column;
         padding: 40px 0 0 0;
         width: 100%;
    }
     .left-tels, .contacts, .mail {
         padding-left: 16px;
         padding-right: 16px;
    }
     .footer-left {
         padding: 0;
    }
     .left-tels {
         flex-direction: column;
         align-items: flex-start;
    }
     .contacts-menu-content {
         display: flex;
         flex-direction: column;
         padding: 40px 24px 40px 16px;
         border-right: 1px solid rgba(70, 70, 70, 1);
    }
     .footer-contact-menu {
         margin-top: 40px;
         display: flex;
         border-top: 1px solid rgba(70, 70, 70, 1);
         border-bottom: 1px solid rgba(70, 70, 70, 1);
         padding: 0;
    }
     .footer-contact-link:not(:last-of-type) {
         padding-right: 0;
         padding-bottom: 16px;
    }
     .contact-menu-fone {
         flex: 1;
         background: url("img/footer-pattern.png") no-repeat center;
         background-size: cover;
    }
     .footer-right {
         padding: 40px 0 0 0;
         flex-direction: column;
         gap: 30px;
    }
     .footer-right-column {
         padding-left: 16px;
         padding-right: 16px;
    }
     .footer-column-title {
         margin-bottom: 20px;
    }
     .footer-column-links {
         flex-direction: row;
         flex-wrap: wrap;
    }
     .footer-column-link:not(:last-of-type) {
         padding-right: 20px;
    }
     .footer-left .footer-copyrights {
         display: none;
    }
     .footer-contact-menu {
         margin-bottom: 0;
    }
     .footer-copyrights--right {
         display: flex;
         flex-direction: column;
         border-top: 1px solid rgba(70, 70, 70, 1);
         padding: 40px 16px;
    }
     .copyright-item:not(:last-of-type) {
         margin-right: 0;
         margin-bottom: 12px;
    }
}
 @media screen and (max-width: 400px) {
     .vertical-banner-img {
         width: 40%;
    }
}
 .breadcrumbs {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: -2%;
     display: flex;
     margin-bottom: 8px;
}
 .breadcrumb-item {
     color: rgba(128, 128, 128, 1);
     display: flex;
     align-items: center;
}
 .breadcrumb-item:after {
     display: inline-block;
     content: "";
     width: 4px;
     height: 4px;
     border-radius: 100%;
     background: rgba(230, 221, 206, 1);
     margin-left: 10px;
}
 .breadcrumb-item {
     padding-right: 10px;
}
 .breadcrumb-current {
     color: rgba(188, 188, 188, 1);
}
 .main-title {
     font-family: Geologica Roman;
     font-weight: 400;
     font-size: 32px;
     line-height: 40px;
     letter-spacing: -2%;
}
 .card-content {
     margin-top: 40px;
     display: flex;
     justify-content: space-between;
     margin-bottom: 100px;
}
 .card-goods {
     display: flex;
     flex-direction: column;
}
 .card-good {
     display: flex;
     padding-right: 64px;
}
 .card-good:not(:last-of-type) {
     margin-bottom: 40px;
}
 .good-img {
     min-width: 170px;
     height: 170px;
     margin-right: 36px;
}
 .card-good-content {
     padding-top: 8px;
}
 .good-title {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 20px;
     line-height: 32px;
     letter-spacing: -2%;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
     margin-bottom: 16px;
     max-width: 550px;
}
 .good-actions {
     display: flex;
     align-items: center;
}
 .good-buttons {
     display: flex;
     align-items: center;
     margin-right: 16px;
}
 .good-buttons .header-button {
     font-size: 25px;
     display: flex;
     align-items: center;
     justify-content: center;
     font-weight: 300;
}
 .header-button:disabled {
     outline: 1px solid rgba(230, 221, 206, 1);
     background: transparent;
     color: rgba(188, 188, 188, 1);
     pointer-events: none;
     touch-action: none;
}
 .good-params {
     display: flex;
}
 .good-param {
     font-family: Inter;
     font-weight: 400;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: -2%;
}
 .good-param:not(:last-of-type) {
     margin-right: 16px;
}
 .good-prices {
     display: flex;
     margin-top: 16px;
     align-items: baseline;
}
 .current-price {
     font-family: Geologica Roman;
     font-weight: 400;
     font-size: 20px;
     line-height: 32px;
     letter-spacing: -2%;
     margin-right: 8px;
}
 .old-price {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 14px;
     line-height: 20px;
     letter-spacing: -2%;
     color: rgba(188, 188, 188, 1);
     position: relative;
     margin-right: 8px;
}
 .old-price:after {
     display: block;
     content: "";
     width: 100%;
     height: 1px;
     background: rgba(249, 68, 68, 1);
     left: 0;
     top: 10px;
     position: absolute;
}
 .discount {
     font-family: Geologica Roman;
     font-weight: 500;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: -2%;
     color: rgba(187, 52, 38, 1);
}
 .card-purchase {
     width: 356px;
     min-width: 348px;
     background: rgba(245, 243, 240, 1) url("img/purhcase-pattern.png") no-repeat bottom left;
     padding: 40px 20px;
}
 .purchase-title {
     display: flex;
     align-items: baseline;
     margin-bottom: 12px;
     padding: 0 20px;
}
 .purcase-title-text {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 20px;
     line-height: 32px;
     letter-spacing: -2%;
     margin-right: 12px;
}
 .purchase-cards {
}
 .purchase-cards img {
}
 .purchase-cards span {
     display: inline-block;
     position: relative;
}
 .purchase-cards span:hover .promocode-tooltip {
     visibility: visible;
     opacity: 1;
     pointer-events: all;
     touch-action: auto;
}
 .purchase-cards span .promocode-tooltip {
     left: 10px;
     bottom: 35px;
     transform: translateX(-50%);
}
 .purchase-prices {
     padding: 0 20px;
}
 .purchase-old {
     display: flex;
     align-items: center;
}
 .purchase-old .old-price {
     margin-right: 8px;
}
 .purchase-total {
     font-family: Geologica Roman;
     font-weight: 400;
     font-size: 32px;
     line-height: 40px;
     letter-spacing: -2%;
     margin-top: 4px;
}
 .purchase-promocodes {
     margin-top: 24px;
     margin-bottom: 24px;
     padding: 0 20px;
}
 .promocode-item {
     display: flex;
     align-items: flex-start;
     position: relative;
}
 .promocode-item:not(:last-of-type) {
     margin-bottom: 8px;
}
 .promocode-status {
     min-width: 8px;
     width: 8px;
     height: 8px;
     border-radius: 100%;
     background: rgba(56, 189, 32, 1);
     margin-top: 8px;
     margin-right: 16px;
     position: relative;
}
 .promocode-text {
}
 .promocode-title {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: -2%;
     color: rgba(188, 188, 188, 1);
     margin-right: 8px;
}
 .promocode-descr {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: -2%;
}
 .close-promocode {
     background: url("img/close-promo.svg") no-repeat center;
     width: 16px;
     height: 16px;
     cursor: pointer;
     position: absolute;
     top: 4px;
     left: -22px;
}
 .promocode-item-invalid .promocode-status {
     background: rgba(187, 52, 38, 1);
}
 .promocode-item-invalid .promocode-descr {
     text-decoration: line-through;
     text-decoration-color: rgba(187, 52, 38, 1);
     text-decoration-thickness: 1px;
}
 .promocode-tooltip {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: -2%;
     color: #fff;
     border-radius: 20px;
     background: rgba(45, 40, 35, 1);
     position: absolute;
     bottom: 22px;
     left: -95px;
     padding: 12px 16px;
     white-space: nowrap;
     visibility: hidden;
     opacity: 0;
     transition: all .3s ease-in-out;
     pointer-events: none;
     touch-action: none;
}
 .promocode-tooltip:before {
     display: block;
     content: "";
     border: 12px solid transparent;
     border-top: 12px solid rgba(45, 40, 35, 1);
     position: absolute;
     bottom: -24px;
     left: 50%;
     margin-left: -7px;
}
 .promocode-status:hover .promocode-tooltip {
     visibility: visible;
     opacity: 1;
     pointer-events: all;
     touch-action: auto;
}
 .card-purchase .action-button {
     width: 100%;
}
 .secondary-button {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: -2%;
     color: rgba(128, 128, 128, 1);
     text-align: center;
     padding: 12px;
     background: transparent;
     cursor: pointer;
}
 .card-purchase .secondary-button {
     margin-left: 40px;
}
 .promocode-form {
     position: relative;
}
 .close-promocode-form {
     width: 24px;
     height: 24px;
     background: url("img/close-promo-form.svg") no-repeat center;
     cursor: pointer;
     position: absolute;
     right: 10px;
     top: 15px;
}
 .promocode-form .input-text {
     width: 100%;
     margin-bottom: 12px;
     padding-right: 35px;
}
 @media screen and (max-width: 1200px) {
     .good-title {
         max-width: 350px;
    }
}
 @media screen and (max-width: 1070px) {
     .card-content {
         flex-direction: column;
         margin-bottom: 64px;
    }
     .card-purchase {
         width: 100%;
         margin-top: 20px;
    }
}
 .action-button-fixed {
     display: none;
}
 @media screen and (max-width: 900px ){
     .breadcrumbs, .main-title {
         padding-left: 16px;
         padding-right: 16px;
    }
     .good-img {
         width: 56px;
         min-width: 56px;
         height: 56px;
         margin-right: 24px;
    }
     .good-title {
         max-width: 100%;
         font-size: 16px;
         line-height: 24px;
         margin-bottom: 8px;
         order: 1;
         white-space: initial;
         margin-left: -80px;
    }
     .card-good-content {
         display: flex;
         flex-direction: column;
         position: relative;
    }
     .good-actions {
         order: 0;
         flex-direction: column;
         justify-content: flex-start;
         align-items: flex-start;
    }
     .good-prices {
         order: 2;
         margin-left: -80px;
         margin-top: 40px;
    }
     .good-buttons .header-button, .good-buttons .header-button:disabled {
         border: none;
         background: transparent;
         outline: none;
         width: 5px;
         padding-top: 0;
    }
     .card-good {
         padding-right: 0;
         padding-bottom: 24px;
         padding-left: 16px;
         padding-right: 16px;
    }
     .card-good:not(:last-of-type) {
         margin-bottom: 24px;
         border-bottom: 1px solid rgba(230, 221, 206, 1);
    }
     .good-params {
         position: absolute;
         bottom: 45px;
         left: -80px;
    }
     .purchase-cards .promocode-tooltip {
         display: none;
    }
     .action-button-fixed {
         position: fixed;
         bottom: 8px;
         left: 8px;
         right: 8px;
         z-index: 9;
    }
     .action-button-fixed.visible {
         display: block;
    }
     .action-button-fixed span {
         color: rgba(188, 188, 188, 1);
         display: inline-block;
         margin-left: 4px;
    }
}
 .order-form {
}
 .order-header {
     display: flex;
     justify-content: space-between;
     align-items: center;
}
 .order-fieldset {
     display: flex;
     flex-direction: column;
     width: 460px;
}
 .order-fieldset:not(:last-of-type) {
     margin-bottom: 40px;
}
 .order-subtitle {
     font-family: Geologica Roman;
     font-weight: 400;
     font-size: 20px;
     line-height: 32px;
     letter-spacing: -2%;
     margin-bottom: 16px;
}
 .field-wrap {
     display: flex;
     flex-direction: column;
     position: relative;
}
 .field-wrap:not(:last-of-type) {
     margin-bottom: 12px;
}
 .field-label {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: -2%;
     color: rgba(128, 128, 128, 1);
     pointer-events: none;
     touch-action: none;
}
/*  input[type="text"]::placeholder, textarea::placeholder {
     color: transparent;
     opacity: 0;
} */
 .field-wrap:has(input[type="text"]) .field-label, .field-wrap:has(input[type="tel"]) .field-label, .field-wrap:has(input[type="email"]) .field-label, .field-wrap:has(textarea) .field-label {
     position: absolute;
     top: 1px;
     left: 20px;
     transition: all .3s ease-in-out;
color: rgba(188, 188, 188, 1);
}
 .field-wrap:has(input[type="text"]:not(:placeholder-shown)) .field-label, .field-wrap:has(input[type="tel"]:not(:placeholder-shown)) .field-label, .field-wrap:has(input[type="email"]:not(:placeholder-shown)) .field-label, .field-wrap:has(textarea:not(:placeholder-shown)) .field-label, .field-wrap:has(input[type="text"]) .field-label, .field-wrap:has(input[type="tel"]) .field-label, .field-wrap:has(input[type="email"]) .field-label, .field-wrap:has(textarea) .field-label {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 14px;
     line-height: 20px;
     letter-spacing: -2%;
     color: rgba(188, 188, 188, 1);
     //top: 0;
     left: 16px;
}
 .field-wrap.has-error .input-text, .form-control.has-error .input-text {
     border-color: rgba(187, 52, 38, 1);
}

 .field-wrap input[type="radio"] {
     display: none;
}
 .field-wrap:has(input[type="radio"]), .field-wrap:has(input[type="checkbox"]) {
     border: 1px solid rgba(230, 221, 206, 1);
     border-radius: 20px;
}
 .field-wrap:has(input[type="radio"]):hover, .field-wrap:has(input[type="checkbox"]):hover {
     border: 1px solid rgba(216, 185, 134, 1);
}
 .field-wrap:has(input[type="radio"]) label, .field-wrap:has(input[type="checkbox"]) label {
     display: flex;
     align-items: center;
     justify-content: flex-start;
     padding: 15px 20px;
     cursor: pointer;
}
 .field-wrap:has(input[type="radio"]) .field-label, .field-wrap:has(input[type="checkbox"]) {
     color: rgba(0, 0, 0, 1);
}
 .field-wrap:has(input[type="radio"]:checked) {
     border-color: #000;
}
 .field-label span {
}
 .has-error {
}
.form-control {
 position: relative;
}
label.error {
     position: absolute;
     display: block !important;
     margin: 0;
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 14px;
     line-height: 20px;
     letter-spacing: -2%;
     color: rgba(187, 52, 38, 1);
     padding-left: 20px;
     padding-top: 4px;
}
.form-group label.error {
	bottom: 0;
    top: 1px;
}
 .error-message {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 14px;
     line-height: 20px;
     letter-spacing: -2%;
     color: rgba(187, 52, 38, 1);
     padding-left: 20px;
     padding-top: 4px;
}
 .field-descr {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 14px;
     line-height: 20px;
     letter-spacing: -2%;
     color: rgba(188, 188, 188, 1);
     padding-left: 20px;
     padding-top: 4px;
     display: inline-block;
}
 .radio {
     width: 20px;
     height: 20px;
     border-radius: 100%;
     border: 1px solid rgba(230, 221, 206, 1);
     display: flex;
     margin-right: 8px;
     align-items: center;
     justify-content: center;
}
 .radio:before {
     display: block;
     content: "";
     width: 10px;
     height: 10px;
     border-radius: 100%;
}
 .field-wrap:has(input[type="radio"]:checked) .radio:before {
     background: #000;
}
 .field-wrap:has(input[type="radio"]:checked) .radio {
     border-color: #000;
}
 .field-wrap input[type="checkbox"] {
     display: none;
}
 .checker {
     width: 20px;
     height: 20px;
     border-radius: 4px;
     border: 1px solid rgba(230, 221, 206, 1);
     display: inline-block;
     background: #fff;
     margin-right: 10px;
     background-position: center;
     background-repeat: no-repeat;
}
 .field-wrap:has(input[type="checkbox"]:checked) .checker {
     background-image: url("img/check.svg");
}
 .card-purchase .field-wrap:has(input[type="checkbox"]) {
     margin-bottom: 12px;
}
 .field-wrap.has-error:has(input[type="checkbox"]), .field-wrap.has-error:has(input[type="radio"]) {
     border-color: rgba(187, 52, 38, 1);
}
 .field-wrap.has-error:has(input[type="checkbox"]) .checker {
     border-color: rgba(187, 52, 38, 1);
}
 .question-content-success {
     color: rgba(56, 189, 32, 1);
}
 .question-content-fail {
     color: rgba(187, 52, 38, 1);
}
 .container:has(.order-header) {
     margin-bottom: 100px;
}
 @media screen and (max-width: 1070px) {
     .order-header .action-thirdy {
         display: none;
    }
     .order-fieldset {
         width: 100%;
    }
     .container:has(.order-header) .card-goods{
         padding-left: 16px;
         padding-right: 16px;
         margin-bottom: 20px;
    }
     .container:has(.order-header) .card-purchase {
         background-image: none;
    }
     .container:has(.order-header) {
         margin-bottom: 64px;
    }
}
 .catalog-descr {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 20px;
     line-height: 32px;
     letter-spacing: -2%;
     margin-bottom: 40px;
     margin-top: 24px;
     max-width: 880px;
}
 .catalog-menu {
     margin: 100px 0;
     display: flex;
}
 .catalog-column {
     display: flex;
     flex-direction: column;
     padding-right: 40px;
     flex: 1;
}
 .catalog-column:not(:last-of-type) {
     border-right: 1px solid rgba(230, 221, 206, 1);
}
 .catalog-column:not(:first-of-type) {
     padding-left: 40px;
}
 .catalog-column-title {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: -2%;
     color: rgba(128, 128, 128, 1);
     padding-bottom: 12px;
}
 .catalog-column-links {
     display: flex;
     flex-direction: column;
}
 .catalog-column-link {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: -2%;
}
 .catalog-column-link:not(:last-of-type) {
     padding-bottom: 12px;
}
 @media screen and (max-width: 900px) {
     .catalog-descr {
         font-size: 16px;
         line-height: 24px;
         max-width: 100%;
         padding-left: 16px;
         padding-right: 16px;
    }
     .catalog-menu {
         margin-top: 64px;
         margin-bottom: 64px;
    }
     .catalog-menu {
         flex-direction: column;
    }
     .catalog-column, .catalog-column:not(:first-of-type) {
         padding-left: 16px;
         padding-right: 16px;
    }
     .catalog-column:not(:last-of-type) {
         border-bottom: 1px solid rgba(230, 221, 206, 1);
         padding-bottom: 40px;
    }
     .catalog-column:not(:first-of-type) {
         margin-top: 40px;
    }
}
 .catalog-groups {
     display: flex;
     gap: 12px;
     margin-bottom: 64px;
}
 .catalog-group {
     background: rgba(245, 243, 240, 1);
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: -2%;
     padding: 16px 20px;
     border-radius: 20px;
     cursor: pointer;
     transition: all .3s ease-in-out;
     display: flex;
     align-items: center;
     flex-direction: row-reverse;
}
 .catalog-group.catalog-group-active, .catalog-group:hover {
     background: #000;
}
 .catalog-group.catalog-group-active .catalog-group-title, .catalog-group:hover .catalog-group-title {
     color: #fff;
}
 .catalog-group.catalog-group-active .group-close {
     display: block;
}
 .group-close {
     width: 24px;
     height: 24px;
     background: url("img/close-group.svg") no-repeat center;
     margin-left: 8px;
     display: none;
}
 .catalog-group-title {
}
 .catalog-filter {
     display: flex;
     margin-bottom: 80px;
}
 .catalog-filter-content {
     min-width: 350px;
     margin-right: 64px;
     width: 350px;
}
 .filter-block {
}
 .filter-block:not(:last-of-type) {
     padding-bottom: 24px;
     border-bottom: 1px solid rgba(230, 221, 206, 1) 
}
 .filter-block:not(:first-of-type) {
     margin-top: 24px;
}
 .filter-block-header {
     margin-bottom: 24px;
     display: flex;
     justify-content: space-between;
     align-items: center;
}
 .filter-block-title {
     font-family: Geologica Roman;
     font-weight: 400;
     font-size: 20px;
     line-height: 32px;
     letter-spacing: -2%;
}
 .filter-count {
     width: 24px;
     height: 24px;
     background: #000;
     color: #fff;
     font-family: Geologica Roman;
     font-weight: 500;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: -2%;
     text-align: center;
     display: inline-block;
     border-radius: 100%;
     margin-left: 8px;
}
 .filter-toggle {
     width: 24px;
     height: 24px;
     background: url("img/arrow.svg") no-repeat center;
     cursor: pointer;
     transition: all .3s ease-in-out;
}
 .filter-toggle-opened {
     transform: rotate(180deg);
}
 .filter-fieldset {
}
 .filter-block .field-wrap:has(input[type="radio"]:checked), .filter-block .field-wrap:has(input[type="radio"]), .filter-block .field-wrap:has(input[type="checkbox"]:checked), .filter-block .field-wrap:has(input[type="checkbox"]) {
     border: none;
}
 .filter-block .field-wrap:has(input[type="radio"]) label, .filter-block .field-wrap:has(input[type="checkbox"]) label {
     padding: 0;
}
 .filter-block .field-label {
}
 .filter-range {
}
 .range-fields {
     display: flex;
     justify-content: space-between;
}
 .range-fields .input-text {
     width: 170px;
}
 .range-field-wrap {
}
 .range-controls {
     display: flex;
     flex-wrap: wrap;
     gap: 16px;
}
 .control {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 14px;
     line-height: 20px;
     letter-spacing: -2%;
     color: rgba(180, 146, 89, 1);
}
 .filter-checkboxes {
}
 .field-wrap input[type="checkbox"] {
}
 .show-more {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: -2%;
     margin-top: 12px;
     display: flex;
     cursor: pointer;
}
 .show-more:before {
     display: block;
     content: "+";
     font-size: 24px;
     margin-right:8px;
}
 .hidden-options {
     display: none;
}
 .show-more.show-more-less:before {
     content: "—";
}
 .filter-actions {
     margin-top: 16px;
}
 .filter-actions button {
     width: 100%;
     margin-bottom: 16px;
}
 .filter-actions .action-button .filter-action-count,  .filter-actions .action-button .filter-action-count span{
     font-family: Inter;
     font-weight: 400;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: -2%;
     color: rgba(188, 188, 188, 1);
}
 .action-thirdy {
     background: rgba(245, 243, 240, 1);
     border-radius: 20px;
     cursor: pointer;
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: -2%;
     padding: 16px 20px;
}
 .filter-actions-bottom {
     display: flex;
     gap: 12px;
}
 .filter-actions-bottom .header-button {
     width: 56px;
}
 .filter-action-count {
}
 .action-delete {
}
 .catalog-filter-grid {
}
 .grid-items {
     display: flex;
     gap: 34px;
     flex-wrap: wrap;
}
 .pagination {
     margin-top: 40px;
     display: flex;
	 align-items: center;
     gap: 8px;
}
 .pagination .action-thirdy {
     flex: 1;
     align-items: center;
     display: flex;
     justify-content: center;
}
 .pagination .input-text {
     width: 56px;
}
.pagination .pages {
    flex: 0 0 33.333%; /* ровно 1/3 ширины */
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    margin: 0 auto;
}
.pagination .module-pagination__item {
    font-size: 18px;
}
.pagination .cur {
	color: rgba(68, 95, 249, 1);
}
 .action-prev .angle {
     transform: rotateY(180deg);
}
 .angle {
     width: 24px;
     height: 24px;
     background: url("img/arrow-right.svg") no-repeat center;
     display: inline-block;
}
 .action-next {
}
 .container:has(.catalog-filter) .banner-item {
     margin-bottom: 100px;
}
 .filter-button {
     display: none;
}
 button.filter-button-fixed {
     width: 129px;
     position: fixed;
     top: 70px;
     right: 0;
     z-index: 9999;
     display: none;
}
 .filter-header {
     display: none;
}
 @media screen and (max-width: 1070px) {
     .catalog-groups {
         overflow-y: auto;
         -webkit-overflow-scrolling: touch;
         scrollbar-width: none;
         -ms-overflow-style: none;
    }
     .catalog-groups::-webkit-scrollbar {
         display: none;
         width: 0;
         height: 0;
    }
}
 @media screen and (max-width: 900px) {
     .catalog-groups {
         padding-left: 16px;
         padding-right: 16px;
         margin-bottom: 40px;
    }
     .catalog-descr {
         max-width: 100%;
    }
     .catalog-filter {
         flex-direction: column;
         margin-bottom: 64px;
    }
     .catalog-filter-content {
         display: none;
    }
     .catalog-filter-grid {
         padding-left: 16px;
         padding-right: 16px;
    }
     .grid-items {
         gap: 24px;
         justify-content: center;
    }
     .container:has(.catalog-filter) .banner-item {
         margin-bottom: 64px;
    }
     .filter-button {
         margin-right: 16px;
         margin-left: 16px;
         display: block;
         margin-bottom: 40px;
         display: flex;
         align-items: center;
         justify-content: center;
    }
     .filter-icon {
         width: 24px;
         height: 24px;
         background: url("img/filter.svg") no-repeat center;
         margin-left: 8px;
         display: inline-block;
    }
     .catalog-filter-content {
         position: fixed;
         top: 0;
         left: 0;
         bottom: 0;
         right: 0;
         z-index: 9999;
         background: #fff;
         width: 100vw;
         height: 100vh;
         overflow-y: auto;
    }
     .filter-header {
         display: flex;
         align-items: center;
         justify-content: space-between;
         padding: 20px 24px;
         border-bottom: 1px solid rgba(230, 221, 206, 1);
    }
     .filter-block {
         padding-left: 16px;
         padding-right: 16px;
    }
     .filter-block:not(:first-of-type) {
         margin-top: 12px;
    }
     .filter-block:not(:last-of-type) {
         padding-bottom: 12px;
         border: none;
    }
     .filter-block-title {
         line-height: 24px;
         font-size: 16px;
    }
     .filter-block-header {
         margin-bottom: 16px;
    }
     .filer-title {
         font-family: Geologica Roman;
         font-weight: 400;
         font-size: 20px;
         line-height: 32px;
         letter-spacing: -2%;
    }
     .filter-count {
         display: none;
    }
     .filter-header .filter-count {
         display: block;
         margin-right: auto;
    }
     .close-filter {
         width: 24px;
         height: 24px;
         background: url("img/close.svg") no-repeat center;
    }
     .filter-block .field-wrap:has(input[type="radio"]:checked), .filter-block .field-wrap:has(input[type="radio"]), .filter-block .field-wrap:has(input[type="checkbox"]:checked), .filter-block .field-wrap:has(input[type="checkbox"]) {
         border: 1px solid rgba(230, 221, 206, 1) 
    }
     .filter-block .field-wrap:has(input[type="radio"]) label, .filter-block .field-wrap:has(input[type="checkbox"]) label {
         padding: 16px 20px;
    }
     .filter-actions {
         padding-left: 16px;
         padding-right: 16px;
    }
     button.filter-button-fixed.visible {
         display: flex;
    }
}
 @media screen and (max-width: 590px) {
     .grid-items .popular-slider-item {
         width: 45%;
    }
     .grid-items .popular-slider-item .popular-slider-header, .grid-items .popular-slider-item .popular-slider-descr {
         width: 100%;
    }
}
 @media screen and (max-width: 395px) {
     .grid-items .popular-slider-item {
         width: 100%;
    }
     .grid-items .popular-slider-item .popular-slider-header, .grid-items .popular-slider-item .popular-slider-descr {
         width: 100%;
    }
}
 .product {
     display: flex;
     justify-content: space-between;
     gap: 64px;
     margin-top: 16px;
     margin-bottom: 80px;
}
 .product-info {
}
 .product-slider {
}
 .product-slider-items {
     width: 568px;
}
 .product-slider-item {
     width: 568px !important;
     height: 568px !important;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
}
 .product-data {
     margin-top: 40px;
     border-right: 1px solid rgba(230, 221, 206, 1);
}
 .product-data-row {
     display: flex;
     padding-top: 24px;
     padding-bottom: 24px;
}
 .product-data-row:not(:last-of-type) {
     border-bottom: 1px solid rgba(230, 221, 206, 1);
}
 .product-data-label {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 20px;
     line-height: 32px;
     letter-spacing: -2%;
     color: rgba(128, 128, 128, 1);
     width: 200px;
}
 .product-data-values {
}
 .product-data-value {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 20px;
     line-height: 32px;
     letter-spacing: -2%;
}
 .product-purchase {
     position: sticky;
     top: 85px;
     height: calc(100vh - 150px);
     overflow-y: auto;
     display: flex;
     flex-direction: column;
	 flex: 1;
}
 .product-purchase .main-title {
     margin-top: 0;
}
 .product-descr {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 20px;
     line-height: 32px;
     letter-spacing: -2%;
     margin-top: 24px;
     margin-bottom: 16px;
}
 .product-descr-hidden {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 20px;
     line-height: 32px;
     letter-spacing: -2%;
     margin-top: 24px;
     margin-bottom: 16px;
     display: none;
}
 .product-show-more {
     color: rgba(128, 128, 128, 1);
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: -2%;
     cursor: pointer;
     margin-bottom: 30px;
}
 .product-labels {
     display: flex;
     align-items: center;
}
 .product-discount {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 14px;
     line-height: 20px;
     letter-spacing: -2%;
     color: #fff;
     padding: 2px 8px;
     border-radius: 20px;
     background: rgba(249, 68, 68, 1);
}
 .product-label {
     color: rgba(180, 146, 89, 1);
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 14px;
     line-height: 20px;
     letter-spacing: -2%;
     margin-left: 12px;
}
.product-label.notavailable {
	color: rgba(249, 68, 68, 1);
}
 .product-old-price {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 14px;
     line-height: 20px;
     letter-spacing: -2%;
     color: rgba(188, 188, 188, 1);
     margin-left: auto;
     text-decoration: line-through;
     text-decoration-color: rgba(187, 52, 38, 1);
     text-decoration-thickness: 1px;
}
 .product-controls .header-button, .fixed-product-actions .header-button {
     font-size: 25px;
     display: flex;
     align-items: center;
     justify-content: center;
     font-weight: 300;
}
 .product-controls {
     margin-top: 16px;
     margin-bottom: 16px;
     display: flex;
     align-items: center;
}
 .product-action {
}
 .product-controls-info {
     display: flex;
     margin-left: 16px;
     align-items: baseline;
}
 .control-info-item {
     font-family: Inter;
     font-weight: 400;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: -2%;
}
 .control-info-item:not(:last-of-type) {
     margin-right: 16px;
}
 .product-add-actions {
     display: flex;
     gap: 12px;
}
 .product-add-actions button {
     flex: 1;
}
 .product-add-label {
     border: 1px solid rgba(70, 70, 70, 1);
     padding: 16px 20px;
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: -2%;
     border-radius: 20px;
}
 .product-current-price {
     font-family: Geologica Roman;
     font-weight: 400;
     font-size: 32px;
     line-height: 40px;
     letter-spacing: -2%;
     margin-left: auto;
}
 .product-actions {
     margin-top: auto;
}
 .product-actions .action-button {
     width: 100%;
     margin-bottom: 12px;
}
 .product-actions .action-button span {
     color: rgba(188, 188, 188, 1);
}
.modal-dialog {
    width: 420px;
 }
 .modal-content-call {
     background: #fff;
     padding: 24px;
     border-radius: 20px !important;
     /* width: 420px; */
     display: flex;
     flex-direction: column;
}
 .modal-content-call:has(.action-thirdy) .action-button {
     margin-bottom: 8px;
}
 .modal-header-call {
     display: flex;
     align-items: center;
     justify-content: space-between;
}
 .modal-title-call {
     font-family: Geologica Roman;
     font-weight: 400;
     font-size: 20px;
     line-height: 32px;
     letter-spacing: -2%;
}
 .close-modal {
     width: 24px;
     height: 24px;
     cursor: pointer;
     background: url("img/close.svg") no-repeat center;
}
 .modal-descr {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: -2%;
     color: rgba(128, 128, 128, 1);
     margin-bottom: 24px;
}
 .modal-content-call .action-button {
     margin-top: 12px;
}
 .delivery {
     padding-bottom: 100px;
     border-bottom: 1px solid rgba(230, 221, 206, 1);
     margin-bottom: 100px;
}
 .delivery-title {
     font-family: Geologica Roman;
     font-weight: 400;
     font-size: 32px;
     line-height: 40px;
     letter-spacing: -2%;
     margin-bottom: 12px;
}
 .delivery p {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 20px;
     line-height: 32px;
     letter-spacing: -2%;
}
 .controls-main {
     display: flex;
}
 .product-data-mobile {
     display: none;
}
 .fixed-product-actions {
     display: none;
}
 @media screen and (max-width: 1200px) {
     .product-controls {
         flex-direction: column;
         align-items: flex-start;
    }
     .controls-main {
         margin-bottom: 20px;
    }
     .breadcrumbs {
         overflow: auto;
         webkit-overflow-scrolling: touch;
         scrollbar-width: none;
         -ms-overflow-style: none;
    }
     .breadcrumb-item, .breadcrumb-current {
         white-space: nowrap;
    }
     .product-slider .header-button.slick-arrow {
         bottom: 8px;
    }
}
 @media screen and (max-width: 900px) {
     .breadcrumbs::-webkit-scrollbar {
         display: none;
         width: 0;
         height: 0;
    }
     .product {
         flex-direction: column;
    }
     .product-data-desctop {
         display: none;
    }
     .product-data-mobile {
         display: block;
    }
     .product-purchase {
         position: static;
         max-height: inherit;
         height: auto;
         padding-left: 16px;
         padding-right: 16px;
    }
     .product-slider-items {
         width: 100% 
    }
     .product-slider-item {
         width: 100vw !important;
         height: 360px !important;
         background-position: center;
         background-repeat: no-repeat;
         background-size: cover;
    }
     .product .main-title {
         font-family: Geologica Roman;
         font-weight: 400;
         font-size: 20px;
         line-height: 32px;
         letter-spacing: -2%;
    }
     .product {
         gap: 40px;
    }
     .product-purchase .main-title {
         padding-left: 0;
         padding-right: 0;
         margin-bottom: 16px;
    }
     .product-descr, .product-descr-hidden {
         font-family: Geologica Roman;
         font-weight: 300;
         font-size: 16px;
         line-height: 24px;
         letter-spacing: -2%;
    }
     .main-title {
         order: 0;
    }
     .product-text {
         order: 2;
    }
     .product-actions {
         order: 1;
    }
     .controls-main {
         order: 1;
    }
     .product-current-price {
         order: 0;
         font-family: Geologica Roman;
         font-weight: 400;
         font-size: 20px;
         line-height: 32px;
         letter-spacing: -2%;
    }
     .product-controls-info {
         order: 2;
         margin-bottom: 24px;
    }
     .product-controls .header-button, .product-controls .header-button:disabled {
         border: none;
         background: none;
         outline: none;
         margin-top: -45px;
         width: 20px;
    }
     .product-controls-info {
         margin-left: auto;
         margin-top: -20px;
    }
     .product-add-actions {
         flex-direction: column;
    }
     .product-add-label {
         text-align: center;
    }
     .product-descr {
         margin-top: 40px;
    }
     .product-data {
         margin-top: 0;
         border-right: 0;
    }
     .product-data-row:first-of-type {
         padding-top: 0;
    }
     .product-data-label, .product-data-value {
         font-size: 16px;
         line-height: 24px;
    }
     .product-data-row {
         padding: 16px;
    }
     .product-data-label {
         width: 140px;
    }
     .product {
         margin-bottom: 40px;
    }
     .delivery {
         padding-left: 16px;
         padding-right: 16px;
         padding-bottom: 64px;
         margin-bottom: 64px;
    }
     .delivery-title {
         font-family: Geologica Roman;
         font-weight: 400;
         font-size: 32px;
         line-height: 40px;
         letter-spacing: -2%;
         margin-bottom: 24px;
    }
     .delivery p {
         font-family: Geologica Roman;
         font-weight: 300;
         font-size: 16px;
         line-height: 24px;
         letter-spacing: -2%;
    }
     .delivery p:not(:last-of-type) {
         margin-bottom: 24px;
    }
     .modal-content-call {
         width: 100%;
    }
     .fixed-product-actions {
         display: none;
         flex-direction: column;
         position: fixed;
         width: 100%;
         padding-left: 8px;
         padding-right: 8px;
         left: 8px;
         z-index: 9999;
         bottom: 8px;
    }
     .fixed-product-actions.visible {
         display: flex;
    }
     .fixed-product-actions span {
         color: #fff;
    }
     .buttons-row {
         display: flex;
    }
     .header-button-card {
         background: #000;
         background-repeat: no-repeat;
         background-position: center;
    }
     .fixed-product-actions .product-add-label {
         flex: 1;
         margin-left: 12px;
         margin-right: 12px;
         background: #fff;
    }
}
 .address-contact {
     display: flex;
     gap: 64px;
     margin-bottom: 100px;
}
 .contacts-info {
     flex: 1;
     border-right: 1px solid rgba(230, 221, 206, 1);
}
 .contacts-phone {
     font-family: Geologica Roman;
     font-weight: 400;
     font-size: 32px;
     line-height: 40px;
     letter-spacing: -2%;
     color: rgba(0, 0, 0, 1);
}
 .timetable {
     border-bottom: 1px solid rgba(230, 221, 206, 1);
     padding-bottom: 40px;
     margin-bottom: 40px;
}
 .work-time {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: -2%;
     color: rgba(188, 188, 188, 1);
}
 .contacts-wrap {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: -2%;
     flex-direction: column;
     display: flex;
     gap: 6px;
}
 .address-email {
     color: #000;
}
 .requisites {
     display: flex;
     align-items: center;
	 cursor: pointer;
}
 .requisites:after {
     width: 24px;
     height: 24px;
     content: "";
     display: flex;
     background: url("img/requisites.svg") no-repeat center;
}
 .about {
     flex: 1;
}
 .about-descr {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 20px;
     line-height: 32px;
     letter-spacing: -2%;
     margin-top: 24px;
}
 @media screen and (max-width: 900px) {
     .address-contact {
         flex-direction: column;
         gap: 40px;
    }
     .timetable {
         padding-left: 16px;
         padding-right: 16px;
    }
     .contacts-info {
         border-right: none;
    }
     .contacts-wrap {
         padding-left: 16px;
         padding-right: 16px;
         border-bottom: 1px solid rgba(230, 221, 206, 1);
         padding-bottom: 40px;
    }
     .about-descr {
         padding-left: 16px;
         padding-right: 16px;
         font-family: Geologica Roman;
         font-weight: 300;
         font-size: 16px;
         line-height: 24px;
         letter-spacing: -2%;
    }
     .address-contact {
         margin-bottom: 64px;
    }
}
 .search-results {
     margin-bottom: 100px;
}
 .search-links {
     display: flex;
     flex-direction: column;
     display: flex;
     gap: 16px;
     border-bottom: 1px solid rgba(230, 221, 206, 1);
     padding-bottom: 40px;
     margin-bottom: 40px;
}
 .search-link {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: -2%;
     display: flex;
     align-items: center;
}
 .search-link-img {
     width: 24px;
     height: 24px;
     background-repeat: no-repeat;
     background-position: center;
     margin-right: 8px;
}
 .search-link-text {
}
 .search-grid {
     display: flex;
     gap: 36px;
     flex-wrap: wrap;
}
 a:hover {
     text-decoration: none !important;
}
 .search-form {
     position: relative;
     display: none;
}
 .search-placeholder {
     display: none;
}
 @media screen and (max-width: 900px) {
     .search-form {
         position: fixed;
         top: 0;
         left: 0;
         background: #fff;
         display: flex;
         align-items: center;
         width: 100%;
         z-index: 999999;
         padding: 16px;
    }
     .search-form input {
         width: 100%;
    }
     .search-form .header-search-submit {
         right: 64px;
         top: 32px;
    }
     .search-results .main-title {
         display: none;
    }
     .search-results {
         padding-left: 16px;
         padding-right: 16px;
    }
     .search-links {
         border-bottom: none;
         padding-top: 32px;
    }
     .search-link:not(:last-of-type) {
         border-bottom: 1px solid rgba(230, 221, 206, 1);
         padding-bottom: 16px;
    }
     .close-search {
         width: 24px;
         height: 24px;
         background: url("img/close.svg") no-repeat center;
         margin-left: 16px;
    }
     .search-placeholder {
         display: flex;
         justify-content: center;
         align-items: center;
         flex-direction: column;
         padding-top: 60px;
    }
     .search-placeholder-icon {
         width: 70px;
         height: 70px;
         background: url("img/search-md.svg") no-repeat center;
         background-size: cover;
         margin-bottom: 24px;
    }
     .search-descr {
         font-family: Geologica Roman;
         font-weight: 300;
         font-size: 16px;
         line-height: 24px;
         letter-spacing: -2%;
         text-align: center;
         margin-bottom: 30px;
    }
}
 @media screen and (max-width: 550px ){
     .search-grid .popular-slider-item {
         width: 47%;
    }
     .search-grid {
         gap: 16px;
    }
     .search-grid .popular-slider-header, .search-grid .popular-slider-descr {
         width: 100%;
         max-width: 100%;
    }
}
 @media screen and (max-width: 390px ){
     .search-grid .popular-slider-item {
         width: 100% 
    }
}
 .text-page {
     margin-bottom: 100px;
}
 .text-page h1 {
     font-family: Geologica Roman;
     font-weight: 400;
     font-size: 32px;
     line-height: 40px;
     letter-spacing: -2%;
     margin-bottom: 40px;
}
 .text-page p {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 20px;
     line-height: 32px;
     letter-spacing: -2%;
     margin-bottom: 24px;
}
 .text-page a {
     color: rgba(0, 32, 193, 1);
     transition: all .3s ease-in-out;
     cursor: pointer;
}
 .text-page a:hover {
     color: rgba(68, 95, 249, 1);
}
 .text-page h2 {
     font-family: Geologica Roman;
     font-weight: 400;
     font-size: 32px;
     line-height: 40px;
     letter-spacing: -2%;
     margin-bottom: 24px;
}
 .text-page .banner-text {
     height: 560px;
     background-color: rgba(128, 128, 128, 1);
     margin-bottom: 44px;
     margin-top: 44px;
}
 .text-page ul {
     margin-bottom: 24px;
}
 .text-page ol {
     margin-bottom: 24px;
     counter-reset: section;
}
 .text-page ul li:before {
     display: block;
     content: "";
     width: 8px;
     height: 8px;
     border-radius: 100%;
     background: rgba(128, 128, 128, 1);
     position: absolute;
     top: 12px;
     left: 14px;
}
 .text-page ol li:before {
     counter-increment: section;
     content: "" counter(section) "";
     color: #666;
     color: rgba(128, 128, 128, 1);
     position: absolute;
     left: 14px;
}
 .text-page li {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 20px;
     line-height: 32px;
     letter-spacing: -2%;
     padding-left: 36px;
     position: relative;
}
 .text-page li:not(:last-of-type) {
     margin-bottom: 8px;
}
 @media screen and (max-width: 900px) {
     .text-page {
         padding-left: 16px;
         padding-right: 16px;
         margin-bottom: 64px;
    }
     .text-page h1 {
         padding-left: 0;
         padding-right: 0;
    }
     .text-page p {
         font-size: 16px;
         line-height: 24px;
    }
     .text-page li {
         font-size: 16px;
         line-height: 24px;
    }
     .text-page .banner-text {
         height: 200px;
    }
}
 .field-label a {
     color: rgba(0, 32, 193, 1);
     transition: all .3s ease-in-out;
     cursor: pointer;
}
 .field-label a:hover {
     color: rgba(68, 95, 249, 1);
}
 .no-mail {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: -2%;
     margin-bottom: 12px;
     padding-left: 32px;
}
 .change-mail {
     margin-top: 12px;
     position: relative;
     margin-bottom: 12px;
}
 .change-mail:before {
     content: "";
     display: block;
     width: 24px;
     height: 24px;
     background: url("img/arrow-left.svg") no-repeat center;
     top: 0;
     left: -24px;
     position: absolute;
}
 .no-mail-descr {
     margin-bottom: 12px;
}
 button.filter-button-static {
     display: none;
}
 .action-thirdy:disabled {
     outline: 1px solid rgba(230, 221, 206, 1);
     pointer-events: none;
     touch-action: none;
     color: rgba(188, 188, 188, 1);
}
 .avatar {
     width: 56px;
     height: 56px;
     border-radius: 100%;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     margin-right: 16px;
}
 .avatar-small {
     width: 24px;
     height: 24px;
     border-radius: 100%;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     margin-right: 16px;
}
 .wrap-404 {
     margin-bottom: 20px;
}
 .wrap-404-descr {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 20px;
     line-height: 32px;
     letter-spacing: -2%;
     margin-top: 24px;
     margin-bottom: 4px;
}
 .wrap-404-contacts {
     display: flex;
     align-items: center;
     margin-bottom: 24px;
}
 .phone-404 {
     font-family: Geologica Roman;
     font-weight: 400;
     font-size: 20px;
     line-height: 32px;
     letter-spacing: -2%;
     margin-right: 16px;
}
 .wrap-404-timatable {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 14px;
     line-height: 20px;
     letter-spacing: -2%;
     color: rgba(128, 128, 128, 1);
}
 body {
     min-height: 100vh;
     display: flex;
     flex-direction: column;
}
 .container {
     flex: 1;
}
 @media screen and (max-width: 900px) {
     .wrap-404 {
         padding-left: 16px;
         padding-right: 16px;
         margin-bottom: 64px;
    }
     .wrap-404 .main-title {
         padding-left: 0;
         padding-right: 0;
    }
     .wrap-404-contacts {
         flex-direction: column;
         align-items: flex-start;
         margin-top: 24px;
    }
}
 .lk {
     margin-top: 40px;
     display: flex;
     gap: 64px;
     margin-bottom: 100px;
}
 .lk-person {
     min-width: 568px;
     top: 100px;
     height: 320px;
}
 .lk-person-item {
     border-bottom: 1px solid rgba(230, 221, 206, 1);
     padding-bottom: 24px;
     display: flex;
     margin-top: 24px;
}
 .lk-person-item:last-of-type {
     border-bottom: none;
}
 .lk-person-label {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 20px;
     line-height: 32px;
     letter-spacing: -2%;
     color: rgba(128, 128, 128, 1);
     width: 204px;
     padding-right: 10px;
}
 .lk-person-value {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 20px;
     line-height: 32px;
     letter-spacing: -2%;
}
 .lk-person-items {
     margin-bottom: 24px;
     border-right: 1px solid rgba(230, 221, 206, 1);
}
 .lk-person-actions {
     display: flex;
     gap: 12px;
}
 .lk-person-actions button:first-of-type {
     flex: 1;
}
 .action-thirdy {
     display: flex;
     align-items: center;
     justify-content: center;
}
 button .logout {
     width: 24px;
     height: 24px;
     background: url("img/logout.svg") no-repeat center;
     display: inline-block;
     margin-left: 8px;
}
 .lk-order-list {
     width: 100%;
}
 .lk-order-item {
     padding-left: 32px;
     width: 100%;
     position: relative;
}
 .lk-order-item::before {
     display: block;
     content: "";
     width: 8px;
     height: 8px;
     border-radius: 100%;
     background: rgba(188, 188, 188, 1);
     position: absolute;
     top: 12px;
     left: 5px;
}
 .lk-order-item:not(:last-of-type) {
     margin-bottom: 40px;
}
 .lk-order-header {
     display: flex;
     align-items: center;
}
 .lk-order-number {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 20px;
     line-height: 32px;
     letter-spacing: -2%;
}
 .lk-order-date {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 14px;
     line-height: 20px;
     letter-spacing: -2%;
     color: rgba(128, 128, 128, 1);
     margin-left: 16px;
}
 .order-price {
     font-family: Geologica Roman;
     font-weight: 400;
     font-size: 20px;
     line-height: 32px;
     letter-spacing: -2%;
     margin-left: auto;
}
 .lk-order-item-N .lk-order-status {
     color: rgba(56, 189, 32, 1);
}
 .lk-order-item-F .lk-order-status {
     color: rgba(187, 52, 38, 1);
}
 .lk-order-item-N:before {
     background: rgba(56, 189, 32, 1);
}
 .lk-order-item-F:before {
     background: rgba(187, 52, 38, 1);
}
 .lk-order-status {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 20px;
     line-height: 32px;
     letter-spacing: -2%;
     margin-bottom: 16px;
     color: rgba(188, 188, 188, 1);
}
 .lk-order-goods {
}
 .lk-goods-header {
     display: flex;
     align-items: center;
}
 .lk-goods-title {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: -2%;
     margin-right: 8px;
}
 .lk-goods-toggle {
     width: 24px;
     height: 24px;
     cursor: pointer;
     background: url("img/arrow.svg") no-repeat center;
     transition: all .3s ease-in-out;
}
 .toggle-opened {
     transform: rotate(180deg);
}
 .lk-goods-items {
     margin-top: 16px;
     counter-reset: good;
     display: none;
}
 .lk-goods-item {
     padding-left: 36px;
     position: relative;
}
 .lk-goods-item:before {
     counter-increment: good;
     content: "" counter(good) "";
     color: #666;
     color: rgba(128, 128, 128, 1);
     position: absolute;
     left: 0;
}
 .lk-goods-item:not(:last-of-type) {
     border-bottom: 1px solid rgba(230, 221, 206, 1);
     padding-bottom: 26px;
}
 .lk-goods-item:not(:first-of-type) {
     margin-top: 24px;
}
 .lk-good-title {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: -2%;
     margin-bottom: 4px;
}
 .lk-good-params {
     font-family: Inter;
     font-weight: 400;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: -2%;
     display: flex;
     gap: 16px;
     align-items: baseline;
     margin-bottom: 4px;
}
 .lk-good-param {
}
 .lk-good-prices {
     display: flex;
     align-items: center;
}
 .lk-good-current {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: -2%;
     margin-right: 8px;
}
 .lk-good-old {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 14px;
     line-height: 20px;
     letter-spacing: -2%;
     color: rgba(188, 188, 188, 1);
     text-decoration: line-through;
     text-decoration-color: rgba(187, 52, 38, 1);
     text-decoration-thickness: 1px;
}
 .lk-order-data {
     margin-top: 26px;
}
 .lk-order-header-purchase {
     display: flex;
     align-items: center;
}
 .lk-order-title {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: -2%;
     margin-right: 8px;
}
 .lk-order-toggle {
     width: 24px;
     height: 24px;
     cursor: pointer;
     background: url("img/arrow.svg") no-repeat center;
     transition: all .3s ease-in-out;
}
 .lk-order-info {
     display: none;
}
 .lk-info-item {
     display: flex;
     margin-top: 24px;
     padding-bottom: 24px;
}
 .lk-info-item:not(:last-of-type) {
     border-bottom: 1px solid rgba(230, 221, 206, 1);
}
 .lk-info-label {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: -2%;
     color: rgba(128, 128, 128, 1);
     width: 160px;
}
 .lk-info-value {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: -2%;
}
 .lk-order-comments {
     margin-top: 24px;
}
 .lk-comments-header {
     display: flex;
     align-items: center;
}
 .lk-comments-title {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: -2%;
     margin-right: 8px;
}
 .lk-comments-toggle {
     width: 24px;
     height: 24px;
     cursor: pointer;
     background: url("img/arrow.svg") no-repeat center;
     transition: all .3s ease-in-out;
}
 .lk-comment-item {
     display: flex;
     margin-top: 24px;
     margin-bottom: 24px;
}
 .lk-comments {
     display: none;
}
 .lk-comment-date {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: -2%;
     color: rgba(128, 128, 128, 1);
     min-width: 160px;
}
 .lk-comment-text {
     font-family: Geologica Roman;
     font-weight: 300;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: -2%;
}
 @media screen and (max-width: 1100px){
     .lk-person {
         min-width: 500px;
    }
}
 @media screen and (max-width: 1000px){
     .lk-person {
         min-width: 400px;
    }
}
 @media screen and (max-width: 900px){
     .lk {
         flex-direction: column;
         margin-bottom: 64px;
    }
     .lk-person {
         position: static;
         min-width: 100%;
         height: auto;
    }
     .lk .main-title {
         padding-left: 0;
         padding-right: 0;
    }
     .lk-person-label, .lk-person-value {
         font-size: 16px;
         line-height: 24px;
    }
     .lk-person-label {
         width: 120px;
    }
     .lk-person-item {
         margin-top: 16px;
         padding-bottom: 16px;
         padding-left: 16px;
         padding-right: 16px;
    }
     .lk-person-actions {
         padding-left: 16px;
         padding-right: 16px;
    }
     .lk-order-item::before {
         display: none;
    }
     .lk-order-item {
         padding-left: 0;
    }
     .lk-order-header {
         padding-left: 16px;
         padding-right: 16px;
         flex-wrap: wrap;
         justify-content: space-between;
    }
     .order-price {
         margin-left: 0;
    }
     .lk-order-status {
         font-size: 16px;
         line-height: 24px;
         padding-left: 16px;
         padding-right: 16px;
    }
     .lk-goods-header {
         padding-left: 16px;
         padding-right: 16px;
    }
     .lk-goods-item {
         padding-left: 32px;
         padding-right: 16px;
    }
     .lk-goods-item:before {
         left: 16px;
         top: 2px;
    }
     .lk-info-label {
         font-size: 16px;
         line-height: 24px;
         width: 120px;
    }
     .lk-info-value {
         font-size: 16px;
         line-height: 24px;
    }
     .lk-order-header-purchase {
         padding-left: 16px;
         padding-right: 16px;
    }
     .lk-info-item {
         padding-left: 16px;
         padding-right: 16px;
         margin-top: 16px;
         padding-bottom: 16px;
    }
     .lk-comments-header {
         padding-left: 16px;
         padding-right: 16px;
    }
     .lk-comment-item {
         padding-left: 16px;
         padding-right: 16px;
    }
     .lk-comment-date {
         font-size: 16px;
         line-height: 24px;
         width: 120px;
    }
     .lk-comment-text {
         font-family: Geologica Roman;
         font-weight: 300;
         font-size: 16px;
         line-height: 24px;
         letter-spacing: -2%;
    }
     button.filter-button-static {
         display: flex;
    }
}

.bxmaker-authuseremail-simple {
	box-shadow: none !important;	
	-webkit-box-shadow: none !important;
	border-radius: none;
	width: 100% !important;
	padding: 0 !important;	
}
.bxmaker-authuseremail-header {
	display: none;
}
.bxmaker-authuseremail-button__inner {
	background: rgba(45, 40, 35, 1);
    color: #fff;
    font-family: "Geologica Roman";
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -2%;
    cursor: pointer;
    padding: 16px 20px;
    border-radius: 20px;
    transition: all .3s ease-in-out;
}
.bxmaker-authuseremail-button__title {
	font-family: "Geologica Roman";
    font-weight: 300;
}
.bxmaker-authuseremail-button__inner:hover {
	background: rgba(70, 70, 70, 1);
}
.bxmaker-authuseremail-input__validation {
	color: rgba(187, 52, 38, 1) !important;
}
.bxmaker-authuseremail-input--invalid .bxmaker-authuseremail-input__field {
    border-color: rgba(187, 52, 38, 1) !important;
}
.bxmaker-authuseremail-input--focus .bxmaker-authuseremail-input__field, .bxmaker-authuseremail-input:hover .bxmaker-authuseremail-input__field {
    border-color: rgba(68, 95, 249, 1) !important;
}

.kombox-filter ul .kombox-filter-property-head {
	background: transparent;
}

.kombox-filter ul {
   display: flex;
flex-direction: column;
}

.kombox-filter ul .kombox-filter-property-head {
    width: 100%;
    
}

#kombox-filter .kombox-filter-property-name {
  font-family: Geologica Roman;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
}

#kombox-filter .kombox-filter-property-head {
   padding-left: 0;
}

#kombox-filter .lvl1 {
   border-bottom: 1px solid rgba(230, 221, 206, 1);
   padding-bottom: 24px;
}

.filter-menu__item-head-marker {
   width: 24px;
    height: 24px;
    background: #000;
    color: #fff;
    font-family: Geologica Roman;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -2%;
    text-align: center;
    display: inline-block;
    border-radius: 100%;
    margin-left: 8px;
}

.kombox-filter {
   min-width: 350px;
   margin-right: 64px;
}

#kombox-filter .irs-line-mid, #kombox-filter .irs-slider.from:before, #kombox-filter .irs-slider.to:before {
  background-color: #000;
}

#kombox-filter .irs-slider.from, #kombox-filter .irs-slider.to {
   border-color: #000;
}

#kombox-filter .kombox-num .kombox-input {
   border: 1px solid rgba(230, 221, 206, 1);
    border-radius: 20px;
    background: #fff;
    height: 40px;
    color: #000;
    padding: 20px 16px;
    font-family: Geologica Roman;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -2%;
    transition: all .3s ease-in-out;
}

#basket-root {
   display: flex;
}

.cart__sidebar {
       width: 356px;
    min-width: 348px;
    background: rgba(245, 243, 240, 1) url(img/purhcase-pattern.png) no-repeat bottom left;
    padding: 40px 20px;
    margin-left: 40px;
}


.basket-checkout-block-total-title {
font-family: Geologica Roman;
    font-weight: 300;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: -2%;
    margin-right: 12px;
}

.basket-coupon-block-total-price-current {
   font-family: Geologica Roman;
    font-weight: 400;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: -2%;
    margin-top: 4px;
}

.basket-coupon-block-total-price-old {
   font-family: Geologica Roman;
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -2%;
    color: rgba(188, 188, 188, 1);
    position: relative;
    margin-right: 8px
}

.basket-btn-checkout {
background: rgba(45, 40, 35, 1);
    color: #fff;
    font-family: Geologica Roman;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -2%;
    cursor: pointer;
    padding: 16px 20px;
    border-radius: 20px;
    transition: all .3s ease-in-out;
}

.basket-coupon-block-field .form-control {
border: 1px solid rgba(230, 221, 206, 1);
    border-radius: 20px;
    background: #fff;
    height: 56px;
    color: #000;
    padding: 20px 16px;
    font-family: Geologica Roman;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -2%;
    transition: all .3s ease-in-out;
}
 .basket-coupon-text {
font-family: Geologica Roman;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -2%;
}

.basket-coupon-alert .close-link {
  font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -2%;
}

.basket-item-block-image {
min-width: 170px;
    
    margin-right: 36px;
}

.basket-item-info-name {
font-family: Geologica Roman;
    font-weight: 300;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: -2%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 16px;
    max-width: 550px;
}

.basket-item-property-custom-name, .basket-item-property-custom-value {
font-family: Inter;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -2%;
}

.basket-item-amount-btn-minus, .basket-item-amount-btn-plus {
width: 56px;
    height: 56px;
    border-radius: 20px;
    padding: 16px;
    background: #F5F3F0;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.basket-item-amount-filed-block input {
  border: 1px solid rgba(230, 221, 206, 1);
    border-radius: 20px;
    background: #fff;
    height: 56px;
    color: #000;
    padding: 20px 16px;
    font-family: Geologica Roman;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -2%;
    transition: all .3s ease-in-out;
   width: 70px;
}

.basket-item-price-current-text {
font-family: Geologica Roman;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: -2%;
    margin-right: 8px;
}

.basket-item-price-old-text {
	font-family: Geologica Roman;
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -2%;
    color: rgba(188, 188, 188, 1);
    position: relative;
  
}

.basket-items-list-item-container {
   display: flex;
flex-direction: column;
height: auto;
padding-bottom: 10px;
}

.basket-item-block-amount, .basket-items-list-item-price {
   justify-content: flex-start;
   padding-left: 210px;
}

.basket-item-amount-field-description {
   display: none;
}

.basket-items-list-item-price {
   width: 100%;
}

.basket-item-block-price {
   display: flex;
   align-items: center;
}

.basket-item-price-current-text {
   padding-left: 10px;
   padding-right: 10px;
}

.basket-item-property-custom {
   display: flex;
}

.basket-item-property-custom-name {
   margin-right: 10px;
}

.basket-items-list-item-container {
   position: relative;
}

.basket-item-actions-remove {
   position: absolute;
   top: 0;
right: 0;
}

.basket-items-list-item-descriptions-inner {
   padding-bottom: 10px;
}

.basket-items-list-item-amount {
   margin-bottom: 10px;
}

.basket-items-list-wrapper {
   flex: 1;
} 

@media screen and (max-width: 1200px) {
.basket-item-info-name {
    max-width: 400px;
}
}

@media screen and (max-width: 1050px) {
#basket-root {
   flex-direction: column;
}
.cart__sidebar {
   margin-left: 0;
width: 100%;
margin-top: 20px;
}
}

@media screen and (max-width: 700px)  {
  .basket-item-block-image {
   width: 90px;
    min-width: 90px;
   height: 90px;
}

.basket-item-block-amount, .basket-items-list-item-price {
   padding-left: 10px;
}

.basket-items-list-item-descriptions-inner {
    padding-bottom: 10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 0;
}

.basket-item-info-name {
   white-space: normal;
}

.basket-item-block-price {
 flex-direction: row;
}
}

.cart__inner {
   margin-bottom: 40px;
}

.order-fieldset {
    border: none;
}



@media screen and (max-width:1000px) {
   #kombox-filter {
visibility: hidden;
pointer-events: none;
touch-action: none;				
 	width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: #fff;
z-index: 9999;
  
	}

 #kombox-filter.visible {
  visibility: visible;
  pointer-events: all;
   touch-action: auto;

}

#kombox-filter .lvl1 {
   padding-left: 20px;
   padding-right: 20px;
}
}