/* ===== Main Styles ===== */

@font-face {
	font-family: 'Dimkin';
	src: url('/local/templates/main/vendor/dimkin/Dimkin-Thin.woff2') format('woff2');
	font-weight: 100;
	font-style: normal;
}
@font-face {
	font-family: 'Dimkin';
	src: url('/local/templates/main/vendor/dimkin/Dimkin-Light.woff2') format('woff2');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Dimkin';
	src: url('/local/templates/main/vendor/dimkin/Dimkin.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'Dimkin';
	src: url('/local/templates/main/vendor/dimkin/Dimkin-Semibold.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'Dimkin';
	src: url('/local/templates/main/vendor/dimkin/Dimkin-Bold.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
}
.container::before {
  display: none !important;
  content: none !important;
}
.container::after {
  display: none !important;
  content: none !important;
}
html, body {
    padding: 0;
    margin: 0;
    font-family: 'Proxima Nova Lt';
    color: #252627;
}
button {
  -webkit-appearance: none;
  -webkit-text-fill-color: inherit;
  color: inherit;
}
h1, h2, h3, h4, h5, p {
    margin: 0;
}
h1{
    font-weight: 600;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: 0%;
    margin-bottom: 55px;
}
h2{
    font-weight: 600;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #252627;
}
h3{
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #252627;
}
p {
  font-size: 16px;
}
.container, .container-fluid {
    box-sizing: border-box;
    width: 1184px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
}
.text-container {
  margin: 0 auto;
  max-width: 920px;
}
a, a:hover, a:visited{
    color: #252627;
    border: none;
    text-decoration: none;
}
ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
ul li {
    text-decoration: none;
    padding-bottom: 14px;
}
li a, li a:visited {
    text-decoration: none;
}
img {
    max-width: 100%;
}
strong{
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
}
.social-icon--vk {
    background-image: url('/local/templates/main/images/vk.svg');
}
.social-icon--tg {
    background-image: url('/local/templates/main/images/tg.svg');
}
.social-icon--yt {
    background-image: url('/local/templates/main/images/youtube.svg');
}
.social-icon--dz {
    background-image: url('/local/templates/main/images/yadzen.svg');
}
.page-banner-title {
	text-align: center;
	font-family: Dimkin;
	font-weight: 300;
	font-size: 60px;
	color: #fff;
	margin: 0;
}
@media(max-width: 968px) {
    .container, .container-fluid {
        padding-left: 37px;
        padding-right: 37px;
        overflow: hidden;
    }
    h2{
        font-weight: 600;
        font-size: 24px;
        line-height: 100%;
        letter-spacing: 0%;
        color: #252627;
    }
    h3{
        font-weight: 600;
        font-size: 14px;
        line-height: 100%;
        letter-spacing: 0%;
        color: #252627;
    }
    p {
      font-size: 14px;
    }                             
    main {
       margin-top: 100px; 
    }
}
@media(max-width: 475px) {
    p {
      font-size: 12px;
    }  
    .container, .container-fluid {
        padding-left: 16px;
        padding-right: 16px;
    }
}



/* ===== UI - Kit ===== */

/* Buttons */

.btn {
  width: 100%;
  max-width: 350px;
  height: 48px;
  font-size: 20px;
  line-height: 100%;

  display: inline-block;
  border: 1px solid transparent;
  border-radius: 100px;
  font-family: 'Proxima Nova Lt', sans-serif;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: 0.3s;
  padding: 0;
}

.btn-lg {
  max-width: 350px;
  height: 48px;
  font-size: 20px;
  line-height: 48px;
}
.btn-md {
  max-width: 318px;
  height: 40px;
  font-size: 16px;
  line-height: 40px;
}
.btn-sm {
  max-width: 160px;
  height: 32px;
  font-size: 14px;
  line-height: 32px;
}
.btn-adaptive {
  max-width: 350px;
  height: 48px;
  font-size: 20px;
  line-height: 48px;    
}
@media(max-width: 968px) {
  .btn-adaptive {
    max-width: 318px;
    height: 40px;
    font-size: 16px;
    line-height: 40px;    
  }
}
@media(max-width: 475px) {
  .btn-adaptive {
    max-width: 160px;
    height: 32px;
    font-size: 14px;
    line-height: 32px; 
  }
}

.btn-pink {
  background: #EAE7DA;
  color: #000;
}
.btn-pink:hover {
  background-color: #dbd8cc;
}

.btn-default {
  background: transparent;
  border-color: #006F56;
  color: #006F56;
  font-weight: 400;
}
.btn-default:hover {
  background: #006F56;
  color: #fff;
  font-weight: 600;
}

.btn-full {
  background: #006F56;
  border-color: #006F56;
  color: #fff;
  font-weight: 600;
}
.btn-full:hover {
  background: #fff;
  color: #006F56;
}

.btn-disabled {
  background: transparent;
  border-color: #C3C3C3;
  color: #C3C3C3;
  pointer-events: none;
  cursor: default;
  font-weight: 400;
}

/* Inputs */

.input {
  width: 100%;
  max-width: 302px;
  height: 40px;

  padding-left: 16px;
  border-radius: 50px;
  border: 1px solid #252627;
  font-size: 14px;
  font-family: 'Proxima Nova', sans-serif;
  font-weight: 400;
  color: #252627;
  line-height: 100%;
  letter-spacing: 0;
  box-sizing: border-box;
  outline: none;
  background: transparent;
}

.input-lg {
  max-width: 302px;
  height: 40px;   
}
.input-sm {
  padding-left: 12px;
  max-width: 124px;
  height: 32px;   
}
.input-mb {
  max-width: 302px;
  height: 48px;   
}

.input-category {
    background: #F4F1E7;
    border: none;
}

.input::placeholder {
  color: #C3C3C3;
  font-family: 'Proxima Nova', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0;
  opacity: 1;
}

/* Checkbox/Radio */

input.custom-radio,
input.custom-checkbox {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 0;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
}

.radio-sm,
.radio-lg {
  border: 1px solid #006F56;
  border-radius: 50%;
  background: transparent;
}

.radio-sm {
  width: 16px;
  height: 16px;
}
.radio-lg {
  width: 24px;
  height: 24px;
}

.radio-sm:checked::before,
.radio-lg:checked::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: #006F56;
  opacity: 1;
}
.radio-sm:checked::before {
  width: 8px;
  height: 8px;
  top: 3px;
  left: 3px;
}
.radio-lg:checked::before {
  width: 12px;
  height: 12px;
  top: 5px;
  left: 5px;
}

.radio-sm:disabled,
.radio-lg:disabled {
  border-color: #C3C3C3;
  cursor: not-allowed;
}
.radio-sm:disabled:checked::before,
.radio-lg:disabled:checked::before {
  background: #C3C3C3;
}

.checkbox-sm,
.checkbox-lg {
  border: 1px solid #006F56;
  background: transparent;
  border-radius: 4px;
  background-repeat: no-repeat;
  background-position: center;
}

.checkbox-sm {
  width: 16px;
  height: 16px;
}
.checkbox-lg {
  width: 24px;
  height: 24px;
}

.checkbox-sm:checked {
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 4L4 6.5L8.5 1' stroke='%23006F56' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: 10px 10px;
}
.checkbox-lg:checked {
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='11' viewBox='0 0 14 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.75 6L5.5 9.75L12.25 1.5' stroke='%23006F56' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: 14px 11px;
}

.checkbox-sm:disabled,
.checkbox-lg:disabled {
  border-color: #C3C3C3;
  cursor: not-allowed;
}
.checkbox-sm:disabled:checked::before,
.checkbox-lg:disabled:checked::before {
  border-color: #C3C3C3;
}

/* Icons */

.search-icon {
  background: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.2559 20.6112L26.6679 25.9998M14.6673 8.6665C17.6128 8.6665 20.0007 11.0543 20.0007 13.9998M24.0007 13.9998C24.0007 8.84518 19.822 4.6665 14.6673 4.6665C9.51266 4.6665 5.33398 8.84518 5.33398 13.9998C5.33398 19.1545 9.51266 23.3332 14.6673 23.3332C19.822 23.3332 24.0007 19.1545 24.0007 13.9998Z' stroke='%23252627' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center;
  background-size: cover;
  width: 32px;
  height: 32px;
  cursor: pointer;
  border: none;
  transition: background-image 0.3s ease;
}
.search-icon:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.2559 20.6112L26.6679 25.9998M14.6673 8.6665C17.6128 8.6665 20.0007 11.0543 20.0007 13.9998M24.0007 13.9998C24.0007 8.84518 19.822 4.6665 14.6673 4.6665C9.51266 4.6665 5.33398 8.84518 5.33398 13.9998C5.33398 19.1545 9.51266 23.3332 14.6673 23.3332C19.822 23.3332 24.0007 19.1545 24.0007 13.9998Z' stroke='%23006F56' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.cart-icon {
  background: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6.6665L6.49537 7.4983C7.42265 7.80738 8.10652 8.59902 8.2776 9.56136L9.74224 17.8C9.96851 19.0726 11.075 19.9998 12.3677 19.9998H22.528C23.7157 19.9998 24.7603 19.2144 25.0899 18.0733L27.0159 11.4066C27.5084 9.70141 26.2288 7.99984 24.4539 7.99984H12M13.3333 24.6665C13.3333 25.771 12.4379 26.6665 11.3333 26.6665C10.2288 26.6665 9.33333 25.771 9.33333 24.6665C9.33333 23.562 10.2288 22.6665 11.3333 22.6665C12.4379 22.6665 13.3333 23.562 13.3333 24.6665ZM24 24.6665C24 25.771 23.1045 26.6665 22 26.6665C20.8955 26.6665 20 25.771 20 24.6665C20 23.562 20.8955 22.6665 22 22.6665C23.1045 22.6665 24 23.562 24 24.6665Z' stroke='%23252627' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center;
  background-size: cover;
  width: 32px;
  height: 32px;
  cursor: pointer;
  position: relative;
  border: none;
  transition: background-image 0.3s ease;
}
.cart-icon:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6.6665L6.49537 7.4983C7.42265 7.80738 8.10652 8.59902 8.2776 9.56136L9.74224 17.8C9.96851 19.0726 11.075 19.9998 12.3677 19.9998H22.528C23.7157 19.9998 24.7603 19.2144 25.0899 18.0733L27.0159 11.4066C27.5084 9.70141 26.2288 7.99984 24.4539 7.99984H12M13.3333 24.6665C13.3333 25.771 12.4379 26.6665 11.3333 26.6665C10.2288 26.6665 9.33333 25.771 9.33333 24.6665C9.33333 23.562 10.2288 22.6665 11.3333 22.6665C12.4379 22.6665 13.3333 23.562 13.3333 24.6665ZM24 24.6665C24 25.771 23.1045 26.6665 22 26.6665C20.8955 26.6665 20 25.771 20 24.6665C20 23.562 20.8955 22.6665 22 22.6665C23.1045 22.6665 24 23.562 24 24.6665Z' stroke='%23006F56' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.trash-icon {
  width: 32px;
  height: 32px;
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 6H21M18 6V19C18 20.1046 17.1046 21 16 21H8C6.89543 21 6 20.1046 6 19V6M18 6H6M6 6H3M10 9.5V17.5M14 9.5V17.5M8.5 3H15.5' stroke='%23252627' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center;
  background-size: cover;
  cursor: pointer;
  transition: background-image 0.3s ease;
  border: none;
}
.trash-icon:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 6H21M18 6V19C18 20.1046 17.1046 21 16 21H8C6.89543 21 6 20.1046 6 19V6M18 6H6M6 6H3M10 9.5V17.5M14 9.5V17.5M8.5 3H15.5' stroke='%23006F56' stroke-linecap='round'/%3E%3C/svg%3E");
}
.trash-icon.inactive {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 6H21M18 6V19C18 20.1046 17.1046 21 16 21H8C6.89543 21 6 20.1046 6 19V6M18 6H6M6 6H3M10 9.5V17.5M14 9.5V17.5M8.5 3H15.5' stroke='%23C3C3C3' stroke-linecap='round'/%3E%3C/svg%3E");
  cursor: default;
  pointer-events: none;
}

.arrows-icon {
  width: 32px;
  height: 32px;
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 16L6 12L10 8' stroke='%23252627' stroke-linecap='round'/%3E%3Cpath d='M14 8L18 12L14 16' stroke='%23252627' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center;
  background-size: cover;
  cursor: pointer;
  transition: background-image 0.3s ease;
  border: none;
}
.arrows-vert {
    transform: rotate(90deg);
}
.arrows-icon:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 16L6 12L10 8' stroke='%23006F56' stroke-linecap='round'/%3E%3Cpath d='M14 8L18 12L14 16' stroke='%23006F56' stroke-linecap='round'/%3E%3C/svg%3E");
}
.arrows-icon.inactive {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 16L6 12L10 8' stroke='%23C3C3C3' stroke-linecap='round'/%3E%3Cpath d='M14 8L18 12L14 16' stroke='%23C3C3C3' stroke-linecap='round'/%3E%3C/svg%3E");
  cursor: default;
  pointer-events: none;
}

.arrow-icon {
  width: 32px;
  height: 32px;
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 8L14 12L10 16' stroke='%23252627' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center;
  background-size: cover;
  cursor: pointer;
  transition: background-image 0.3s ease;
  border: none;
}
.arrow-top {
    transform: rotate(90deg);
}
.arrow-right {
    transform: rotate(180deg);
}
.arrow-bot {
    transform: rotate(270deg);
}
.arrow-icon:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 8L14 12L10 16' stroke='%23006F56' stroke-linecap='round'/%3E%3C/svg%3E");
}
.arrow-icon.inactive {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 8L14 12L10 16' stroke='%23C3C3C3' stroke-linecap='round'/%3E%3C/svg%3E");
  cursor: default;
  pointer-events: none;
}

.filter-icon {
  width: 32px;
  height: 32px;
  background: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0984 13.1148C11.5108 13.1148 12.6558 11.9698 12.6558 10.5574C12.6558 9.14498 11.5108 8 10.0984 8C8.68599 8 7.54102 9.14498 7.54102 10.5574C7.54102 11.9698 8.68599 13.1148 10.0984 13.1148Z' stroke='%23252627' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M4 10.3607H7.54098' stroke='%23252627' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M28.0005 10.3607H12.6562' stroke='%23252627' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M21.9016 19.4348C20.4892 19.4348 19.3442 20.5798 19.3442 21.9922C19.3442 23.4046 20.4892 24.5495 21.9016 24.5495C23.314 24.5495 24.459 23.4046 24.459 21.9922C24.459 20.5798 23.314 19.4348 21.9016 19.4348Z' stroke='%23252627' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M28 22.1889L24.459 22.1889' stroke='%23252627' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M3.99949 22.1889L19.3438 22.1889' stroke='%23252627' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center;
  background-size: cover;
  cursor: pointer;
  transition: background-image 0.3s ease;
  border: none;
}
.filter-icon:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0984 13.1148C11.5108 13.1148 12.6558 11.9698 12.6558 10.5574C12.6558 9.14498 11.5108 8 10.0984 8C8.68599 8 7.54102 9.14498 7.54102 10.5574C7.54102 11.9698 8.68599 13.1148 10.0984 13.1148Z' stroke='%23006F56' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M4 10.3607H7.54098' stroke='%23006F56' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M28.0005 10.3607H12.6562' stroke='%23006F56' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M21.9016 19.4348C20.4892 19.4348 19.3442 20.5798 19.3442 21.9922C19.3442 23.4046 20.4892 24.5495 21.9016 24.5495C23.314 24.5495 24.459 23.4046 24.459 21.9922C24.459 20.5798 23.314 19.4348 21.9016 19.4348Z' stroke='%23006F56' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M28 22.1889L24.459 22.1889' stroke='%23006F56' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M3.99949 22.1889L19.3438 22.1889' stroke='%23006F56' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/svg%3E");
}

.home-icon {
  width: 32px;
  height: 32px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M25.3327 24V13.1046C25.3327 12.3973 25.0385 11.7353 24.4913 11.2871C23.0537 10.1093 20.1284 7.76829 17.8005 5.68753C16.7616 4.75889 15.1824 4.70023 14.1244 5.60707L7.59724 11.2018C7.00619 11.7084 6.66602 12.448 6.66602 13.2265V24C6.66602 25.4728 7.85992 26.6667 9.33268 26.6667H9.99935C11.4721 26.6667 12.666 25.4728 12.666 24V21.3333C12.666 19.8605 13.8599 18.6667 15.3327 18.6667H16.666C18.1388 18.6667 19.3327 19.8605 19.3327 21.3333V24C19.3327 25.4728 20.5265 26.6667 21.9993 26.6667H22.666C24.1388 26.6667 25.3327 25.4728 25.3327 24Z' stroke='%23252627' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center;
  background-size: cover;
  cursor: pointer;
  transition: background-image 0.3s ease;
  border: none;
}
.home-icon:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M25.3327 24V13.1046C25.3327 12.3973 25.0385 11.7353 24.4913 11.2871C23.0537 10.1093 20.1284 7.76829 17.8005 5.68753C16.7616 4.75889 15.1824 4.70023 14.1244 5.60707L7.59724 11.2018C7.00619 11.7084 6.66602 12.448 6.66602 13.2265V24C6.66602 25.4728 7.85992 26.6667 9.33268 26.6667H9.99935C11.4721 26.6667 12.666 25.4728 12.666 24V21.3333C12.666 19.8605 13.8599 18.6667 15.3327 18.6667H16.666C18.1388 18.6667 19.3327 19.8605 19.3327 21.3333V24C19.3327 25.4728 20.5265 26.6667 21.9993 26.6667H22.666C24.1388 26.6667 25.3327 25.4728 25.3327 24Z' stroke='%23006F56' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.cross-icon {
  width: 32px;
  height: 32px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M10.6699 10.6675L21.333 21.3306' stroke='%23252627' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M21.3301 10.6675L10.667 21.3306' stroke='%23252627' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center;
  background-size: cover;
  cursor: pointer;
  transition: background-image 0.3s ease;
  border: none;
}
.cross-icon:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M10.6699 10.6675L21.333 21.3306' stroke='%23006F56' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M21.3301 10.6675L10.667 21.3306' stroke='%23006F56' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.plus-icon {
  width: 32px;
  height: 32px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M9.33398 16.0002H22.6673' stroke='%23252627' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M16.0007 9.3335V22.6668' stroke='%23252627' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center;
  background-size: cover;
  cursor: pointer;
  transition: background-image 0.3s ease;
  border: none;
}
.plus-icon:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M9.33398 16.0002H22.6673' stroke='%23006F56' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M16.0007 9.3335V22.6668' stroke='%23006F56' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.minus-icon {
  width: 32px;
  height: 32px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M9.33398 16H22.6673' stroke='%23252627' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center;
  background-size: cover;
  cursor: pointer;
  transition: background-image 0.3s ease;
  border: none;
}
.minus-icon:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M9.33398 16H22.6673' stroke='%23006F56' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.icon-sm {
    width: 24px;
    height: 24px;
}



/* ===== Header Block ===== */

.header {
    background: #F4F1E7;
}
.header__top {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    justify-items: center;
    padding-top: 15px;
    padding-bottom: 15px;
}
.header__city {
    justify-self: start;
}
.header__contacts {
    justify-self: end;
}
.header__phone-label {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    text-align: left;
}
.header__phone-number {
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    text-align: right;
    padding-left: 10px;
}
.header__separator {
    border-bottom: #252627 1px solid;
}
.header__social {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}
.social-icon {
    height: 24px;
    width: 24px;
    background-size: cover;
}
.header__main {
    display: grid;
    grid-template-columns: 220px auto 80px;
    gap: 30px;
    justify-items: center;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 35px;
}
.header__logo {
    justify-self: start;
}
.header__logo-text {
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
}
.header__logo-img {
  width: 186px;
}
.header__actions {
    justify-self: end;
    display: grid;
    grid-template-columns: 32px 32px;
    gap: 30px;
}
.header__actions button {
    border: none;
}
.topCart {
    position: relative;
}
#topCart{
    position: absolute;
    right: -3px;
    top: -3px;
    font-weight: 600;
    font-size: 10px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    background-color: #EE6352;
    border-radius: 25px;
    color: #FFFFFF;
    padding: 3px;
    padding-left: 5px;
    padding-right: 5px;
}
.header--tablet {
    display: none;
    background: #F4F1E7;
}
.burger-checkbox {
  position: absolute;
  visibility: hidden;
}
.burger {
    cursor: pointer;
    display: block;
    position: relative;
    border: none;
    background: transparent;
    width: 20px;
    height: 13px;
}
.burger::before,
.burger::after {
    content: '';
    left: 0;
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    border-radius: 5px;
    background: #000;
}
.burger::before {
    top: 0;
    box-shadow: 0 5.5px 0 #000;
    transition: box-shadow 0.3s 0.15s, top 0.3s 0.15s, transform 0.3s;
}
.burger::after {
    bottom: 0;
    transition: bottom 0.3s 0.15s, transform 0.3s;
}
.burger-checkbox:checked + .burger::before {
    top: 5.5px;
    transform: rotate(45deg);
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0);
    transition: box-shadow 0.15s, top 0.3s, transform 0.3s 0.15s;
}
.burger-checkbox:checked + .burger::after {
    bottom: 5.5px;
    transform: rotate(-45deg);
    transition: bottom 0.3s, transform 0.3s 0.15s;
}
.header--mobile-menu {
    display: none;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 999;
    background: white;
    box-shadow: 0 0px 12px rgba(0, 0, 0, 0.2);
}
.mobile-menu__wrapper {
    height: 32px;
    width: 100%;
    margin-top: 16px;
    margin-bottom: 16px;
    display: flex;
    justify-content: space-around;
    overflow: visible;
}
.mobile-menu__cart {
    display: inline-block;
}
@media (max-width: 1110px) and (min-width: 968px) { 
  .header__contacts {
    display: flex;
    flex-direction: column;
  }
}
@media(max-width: 968px) {
    .header {
        min-height: unset;
    }
    .header--desktop {
        display: none;
    }
    .header--tablet {
        display: block;
    }
    .header--mobile-menu {
        display: block;
    }
    .header__main {
        display: flex;
        justify-content: space-between;
        gap: 0px;
    }
    .header__logo-img {
        width: 96px;
    }
    .header--tablet .header__contacts--tablet {
        flex-direction: column-reverse;
        gap: 0;
        align-items: baseline;
    }
    .header__phone-number {
        text-align: left;
        padding-left: 0;
    }
}



/* ===== Footer Block ===== */

footer {
    margin-bottom: 80px;
    overflow-x: inherit !important;
}
.footer__logo {
    margin-bottom: 35px;
}
.footer {
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0%;
    margin-bottom: 35px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-content: space-around;
    gap: 40px;
}
.footer__block--1 {
    order: 1;
}
.footer__block--2 {
    order: 2;
}
.footer__block--3 {
    order: 3;
}
.footer__block--4 {
    order: 4;
}
.footer__copy {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
}
.footer__phone {
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
    padding-bottom: 10px;
    padding-top: 10px;
}
.footer__email {
    margin-bottom: 45px;
}
.footer__email-link,
.footer__email-link:visited {
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-thickness: 0%;
}
.footer__subscribe-form {
    margin-top: 15px;
    margin-bottom: 45px;
    margin-right: 24px;
    position: relative;
}
.footer__subscribe-input {
    border: #252627 1px solid;
    border-radius: 50px;
    min-height: 40px;
    font-size: 14px;
    padding-left: 15px;
    width: 100%;
}
.footer__subscribe-btn {
    position: absolute;
    top: 50%;
    right: 0px;
    height: 14px;
    transform: translateY(-50%);
    background: url('/local/templates/main/images/subscribe.svg') no-repeat center;
    background-size: cover;
    border: none;
    cursor: pointer;
    padding: 5px 10px;
}
.footer__social {
    display: grid;
    grid-template-columns: repeat(4, 24px);
    justify-content: start;
    gap: 25px;
}
.footer__social-icon {
    margin-top: 15px;
    height: 24px;
    width: 24px;
    background-size: cover;
}
.legal {
    display: flex;
    justify-content: space-between;
    gap: 25px;
    border-bottom: 1px solid #006F56;
    margin: 80px 0 32px;
    padding-bottom: 20px;
}
.legal__item {
    display: flex;
    align-items: center;
    gap: 16px;
    flex: 1 1 22%;
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    color: #006F56;
    padding-left: 0;
    min-height: 48px;
    position: relative;
}
.legal__item::before {
    content: "";
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
}
.legal__item--original::before {
    background-image: url('/local/templates/main/images/Layer_1.svg');
}
.legal__item--payment::before {
    background-image: url('/local/templates/main/images/Layer_1-1.svg');
}
.legal__item--delivery::before {
    background-image: url('/local/templates/main/images/Layer_1-2.svg');
}
.legal__item--guarantee::before {
    background-image: url('/local/templates/main/images/Layer_1-3.svg');
}
@media (max-width: 968px) {
    .footer {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-areas:
        "block2 block3"
        "block1 block4";
        gap: 20px;
    }
    .footer__block--1 {
        grid-area: block1;
    }
    .footer__block--2 {
        grid-area: block2;
    }
    .footer__block--3 {
        grid-area: block3;
    }
    .footer__block--4 {
        grid-area: block4;
    }
    .footer__social-icon {
        height: 32px;
        width: 32px;
    }
    .legal {
        justify-content: space-around;
    }
    .legal__item {
        flex: 1 1 45%;
        flex-direction: column;
        text-align: center;
        min-height: auto;
        gap: 12px;
        padding-left: 0;
    }
}
@media (max-width: 475px) {
    .legal {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px 40px;
    }
    .legal__item {
        flex-direction: column;
        text-align: center;
        padding-left: 0;
    }
    .footer__logo-img {
        width: 145px;
    }
    .footerMenu {
        gap: 45px;
    }
    footer {
        padding: 0px 28px !important;
    }
    .footer {
        grid-template-columns: repeat(2, 1fr);
        grid-template-areas:
        "block2 block3"
        "block4 block4"
        "block1 block1";
    }
}



/* ===== 404 ===== */

.pnf{
    min-height: 560px;
    margin-top: -35px;
}
.nfContainer {
    position: absolute;
    background: url('/local/templates/main/images/404bg.jpg') no-repeat center;
    background-size: cover;
    width: 100%;
    height: 560px;
    left: 0px;
    right: 0;
    text-align: center;
    display: grid;
    justify-content: center;
    align-content: center;
}
.nfContainer::before{
    content: '';
    position: absolute;
    top: 0;
    background: rgba(0, 0, 0, 0.65);
    width: 100%;
    height: 100%;
}
.pnfTitle {
    font-family: Dimkin;
    font-weight: 300;
    font-size: 90px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    position: absolute;
    text-align: center;
    justify-self: center;
    text-transform: uppercase;
    color: #FFFFFF;

    margin-top: 86px;
}
.backButton {
    position: absolute;
    text-align: center;
    justify-self: center;
    bottom: 116px;
    width: 100%;
}
@media(max-width: 968px) {
  .pnfTitle {
    font-size: 60px;
  }
  .nfContainer {
    height: 450px;
  }
  .pnf {
    height: 450px;
    min-height: unset;
  }
}
@media(max-width: 475px) {
  .pnfTitle {
    font-size: 45px;
    margin-top: 35px;
  }
  .pnf {
    height: 400px;
    min-height: unset;
  }
  .backButton {
    max-width: 260px;
    bottom: 70px;
  }
  .nfContainer {
    height: 400px;
  }
}



/* ===== Cart ===== */

.cart__empty-wrapper {
	text-align: center;
}
.cart__empty-wrapper h1 {
	margin-bottom: 16px;
}
.cart__empty-wrapper p {
	width: 350px;
	margin: 0 auto;
	margin-bottom: 56px;
}
.cart__empty-breadcrumb {
	font-size: 14px;
	color: #646A6A;
}
@media(max-width: 768px) {
	.cart__empty-wrapper p {
		width: 260px;
	}
	.cart__empty-wrapper h1 {
		margin-top: 36px;
	}
}



/* ===== Cookie bar ===== */

.cookie-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #ffffff;
  color: #131D28;
  font-size: 14px;
  line-height: 1.4;
  z-index: 9999;
  padding: 10px 16px;
  display: none;
  box-shadow: 0 -2px 10px rgba(0,0,0,0.2);
  box-sizing: border-box;
}
.cookie-bar__inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.cookie-bar__message a {
  color: #4da3ff;
  text-decoration: underline;
}
@media (max-width: 768px) {
  .cookie-bar__inner {
    flex-direction: column;
  }
  .cookie-bar {
    font-size: 12px;
    text-align: center;
  }
  .cookie-bar__btn {
    max-width: 120px;
    height: 26px;
    line-height: unset;
  }
}



/* ===== Exit popup ===== */

.exit-popup {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  opacity: 0;
  pointer-events: none;
  transition: 0.3s;
}
.exit-popup.active {
  opacity: 1;
  pointer-events: auto;
}
.exit-popup__content {
  background: #fff;
  border-radius: 12px;
  display: flex;
  max-width: 792px;
  width: 90%;
  overflow: hidden;
  position: relative;
  font-family: "Ubuntu", sans-serif;
  box-sizing: border-box;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
}
.exit-popup__left {
  padding: 30px;
  flex: 0;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
}
.exit-popup__left h2 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 15px;
}
.exit-popup__left a {
  color: #252627;
  text-decoration: none;
  font-weight: 500;
}
.exit-popup__logo {
  max-width: 255px;
  height: 44px;
  margin-bottom: 15px;
}
.exit-popup__left p {
  font-size: 17px;
}
.exit-popup__left b {
  font-weight: 500;
}
.exit-popup__separator {
  color: #4A4A4A;
  text-align: center;
  margin-bottom: 12px;
}
.exit-popup__promo {
  box-sizing: border-box;
  height: 44px;
  background: #ffffff;
  border-radius: 9px;
  display: inline-flex;
  align-items: center;
  margin-left: 23px;
  margin-top: 12px;
  margin-bottom: 12px;
  gap: 8px;
  border: 1px solid #312F51;
  position: relative;
  padding-right: 112px;
}
.exit-popup__promo.second {
  margin-bottom: 20px;
}
.exit-popup__promo span {
  padding: 12px;
  font-weight: 400;
  font-size: 17px;
}
.exit-popup__promo strong {
  background: #312F51;
  font-size: 26px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  padding: 4px 10px;
  border-radius: 9px;
  position: absolute;
  height: 44px;
  box-sizing: border-box;
  height: 44px;
  right: -2px;
  width: 114px;
  text-align: center;
  line-height: 35px;
}
.exit-popup__buttons {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 312px;
}
.exit-popup-btn {
  text-align: center;
  padding: 12px 28px;
  border-radius: 9px;
  text-decoration: none;
  font-weight: 500;
  font-size: 17px;
  box-sizing: border-box;
  height: 44px;
  transition: .3s all;
  cursor: pointer;
  font-family: "Ubuntu", sans-serif;
}
.btn-green {
  background: #3DA15D;
  color: #fff !important;
}
.btn-green:hover {
  background: #fff;
  border: 1px solid #ACACAC;
  color: #949494 !important;
}
.btn-white {
  background: #fff;
  border: 1px solid #ACACAC;
  color: #949494;
  font-weight: 600;
}
.btn-white:hover {
  background: #3DA15D;
  color: #fff !important;
  border: none;
}

.exit-popup__right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.exit-popup__right {
  flex: 1;
  min-width: 300px;
}
.exit-popup__close {
  position: absolute;
  top: 12px;
  right: 16px;
  background: none;
  border: none;
  cursor: pointer;
  background: white;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  line-height: 100%;
}
@media (max-width: 700px) {
  .exit-popup__content {
    flex-direction: column;
  }
  .exit-popup__right img {
    height: 200px;
  }
  .exit-popup__promo {
    margin-left: 0;
  }
  .exit-popup__left {
    padding: 20px;
  }
  .exit-popup__buttons {
    width: 100%;
  }
  .exit-popup-btn {
    padding: 12px 2px;
  }
  .exit-popup__right {
    display: none;
  }
}



/* ===== Search ===== */

/* overlay */
.search-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.5);
  z-index: 9998;
  display: none;
}
.searchElementContainer {
  display: flex;
  gap: 10px;
  padding: 10px;
  text-decoration: none;
  color: inherit;
  border-radius: 6px;
  transition: background-color .3s ease;
}
.searchElementContainer:hover {
  background-color: #EAE7DA;
}
.searchElementImageImg {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 4px;
}
.searchElementImage {
  min-width: 135px;
  min-height: 100px;
}
.searchElementTitle {
  font-size: 18px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.searchElementPrices {
  font-weight: bold;
}
.searchElementImage img {
  width: 100%;
  min-height: 100%;
}
.topHeaderSearch {
  display: none;
  position: fixed;
  top: 40px;
  left: 16px;
  right: 16px;
  margin: 0 auto;
  z-index: 9999;
  width: calc(100% - 32px);
  max-width: 1200px;
  box-sizing: border-box;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.2);
  max-height: calc(100vh - 80px);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 20px;
}
body.search-open .search-overlay { display: block; }
body.search-open .topHeaderSearch { display: block; }
.topHeaderSearchResultContainer {
  padding: 16px 20px 24px;
}
.topHeaderSearchcontainer { position: static; }
.topHeaderSearch form {
  width: 100%;
  background-color: white;
  padding: 20px;
  box-sizing: border-box;
}
.topHeaderSearchResultContainer {
  background-color: white;
  padding-left: 60px;
  padding-right: 60px;
  padding-bottom: 32px;
}
#topHeaderSearchResult p {
  margin-top: 12px;
  text-align: center;
}
.parklon_search-form {
	display: flex;
	position: relative;
}
.topHeaderSearch .search-suggest {
	padding-left: 42px;
	outline: none !important;
	box-shadow: none !important;
	padding-bottom: 8px;
	padding-top: 8px;
	margin-right: 16px;
	font-size: 16px;
  box-sizing: border-box;
}
.parklon_search-form .search-suggest {
	width: calc(100% - 42px);
	padding-left: 42px;
	outline: none !important;
	box-shadow: none !important;
	padding-bottom: 8px;
	padding-top: 8px;
	margin-right: 16px;
	font-size: 16px;
}
.search-suggest{
	background: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.2559 20.6112L26.6679 25.9998M14.6673 8.6665C17.6128 8.6665 20.0007 11.0543 20.0007 13.9998M24.0007 13.9998C24.0007 8.84518 19.822 4.6665 14.6673 4.6665C9.51266 4.6665 5.33398 8.84518 5.33398 13.9998C5.33398 19.1545 9.51266 23.3332 14.6673 23.3332C19.822 23.3332 24.0007 19.1545 24.0007 13.9998Z' stroke='%23252627' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center;
	background-size: 24px 24px;
	background-position: left;
}
.search-suggest {
	padding-left: 42px;
	width: 100%;
}
.search-suggest,
.search-suggest:focus,
.search-suggest:active {
	outline: none !important;
	box-shadow: none !important;
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	border-bottom: 1px solid #F4F1E7;
}
@media (max-width: 630px) {
  .topHeaderSearchResultContainer {
    padding: 0;
  }
  .searchElementTitle {
    font-size: 16px;
  }
}
@media (max-width: 475px) {
  .searchElementImage {
    min-width: 100px;
  }
  .searchElementTitle {
    font-size: 14px;
  }
}

/* ===== Order page ===== */

#orderCity {
    color: #006f56;
}
.order__wrapper {
    width: 100%;
    max-width: 730px;
}
.order__wrapper h3 {
    margin-bottom: 16px;
}
.order__price-total-info {
    background: #F4F1E7;
}
.order__form-payment-method-logo {
    width: 18px;
    height: auto;
}
#orderAddress {
  margin-bottom: 12px;
  max-width: unset !important;
}
.order__form-payment-method, .order__form-client-data {
    padding: 24px;
    border: 1px #006F56;
    display: flex;
    gap: 12px;
}
.order__container {
    display: flex;
    flex-direction: row;
    gap: 30px;
}
.order__price-total-container {
    width: 350px;
}
.order__form-inputs {
    display: flex;
    gap: 30px;
}
.order__form-client-wrapper, .order__form-payment-choose {
    width: 100%;
}
.order__form-payment-method, .order__form-client-fields {
    border: 1px solid #006F56;
    border-radius: 8px;
    padding: 24px;
}
.order__form-client-fields {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
    height: 166px;
    justify-content: center;
}
.order__form-client-fields input {
    width: 100%;
    max-width: 302px;
}
.order__form-payment-method {
    display: flex;
    flex-direction: column;
    gap: 36px;
    height: 166px;
    justify-content: center;
}
.order__form-payment-method-item {
    display: flex;
    gap: 4px;
}
.order__form-payment-method-item span {
    font-size: 14px;
}
.order__price-total-container {
    display: flex;
    flex-direction: column;
    gap: 36px;
}
.order__price-total-info {
    background: #F4F1E7;
    border-radius: 8px;
    padding: 24px;
}
.order__price-total-info p {
    font-size: 14px;
    display: flex;
    justify-content: space-between;
}
.order__price-discount {
  color: #006F56;
  font-weight: bold;
}
.order__price-total-info p span {
    font-weight: bold;
}
.order__price-total-info h2 {
    margin-top: 36px;
    font-size: 24px;
    display: flex;
    justify-content: space-between;
}
.order__price-total-text {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.order__price-total-button {
    max-width: 302px;
    margin: 0 auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.order__privacy-policy {
    text-align: center;
    width: 166px;
    font-size: 10px;
    margin: 0 auto;
}
.order__privacy-policy a {
    text-decoration: underline;
}
.order__warning-msg {
  color: red;
  display: none;
  margin-bottom: 8px;
  font-weight: bold;
  background-color: antiquewhite;
  padding: 16px;
  border-radius: 8px;
}
.order__map-header {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 12px;
    margin-top: 32px;
}
.order__map-tabs-switcher {
    position: relative;
    display: inline-flex;
    align-items: center;
    border: 1px solid #e6dfd3;
    border-radius: 28px;
    padding: 4px;
    background: transparent;
    user-select: none;
    overflow: visible;
    box-sizing: border-box;
}
.order__map-tabs-switcher::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    width: calc(50% - 4px);
    border-radius: 999px;
    background: #e9e6d8;
    z-index: 0;
    transition: transform .22s cubic-bezier(.2,.9,.2,1);
}
.order__map-tabs-switcher.right-active::before {
    transform: translateX(calc(100% + 8px));
}
.order__map-tabs-switcher > div {
    position: relative;
    z-index: 1;
    padding: 10px 30px;
    min-width: 120px;
    text-align: center;
    cursor: pointer;
    border-radius: 20px;
    font-size: 15px;
    line-height: 1;
    color: #1f1f1f;
    font-weight: 600;
    transition: color .15s;
}
.order__map-tabs-switcher > div:focus {
    outline: none;
    border-radius: 18px;
}
.delivery-select-block {
  padding: 20px;
  background: #F4F1E7;
  border-radius: 8px;
  margin-bottom: 16px;
}
.delivery-select-block {
  display: none;
}
#map{
    width: 100%;
    height: 560px;
}
#orderComment {
    width: 723px;
    height: 198px;
    resize: none;
    padding: 12px 16px 12px 16px;
    box-sizing: border-box;
    border-radius: 8px;
    border: 1px solid #006F56;
    font-size: 14px;
    font-family: 'Proxima Nova Lt';
}
#orderComment:focus {
    outline: none;
    box-shadow: none;
}
#search-input {
    width: 699px;
    border: 0px;
    height: 41px;
    padding-left: 31px;
    font-size: 14px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 8px;

    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M11.4485 11.4637L15 15M13.2497 7.125C13.2497 3.74226 10.5075 1 7.12485 1C3.74219 1 1 3.74226 1 7.125C1 10.5078 3.74219 13.25 7.12485 13.25C10.5075 13.25 13.2497 10.5078 13.2497 7.125Z" stroke="%23646A6A" stroke-linecap="round"/></svg>') no-repeat 0px center;
    background-size: 16px;
}
#search-input:focus {
    outline: none;
    box-shadow: none;
}
#search-results div {
    border-bottom: 0px !important;
    padding-left: 31px !important;
}
/* custom scroll */
#search-results {
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: #F4F1E7 transparent;
    -ms-overflow-style: auto;
}
#search-results::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
#search-results::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 8px;
}
#search-results::-webkit-scrollbar-thumb {
    background: #F4F1E7;
    min-height: 35px;
    border-radius: 8px;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.06);
}
#search-results::-webkit-scrollbar-thumb:hover {
    background: #e9e4d6;
}
.delivery_baloon_text {
  font-size: 12px;
  margin-bottom: 8px;
  margin-top: 8px;
}
.pvzList {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 40px;
}
.pvzItemButton {
    padding: 10px;
    text-align: left;
    border-radius: 8px;
    border: #e0e0e0 1px solid;
    background: none;
    width: 100%;
}
.pvzItemButton.active {
  background-color: #e9e6d8;
}
.pvzItemButton:hover {
    background-color: #e9e6d8;
    border: #f8f8ff 1px solid;
}
.ymaps-2-1-79-balloon__content {
  font-family: 'Proxima Nova Lt' !important;
}
@media(max-width: 1060px) {
    .order__wrapper {
        width: 100%;
        max-width: 620px;
    }
    #search-input {
        width: 590px;
    }
    #orderComment {
        width: 590px;
    }
    .order__form-payment-method-item input {
        flex-shrink: 0;
    }
    #pay_3 + img {
        width: 30px;
        height: 20px;
    }
    #pay_4 + img {
        width: 18px;
        height: 18px;
        padding-left: 6px;
        padding-right: 6px;
    }
    #pay_5 + img {
        width: 30px;
        height: auto;
    }
}
@media(max-width: 968px) {
    .order__container {
        flex-direction: column;
    }
    .order__wrapper {
        max-width: unset;
    }
    #orderComment {
        width: 100%;
    }
    #search-input  #search-input {
        width: calc(100% - 31px);
    }
    .order__price-total-container {
        width: 100%;
    }
    .order__h1 {
        margin-bottom: 24px;
    }
}
@media(max-width: 625px) {
    .order__form-inputs {
        flex-direction: column;
    }
    .order__form-payment-header h3 {
        font-size: 16px;
        margin-bottom: 24px;
    }
    .order__form-client-header h3 {
        font-size: 16px;
    }
    .order__form-client-fields, .order__form-payment-method {
        align-items: baseline;
        height: unset;
        justify-content: flex-start;
    }
    .order__form-payment-method, .order__form-client-fields {
        border: 0px;
        border-radius: 0px;
        padding: 0px;
    }
    .order__form-client-fields input {
        max-width: unset;
    }
    .order__map-header {
        flex-direction: column;
    }
    .order__map-header h3 {
        font-size: 16px;
    }
    .order__map-tabs-switcher {
        margin-left: auto;
    }
    .order__map-tabs-switcher > div {
        width: 100%;
    }
}
@media(max-width: 415px) {
    .order__map-tabs-switcher {
        margin-left: 0px;
        width: 100%;
    }
    .order__map-tabs-switcher > div {
        min-width: unset;
    }
}
.bottom-basket-button {
    display: none;
}
.bottom-basket-info-wrapper {
    display: flex;
    justify-content: space-between;
    padding-left: 37px;
    padding-right: 37px;
    padding-top: 28px;
    padding-bottom: 28px;
}
.bottom-basket-info p {
    margin-top: -8px;
    margin-bottom: 8px;
    font-size: 14px;
}
.bottom-basket-info-price {
    font-size: 20px;
    font-weight: 700;
    margin-right: 8px;
}
.bottom-basket-info-discount {
    font-size: 14px;
    font-weight: 700;
    color: #646A6A;
}
@media (max-width: 968px) {
    .bottom-basket-button {
        display: block;
        position: fixed;
        bottom: -120px;
        left: 0;
        width: 100%;
        z-index: 998;
        background: white;
        box-shadow: 0 0px 12px rgba(0, 0, 0, 0.2);
        margin-bottom: 64px;
        transition: bottom 0.3s ease;
    }
    .bottom-basket-button.active {
        bottom: 0;
    }
}
@media (max-width: 510px) {
  .bottom-basket-info-wrapper {
      flex-direction: column;
      gap: 10px;
  }
  .bottom-basket-button {
      bottom: -185px;
  }
}